@charset "utf-8";
.header{ border-bottom: #ddd 1px solid; line-height: 33px;}
.top{height: 108px;padding-top: 24px;} 
.nav{ min-width:1200px;background:  #1d97b4;}  
.nav ul li{float:left;color:#be791b;height: 54px; width: 10%;}
.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: #fff;}
.nav_parent .on,.nav_parent .toplink:hover{ background:#0082a0;COLOR: #fff;  }
.nav_parent .ahover { background:#0082a0;COLOR: #fff; }
.sub_con {POSITION: absolute;DISPLAY: none;BACKGROUND: #1d97b4;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:#0082a0;}

/*banner*/
.flexslider{position:relative;overflow:hidden;background:#000 url(../images/loading.gif) 50% no-repeat; margin-bottom: 80px;}
.slides{position:relative;z-index:1;height: 403px;}
.slides li{height: 403px;}
.flexslider .slides .s1{ background:url(../images/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../images/ban02.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: 400;line-height: 34px;color: #fff;position: relative;padding-top:50px;}
.indextit span i{font-style: normal;color:#ffe413;font-weight: 700;}
.indextit p{color: #bbb;text-transform: uppercase;line-height: 2;}
.indextit span:after {width: 430px;height: 1px;background-color: #ddd;display: block;content: '';position: absolute;bottom: 50px;left: 230px;top: 70px;}
.indextit span:before {width: 430px;height: 1px;background-color: #ddd;display: block;content: '';position: absolute;bottom: 50px;left: -450px;top: 70px;}
.indextit2 span{display:inline-block;font-size: 24px;border-bottom:#ccc 1px solid;line-height: 24px;/* margin-bottom:5px; */}
.indextit2 p{color: #999;text-transform: uppercase;line-height: 2;position:relative;}
.case ul li{float:left;margin-right: 20px;width: 270px; margin-bottom: 18px;overflow:hidden;/* border: 1px solid #ddd; */box-sizing: border-box;position: relative;}
.product  ul li img ,.case ul li img{width: 100%;}
.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;/* width: 150px; */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;}
.yewu ul li{width: 200px;text-align:center;float:left;}
.yewu ul li span{ display:block;}
.yewu ul li img{-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.yewu ul li a:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.yewu ul li .ywimg{width:60px;height:60px;padding:15px;border: #0077e6 1px solid;border-radius:80px;-webkit-border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px;line-height:60px;margin:0 auto 5px;}

/*产品*/
.TabADS{display: table;margin: 0 auto 50px auto;text-align: center;}
.TabADS ul li{width: 115px;margin-left: 20px;color: #333;font: normal 16px/40px "微软雅黑";cursor:pointer;float: left;transition: all,.2s;background: #f1f1f1;}
.TabADS ul li:nth-child(1){margin-left:0px;}
.TabADS ul li:hover {background-color:#0082a0;}
.TabADS ul li:hover a {color: #fff;}
.TabADS .TasADSOn{background: #0082a0;color:  #fff;}
.product1 { min-height: 620px;background-color:#1d97b4;padding-bottom: 50px;}
.product1 .row ul li{width: 279px;margin-right: 25px;float: left;border: #ddd solid 1px;background: #fff;transition: all,.3s;/* padding-bottom: 20px; */margin-bottom: 20px;}
.product1 .row ul li:nth-child(4){margin-right:0;}
.product1 .row ul li img {width: 381px;}
.product1 .row ul li:hover {background:#037f9e;;}
.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: #1d97b4;height: 2px;width:  50px;margin: 0 0 0 20px}
.product1 .row li span {padding: 8px 12px 8px 20px;display:  block;color: #333;}
/* 关于我们 */
.about{margin-bottom: 80px;}
.about .fl{ width: 500px;}
.about .fr{ width: 650px;}
.about .fr h3{font-weight: 700;font-size: 30px;color:#1d97b4;}
.about .fr span{font-weight: 700;font-size: 18px;color:#1d97b4;display:block;padding-top:20px;}
.about .fr p{ line-height: 32px;}
.about .fr a i{display:inline-block;font-style: normal;color:#1d97b4;border:1px solid #1d97b4;width:160px;text-align: center;height:42px;line-height: 42px;margin-top:25px;}
.ads3{ height: 188px;background:url(../images/indexad.jpg) 50% center no-repeat;}
/* 优势板块 */
.youshi .row{float: left;width: 600px;margin-top: 35px;height: 480px;}
.youshi .title{background:url(../images/biaobg.png) center center no-repeat;}
.hotword .fr span{ font-size:20px;}
.youshi .title span{display:inline-block;font-size: 34Px;font-weight: 400;line-height: 34px;color: #000;position: relative;padding-top:30px;}
.youshi .title span i{font-style: normal;color:#1d97b4;font-weight: 700;}
.youshi .title  p{color: #bbb;text-transform: uppercase;line-height: 2;}
.youshi .cont {margin: 0 auto 50px;background: url(../images/ysbg.png) no-repeat center top;position: relative;height: 800px;}
.youshi .cont .ys01 {width: 500px;position: absolute;top: 0;right: 0;}
.youshi .cont .ys02 {width: 500px;position: absolute;top: 212px;right: 0;}
.youshi .cont .ys03 {width: 512px;position: absolute;top: 400px;left: 0;}
.youshi .cont .ys04 {width: 512px;position: absolute;top: 600px;left: 0;}
.youshi .cont h2 {font: bold 20px/50px "微软雅黑";color: #000;}
.youshi .cont p {font-size: 16px;line-height: 28px;color: #666;}
/* 优势2 */
.fuwu .neirong{background: url(../images/yuoshi.png) no-repeat center top;height:450px;position:relative;}
.fuwu span{color:#000;}
.fuwu span i{color:#1d97b4;} 
.fuwu .neirong p{font-size: 14px;line-height: 20px;}
.fuwu .neirong .why1{position:absolute;right:131px;top:80px;width:480px;}
.fuwu .neirong .why2{position:absolute;right:92px;top:168px;width:480px;}
.fuwu .neirong .why3{position:absolute;right:96px;top:262px;width:480px;}
.fuwu .neirong .why4{position:absolute;right:136px;top:353px;width:480px;}
/* 案例 */
.case{background-color:#1d97b4;height:380px;}
.case .title{font-weight: 700;color:#fff;font-size: 28px;padding-top:40px;position: relative;}
.case .title span:after {width: 1020px;height: 1px;background-color: #ddd;display: block;content: '';position: absolute;bottom: 50px;left: 150px;top: 70px;}
.case .title img{float: right;padding-top:16px;}
.hezuo{ padding:20px 0;}
.hezuo .title{ background:url(../images/hzbg.jpg) repeat-x; margin-bottom:10px; border-right:#ddd 1px solid; height:34px;}
.hezuo .title span{ background:url(../images/hzbg2.jpg) repeat-x; width:190px; text-align:center; font:normal 16px/34px "微软雅黑"; color:#fff; height:34px; display:block;}
.hezuo .title span em{ font:normal 14px/34px Georgia, "Times New Roman", Times, serif; padding-left:5px;}
.hezuo  ul li { width:242px; height:182px; float:left; margin-left:15px;}
.hezuo  ul li img{ width:240px; height:180px; border:#ddd 1px solid;}
#demo{overflow:hidden; width:1200px;display: inline; float:left;} 
#indemo{float: left;width: 1000%;} 
#demo1,#demo2{float:left;} 
#demo1 a,#demo2 a{cursor:pointer;}
/* 新闻 */
.new .newleft{ width:700px;}
.new .indextit span{color:#000;}
.new .indextit i{color:#1d97b4;}
.new a{display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new .newleft .title em,.new .question .title em{ background:#1d97b4; 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 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:#1d97b4;; 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: #1d97b4; 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:#303030;padding:50px 0 20px;color: #fff;min-width:1200px;}
.footer .fl dl{ width:130px; float:left;padding-left:25px;}
.footer .fl dl dt{ font-size:18px; margin-bottom:8px;}
.footer .fl dl a{ display:block; width:100%; color:#ddd;}
.footer .fl dl a:hover{ color:#fff;}
.footer_wx {width: 620px;}
.footer_wx dl {float:left;padding-left: 200px;background: url(../images/wx.jpg) no-repeat 0px 8px;height: 190px;}
.footer_wx dl dt {float:left;width:85px;height:86px; background-position:-360px -52px;}
.footer_wx dl dd {float:left;margin-left:63px;display:inline;margin-top:3px;}
.footer_wx p {width:220px;line-height:22px;float:left;font-size:12px;}
.phone_more	{ float:left; width:267px;}
.phone_more span{padding-left:10px;display:block;line-height:1.2;}
.phone_tel {font-size: 18px;color: #fff;margin-top: 25px;}
.copyright{line-height: 45px;text-align:center;background: #303030;color: #fff;}
.copyright a{ color:#999;}


.inban{ height:300px;}
.inleft{ width:250px;}
.submenu dl dt,.incontact .tit{background: #1d97b4;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;}
.newlist ul li{ padding:15px 8px; border-bottom:#ddd 1px dotted;}
.newlist ul li:hover{ background:#f4f4f4;}
.newlist ul li dd{font-size: 18px;font-weight: normal;position:relative;}
.newlist ul li dd 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 p{ color:#ccc; font-size:12px;}
.detail{min-height:300px; height:auto !important; height:300px;}
.detail p{margin-bottom:8px;line-height: 2;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 .thisclass{background:#1d97b4;color: #fff;padding: 0px 13px;height: 38px;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: #1d97b4;color: #fff;}
.page span{font-size: 14px;padding-right: 10px;}
.chanpin {padding-bottom: 40px;}
.chanpin .fr .intit{font-size: 20px;font-weight: 700;}
.chanpin .fl {width: 48%;}
.chanpin .fl img {width: 100%;box-sizing: border-box;border: 1px solid #ddd;}
.chanpin .fr {width: 49%;padding-top:20px;}
.chanpin p {font-size: 16px;color: #333;line-height: 30px;}
.chanpin font {color: #000;}
.chanpin span {color: #333;font-size: 20px;font-weight: bold;}
.btn111 {background: #1d97b4;width: 200px;text-align: center;border-radius: 20px;height:40px;}
.btn111 a {display: block;color: #fff;line-height: 40px;margin-top: 28px;}

.catelist ul{ width:940px;}
.catelist ul li{width: 280px;height:274px;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: #1d97b4 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 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;}

.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 /*url(../images/zoom.png) 50% center no-repeat*/;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 p{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;}
.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;}