@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


/*banner*/
.banner{height: 648px;overflow: hidden;}
.banner .bd li{height: 648px;background: url(/images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 648px;}
/*intro*/
.intro{height: 609px;padding:78px 0 0;background:url(/images/intro_bg.jpg) repeat-x;}
.intro_l{float: left;width: 382px;}
.intro_l h3{font-size: 24px;color: #000;height: 57px;margin-bottom: 54px;background:url(/images/intro_t.jpg) no-repeat left bottom;}
.intro_l h3 span{font-size: 18px;color: #898989;font-weight: normal;padding-left: 10px;}
.intro_l ul li{height:56px;margin-bottom:63px;}
.intro_l ul li p{display:inline-block;padding-left: 16px;width: 290px;font-size: 18px;color: #555;line-height: 27px;vertical-align: top;}
.intro_l ul li img{transition: all 0.5s linear;}
.intro_l ul li:hover img{transform: rotateY(180deg);}
.intro dl{float: left;width: 697px;}
.intro dl dt{width: 697px;height: 406px;}
.intro dl dd p{font-size:14px;color: #787878;line-height: 26px;padding:18px 0 22px;}
.intro dl dd a{display: block;width: 110px;height: 33px;line-height: 33px;text-align: center;font-size: 14px;color: #24a5e8;border:1px solid #24a5e8;}
.intro h4{float:right;width: 74px;padding:7px 0 0 9px;height: 280px;background:url(/images/shang.png) no-repeat;font-weight: normal;line-height: 29px;}
.intro h4 span{float: left;width: 32px;text-align: center;font-size:26px;color: #5f5f5f;}
.intro h4 b{float: left;width:32px;text-align: center;color: #24a5e8;font-size:26px;}
/*product*/
.pro1{height: 590px;background:url(/images/pro_bg1.jpg) no-repeat center 0;margin-bottom: 2px;}
.pro2{height: 590px;background:url(/images/pro_bg2.jpg) no-repeat center 0;margin-bottom: 2px;}
.pro3{height: 590px;background:url(/images/pro_bg3.jpg) no-repeat center 0;}
.pro h3{height: 82px;padding-top:40px;text-align: center;font-size: 36px;background:url(/images/tit_bg.jpg) no-repeat bottom center;margin-bottom: 47px;}
.pro h3 a{color: #000;}
.pro dl{height:365px;}
.pro dl dt{width: 539px;height: 365px;margin:0 18px;position: relative;}
.pro dl dt span{display: block;height: 365px;}
.pro dl dt span img{display: block;width: 539px;height:365px;}
.pro dl dt .prev{position: absolute;top: 148px;left:-18px;width: 38px;height: 66px;background:#9f9f9e;cursor: pointer;}
.pro dl dt .next{position: absolute;top: 148px;right:-18px;width: 38px;height: 66px;background:#9f9f9e;cursor: pointer;}
.pro dl dt i:hover{background: #24a5e8;}
.pro dl dd{width: 588px;}
.pro dl dd h4{font-weight: normal;height: 16px;padding:13px 0;line-height: 16px;border-top:1px solid #cfe7ed;border-bottom:1px solid #cfe7ed;margin-bottom: 30px;}
.pro dl dd h4 span{display:inline-block;font-size: 16px;color: #333;padding:0 15px;border-right:1px solid #c2c2c2;}
.pro dl dd h4 .nobor{border:0;}
.pro dl dd b{display: block;font-size: 18px;color: #333;height: 22px;line-height: 22px;padding-left: 28px;margin-bottom: 10px;}
.pro dl dd .b1{background:url(/images/you_ic.png) no-repeat left center;}
.pro dl dd .b2{background:url(/images/use_ic.png) no-repeat left center;}
.pro dl dd p{font-size: 16px;color: #555;line-height: 28px;width: 550px;margin-bottom: 35px;}

/*case*/
.case{height: 959px;background:url(/images/case_bg.jpg) no-repeat center 0;}
.case h3{text-align: center;font-size:36px;color: #111;height:166px;padding-top: 62px;}
.case h3 a{color: #111;}
.case h3 i{display: block;font-size: 18px;color: #999;height: 38px;background:url(/images/tit_bg.jpg) no-repeat bottom center;font-weight: normal;}
.case h3 span{display: block;font-size: 22px;color: #5f5f5f;padding-top: 15px;font-weight: normal;}
.case h4{text-align: center;height: 52px;margin-bottom: 39px;font-weight:normal;font-size:0;}
.case h4 a{display:inline-block;width: 169px;height: 50px;line-height: 50px;font-size: 20px;color: #333;border:1px solid #ddd;border-right: 0;position: relative;}
.case h4 a.last{border-right:1px solid #ddd;}
.case h4 a i{display:none;position: absolute;width:19px;height: 9px;background:url(/images/san1.png) no-repeat;top:50px;left: 75px;}
.case h4 a:hover,.case h4 a.cur{background: #24a5e8;color: #fff;font-weight: bold;}
.case h4 a:hover i,.case h4 a.cur i{display: block;}
.case_con  .bd{float: left;}
.case_l{width: 847px;padding:10px;height: 538px;border:1px solid #e0e0e0;}
.case_l img{display: block;width: 847px;height: 452px;}
.case_l p{float: left;width: 720px;padding-top: 12px;padding-left: 8px;}
.case_l p span{display: block;height: 34px;line-height: 34px;font-size:16px;color: #2c2c2c;}
.case_l p span a{color: #2c2c2c;}
.case_l p b{color: #030000;}
.case_l .more{float: right;width: 110px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;background: #24a5e8;margin-top: 29px;}
.case_r{float: right;width: 303px;padding-top: 16px;position: relative;height:531px;}
.case_r ul li{height: 162px;margin-bottom: 22px;position: relative;}
.case_r ul li img{display: block;width: 303px;height:162px;}
.case_r ul li em{position: absolute;left: 0;bottom: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background:url(/images/tm1.png) repeat;}
.case_r ul li.cur em{display: block;}
.case_r .prev{position: absolute;left:107px;top:0;width: 88px;height: 28px;background:url(/images/tm2.png) repeat;cursor: pointer;}
.case_r .next{position: absolute;left:107px;bottom:-15px;width: 88px;height: 28px;background:url(/images/tm2.png) repeat;cursor: pointer;}
/*adva*/
.adva{background:url(/images/adva_t.jpg) no-repeat center 0;}
.adva h3{height: 250px;position: relative;}
.adva h3 span{display: block;font-size: 26px;color: #fff;text-align: center;padding-top: 160px;font-weight:normal;}
.adva h3 i{position: absolute;width: 61px;height: 60px;background:url(/images/jt1.png) no-repeat;left: 570px;bottom: -27px;}
.adva1{height: 711px;background:url(/images/adva_bg1.jpg) no-repeat center 0;}
.adva1 dl{padding-top:110px;}
.adva1 dt{position: relative;}
.adva1 dt i{position:absolute;bottom: -33px;left: -70px;}
.adva1 dd{padding-left: 62px;width: 494px;padding-top: 45px;}
.adva dd h4{font-size: 44px;color: #1798db;font-weight:normal;margin-bottom: 28px;}
.adva dd h4 span{display: block;font-size: 24px;color: #000;padding:5px 0 30px;background:url(/images/line3.jpg) no-repeat left bottom;}
.adva dd .des{font-size: 16px;color: #666;line-height: 32px;padding:0 0 38px;}
.adva dd .des em{color: #24a5e8;}
.adva .you p{float: left;width: 70px;text-align: center;font-size: 16px;color: #666;margin-right:42px;}
.adva .you p img{display: block;margin: 0 auto 10px;transition: all 0.8s ease-in-out;}
.adva .you p:hover img{transform:rotate(360deg);}
.adva2{height: 712px;background:url(/images/adva_bg2.jpg) no-repeat center 0;}
.adva2 dl{padding-top:155px;}
.adva2 dt{float: right;margin-right: -24px;}
.adva2 dd{width:505px;}
.adva3{height: 712px;background:url(/images/adva_bg3.jpg) no-repeat center 0;}
.adva3 dl{padding-top:175px;}
.adva3 dt{width:638px;padding-top: 55px;font-size:0;}
.adva3 dt span{display: block;height:188px;margin-bottom: 7px;}
.adva3 dt>img{margin-right: 6px;}
.adva3 dt .nomar{margin-right: 0;}
.adva3 dd{width:495px;}
.adva3 dd h4{font-size: 38px;}
.adva3 .you p{display:inline-block;width: 100px;text-align: center;font-size: 16px;color: #666;margin:0 20px 0 0;}
.adva4{height: 712px;background:url(/images/adva_bg4.jpg) no-repeat center 0;}
.adva4 dl{padding-top: 152px;}
.adva4 dt{margin-right: -62px;}
.adva4 dd{width:440px;}
.adva4 dd h4{width: 570px;font-size: 38px;}
.adva4 .you p{display:inline-block;width: 100px;text-align: center;font-size: 16px;color: #666;margin:0 20px 0 0;}
/*fact*/
.fact{overflow:hidden;width: 100%;}
.fact h3{text-align: center;font-size:36px;color: #111;height:170px;padding-top: 80px;font-weight:normal;background:url(/images/tit_bg.jpg) no-repeat center 145px;}
.fact h3 span{display: block;font-size: 22px;color: #5f5f5f;padding-top: 30px;font-weight: normal;}
.fact h3 em{color: #24a5e8;}
.fact ul{height: 620px;position: relative;}
.fact ul img{display: block;margin-bottom: 2px;}
.fact ul .li01{position: absolute;width: 634px;top:0;left: -360px;}
.fact ul .li02{margin:0 283px 0 276px;}
.fact ul .li03{position: absolute;width: 641px;top:0;right: -360px;}
.fact ul .more{position: absolute;width:138px;height:135px;padding-left: 30px;line-height:135px;background: url(/images/more2.png) no-repeat;bottom: 0;left: 0;font-size: 26px;color: #fff;}
/*honor*/
.honor{padding:80px 0 60px;position: relative;}
.hn_con{margin-left: 85px;}
.honor ul li{float: left;width: 239px;margin-right: 25px;}
.honor ul li img{display: block;width:239px;}
.honor ul li em{display: block;font-size: 16px;color: #343434;text-align: center;margin-top: 18px;height: 18px;line-height: 18px;}
.honor .prev{position: absolute;top: 188px;left:0;cursor: pointer;}
.honor .next{position: absolute;top: 188px;right:0;cursor: pointer;}
/*news*/
.news{background:#f6f6f6;padding-bottom: 70px;}
.news h3{text-align: center;font-size:36px;color: #111;height:170px;padding-top:50px;}
.news h3 a{color: #111;}
.news h3 i{display: block;font-size: 18px;color: #999;height: 38px;background:url(/images/tit_bg.jpg) no-repeat bottom center;font-weight: normal;}
.news h3 span{display: block;font-size: 22px;color: #5f5f5f;padding-top: 15px;font-weight: normal;}
.new_l{float: left;width: 796px;height: 430px;border:1px solid #d8d8d8;background: #fff;}
.news h4{height: 61px;border-bottom:1px solid #d8d8d8;}
.new_l h4 a{display:inline-block;width: 140px;height: 61px;line-height: 61px;padding-left: 90px;font-size: 20px;color: #5f5f5f;}
.new_l h4 .a1{background:url(/images/dong_ic1.png) no-repeat 56px center;}
.new_l h4 .a2{background:url(/images/bai_ic1.png) no-repeat 56px center;}
.new_l h4 a:hover,.new_l h4 a.cur{color: #fff;font-weight: bold;}
.new_l h4 .a1:hover,.new_l h4 .a1.cur{background:url(/images/dong_ic2.png) no-repeat 56px center #24a5e8;}
.new_l h4 .a2:hover,.new_l h4 .a2.cur{background:url(/images/bai_ic2.png) no-repeat 56px center #24a5e8;}
.new_l dl{height: 165px;padding:27px 26px 0;}
.new_l dl dt{float: left;padding: 2px;border:1px solid #d8d8d8;}
.new_l dl dt img{display: block;width: 249px;height:159px;}
.new_l dl dd{float: left;width: 458px;padding-left: 30px;height: 165px;}
.new_l dl dd b{display: block;font-size: 16px;height: 38px;border-bottom:1px solid #d8d8d8;}
.new_l dl dd b a{color: #0e0e0e;}
.new_l dl dd p{font-size: 14px;color: #6d6d6d;line-height: 24px;padding:15px 0 25px;}
.new_l dl dd .more{display: block;width:110px;height: 29px;line-height: 29px;font-size: 14px;color: #24a5e8;border:1px solid #24a5e8;text-align: center;}
.new_l ul{padding:18px 26px 0;}
.new_l ul li{height: 34px;line-height: 34px;font-size: 14px;}

.new_l ul li a{color: #101010;}
.new_l ul li i{float: right;color: #747474;}
.new_l ul li em{color: #24a5e8;}
.new_r{float: right;width: 365px;height: 430px;border:1px solid #d8d8d8;background: #fff;}
.new_r h4{background:url(/images/jt3.png) no-repeat 310px center;}
.new_r h4 a{display: block;height: 43px;padding:10px 0 8px 52px;background:url(/images/wen_ic.png) no-repeat 12px center;font-size: 18px;color: #101010;}
.new_r h4 i{display: block;font-size: 14px;color: #797979;font-weight: normal;}
.new_r ul{padding:26px 16px 0;}
.new_r ul li h5{height: 36px;line-height: 23px;font-size: 14px;font-weight: normal;border-bottom:1px solid #d8d8d8;margin-bottom: 12px;}
.new_r ul li h5 em{display:inline-block;width: 23px;height: 23px;text-align: center;color:#fff;background: #24a5e8;margin-right: 15px;border-radius: 2px;}
.new_r ul li p{height: 62px;}
.new_r ul li p em{float: left;width: 23px;height: 23px;text-align: center;color:#fff;background: #8bb027;margin-right: 15px;border-radius: 2px;}
.new_r ul li p span{float: left;width: 295px;line-height: 24px;color: #6d6d6d;}