html{ font-size:62.5%;}

body{ padding:0px; margin:0px auto; font-size:1.2em; line-height: 23px; font-family: Microsoft YaHei,arial,'宋体'; color:#585858;

/*禁用Webkit内核浏览器的文字大小调整功能*/

-webkit-text-size-adjust:none;



/*取出点击出现半透明的灰色背景*/

-webkit-tap-highlight-color:rgba(0,0,0,0); 

-webkit-tap-highlight:rgba(0,0,0,0);



/*控制内容的可选择性*/

-webkit-user-select: none;  

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

user-select: none;



/*设置字体的抗锯齿或者说光滑度*/

-webkit-font-smoothing: antialiased;  

}

ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}

.ul,.ul li{ list-style: none; margin: 0; }

.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}

select,input,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0; outline:none; -moz-outline:none;}

img,object{ border:none; border:0; overflow:hidden; vertical-align:top; max-width: 100%;}

a{ color:#585858; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */

a:focus {outline:none; -moz-outline:none;}

.hide{ display:none;} /*设置影藏属性*/




/*手动设置间距*/

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}



/*清楚浮动*/

.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}



@media screen and (min-width:480px){

   body{ font-size: 1.4em;}

}

@media screen and (min-width:540px){

   body{ font-size: 1.6em;}

}





/*页面框架内容*/

.Contain{ width:100%; margin:0 auto;}

.singlepage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}



/*top & bottom*/

