@charset "utf-8";
.header{ background: #f0f0f0; border-bottom: #ddd 1px solid; line-height: 33px;font-size:14px}
.top{padding: 20px 0;} 
.tel .fr {background: url(../images/tel.jpg)no-repeat 95px 15px;margin-top: 0px;}
.top .tel .fr p{color: #333;font-size: 16px;/* font-weight:  bold; */line-height: 2;padding-left: 160px;margin-top: 10px;}
.top .tel .fr span{color: #76bb24;font-size: 28px;font-weight:  bold;line-height: 1;padding-left: 160px;}
.nav{min-width:1200px;background: #fff;border: 1px #ddd solid;}  
.nav ul li{float:left;color:#be791b;height: 54px;line-height: 54px;border-right: 1px solid #ddd;width: 14%;}
.nav ul li:nth-child(1){border-left: 1px solid #ddd;}
.nav ul li .current{background:#0055c2;display:block;color:#fff;}
.nav_parent{Z-INDEX:9999;POSITION: relative; text-align:center;}
.nav_parent .toplink {TEXT-ALIGN: center;WIDTH: 100%;DISPLAY: block;font: normal 16px/54px "微软雅黑";color: #333;}
.nav_parent .on,.nav_parent .toplink:hover{ background:#0055bf;COLOR: #fff;  }
.nav_parent .ahover { background:#0055c2;COLOR: #fff; }
.sub_con {POSITION: absolute;DISPLAY: none;BACKGROUND: #0088dd;top: 54px;z-index:999;width: 100%;left:0px;overflow:hidden;}
.sub_con  p{font: normal 14px/40px "";width: 100%;float:left;}
.sub_con  p a{color:#fff;display:block;}
.sub_con  p a:hover{ color:#fff; background:#0053c5;}

/*banner*/
.flexslider{position:relative;overflow:hidden;background:#000;}
.slides{position:relative;z-index:1;height: 650px;}
.slides li{height: 650px;}
.flexslider .slides .s1{ background:url(../images/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../images/ban02.jpg) 50% center no-repeat;}
.flexslider .slides .s3{ background:url(../images/ban03.jpg) 50% center no-repeat;}
.flexslider .slides .s4{ background:url(../images/ban04.jpg) 50% center no-repeat;}
.flexslider .slides .s5{ background:url(../images/ban05.jpg) 50% center no-repeat;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
 

.hotword { background: #0088dd; line-height:50px; color: #fff;}
.hotword .fr span{ font-size:20px;}
.indextit span{display:inline-block;font-size: 26px;font-weight: bold;line-height: 34px;color: #000;}
.indextit strong{color:#ff9900;}
.indextit p{color: #999;text-transform: uppercase;line-height: 2;position:relative;}
.indextit p:after {width: 120px;height: 1px;background-color: #ddd;display: block;content: '';position: absolute;bottom: 50px;left: 350px;top: 14px;}
.indextit p:before {width: 120px;height: 1px;background-color: #ddd;display: block;content: '';position: absolute;bottom: 50px;left: 730px;top: 14px;}
.indextit2 span{display:inline-block;font-size: 24px;border-bottom:#ccc 1px solid;line-height: 24px;}
.indextit2 p{color: #999;text-transform: uppercase;line-height: 2;position:relative;}
.product  ul li,.case ul li{float:left;margin-right: 20px;width: 380px; margin-bottom: 18px;overflow:hidden;box-sizing: border-box;position: relative;}
.product  ul li img ,.case ul li img{width: 100%;height:250px;}
.product  ul li p,.case ul li p{font-size: 16px;line-height: 40px;background:#006ab6;color:#fff;position:absolute;left:0px;top:180px;z-index:900;display:block;border-top-right-radius:50px;border-bottom-right-radius:50px;padding-left: 30px;padding-right: 30px;}
.product  ul li:nth-child(3n){margin-right:0;}

.product .cpleft a:hover img,.product .cpright ul li a:hover img{transform: scale(1.1);transition: all .6s ease-in-out ;-webkit-transform: scale(1.1);-webkit-transform: all .6s ease-in-out;}

/* 小ban */
.ban{height: 192px;background:#0054c2;color:#fff;}
.ban .banxin{position: relative;}
.ban .cont p{font-size: 28px;font-weight:bold;margin-top:45px;}
.ban .cont a{color:#fff;}
.ban .cont a:hover{color:#f90;}
.ban .mid{position: absolute;top:20px;left: 670px;text-align: center;}
.ban .pic{position: absolute;background:url(../images/chatu.png) center center no-repeat;z-index: 999;width: 311px;right: 0;height: 242px;top:-50px;}
.ban .pic .tel{font-size: 35px;font-family:Impact;margin-left: 50px;padding-top: 20px;}
.ban .pic .tel span{font-size:16px;}
.ban .pic .tel p{position:relative;}
.ban .pic .tel p:after{content:"";display:block;position:absolute;width: 193px;height:1px;background:#fff;}
.ban .pic .txt{text-align: center; font-size: 18px; width: 235px; margin:20px 0 0 25px; font-weight: 200;  line-height: 28px }
/*产品*/
.sub ul{display: table;margin: 20px auto 30px auto;text-align: center;}
.sub ul li{width: 150px;margin-right: 20px;color: #333;font: normal 16px/40px "微软雅黑";cursor:pointer;float: left;transition: all,.2s;background: #f1f1f1;margin-bottom: 10px;}
.sub ul li:hover {background-color: #0057c4;}
.sub ul li:hover a {color: #fff;}

.TabADS{text-align: center;}
.TabADS ul li{width: 150px;margin-right: 20px;color: #333;font: normal 16px/40px "微软雅黑";cursor:pointer;float: left;transition: all,.2s;background: #f1f1f1;margin-bottom: 10px;}
.TabADS ul li:hover {background-color: #0057c4;}
.TabADS ul li:hover a {color: #fff;}
.product1 { min-height: 750px;}
.product1 .row ul li{width: calc(100%/4.3);margin-right: 25px;float: left;border: #ddd solid 1px;background: #fff;transition: all,.3s;margin-bottom: 20px;}
.product1 .row ul li img {width: 300px;height: 220px;}
.product1 .row ul li:hover {background: #0057c4;}
.product1 .row ul li:hover p {color: #fff;}
.product1 .row ul li:hover span {color: #fff;}
.product1 .row ul li:hover .xian {background-color: #fff;}
.product1 .row ul li:nth-child(4n){margin-right: 0px;}
.product1 .row li p {font-size:  18px;color: #333;padding: 8px 0 8px 20px;display:  block;}
.product1 .row li .xian {background-color: #0057c4;height: 2px;width:  50px;margin: 0 0 0 20px}
.product1 .row li span {padding: 8px 12px 8px 20px;display:  block;color: #333;}
.about .fl{ width: 500px;}
.about .fr{ width: 650px;}
.about .fr h3 span{margin-right:15px;}
.about .fr h1{ color: #0088dd; margin-bottom: 15px;}
.about .fr h1 span{ float: right;}
.about .fr p{line-height: 28px;margin-top: 15px;}
.about .fr .num{ margin-top: 15px;}
.about .fr .num span{width: 20%;display: inline-block;text-align: center;font-size: 18px;margin-right: 70px;}
.about .fr .num span em{ font:bold 40px/50px "Impact,微软雅黑"; color: #0088dd;  display: block;}
.ads2{ height: 188px;background:url(../images/in_11.png) 50% center no-repeat;}
.ads3{ height: 188px;background:url(../images/indexad.jpg) 50% center no-repeat;}
.ads3{ height: 188px;background:url(../images/indexad.jpg) 50% center no-repeat;color:#fff;}
.ads3 h2{font-size:30px;font-weight:bold;padding-top:20px;line-height:2;}
.ads3 p{font-size:24px;line-height:1;margin-bottom:20px;}
.ads3 span{font-size:30px;padding-left:90px;}
.youshi .row{float: left;width: 600px;margin-top: 35px;height: 480px;}
.youshi .row p{ width: 500px;}
.youshi .row .pic p{position:absolute;left:100px;top:50px;font-size:32px;line-height:1.4;color:#000;}
.youshi .row .pic{position:relative;}
.new{ background: #f4f4f4; padding: 50px 0;}
.new .newleft{ width:700px;}
.new .newleft .title{ background: #125aac; border-radius: 4px; line-height: 45px; color: #fff;height:45px;}
.new .newleft .title em,.new .question .title em{ background: #fb0; text-align: center; color: #fff;  border-radius: 4px;width: 120px; line-height: 45px; height:45px;display: inline-block; font-style: normal; font-size: 20px}
.new .newleft .title span a,.new .question .title span a{ float: right; width: 50px; text-align: center;color: #fff;}
.new .newleft .nimg .nimg_l{ width: 220px; float: left;}
.new .newleft .nimg .nimg_r{ width: 450px; float:right;}
.new .newleft .nimg .nimg_r h1{ font: normal 18px/30px "微软雅黑";}
.new .newleft .nimg .nimg_r p{ font-size: 14px; line-height: 28px; color: #999}
.new .newleft ul li{ line-height: 36px; width:48%; font-size: 14px; float: left; margin-right: 2%; border-bottom: #ddd 1px dotted;}
.new .newleft ul li span,.new .question  dl dt span{ float: right; font-size: 12px;}
.new .question{ width: 450px}
.new .question .title{ background: #fb0; border-radius: 4px; line-height: 45px; color: #fff;height:45px;}
.new .question dl dt{line-height: 36px;  padding-left: 18px; position: relative;}
.new .question dl dt a{ display: block;}
.new .question dl dt:before{ width: 8px; height: 8px; background: #fb0; border-radius: 20px; position: absolute; content: ''; left: 0; top:13px;}
.new .question dl {border-bottom: #ddd 1px dotted;}
.new .question dl dd{ font-size:14px; color: #999}
.footer{background:#0057c4;padding:50px 0 20px;color: #fff;min-width:1200px;}
.footer .fl dl{ width:130px; float:left;border-left: #0076ca 1px solid; padding-left:25px;}
.footer .fl dl dt{ font-size:18px; margin-bottom:8px;}
.footer .fl dl dt span{ display:block; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
.footer .fl dl a{ display:block; width:100%; color:#ddd;}
.footer .fl dl a:hover{ color:#fff;}
.footer_wx {width: 471px;height: 225px;}
.footer_wx dl {float:left;padding-left: 90px;background: url(../images/wx.jpg) no-repeat 0px 8px;height: 100px;}
.footer_wx dl dt {float:left;width:85px;height:86px; background-position:-360px -52px;}
.footer_wx dl dd {float:left;margin-left:10px;display:inline;margin-top:3px;}
.footer_wx p {width:220px;line-height:22px;float:left;font-size:12px;}
.phone_main { margin-top:10px;height:120px;width:334px;cursor: pointer;}
.phone_icon	{float:left; 
	background:url(../images/footer-tel.png) no-repeat;
	width:67px;
	height:67px;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.phone_more	{ float:left; width:267px;}
.phone_main:hover .phone_icon {background-position: 0 -68px; transition:0.2s; }
.phone_more span{padding-left:10px;display:block;line-height:1.2;}
.phone_tel {font-size: 18px;
color: #fff;
margin-top: 25px;}
.phone_main:hover .phone_icon { background-position: 0 -68px; transition: 0.2s;}
.copyright{line-height: 45px;text-align:center;background: #00326c;color: #fff;}
.copyright a{color: #fff;}


.inban{ height:300px;}
.inleft{ width:250px;}
.submenu dl dt,.incontact .tit{background: #0057c4;height: 50px;line-height: 50px;font-size: 20px;color:#fff;text-indent: 2em;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.submenu dl dt span,.incontact .tit span{ padding-left:5px; font-size:12px;}
.incontact .con{ border: #ddd 1px solid; background: #f4f4f4; padding: 5px; line-height: 2; font-size:16px;}
.submenu .father {display:block; padding-left:30px; font-size:16px;}
.submenu dl{display:block;}

.submenu dl dd a span{ float:right; margin-right:20px;}
.submenu dl dd a:hover{ background:#999; color:#fff;}
.submenu .father{background:#f2f2f2;border-bottom:#ddd 1px solid;line-height: 44px;}
.sonmenu p a{display:block;border-bottom:#ddd 1px dotted; padding-left:50px;line-height:36px;}
.inright{width:900px;margin-bottom: 20px;}
.newlist ul li{ padding:15px 8px; border-bottom:#ddd 1px dotted;}
.newlist ul li a{display:block;}
.newlist ul li:hover{ background:#f4f4f4;}
.newlist ul li strong{font-size: 18px;font-weight: normal;position:relative;}
.newlist ul li strong span{float:right;font-size: 14px;color: #999;}
.newlist ul li p{ font-size:14px; color:#999;}
.poasnav{  border-bottom:#ddd 1px solid; height:40px; line-height:40px;}
.detail .biaoti{ text-align:center;}
.detail .biaoti h1{ font-size:18px; font-weight:normal; color:#2f86ff}
.detail .biaoti p{ color:#ccc; font-size:12px;}
.detail{min-height:300px; height:auto !important; height:300px;}
.detail p{margin-bottom:8px;font-size: 18px;line-height: 2;}
.detail img{ display: block; margin: 0 auto;}
.pages{ background:#f4f4f4; padding:5px 10px;}
.pages p{ line-height:30px;}

/*page*/
.page{font-size: 0;height: 38px;line-height: 38px;padding-right: 10px;margin-top: 30px;}
.page a, .m-page li{display: inline-block;font-size: 15px;background-color: #fff;padding: 0px 13px;height: 36px;overflow: hidden;text-align: center;border: 0px #ddd solid;color: #333;font-family: Arial;margin-left: 5px;border: 1px solid #ccc;vertical-align: top;}
.page li{display: inline;color: #333;border:none;margin:0;padding:0}
.page .active a{background: #125aac;color: #fff;font-size: 15px;display: inline-block;text-align: center;margin-left: 5px;}
.page a.next, .page a.prev{font-family: Arial;font-size: 16px;font-weight: 700;}
.page a:hover, .page li.thisclass a{background-color: #125aac;color: #fff;}
.page span{font-size: 14px;padding-right: 10px;}

.catelist ul{ width:940px;}
.catelist ul li{width: 280px;float: left;margin-right: 26px;margin-bottom: 26px;border: #ddd 1px solid;overflow: hidden;text-align: center;}
.catelist ul li:hover,.prolist ul li:hover{border:#2f86ff 1px solid;}
.catelist .cateimg{width:280px;overflow:hidden;}
.catelist .cpinfo,.prolist .cpinfo{padding: 5px 10px 5px;}
.catelist .cateimg img {width:280px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition: transform 0.5s cubic-bezier(.79,.39,.31,.74);}
.catelist .cateimg a:hover img{transform: scale(1.1);transition: all .6s ease .1s;-webkit-transform: scale(1.1);-webkit-transform: all .6s ease .1s;}

.catelist a h1{font: normal 16px/36px "微软雅黑";color: #000;}
.catelist a h1 b{font-weight: normal;}
.catelist p{ line-height:24px; font-size:12px;}

.prolist ul{ width:950px;}
.prolist ul li{ width:280px; float:left; margin-bottom:50px;border:#ddd 1px solid; margin-right:20px;}
.prolist .cateimg{ width:280px; height:213px; overflow:hidden;}
.prolist ul li img{ width:280px; height:213px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition: transform 0.5s cubic-bezier(.79,.39,.31,.74);}
.prolist p{font:normal 14px/36px "微软雅黑"; color:#2f86ff;}
.prolist h1{font:normal 14px/20px "微软雅黑"; color:#999;}



.proslide{ margin:50px 0;}
.proslide .fl{ width:550px; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} 
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:500px;height:380px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqzoom img{ width:500px; height:380px;}


.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:500px;height: 380px;border:1px solid #DFDFDF;}

.spec-scroll{clear:both;margin-top:5px;width: 500px;}

.spec-scroll .prev{float:left;margin-right:4px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"微软雅黑";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width: 450px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #2f86ff;padding:1px;}
.cpinfobox{ width:650px;}
.cpinfobox dl dt{color:#2f86ff; font-size:18px;}
.cpinfobox dl dd{ color:#666;}
.cpinfobox dl dd span{ width:70px; display:inline-block;}
.cpinfobox h1{ font:normal 14px/24px "微软雅黑"; color:#666;}
.cpinfobox p{font-weight: normal;}
.cpinfobox h1{font-weight: normal;}
.cpinfobox b{font-weight: normal;}
.cpdet{ padding-bottom:50px;}

.tit{ background:#f2f2f2; height:40px; line-height:40px; text-indent:1em;color:#2f86ff; font-size:18px;}
.cpinfobox .zxbtn{ width:120px; height:36px; line-height:36px; text-align:center; background:#f90; display:block; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
.cpinfobox  a:hover .zxbtn{ color:#fff;}
.article_tit{font-size: 30px;color: #333;text-align: center;display: block;}
.zuozhe{font-size: 14px;color: #999;text-align: center;display: block;height: 40px;}
.box {	width: 250px;margin: 5px auto;}
.box div {	width: 30px;height: 30px;float: left;cursor: pointer;border-radius: 4px;background-size: contain;margin: 0 10px;}
#share-qrcode { background-image: url(/templets/default/share/images/wechat.png); }
#share-douban { background-image: url(/templets/default/share/images/db.png); }
#share-qzone { background-image: url(/templets/default/share/images/qzone.png); }
#share-sina { background-image: url(/templets/default/share/images/sina.png); }
#share-qq { background-image: url(/templets/default/share/images/qq.png); }
.kuang{background:#f1f1f1;padding: 15px;font-size:16px;margin: 20px 0;}
.kuang p{line-height:1.8;margin-bottom:10px;}
.kuang span{font-size: 20px;color: #d00;}
.kuang a{float: right;width: 120px;line-height: 36px;color: #fff;background: #d00;text-align: center;margin-right: 10px;border-radius: 4px;display:block;}
#share{margin-left: 375px;}