﻿* { margin: 0; padding: 0; list-style-type: none; }
html>body { font-size: 12px; }
a { text-decoration: none; color: #000; }
img { border: 0; }
/*头部样式 start */
.header { width: 100%; height: 135px; float: left; overflow: hidden; }
.header .left { width: 17.9%; height: 135px; float: left; }
.header .right { width: 82.1%; height: 135px; float: left; background-color: #74c925; }
.header .right .logo { float: left; }
.header .right .nav { float: left; height: 115px; line-height: 115px; margin-left: 15px; }
.header .right .nav a { display: block; float: left; color: #fff; padding: 0 15px; font-size: 14px; font-family: 微软雅黑, 黑体; }
.header .right .nav a:hover { color: #898989; }
.header .right .tel { padding-top: 20px; height: 70px; float: left; margin-left: 10px; }
.header .right .tel .switch { width: 140px; height: 29px; background: #fff; padding: 3px; }
.header .right .tel .switch a { display: block; float: left; text-align: center; heigth: 23px; font: 13px/29px '微软雅黑', '黑体', sans-serif; }
.header .right .tel .switch a.eng { width: 59.2%; background-color: #74c925; color: #fff; }
.header .right .tel .switch a.eng2 { width: 59.2%; color: #74c925; }
.header .right .tel .switch a.zw { width: 40.8%; color: #74c925; }
.header .right .tel .switch a.zw2 { width: 40.8%; background-color: #74c925; color: #fff; }
/* bannerBox轮播图 start*/
.bannerBox { width: 100%; /*height:915px;*/ clear: both; background: url("../images/flashbg0.jpg") top no-repeat; background-size: 100%; }
#focus-banner { position: relative; width: 100%; overflow: hidden; }
#focus-banner-list { position: relative; height: 915px; }
#focus-banner-list li { position: absolute; left: 0; top: 0; width: 100%; }
#focus-banner-list li img { width: 100%; }
.focus-banner-img { display: block; }
#focus-banner .focus-handle { position: absolute; top: 45%; margin-top: 0px; z-index: 100; display: block; width: 80px; height: 80px; background-image: url("../images/focus_handle.png"); }
#next-img { left: 0; }
#next-img { left: 50px; background-position: 0 0; }
#next-img:hover { background-position: 0 -80px; }
#prev-img { right: 0; }
#prev-img { right: 50px; background-position: -80px 0; }
#prev-img:hover { background-position: -80px -80px; }
#focus-bubble { position: absolute; left: 50%; bottom: 50px; z-index: 999; }
#focus-bubble li { float: left; width: 13px; height: 13px; margin: 0 7px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border: 1px #fff solid; cursor: pointer; }
#focus-bubble li.current { background-color: #0062c7; }
/* 我们的优势 start */
.advantage { position: relative; margin-top: 12px;/*width:100%;z-index:1; margin-top:420px; top:420px;*/ }
.case-content { overflow: hidden; margin: 0 auto; width: 1200px; }

/* 高新产品 */
.product { width: 100%; height: 824px; background: #0062c7; margin-bottom: 33px; margin-top: 300px; }
.product .pro-1 { width: 1200px; height: 824px; margin: 0 auto; background: url(../images/product.png) no-repeat 14px 83px; position: relative; }
.product .pro-1 .pro-list { width: 1200px; height: 546px; position: absolute; bottom: 74px; }
.product .pro-1 .pro-list .list { width: 381px; height: 545px; background: url(../images/p1.jpg); float: left; overflow: hidden; margin-right: 28px; }
.product .pro-1 .pro-list .pl { width: 381px; height: 166px; background: #fff; text-align: center; }
.product .pro-1 .pro-list a.more { display: block; width: 111px; height: 32px; background: #0062c7; text-align: center; line-height: 32px; color: #fff; font-size: 16px; font-family: 微软雅黑, 黑体; position: absolute; bottom: 0; left: 130px; }
.product .pro-1 .pro-list a.more:hover { border: 2px #0062c7 solid; background-color: #FFF; color: #0062c7; }
.product .pro-1 .pro-list .list1 { background: url(../images/p1.jpg); position: relative; }
.product .pro-1 .pro-list .list1 .pl1 { background: #fff; text-align: center; }
.product .pro-1 .pro-list .list2 { background: url(../images/p2.jpg); position: relative; }
.product .pro-1 .pro-list .list2 .pl2 { background: url(../images/plogo2.png) no-repeat 20px 0; text-align: center; alpha(Opacity=70);
-moz-opacity: 0.7; opacity: 0.7; }
.product .pro-1 .pro-list .list3 { margin-right: 0; background: url(../images/p3.jpg); position: relative; }
.product .pro-1 .pro-list .list3 .pl3 { background: url(../images/plogo3.png) no-repeat 75px 0; text-align: center; alpha(Opacity=70);
-moz-opacity: 0.7; opacity: 0.7; }
/* 项目应用 */
.application { width: 1200px; height: 664px; margin: 0 auto; margin-bottom: 32px; }
.application .apptit { width: 421px; height: 664px; float: left; background: url(../images/app.png) no-repeat 20px 77px #0062c7; }
.application .apptit .appdes { width: 304px; height: 65px; margin: 151px 0 50px 63px; font-size: 16px; font-family: 微软雅黑, 黑体; color: #fff; line-height: 28px; }
.applicationBtn a:hover { background: #3ea1f4 !important; color: #fff !important; }
.application .apptit .title { display: block; width: 304px; height: 71px; line-height: 71px; text-align: center; color: #666666; font-size: 17px; font-family: 微软雅黑, 黑体; background: #fff; ; margin: 0 auto; margin-bottom: 20px; }
.applicationAddClass { background: #3ea1f4 !important; color: #fff !important; }
/*.application .apptit a.title:hover{background:#74c925;color:#fff;}*/

.application .case { width: 779px; height: 664px; position: absolute; display: none; }
.application .case .top { width: 779px; height: 414px; position: relative; }
.application .case div { cursor: pointer; }
.application .case a { width: 142px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; border-radius: 3px; border: solid 2px #FFF; position: absolute; left: 50%; top: 50%; margin-left: -44px; margin-top: -13px; z-index: 9999; display: none; }
.application .case a:hover { background: #0062c7; border: solid 2px #0062c7; }
.application .case .left { width: 402px; height: 250px; float: left; position: relative; }
.application .case .right { width: 377px; height: 250px; float: left; position: relative; }
.application .case1 .top { background: url(../images/case11.jpg) no-repeat top center; background-size: 100%; }
.application .case1 .left { background: url(../images/case12.jpg) no-repeat top center; background-size: 100%; }
.application .case1 .right { background: url(../images/case13.jpg) no-repeat top center; background-size: 100%; }
.application .case2 .top { background: url(../images/case21.jpg) no-repeat top center; background-size: 100%; }
.application .case2 .left { background: url(../images/case22.jpg) no-repeat top center; background-size: 100%; }
.application .case2 .right { background: url(../images/case23.jpg) no-repeat top center; background-size: 100%; }
.application .case3 .top { background: url(../images/case31.jpg) no-repeat top center; background-size: 100%; }
.application .case3 .left { background: url(../images/case32.jpg) no-repeat top center; background-size: 100%; }
.application .case3 .right { background: url(../images/case33.jpg) no-repeat top center; background-size: 100%; }
/* 资讯·优惠 */
.news { width: 1200px; height: 616px; margin: 0 auto; }
.news a.more { display: block; width: 73px; height: 29px; line-height: 29px; border: solid 1px #fff; color: #fff; text-align: center; float: right; font-family: 微软雅黑, 黑体; font-size: 15px; margin-right: 29px; margin-top: 33px; }
.news .discount { width: 635px; height: 614px; border: solid 1px #0062c7; float: left; }
.news .discount .dtitle { width: 635px; height: 90px; background: url(../images/youhui.png) no-repeat 14px 22px #0062c7; }
.news .discount .dtitle a:hover { border: 1px #FFF solid; background: #FFF; color: #0062c7; }
.news .discount .zixun { width: 600px; height: 218px; border: solid 1px #e0e0e0; margin: 0 auto; margin-top: 25px; position: relative; }
.news .discount .zixun img { width: 280px; height: 210px; padding: 5px; display: block; float: left; border: 0; }
.news .discount .zixun .newscontent { width: 295px; height: 189px; padding: 18px 15px; float: left; }
.news .discount .zixun .zixun_morns { color: #666; padding: 2px 10px; position: absolute; bottom: 5px; right: 5px; }
.news .discount .zixun .zixun_morns:hover { color: #0062c7; }
.news .discount .line { width: 600px; height: 1px; border-top: dashed 1px #0062c7; margin: 0 auto; margin-top: 18px; margin-bottom: 22px; }
.news .discount ul { width: 600px; margin: 0 auto; }
.news .discount ul li { height: 30px; margin-bottom: 9px; font-size: 14px; }
.news .discount ul li a { color: #676767; display: block; float: left; line-height: 30px; }
.news .discount ul li a:hover { color: #0062c7; }
.news .discount ul li font { color: #676767; line-height: 30px; display: block; float: right; }
.news .discount ul li img { display: block; float: left; margin-right: 18px; margin-top: 11px; }
.news .honor { width: 562px; height: 615px; float: left; border-bottom: solid 1px #3ea1f4; border-right: solid 1px #3ea1f4; }
.news .honor .htitle { width: 562px; height: 91px; background: url(../images/rongyu.png) no-repeat 13px 24px #3ea1f4; }
.news .honor .htitle a:hover { border: 1px #FFF solid; background: #FFF; color: #159bc2; }
.news .honor .hpic { width: 528px; height: 220px; margin: 23px auto; }
.news .honor .hlist { width: 528px; margin: 0 auto; }
.news .honor .hlist div { float: left; width: 130px; height: 128px; text-align: center; position: relative; }
.news .honor .hlist div img { }
.news .honor .hlist div font { color: #656565; }
/* 施工指导 */
.guide { width: 1200px; height: 365px; margin: 0 auto; margin-top: 35px; }
.guide .gmore { width: 419px; height: 365px; float: left; background: url(../images/guide.png) no-repeat 102px 94px #0062c7; }
.guide .gm { }
.guide .gm a { width: 141px; height: 39px; display: block; color: #FFF; border: solid 1px #fff; text-align: center; line-height: 39px; margin: 160px 0 0 134px; color: #fff; font-size: 18px; font-family: 微软雅黑, 黑体; cursor: pointer; }
.guide .gm a:hover { border: 1px #FFF solid; background: #FFF; color: #159bc2; }
.guide .zhidao { width: 781px; height: 365px; background: url(../images/zd.jpg) no-repeat; float: left; position: relative; }
.guide .zhidao .zdship { width: 781px; height: 66px; background: #d54417; position: absolute; bottom: 0; padding: 4px 0; }
.guide .zhidao .zdship ul {  height: 66px; float: left; font-size: 14px; }
.guide .zhidao .zdship ul.u1 { border-right: solid 1px #fdf3f1; }
.guide .zhidao .zdship ul li { height: 28px; line-height: 28px; padding-left: 15px; }
.guide .zhidao .zdship ul li img { margin-right: 10px; }
.guide .zhidao .zdship ul li a { color: #fdf3f1; }
.guide .zhidao .zdship ul li a:hover { text-decoration: underline; }
/* 关于我们 */
.abus { width: 1200px; height: 445px; margin: 0 auto; margin-bottom: 30px; margin-top: 35px; }
.abus .aus { width: 838px; height: 445px; float: left; }
.abus .aus .a { width: 839px; height: 93px; background: #0062c7; }
.abus .aus .a .atit { width: 242px; height: 92px; background: url(../images/aboutus.png); margin-left: 14px; float: left; }
.abus .aus .a .amore a { width: 73px; color: #FFF; height: 29px; border: solid 1px #fff; float: right; margin: 30px 24px 0 0; color: #fff; line-height: 29px; text-align: center; font-size: 15px; font-family: 微软雅黑, 黑体; cursor: pointer; }
.abus .aus .a .amore a:hover { border: 1px #FFF solid; background: #FFF; color: #0062c7; }
.abus .aus .usimg { width: 838px; height: 362px; background: url(../images/abus.jpg) no-repeat; position: absolute; }
.abus .aus .usimg .usdes { height: 75px; padding: 5px 20px; position: absolute; bottom: 10px; z-index: 1000; color: #fff; text-indent: 2em; background: #000; font-size: 14px; line-height: 20px; filter: alpha(Opacity=80); -moz-opacity: 0.5; opacity: 0.8; }
.abus .cus { width: 362px; height: 445px; float: left; }
.abus .cus .c { width: 362px; height: 93px; background: #1689ff; }
.ctit { width: 242px; height: 92px; background: url(../images/cus.png) no-repeat 17px 28px #1689ff; background-size: 220px; float: left; }
.cmore a { width: 73px; color: #FFF; height: 29px; border: solid 1px #fff; float: right; margin: 30px 24px 0 0; color: #fff; line-height: 29px; text-align: center; font-size: 15px; font-family: 微软雅黑, 黑体; cursor: pointer; }
.cmore a:hover { border: 1px #FFF solid; background: #FFF; color: #0062c7; }
.abus .cus .contentus { width: 362px; height: 352px; background: #0062c7; }
.abus .cus .contentus .tus { width: 262px; border-bottom: solid 1px #1689ff; color: #fffeff; margin: 0 auto; font-size: 14px; padding-left: 60px; }
.abus .cus .contentus .dizhi { background: url(../images/ic_1.png) no-repeat 19px 25px; height: 76px;  }
.abus .cus .contentus .tel { background: url(../images/ic_2.png) no-repeat 16px 25px; height: 76px; line-height: 76px; }
.abus .cus .contentus .chuanz { background: url(../images/ic_3.png) no-repeat 16px 25px; height: 76px; line-height: 76px; }
.abus .cus .contentus .youj { background: url(../images/ic_4.png) no-repeat 16px 25px; height: 76px; line-height: 76px; }
/* 底部 */
/*友情链接*/
.flink { width: 1200px; height: 60px; margin: 0 auto; line-height: 60px; font-size: 14px; padding-left: 15px; }
.flink span { color: #0062c7; }
.flink a { color: #666666; }
.flink a:hover { color: #0062c7; }
.footNav { width: 100%; background: #242424; padding-top: 38px; overflow: hidden; clear: both; }
.footNav .fnav { width: 100%; background: #1f1f1f; text-align: center; overflow: hidden; }
.footNav .fnav a { display: inline-block; color: #fff; line-height: 53px; padding: 0 28px; font-size: 14px; }
.footNav .fnav a:hover { background: #0062c7; }
.footNav .ownership { line-height: 25px; color: #ccc; padding: 20px 0; font-size: 13px; text-align: center; }
.footNav .ownership .cpr { float: left; margin-left: 80px; display: block; }
.footNav .ownership .cpr2 { text-align: center; }
.footNav .ownership .cnzz { margin-left: 13px; margin-top: 13px; margin-right: 60px; float: left; }
.footNav .ownership .map { text-align: center; }
.footNav .ownership .map a { color: #ccc; }
.footNav .ownership .share { float: left; margin-left: 60px; }
.footNav .ownership .share a { display: block; float: right; margin: 0 5px; }
/*新加样式*/
.advantageBg { width: 100%; height: 215px; background: #000; opacity: 0.6; }
.advantageBox { width: 1200px; position: absolute; left: 50%; margin-left: -600px; z-index: 99999; top: 100px; }
.advantageList { width: 220px; height: 280px; float: left; margin: 10px 40px; }
.advantageListImg { width: 220px; height: 220px; margin: auto; margin-top: 10px; position: relative; overflow: hidden; cursor: pointer; }
.advantageListImg a { float: right; color: #99a3bb; font-family: "宋体"; line-height: 20px; }
.scrollicon { position: absolute; left: 0px; top: 0px; }
.scrolliconBg { width: 220px; height: 220px; border: 2px solid #0062c7; background: #FFF; border-radius: 210px; margin-bottom: 1px; }
.scrolliconshow1 { width: 200px; height: 200px; background: #FFF; background: url(../images/advantage1.png) no-repeat; border-radius: 200px; margin: auto; margin-top: 7px; }
.scrolliconshow2 { width: 200px; height: 200px; background: #FFF; background: url(../images/advantage2.png) no-repeat; border-radius: 200px; margin: auto; margin-top: 7px; }
.scrolliconshow3 { width: 200px; height: 200px; background: #FFF; background: url(../images/advantage3.png) no-repeat; border-radius: 200px; margin: auto; margin-top: 7px; }
.scrolliconshow4 { width: 200px; height: 200px; background: #FFF; background: url(../images/advantage4.png) no-repeat; border-radius: 200px; margin: auto; margin-top: 7px; }
.advantageList .info { width: 100%; font-family: "微软雅黑"; line-height: 30px; position: relative; text-align: center; }
.advantageList .info p { text-align: center; }
.advantageList .infoHead { font-size: 18px; text-align: center; color: #000; }
.advantageList .infoWord { position: relative; font-size: 14px; }
.advantageList .infoWord p { color: #666666; }
.advantageList .info i { width: 3px; height: 7px; position: absolute; left: -5px; bottom: 12px; }
.productInfoBox { position: absolute; width: 381px; height: 166px; z-index: 99999; left: 0px; bottom: -166px; }
.productLogo { width: 100%; position: absolute; bottom: 25px; left: 0px; z-index: 999; }
.productLogo img { display: block; margin: auto; }
.applicationCaseBox { float: left; width: 779px; position: relative; }
.advantageWord { width: 1200px; height: 215px; position: absolute; top: 0px; left: 50%; margin-left: -600px; }
.advantageWordIcon { width: 1200px; height: 81px; background: url("../images/advantageHead.png") top left no-repeat; float: left; margin-left: 25px; margin-top: 27px; }
.advantageWordIcon.en { background: url("../images/advantageHead-en.png") top center no-repeat; }