.header{ background: #fff; position: fixed; left: 0; top: 0; z-index: 50; width: 100%;}

.header .a-back{ display: none; width: 12%; float: left;}

.logo{ width: 39.06%; display: block; margin: 0 auto;}

.home .logo { float: left;}

.nav-btn,.btn-close{ width: 12.18%; float: right; cursor: pointer;}



.footer{ overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 3; width: 100%;}

.footer a{ display: block; width: 33.333333%;  text-align: center; color: #fff; font-size: 1.16em; padding: 2% 0;}

.footer a img{ width: 20%; max-width: 47px;}

.footer a.service{ float:left; background:#FF6D00;}

.footer a.tel{ background: #FF9600; float: left;}

.footer a.contact{ background: #FFB400; float: right;}

.footer a span{ padding-left: 5px;}



.logo-white,

.nav-btn-white,

.btn-close{ display: none;}



.header-fixed{ background: rgba(255,255,255,0.6);}

/*.header-fixed .logo-black,

.header-fixed .nav-btn-black{ display: none;}



.header-fixed .logo-white,

.header-fixed .nav-btn-white{ display: block;}*/



/* 2016-09-28 修改

.mainnav{ background: #fff; overflow-y: scroll; height: 0;}

.mainnav li{ position: relative;}

.mainnav li > a{ display: block; background: #F3F2F0;}

.mainnav li > a span{ display: block; background: url(../images/home_ti_bg.png) no-repeat top center; background-size:contain;  width: 50%; margin: 0 auto; text-align: center; font-size: 1.33em; height: 40px; line-height: 40px;}

.mainnav li.on > a{ background: #FF6000;}

.mainnav li.on > a span{ background: url(../images/nav_on_bg.png) no-repeat top center; background-size:contain; color: #fff;}

.mainnav li dl{ overflow: hidden; padding-bottom: 5%;}

.mainnav li dl dd{ width: 21.33%; float: left; text-align: center; padding: 5% 6% 0;}

.mainnav li dl dd a{ display: block;}

.mainnav li dl dd span{ display: block; line-height: 18px; padding: 8px 0;}

*/

.mainnav{ width: 34%; position: fixed; z-index: 20; right: -100%; overflow-y: scroll;}

.nav-open{ transition: all 1s; right: 0; opacity: 1;

-webkit-animation: nav 1s;

   -moz-animation: nav 1s;

        animation: nav 1s;

}

.mainnav li{ border-bottom: 1px solid #444443;}

.mainnav li:last-child{ border-bottom: 0 none;}

.mainnav li a{ display: block; background: #2F3030; text-align: center; color: #9C9893; padding: 10px 0; font-size: 1.16em;}

.mainnav li.on{ border-bottom: 0 none;}

.mainnav li.on a{ background: #599436; color: #fff; font-weight: bold;}

.nav-bg{ background: rgba(0,0,0,0.6); position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 5; display: none;}



@-webkit-keyframes nav{

	0%{ transform: rotateX(-34%); opacity: 0; }

	100%{ transform: rotateX(0); opacity: 1;}

}

@-moz-keyframes nav{

	0%{ transform: rotateX(-34%); opacity: 0; }

	100%{ transform: rotateX(0); opacity: 1;}

}

@keyframes nav{

	0%{ transform: rotateX(-34%); opacity: 0; }

	100%{ transform: rotateX(0); opacity: 1;}

}



@media screen and (min-width:480px ) {

	.footer a{ font-size: 1.14em; line-height: 35px;}

	

	.mainnav li a{ padding: 15px 0;}

}

@media screen and (min-width:540px){

	.mainnav li a{ padding: 20px 0;}

}

@media screen and (min-width:640px ) {

	.footer a{ font-size: 1.02em; line-height: 46px; max-height: 80px;}

	

	.mainnav li a{ padding: 25px 0;}

}

/*top & bottom*/





/*二级菜单*/

.menubox{ background: #F2F1EF; padding: 3% 0;}

.menubox ul{ margin: 0 auto; line-height: 32px; overflow: hidden; border: 1px solid #FF8D00; border-radius: 16px;}

.menubox li{ float: left;}

.menubox li a{ display: block; text-align: center; background: #fff;}

.menubox li:first-child a{ border-top-left-radius: 16px; border-bottom-left-radius: 16px;}

.menubox li:last-child a{ border-top-right-radius: 16px; border-bottom-right-radius: 16px;}

.menubox li.onmenu a{ background: #FF8D00; color: #fff;}



.menu-design ul{ width: 44%;}

.menu-design li{ width: 50%;}



.menu-advantage ul{ width: 98%;}

.menu-advantage li{ width: 20%;}



.menu-technology ul{ width: 98%;}

.menu-technology li{ width: 20%;}



.menu-anout ul{ width: 80%;}

.menu-anout li{ width: 25%;}



.menu-case ul{ width: 90%;}

.menu-case li{ width: 25%;}

.menu-case li{ float: left; width: 26%;}

.menu-case li:last-child{ width: 22%;}

.menu-case li a{ display: block; position: relative; padding-right: 10px; text-align: center; background: #fff;}

.menu-case li em{ position: absolute; right: 5px; top: 15px; width: 0; height: 0; line-height: 0; font-size: 0; border-style: solid dashed dashed dashed; border-width: 4px; border-color: #ACA8A3 transparent transparent transparent;}

.menu-case li.onmenu em{ border-color: #fff transparent transparent transparent;}

.menu-case li:last-child a{ background: url(../images/ico_3.png) no-repeat 15% center #fff; padding-left: 35%; background-size: 25%; cursor: pointer;}



@media screen and (min-width: 480px) {

	menu-case li:last-child span{ background-size:20%;}

}

@media  screen and (min-width: 540px) {

	.menubox ul{ border-width: 2px;}

	

	.menu-case ul{ line-height: 50px; border-radius: 25px;}

	.menu-case li span{ font-size: 1.27em;}

	.menu-case li em{ border-width: 6px; top: 24px;}

}

/*二级菜单*/





/*Pages*/

.Pages{ padding: 3% 0 10%; line-height:18px; zoom:1; overflow:hidden; text-align: center;}

.Pages span{ padding:0px 3px; display:inline-block;}

.Pages a{ display:inline-block; margin:0px 2px;}

/*.Pages .p_cur{ float:left;}*/

.Pages .p_cur b{ color:#FF9600;}

/*.Pages .p_count{ float:left;}*/

.Pages .p_count b{ color:#FF9600;}

/*.Pages .p_total { float:left;}*/

.Pages .p_total b{ color:#FF9600;}

/*.Pages .p_page{ float:right;}*/

.Pages .p_page em{ font-style:normal; font-family:Arial;}

.Pages .p_page em a{}

.Pages .p_page em a.a_cur{ color:#fff; background:#FF9600;}

.Pages .p_page b{ font-weight:normal;}

.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}

.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(../images/page_goto.jpg) no-repeat;}



.Pages .p_page a{ border: 1px solid #EAEAEA; background: #fff; padding:0px 7px;}

.Pages .p_page .a_first,

.Pages .p_page .a_prev,

.Pages .p_page .a_next,

.Pages .p_page .a_end{ margin: 0 1px;}



.Pages .p_count,

.Pages .p_total,

.Pages .p_jump{ display: none;}



@media screen and (min-width: 480px) {

	.Pages .p_page a{ padding: 2px 7px;}

}

@media screen and (min-width: 540px) {

	.Pages .p_page a{ padding: 4px 9px;}

}

/*Pages*/



/*Banner*/

.homeban{ position: relative; margin:50px 0px 0px 0px;}

.homeban .list li img{ width:100%;}

.homeban .tab{ height: 10px; position: absolute; left: 50%; bottom: 15px;}

.homeban .tab li{ float: left; padding: 0 5px;}

.homeban .tab li span{ background: #fff; width: 10px; height: 10px; border-radius: 5px; display: block; cursor: pointer; border: 1px solid transparent;}

.homeban .tab li.on span{ border: 1px solid #FF5D00; background: none;}





@media screen and (min-width:540px) and (max-width:640px){

   .homeban .tab{ height: 18px;}

   .homeban .tab li span{ width: 10px; height: 10px; border-radius: 9px;}

}





/*首页*/

.homebox .ti{ background: #F9F9F8; color: #fff; height: 40px; line-height: 40px; position: relative;}

.homebox .ti span{ display: block; background: url(../images/nav_on_bg.png) no-repeat top center;  background-size:contain ; width: 50%; margin: 0 auto; text-align: center; font-size: 1.33em;}

.homebox .ti a{ position: absolute; right: 10px; top: 0; color: #599436;}

.homebox .ti em{ font-style: normal; font-family: '宋体';}



.homebox .contbox{ padding: 0 3.12%;}



@media screen and (min-width:480px){

	.homebox .ti{ height: 50px; line-height: 50px;}

	.homebox .ti span{ font-size: 1.42em;}

	

	.home-service .contbox li span{ font-size: 1.14em; padding-top: 8px;}

}

@media screen and (min-width:540px){

	.homebox .ti{ height: 70px; line-height: 70px;}

	.homebox .ti span{ font-size: 1.71em; color:#304773;}

}

@media screen and (min-width:640px){

	.home-service .contbox li span{ font-size: 1.02em;}

}

.index-list{max-width:960px;padding:10px 0 45px 0;}
.index-list ul{ clear:both;padding-top:5px;}
.index-list li{ border-bottom:1px dashed #eee; font-size:14px; line-height:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/sub-ico.png) 4px center no-repeat; text-indent:16px; float:left; width:48%; margin:0 1%;}
.index-list .item{margin:0 12px; text-align:center;}
.index-list .pimg{margin:0 auto;text-align:center;vertical-align:middle;display:table-cell;overflow:hidden; background:#fff; overflow:hidden;}
.index-list .pimg img{margin:0 auto;max-width: 100%;height: auto;_margin-top:expression_r(( 300 - this.height ) / 2);vertical-align:middle;}
.index-list .nimg img{margin:0 auto;max-height:240px; max-width:100%}.index-news p.ntxt{font-size:14px;}.index-new img{ max-height:200px;}
.index-list .pname,.index-list .nname{width:100%;margin: 8px auto 0;max-height:3em;line-height:1.5em;overflow:hidden;text-align:center;font-size:1em;font-weight:normal;}
.index-list a{color:#444;}.index-list a:hover{color:#fe8073}
.index-list .owl-buttons{position:absolute; top:20px; right:24px;}
.index-list .owl-prev,.index-list .owl-next{width:26px;height:24px;text-indent:-9999em;overflow:hidden; z-index:999; position:relative; background-position:center center; background-repeat:no-repeat;display:inline-block;vertical-align:top;*display:inline;*zoom:1;position:absolute;top:-50px;border: 2px solid transparent;border-radius:3px;}
.index-list .owl-prev{background-image:url(../images/small-btn-prev-gray.png);right:30px;}
.index-list .owl-next{background-image:url(../images/small-btn-next-gray.png);right:0;}
.index-list .owl-prev:hover,.index-list .owl-next:hover{border-color: #333;}
.index-list .owl-pagination{position:absolute; bottom:10px;display:table;margin:0 auto;z-index:100; width:100%; text-align:center}
.index-list .owl-page{display:inline-block;zoom:1;padding: 0 3px;}
.index-list .owl-page span{width:5px; height:5px;font-size: 2px;overflow: hidden; display:inline-block; background:#000; cursor:pointer; text-indent:-9999px;border-radius:50%;opacity: 0.3;filter: alpha(opacity=30);}
.index-list .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#000;opacity: 1;filter: alpha(opacity=100);}

/* footer */
.foot-wrapper{position:relative;width:100%;overflow:hidden;background-color:#353738; margin-top:10px;}
.foot-wrapper .foot-items{padding:20px 12px; max-width:938px;font-size:12px;;margin:0 auto;color:#a0a0a0}
.copyright{text-align:center; padding-bottom:48px; position:relative}
.foot-tit{border-top:1px solid #000; text-align:center; text-transform:uppercase; font-weight:normal}
.foot-tit span{display:inline-block; font-size:24px; padding:16px 12px;border-top:2px solid #999; margin-top:-1px;}
.foot-cont li{ list-style-type:none; padding:0px 0 10px 28px; background:url(../images/eico.png) no-repeat; line-height:24px;}
.foot-cont li.foot-addr{background-position:0 3px;}
.foot-cont li.foot-qq{background-position:0 -70px;}
.foot-cont li.foot-phone{background-position:0 -134px;}
.foot-cont li.foot-cz{background-position:0 -20x;}
.foot-cont li.foot-email{background-position:0 -260px;}
.foot-cont li.foot-email a { color:#999;}
.foot-cc{position:fixed; bottom:0px;width:100%; height:36px; line-height:36px; background:#000; text-align:center;}
.foot-cc a{color:#fff; font-size:15px;}
.foot-cc .foot-phone{width:50%; float:left;background:#f57655;}.foot-cc .foot-email{width:50%;float:left;}
.foot-cc span{display:inline-block; background:url(../images/tel.png) 24px center no-repeat; height:36px; text-indent:48px;}
.foot-cc .foot-phone span{background:url(../images/tel.png) 24px center no-repeat;background-size:18px 18px;}
.foot-cc .foot-email span{background:url(../images/email.png) 24px center no-repeat;background-size:18px 18px;}
.gotop{display:block;width:34px;height:24px;line-height:24px;text-align:center;background-color:#353738;position: absolute;right:0;top: -48px;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;border:2px solid #505050;text-indent:-9999px;overflow:hidden;z-index:999;border-radius:3px;}
.gotop:before{content:'';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/ico_top.png) center no-repeat;opacity: 0.2;filter: alpha(opacity=20);}
.gotop:hover{background-color:#c90000;border-color:#c90000;}
.gotop:hover:before{opacity: 0.7;filter: alpha(opacity=70);}
@media screen and (min-width:960px){.index-list{min-width:984px!important;margin:0 24px 0 0px!important;}
.content{width:960px; margin:0 auto;}
.productlist .plist li:nth-child(4n) { margin-right: 0; }
.index-list .owl-pagination{display:none;}}
@media screen and (min-width:715px) and (max-width:960px){
.content{width:715px; margin:0 auto;}
.productlist .plist li:nth-child(3n) { margin-right: 0; }
}
@media screen and (min-width:470px) and (max-width:715px){
.content{width:90%; margin:0 auto;}
.productlist .plist li:nth-child(2n) { margin-right: 0; }
}
@media screen and (min-width:470px){
.productlist .plist li { width: 225px; float: left;margin-right: 20px; margin-bottom: 10px;  }
.productlist .plist li img{max-width:225px; display:block;max-height:220px;_margin-top:expression_r(( 300 - this.height ) / 2); margin:0 auto}
.productlist .plist li .pic{ width:225px; height:220px;text-align:center;vertical-align: middle;display:table-cell; overflow:hidden;background:#f5f5f5; }
}
@media screen and (max-width:470px){
.index-list li{float:none;width:100% }
.productlist .plist li .pic{ text-align:center;width:98%;margin:0 1%;}
.productlist .plist li img{max-width:96%;}
.productlist .plist li h3{ text-align:center; }
}
@media screen and (max-width:640px){.index-list .owl-pagination{display:block;}
.tit-bar h2{font-size:20px;}
.index-list .owl-buttons{display:none;}
#focus .owl-buttons{display:none;}
.newsone img{float:none;max-width:94%; display:block; margin:0 auto;}
.newsone .ntxt{ margin:12px 12px 6px 12px;}.newsone .ntxt strong{ text-align:center}
}


.banner img{ width:100%; margin:0 auto;}

/*关于辰星*/

/*公司介绍*/

.about-us{}

.about-us .floor .ti{ background: #F9F9F8; height: 40px; line-height: 40px; position: relative;}

.about-us .floor .ti span{ display: block; background: url(../images/home_ti_bg.png) no-repeat top center;  background-size:contain ; width: 50%; margin: 0 auto; text-align: center; font-size: 1.33em;}

.about-us .floor .contbox .p{ padding-top: 0.5%; text-align:justify; line-height:30px;}
.about-us .floor .contbox .pp{ padding-top: 0.5%; text-align:justify; line-height:30px;}
.about-us .floor .contbox .pp span{ font-size:1.2em; line-height:46px; font-weight:bold;}



.about-us .floor3 .contbox video{ width: 100%; background: #000;}

.about-us .floor4 .contbox .p{ padding: 4.3% 2.7% 0;}

.about-us .floor4 .contbox .img{ margin-top: -2%;}



.about-us .floor1 .contbox,

.about-us .floor3 .contbox{ padding: 1.8% 2.7% 4.6%;}

.about-us .floor2 .contbox{ padding: 0 2.7%;}



@media screen and (min-width: 480px) {

	.about-us .floor .ti{ line-height: 50px; height: 50px; font-size: 1.125em;}

}

@media screen and (min-width: 540px) {

	.about-us .floor .ti{ line-height: 70px; height: 70px; font-size: 1.25em;}

}


/*外贸快车*/
.wmkc{ width:96%; margin:0 auto;}
h5{
	font-size:1.4em;
	color:#ff9900;
	text-align:center;
	margin-top:1em;
	}


.tixi,.moshi,.youshi{
	width:100%;
	margin:1em auto;
	}
.tixi img,.moshi img,.youshi img,.tedian img{
	width:100%;
	}
.tedian{
	width:100%;
	margin:0 auto 2em auto;
	}
.tedian dl{
	color:#333333;
	overflow:hidden;
	}
.tedian dl dt{
	padding-left:1rem;
	background:url(dian1.png) no-repeat 0 center;
	font-size:1rem;
	line-height:1.8rem;
	}
.tedian dl dd{
	padding-left:1rem;
	font-size:0.8rem;
	line-height:1.2rem;
	margin-bottom:0.5rem;
	}
	
.tit_page_1_2{
	clear:both;
	font-size:1.2em;
	line-height:2.6em;
	}
	
.vip_table td span{
	color:#fff;
	font-weight:normal;
	}
.vip_table td{
	text-align:center;
	vertical-align:middle;
	color:#333;
	}
.vip_table span{
	color:#f00;
	}
.vip_table{
	margin:10px auto;
	font-size:1.0em;
	line-height:1.5em;
	}

/*颜色*/
.fcolorb{ color:#0082ff;}
.fcolordb{ color: #186dbf !important;}
.fcoloro{ color: #ff7200;}
.fcolordo{color: #ff7300;}
.fcolorr{ color: #f00;}
.fcolorg{ color:#6caa56;}
.fcolorp{ color:#fc6666;}
.fcolorpp{ color:#8328ff;}
.bgb{ background:#0082ff;background-image:url(../images/icon/icon03.png); background-repeat:no-repeat; background-position:center;}
.bgdb{ background: #186dbf;background-image:url(../images/icon/icon02.png); background-repeat:no-repeat; background-position:center;}
.bgo{ background: #ff7200; background-image:url(../images/icon/icon01.png); background-repeat:no-repeat; background-position:center;}
.bgdo{background: #ff7300;}
.bgr{ background: #f00;}
.bgg{ background: #6caa56;background-image:url(../images/icon/icon04.png); background-repeat:no-repeat; background-position:center;}
.bgp{ background: #fc6666;background-image:url(../images/icon/icon05.png); background-repeat:no-repeat; background-position:center;}
.bgpp{background: #8328ff;}
.bgpp{background: #8328ff;}
.bgy{ background-color: #ffb800;}
.bgf8{ background-color: #f8f8f8;}

.wrap{ width:100%; background-color:#FFFFFF;}
.main{ max-width:1190px; margin:0 auto; padding:10px 0;}
.main:after, .main:after{ display: block; content: ""; clear:both;}


/*商务卫士*/
.btitle{ display:block; text-align: center; line-height: 50px; font-size:36px; color:#186dbf; font-family:"幼圆","黑体"; margin:10px auto; position:relative; padding:10px 0; font-weight:bold;}
.btitle:after{ content: ""; width:50px; height: 2px; background:#186dbf; position: absolute; bottom:0; left: 50%; margin-left:-25px;}
.btitle h5{ font-size:16px; line-height: 30px;}

/*五大核心 core*/
.bggray{ background:#f7f7f7;}
.core ul{ width:100%; overflow: hidden; padding:40px 0; text-align: center;}
.core ul li{ float:left; overflow: hidden; width:18%; margin:0 1%; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; }
.core ul li:hover{-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
transform: translate(0,-10px);}
.core ul li a{ display:block; padding:20px 10px;  border:1px solid #186dbf; border-radius:3px; position: relative; overflow: hidden;}
.core ul li a h4{ font-size:16px;  display: block; text-align: center; color:#186dbf; font-family:"幼圆";}
.core ul li a i{  display: block; width:80px; height:80px; line-height: 80px; border-radius: 50%; color:#fff; font-size:50px; text-align: center;  margin:40px auto; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}
.core ul li:hover a i{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}

.core ul li{ display:inline-block;}
.core ul li.col2{ width:30.3%; margin:20px 1.5% 20px; float: none;}
.core ul li.col3{ width:30.3%; margin:0 1.5%;}
.core ul li a i{ margin:20px auto;}

.core ul li a span{  display:block; text-align: center; font-size:12px; line-height: 24px; }
.core ul li a:hover{ box-shadow:2px 2px 3px 5px rgba(0,0,0,.2);}
.core ul li a:before{ content:""; display:block; position:absolute; width:0; height:0; top:0; left:0; border-width:24px 24px 0 0;border-style:solid; border-color:#186dbf transparent transparent transparent; opacity:0; -webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}
.core ul li a:after{content:""; display:block; position:absolute; width:0; height:0; bottom:0; right:0; border-width:0 0 24px 24px ;border-style:solid; border-color:transparent transparent #186dbf  transparent; opacity:0;}
.core ul li a:hover:before, .core ul li a:hover:after{ opacity:1;}

/*解决方案 solution*/
.bg1{ background: url(../images/bg1.jpg) center center; padding:0;}
.solution-cont{ overflow: hidden; width:100%; margin:20px auto;}
.solution-cont li{ width:23%; margin: 0 1%; float:left;}
.solution-cont li a{ display:block; width:100%; position: relative; text-align: center;}
.solution-cont li a i{ display:inline-block; width:120px; height: 120px; margin:20px auto; border:2px solid #186dbf; border-radius:50%; font-size:75px; color:#186dbf; line-height: 120px; text-align: center; opacity:1;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
-webkit-transform:rotateY(0) scale(0.9);
-moz-transform:rotateY(0) scale(0.9);
-ms-transform:rotateY(0) scale(0.9);
-o-transform:rotateY(0) scale(0.9);
transform:rotateY(0) scale(0.9);}

.solution-cont li a:hover{ }
.solution-cont li a:hover i{ color:#ff7200; border-color:#ff7200;
-webkit-transform:rotateY(0) scale(1);
-moz-transform:rotateY(0) scale(1);
-ms-transform:rotateY(0) scale(1);
-o-transform:rotateY(0) scale(1);
transform:rotateY(0) scale(1);
}



.solution-cont li a span{ opacity:0; width:90%; margin:10px 5%; height:140px; overflow: auto; background:url(../images/blue80.png) repeat; border-radius:5px; padding:10px; color:#fff; line-height: 20px; text-align: center; position: absolute; top:0; left: 0;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
}

.solution-cont li a:hover span{ opacity:1;
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
-o-transform:rotateY(0deg);
transform:rotateY(0deg);
}


.solution-cont li a h4{ display:block;  text-align: center; line-height: 30px; font-size:20px; font-family:"youyuan"; color:#186dbf;}



/*六大独特优势 advantage*/
.advantage-cont{ overflow: hidden; width: 100%; margin:20px auto;}
.advantage-cont li{width:45%; float: left; list-style:none; margin:20px 2% 0px 2%; border:1px solid #e6e6e6; border-left:3px solid #3599df; padding:30px 0; position: relative; cursor:pointer;}
.advantage-cont li:before{ content: ""; position: absolute; display: block; top:0; left: 0; z-index: -1; width:0; height: 100%; background:#3599df;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;}



.advantage-cont li:hover:before{width:100%;}
.advantage-cont li span{ display:block; float: left; width:40%; text-align: center;}
.advantage-cont li span i{ display:inline-block; font-size:50px; margin-top:15px;}
.advantage-cont li:hover span i{ -webkit-animation:waggle .8s 1 ease;
-moz-animation:waggle .8s 1 ease;
-ms-animation:waggle .8s 1 ease;
-0-animation:waggle .8s 1 ease;
animation:waggle .8s 1 ease;}

@-moz-keyframes waggle{
0%{-moz-transform:translate(0,-5px);}
25%{-moz-transform:translate(0,5px);}
50%{-moz-transform:translate(0,-3px);}
75%{-moz-transform:translate(0,3px);}
100%{-moz-transform:translate(0,0px);}
}

@-webkit-keyframes waggle{
0%{-webkit-transform:translate(0,-5px);}
25%{-webkit-transform:translate(0,5px);}
50%{-webkit-transform:translate(0,-3px);}
75%{-webkit-transform:translate(0,3px);}
100%{-webkit-transform:translate(0,0px);}
}

@-o-keyframes waggle{
0%{-o-transform:translate(0,-5px);}
25%{-o-transform:translate(0,5px);}
50%{-o-transform:translate(0,-3px);}
75%{-o-transform:translate(0,3px);}
100%{-o-transform:translate(0,0px);}
}

@-ms-keyframes waggle{
0%{-ms-transform:translate(0,-5px);}
25%{-ms-transform:translate(0,5px);}
50%{-ms-transform:translate(0,-3px);}
75%{-ms-transform:translate(0,3px);}
100%{-ms-transform:translate(0,0px);}
}

@keyframes waggle{
0%{-moz-transform:translate(0,-5px);}
25%{-moz-transform:translate(0,5px);}
50%{-moz-transform:translate(0,-3px);}
75%{-moz-transform:translate(0,3px);}
100%{-moz-transform:translate(0,0px);}
}


.advantage-cont li:hover span i{ color:#fff!important;}
.advantage-cont li h2{ display:block; width:50%; float: left; padding:5%; line-height: 30px;  text-align: left; color:#186dbf; font-family: "幼圆","黑体"; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.advantage .advantage-cont li:hover h2{ color:#fff;}

/*持续更新的功能 newfunction*/
.bg2{ background: url(../images/bg2.jpg) center center; }
.newfunction .flexslider{ height: 380px;  margin-top:50px;}
.newfunction .slides{ margin-top:40px!important;}
.newfunc-nav { width: 100%; position: absolute; top:0; text-align: center;}
.newfunc-nav li { margin:5px 2px; display: inline-block; zoom: 1; *display: inline;}
.newfunc-paging li a { display: block; height: 25px; line-height: 25px; font-family:arial; width: 100px;  border-radius:3px; border:1px solid #186dbf; color:#186dbf; text-align: center; cursor: pointer; -webkit-transition-duration:0s; -moz-transition-duration:0s; position:relative; }
.newfunc-paging li a.flex-active, .newfunc-paging li.active a {background:#186dbf; color:#fff; }
.newfunc-paging li.active a:after{ content: ""; display: block; position: absolute; bottom:-7px; left: 50%; width:0; height:0; border-width:6px 7px 0 7px; border-color:#186dbf transparent transparent transparent; border-style:solid; margin-left:-7px;} 

.newfunction .slides{ padding:40px 10% 20px; }
.newfunc-pic{ width:50%; float: left; margin-top:60px; margin-left:10%;}
.newfunc-pic img{ display:block; margin:0 auto; width:80%;}
.newfunc-text{ width:35%; float: left; background:url(../images/blue80.png) repeat; border-radius:5px; position: relative; margin-top:80px; height:250px; padding:20px; line-height: 27px; color:#fff; overflow:auto;}
.newfunc-text:after{ position: absolute; content:""; top:90px; left:-12px;  width:0; height: 0; border-width:15px 12px 15px 0; border-style:solid; border-color: transparent #4187c9 transparent transparent;}
.newfunc-text h5{ font-size:20px; font-family: "幼圆"; text-indent:20px; line-height: 40px;}
.newfunc-text ul li{ font-size:12px;}


/*收录资源 resource*/
.resource{ margin:0px 0px 20px 0px; padding:0;}
.resource-cont{ width: 100%; overflow: hidden;}
.resource-cont li{ width:18%; margin:10px 1%; text-align: center; float: left; list-style:none;}
.resource-cont li img{ display:inline-block; border:1px solid #ddd; border-radius: 3px;}
.resource-cont li img:hover{ opacity:0.8; border-color:#bbb; box-shadow:0 0 5px rgba(0,0,0,.1);}


/*邮箱*/
.productPage { width:96%; color: #666;line-height: 22px;text-align:justify; text-justify:inter-ideograph; margin:0 auto;}
.productPage p{padding:10px 15px;word-break: break-all;}
.productPage .pageicon{padding-top: 15px;}
.productPage .pageicon img{width: 100%; text-align: center;}
.productPage .pageicon span{width: 25%; display: inline-block; font-size:10px; text-align: center; color: #999; height: 20px;overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.productPage h2{ font-size: 24px; padding-top:30px; overflow: hidden; position: relative; height: 30px;color: #333;}
.productPage h2 em{font-style: normal;background: #fff; display: inline-block; position: absolute; z-index: 10; padding:0 5px 0 15px;}
.productPage h2 i{display: block; width: 100%; border-bottom: 1px solid #e5e5e5; z-index: 1; top: 30px; position:absolute;right: 15px;}
.productPage h3{color: #0364BD; font-size: 18px; padding: 0 15px; margin-top:20px; margin-bottom: -5px;}
.productPage .iconH3{padding-left:50px; position: relative; margin-bottom: 0;}
.productPage .iconH3 img{position: absolute;width: 30px; height: 30px; left: 15px; top: -3px;}

.productPage .iconH3-l{padding:20px 0 0 105px; position: relative; margin-bottom: 0; height:50px; margin-top: 20px;}
.productPage .iconH3-l img{position: absolute;width: 80px; height: 80px; left: 15px; top: -7px;}

.productPage .iconH3-2{padding-left:95px; position: relative; margin-bottom: 0; margin-top: 30px;}
.productPage .iconH3-2 img{position: absolute;width: 65px; height: 65px; left: 15px; top: -2px;}
.productPage .iconH3-2-p{padding: 5px 15px 10px 95px;word-break: break-all;}

.productPage .keyword{ background: #f5f5f5; margin:0 15px 0px 15px; overflow: hidden;}
.productPage .keyword i{ background:#0364BD;width: 20%; display:inline-block; float: left; margin-right: 10px; color: #FFFFFF; font-size:16px; text-align: center; line-height:20px; padding:10px 0; font-style: normal;}
.productPage .keyword p{padding:20px 15px 20px 15px; text-align: center;}

.productPage b{color: #333;}
.productPage .pageimg{ text-align:center; padding: 0;}
.productPage .pageimg img{width:80%;}

.productPage .h2-center{ text-align: center;}
.productPage .pageimgLeft{width: 45%; float:left; margin-left: 10px;margin-right: 10px; margin-top: 10px;}
.productPage .pageimgRight{width: 45%; float: right; margin-left: 10px;margin-right: 10px;}

.productPage .borderLine{border-bottom: 1px dashed #999;}



/*新闻*/
.liebiao dl{ margin:0 0 14px 0;}
.liebiao dl img{ width:90%; height:90%; margin:5% 5% 0% 5%;}
.liebiao dl dt{ height:45px; border-bottom:1px solid #d9d9d9; display:block; font-size:15px; width:90%; margin:auto; line-height:45px; }
.liebiao dl dt a{ color:#444;}
.liebiao dl dd{ line-height:22px; font-size:14px;margin:0 auto; width:90%; padding-top:10px; padding-bottom:10px;}
.liebiao dl dd a{ color:#666;}



.zx-detail{ width:96%; margin:0 auto;}
.article-top{text-align: center; color:#999; line-height: 22px; padding:10px 0;}
.article-top h2{color:#333; font-weight: normal; text-align: center;}
.article-top  .zx-source{text-align: center;}
article{color:#666; padding:10px 0; text-align:justify; border-top:1px dashed #ddd;}
article .sub-title{text-align: center; line-height: 32px;}
article .sub-txt{text-indent: 24px;}
article img{padding-bottom:10px;}
.content article a{display: inline;}


.zts-txt01{ width:96%; margin:0 auto;}
.zts-txt01 p{ width:100%; text-align:justify;}
.zts-txt01 p img{ width:100%;}


/*联系*/
.map{width:100%;}
.contact_box{ width:96%; margin:0 auto;}
.c_1200_2{ height:100%; overflow:hidden; margin:30px auto}
.cbt_tit,
.cbt_tet{color:#282828;width:100%;float:left}
.cbt_tit{line-height:36px;font-weight: bold;}

.cbt_tit .z_span1{ float:left; font-size:2em; text-transform:uppercase;}
.cbt_tit .z_span2{ font-size:1.6em; line-height:34px; margin-top:2px; float:left; margin-left:15px;}

.cbt_tet{line-height:30px;}
.cb_main{width:100%;float:left;margin-top:72px; margin-bottom:50px;}
.cbm_item{width:100%;float:left;margin-bottom:16px;padding-left:40px;}
.c_item1{background:url(../images/con_pic1.png) left top no-repeat}
.c_item2{background:url(../images/con_pic2.png) left top no-repeat}
.c_item3{background:url(../images/con_pic3.png) left top no-repeat}
.c_item4{background:url(../images/con_pic4.png) left top no-repeat}
.c_item5{background:url(../images/con_pic5.png) left top no-repeat}
.c_item6{background:url(../images/con_pic6.png) left top no-repeat}

.lxfs-l {
  position: relative;
  background: url(../images/contact1.jpg) repeat-y right top;
}
.lxfs-l .ewm {
  display: block;
  width: 148px;
  height: 148px;
  position: absolute;
  right: 61px;
  bottom: 0;
}
.lxfs-l h1 {
  font-weight: normal;
  color: #333333;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 25px;
}
.lxfs-l p {
  padding: 0px 0 0px 38px;
  color: #333333;
  font-size: 14px;
}
.lxfs-l .d1 {
  background: url(../images/c1.jpg) no-repeat left center;
}
.lxfs-l .d2 {
  background: url(../images/c2.jpg) no-repeat left center;
}
.lxfs-l .d3 {
  background: url(../images/c3.jpg) no-repeat left center;
}
.lxfs-l .d4 {
  background: url(../images/c4.jpg) no-repeat left center;
}
.lxfs-l .d5 {
  background: url(../images/c5.jpg) no-repeat left center;
}

.l_050{width:100%;}
.ci_tit{width:100%;line-height: 26px;font-size:16px;color:#000;font-weight:bold;background:url(../images/con_pic7.png) left bottom no-repeat;padding-bottom:5px}
.ci_tet{width:100%;font-size: 16px;line-height:32px;color:#6d6d6d;padding-top:5px}
.ci_tet a{display:block;float:left;margin-right:20px}
.ci_tet p{margin-right:20px}
.ci_tet a.on_item{display: block;width:80px;font-size:12px;height:25px;line-height:25px;margin:8px 10px 0 0;text-align:center;color:#ef6500;background:#fff;border:1px solid #ef6500;border-radius:5px}
.ci_tet a.on_item:hover{color:#fff;background:#ef6500}
.r_050{width:100%;}
.r5_top{line-height: 18px;color:#282828; width:100%; }
.r5t_tit{float:left;font-size: 18px;font-weight: bold;text-transform: uppercase;padding:20px 0px 0px 0px;}
.r5t_time{float:right;font-size: 14px; padding:20px 0px 0px 0px;}
.r5_main{width:100%;float:left;margin-top:18px;position:relative}
.r5m_item{width:94%;float:left;line-height: 42px;margin-bottom:22px;position:relative}
.r5m_item p{width:66px;float:left;font-size: 14px;color:#282828;text-align: center;position:absolute;left:0;top:0}
.r5m_item input{display:block;width:100%;float:left;height:42px;line-height: 42px;color:#282828;background: #e8e8e8;padding-left:22px;border-radius:20px;}
.r5m_item textarea{display:block;width:100%;float:left;height:144px;font-size: 14px;line-height: 22px;color:#282828;background: #e8e8e8;padding-left:22px;border-radius:20px;border:none;overflow: hidden;padding-top:10px}
.tj_btn{  width:142px;height:46px; margin:5px auto;}
.tj_btn input{ width:142px;height:46px;float:left;font-size:18px;text-align: center;color:#fff;background:#304773;border-radius:30px;cursor: pointer;}


.product_li ul{display: flex;flex-wrap: wrap;}
.product_li ul li{ width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 3%; list-style: none; }
.pro_tu{border:1px #d5d5d5 solid; padding:5px;}
.pro_tu img{width: 100%;}
.pro_tit{text-align: center; margin-top: 10px;}
.honorbox-list ul li{width: 48%; margin-left:1%; margin-right: 1%; float: left; margin-bottom: 3%;}
.honorbox-list ul li img{width: 100%; border: 1px solid #CCC;padding: 2px;}
#content{width: 96%; margin: 0 auto; margin-top: 30px;}