html,body{background:#eee; font-size:12px;}
body{padding-bottom: 50px; padding-top: 70px;}
/**/
.mt1{margin-top:10px;}
.mb1{margin-bottom:10px;}
.mr1{margin-right:10px;}
.ml1{margin-left:10px;}
.ml2{margin-left:80px;}
.ml3{margin-left:2%;}
.ml4{margin-left:340px;}
/**/
.pd1{padding-top:20px; padding-bottom:20px;}
.pd2{padding-top:20px;}
.pd3{padding-top:20px;}
.pd4{padding-top:20px; padding-bottom:20px;}
.pd5{padding-top:20px; padding-bottom:20px;}
.pd6{padding-bottom:20px;}
.pd7{padding-top:20px; padding-bottom:20px;}
.pd8{padding-top:20px;}
/**/
a,a:hover{transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
/**/
.inner{width: 100%; height: 100%; position: relative; overflow: hidden;}
.hide{display: none;}
.position_relative{position: relative;}
/**/
.w0{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w1{width:100%; max-width: 640px; margin:auto; overflow:hidden;}
.w2{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w3{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w4{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w5{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w6{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w7{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w8{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w9{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w10{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w11{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w12{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w13{width:100%; max-width: 640px; margin:auto; overflow: hidden;}
.w14{width:92%; max-width: 640px; margin:auto; overflow: hidden;}

/**/
.top1{ height: 70px; position: fixed; top: 0px; z-index: 100; }
.top2{}

.logo{background: url(../images/logo_v3.png) center no-repeat; background-size: contain; width: 36%; height: 68px; position: absolute; top: 50%; margin-top: -34px; left: 0px; line-height: 68px; text-indent: -220px; overflow: hidden;}
.logo_line{width: 1px; height: 30px; background-color: #CCD2E3; position: absolute; top: 50%; margin-top: -15px; left: 36%;}
.logo_txt1{width: 60%; height: 20px; line-height: 20px; font-size: 12px;color: #17358A; position: absolute; left: 36%; top: 50%; margin-top: -10px; text-indent: 10px; overflow: hidden;}
.logo_txt2{width: 60%; height: 20px; line-height: 20px; font-size: 12px;color: #17358A; position: absolute; left: 36%; top: 50%; margin-top: -2px; text-indent: 10px; overflow: hidden;}
.top_tel{width: 200px; height: 50px; padding-left: 60px; background: url(../images/mark1.png) left no-repeat; line-height: 50px; font-size: 26px;color: #284489; position: absolute; text-align: center; top: 50%; margin-top: -25px; right:70px; overflow: hidden; }
.top_weixin{width: 70px; height: 30px; background: url(../images/mark2.png) center no-repeat; position: absolute; top: 50%; margin-top: -15px; right: 0px; border-left: 1px #E2E2E2 solid; cursor: pointer;}
.top_bar{width: 10%; height: 60px; line-height: 60px; font-size: 24px; color: #000; position: absolute; top: 50%; margin-top: -30px; right: 0px; overflow: hidden;}

.nav{width: 120px;clear: both; overflow: hidden; position: fixed; z-index: 1200; right: 0px; top: 70px; bottom: 0px; background-color: #fff;display:none;}
.nav li{ width: 100%; height: 60px; line-height: 60px; overflow: hidden;  position: relative;}
.nav li .d1{width: 0px;height: 100%;background-color:#f60; position: absolute; top: 0px; left: 50%; overflow: hidden;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.nav li .d2{width: 100%; height: 60px; line-height: 60px; text-align: center;font-size: 14px; position: absolute; top: 0px; left: 0px;  overflow: hidden;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.nav li .d3{width: 100%; height: 60px; line-height: 60px; text-align: center;font-size: 14px; position: absolute; top: 60px; left: 0px; overflow: hidden;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.nav li:hover .d1{width: 100%; left: 0px;}
.nav .li1:hover .d1{width: 100%; left: 0px;}
.nav li:hover .d2{top: -60px;}
.nav li:hover .d3{top: 0px;}
.nav .on .d1{width: 100%; left: 0px;}
.nav .on2 .d1{width: 100%; left: 0px;}

.subnav_0{z-index: 1200; background-color: #f8f8f8;display:none;}
.subnav_0 ul{width: 100%; overflow: hidden;}
.subnav_0 ul li{width: 100%; margin: auto; height: 60px; line-height: 60px;overflow: hidden; text-align: center; font-size: 12px; position: relative;}
.subnav_0 ul li .d1{width: 100%; height: 100%;position: absolute; top: 0px; left: 0px; z-index: 5;}
.subnav_0 ul li .d2{width: 0px;  height: 100%; background-color:#f60; position: absolute; bottom: 0px; left: 0%; z-index: 3; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.subnav_0 ul li:hover .d2{width:100%;}

.subnav_2{width: 120px; position: fixed; top: 130px; right: 120px;}
.subnav_3{width: 120px; position: fixed; top: 190px; right: 120px;}
.subnav_4{width: 120px; position: fixed; top: 250px; right: 120px;}
.subnav_5{width: 120px; position: fixed; top: 310px; right: 120px;}
.subnav_6{width: 120px; position: fixed; top: 70px; right: 120px;}


.search{width:150px; height: 40px; overflow:hidden; border: 0px #ccc solid; position: absolute; background-color: #fff; right: 70px; top: 50%; margin-top: -20px;}
.userbar_ico{width: 50px; height: 50px; background: url(../images/mark4.png ) center no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -25px; cursor: pointer; overflow: hidden; }

.bg1{ background: #fff; width:100%; padding-bottom: 10px; margin: auto;}
.bg1_v2{ background: #fff; width:100%; padding-bottom: 10px; margin: auto; }
.bg2{background-color: #fff; border-radius: 10px; overflow: hidden;}
.bg2_2{ width: 260px; height: 100%; position: absolute; left: 0px; top: 0px; background: url(//static.cdn.viposs.com/none.png) left center no-repeat; background-color: #D2E1EE; border-radius: 15px; overflow: hidden;}
.bg3{ background-color: #fff; border-radius: 10px; overflow: hidden;}
.bg5{ background: url(../images/bg5.png) center no-repeat; background-size: cover; background-color: #16358A; height:80px; border-radius: 10px; overflow: hidden;}
.bg7{ background: url(../images/bg7.png) top center no-repeat; background-size: 100% auto; height: 20px;}
.bg8{ background: url(//static.cdn.viposs.com/none.png) center no-repeat; height: 420px;}
.bg9{ background: url(../images/bg9.png?v=1) center no-repeat; background-size:contain; height:90px; overflow: hidden;}
.bg10{ background-color: #fff; border-radius: 15px; overflow: hidden;}
.bg11{ width: 260px; height: 100%; position: absolute; left: 0px; top: 0px; background: url(//static.cdn.viposs.com/none.png) left center no-repeat; background-color: #D2E1EE; overflow: hidden;}
.bg12{ width: 260px; height: 100%; position: absolute; left: 0px; top: 0px; background: url(//static.cdn.viposs.com/none.png) left center no-repeat; background-color: #D2E1EE; overflow: hidden;}

.banner1{ width: 100%; height: 160px; background: url(../images/banner1.jpg?v=1) center no-repeat; background-size: 100% 100%;}

.item_name{width: 240px; height: 40px; line-height: 40px; font-size: 28px; position: absolute; top: 390px; left: 50%; margin-left: -624px; overflow: hidden; text-align: center; letter-spacing: 2px; color: #fff; font-weight: 100;}
/**/
.bgc1{background-color: #fff;}
.bgc2{background-color: #DCE1EC;}
.bgc3{background-color: #DCE1EC;}
.bgc4{background-color: #C9D0E2;}
.bgc5{background-color: #fff;  padding: 10px; border-radius: 10px; overflow: hidden;}
.bgc6{background-color: rgba(248,248,248,0.98);}
.bgc7{background-color: #284489;}
.bgc8{background-color: #264486;}
.bgc9{background-color: #17358A; border-radius: 15px;}
/**/
.ul1 ul{ width: 96%; margin: auto; clear: both; overflow: hidden; padding-top: 20px;  }
.ul1 li{ width: 25%; float: left; overflow: hidden;}
.ul1 li .d1{width:60px; height: 60px; margin: auto; margin-top:0px;  border-radius: 100%; position: relative;  overflow: hidden; background-color: #264486; }
.ul1 li .d2{width:60px; height: 60px; margin: auto;  overflow: hidden; background-color: #f60; position: absolute; top: 100%; left: 0px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.ul1 li .d3{width:60px; height: 60px; margin: auto; border-radius: 100%;  overflow: hidden; position: absolute; left: 0px; top: 0px; }
.ul1 .li1 .d3{background: url(../images/mark5.png) center no-repeat; background-size: 70% 70%; }
.ul1 .li2 .d3{background: url(../images/mark6.png) center no-repeat; background-size: 70% 70%; }
.ul1 .li3 .d3{background: url(../images/mark7.png) center no-repeat; background-size: 70% 70%; }
.ul1 .li4 .d3{background: url(../images/mark8.png) center no-repeat; background-size: 70% 70%; }
.ul1 li .d4{width: 100%; height:40px; line-height: 40px; text-align: center;font-size: 12px; overflow: hidden; }
.ul1 li:hover .d2{top:0px;}

.ul2 ul{width: 100%; margin: auto; clear: both;  overflow: hidden;padding: 20px 0px;}
.ul2 li{width: 46%; margin-left: 2%; margin-right: 2%; float: left; height:60px; overflow: hidden; background: url(../images/bg4.png ) center no-repeat; background-size: cover; margin-bottom: 10px; position: relative; border-radius: 4px;}
.ul2 li .d1,.ul2 li .d3{width:40px; height: 40px; border-radius: 100%; position: absolute; left: 10px; top: 10px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.ul2 .li1 .d1,.ul2 .li1 .d3{background: url(../images/mark9.png ) center no-repeat;background-size: 80% 80%; background-color: #fff;}
.ul2 .li2 .d1,.ul2 .li2 .d3{background: url(../images/mark10.png ) center no-repeat;background-size: 90% 90%; background-color: #fff;}
.ul2 .li3 .d1,.ul2 .li3 .d3{background: url(../images/mark11.png ) center no-repeat;background-size: 90% 90%; background-color: #fff;}
.ul2 .li4 .d1,.ul2 .li4 .d3{background: url(../images/mark12.png ) center no-repeat;background-size: 90% 90%; background-color: #fff;}
.ul2 .li5 .d1,.ul2 .li5 .d3{background: url(../images/mark13.png ) center no-repeat;background-size: 90% 90%; background-color: #fff;}
.ul2 .li6 .d1,.ul2 .li6 .d3{background: url(../images/mark14.png ) center no-repeat;background-size: 90% 90%; background-color: #fff;}
.ul2 li .d2{width: 90px; line-height: 60px; height: 60px; text-align: center; font-size: 14px; overflow: hidden; position: absolute; right: 0px;top: 0px;}
.ul2 li .d3{top: 80px;}
.ul2 li:hover .d1{top: -60px;}
.ul2 li:hover .d3{top: 10px;}

.ul3 ul{width: 100%;overflow: hidden;padding: 20px 0px; padding-bottom: 5px;}
.ul3 li{width: 100%; height:60px; overflow: hidden; background: #f6f6f6; margin-bottom: 12px; position: relative; border-radius: 8px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul3 li .d1{width:25%; height: 100%; position: absolute; left: 0px; top: 0px;  background-color: #104095;}
.ul3 li .d4{width:25%; height: 100%; position: absolute; left: -100px; top: 0px;  background-color: #f60;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul3 li .d3{width:25%; height: 100%; position: absolute; left: 0px; top: 0px; }
.ul3 .li1 .d3{background: url(../images/mark15.png ) center no-repeat;background-size: auto 70%;}
.ul3 .li2 .d3{background: url(../images/mark16.png ) center no-repeat;background-size: auto 70%;}
.ul3 .li3 .d3{background: url(../images/mark17.png ) center no-repeat;background-size: auto 70%;}
.ul3 .li4 .d3{background: url(../images/mark18.png ) center no-repeat;background-size: auto 70%;}
.ul3 li .d2{width: 75%; line-height: 60px; height: 100%; background:url(../images/mark19.png) right no-repeat; background-size: auto 60%; text-align: center; font-size: 16px; overflow: hidden; position: absolute; right: 0px;top: 0px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul3 li:hover{background-color: #eee;}
.ul3 li:hover .d4{left: 0px;}


.ul4 ul{width: 100%; clear: both; overflow: hidden; padding-top: 10px;}
.ul4 li{width: 29%; height: 60px; float: left; overflow: hidden;position: relative;}
.ul4 .li1{width: 42%;}
.ul4 li .d1{width: 100%; height: 40px; text-align: center; font-size: 20px; color: #4AC6F5; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.ul4 li .d2{width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; position: absolute; bottom: 3px; left: 0px; overflow: hidden;}
.ul4 li .d3{width: 1px; height: 70px; background-color: rgba(255,255,255,0.1); position: absolute; top: 50%; margin-top: -35px; right: 0px;}

.ul5 ul{width: 100%; background-color: #0096D3;  margin: auto; padding: 20px 0px; clear: both; overflow: hidden;}
.ul5 li{width: 33.333333%; border-left: 1px rgba(255,255,255,0.2) solid; margin-left: -1px; float: left; height: 150px; overflow: hidden;text-align: center; font-size: 12px; color: #fff; cursor: pointer; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; position: relative;}
.ul5 li .d1{width: 80px; height: 80px; border-radius: 100%; background: #fff;  position: absolute; left:50%; margin-left: -40px; bottom: 52px; text-align: center; overflow: hidden;}
.ul5 li .d1 img{width:100%; height: 100%; }
.ul5 li .d2{width: 80%; height: 40px; text-align: center; line-height: 20px; position: absolute; bottom: 0px; left: 10%; overflow: hidden;}
.ul5 li:hover{background-color: rgba(255,255,255,1);}
.ul5 li:hover .d2 a, .ul5 li:hover .d2 a:hover{color: #000;}
.ul5 li:hover .d1{ background-color: #0096D3;}

.ul6 ul{width:100%; clear:both; overflow:hidden;}
.ul6 li{width:100%; float:left; margin-bottom: 40px; overflow:hidden; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.ul6 li .d0{width: 80%; margin: auto; overflow: hidden;}
.ul6 li .d1{width: 100%; margin: auto; margin-top: 20px; overflow: hidden; border-radius: 10px 10px 0px 0px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul6 li .d1 img{width: 100%; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul6 li .d2{width: 100%; height: 200px; position: relative;overflow: hidden; background-color: rgba(255,255,255,0.5);  border-radius: 0px 0px 10px 10px;}
.ul6 li .d2_1{width: 100%; background-color:#264486; height: 60px; position: absolute; left: 0px; top: 0px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.ul6 li .d2_2{width: 10px; background-color:#FF6600; height: 60px; position: absolute; left: 0px; top: 0px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.ul6 li .d2_3{width: 92%; padding-left: 4%; padding-right: 4%; height: 60px; line-height: 60px; position: absolute; top: 0px; left: 0px;  text-align: center; font-size: 14px; overflow: hidden;}
.ul6 li .d2_4{width: 80%; padding-left: 10%; padding-right: 10%; height: 50px; line-height: 25px; position: absolute; top: 70px; left: 0px; font-size: 12px; color: #000; overflow: hidden; text-align: center;}
.ul6 li .d2_5{width: 150px; height: 42px; line-height: 42px; border-radius: 42px; position: absolute; top: 135px; left: 50%; margin-left: -75px; border: 1px #284489 solid; background-color: #284489; text-align: center; font-size: 14px; overflow: hidden;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul6 li .d2_5 a, .ul6 li .d2_5 a:hover{color: #fff; display: block; text-decoration: none;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.ul6 li:hover .d2_5{ background-color: #f60; border: 1px #f60 solid;}
.ul6 li:hover .d2_2{width: 100%;}
.ul6 li:hover .d1 img{transform: scale(1.1); }

.ul6_2 li{margin-bottom: 30px;}

.ul7 ul{width: 100%; margin: auto; padding-top: 20px; clear: both; overflow: hidden;}
.ul7 li{width: 50%; float: left; overflow: hidden; padding-bottom: 20px;position: relative;}
.ul7 li .d1{width: 90%;  margin: auto; margin: auto; overflow: hidden;}
.ul7 li .d1 img{transition:all 1s; -moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; width:100%; height:100%;}
.ul7 li .d2{width: 90%; margin: auto; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;}
.ul7 li .d3{width: 90%; margin: auto; height: 20px; overflow: hidden; color: #888;}
.ul7 li .d4{width: 0px; height: 3px; background-color: #f60; position: absolute; top: 0px ;left: 50%; margin-left: -170px; transition:all .6s; -moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
.ul7 li:hover .d1 img{transform: scale(1.1); }

.ul8 ul{width: 100%; overflow: hidden;}
.ul8 li{width: 100%; overflow: hidden;}
.ul8 li .lr{width: 100%; clear: both; overflow: hidden;}
.ul8 li .l{width: 40%; float: left; overflow: hidden;}
.ul8 li .l img{width: 90%;}
.ul8 li .r{width: 60%; float: left; overflow: hidden;}
.ul8 li .r .d1{width: 100%;height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; overflow: hidden;}
.ul8 li .r .d2{width: 100%; height: 40px; line-height: 20px; overflow: hidden; font-size: 12px; color: #666; margin-bottom: 5px;}
.ul8 li .r .d3{width: 100%; height: 20px; line-height: 20px; overflow: hidden;color: #999;}

.ul9 ul{width: 100%; overflow: hidden; padding-top: 20px; padding-bottom: 20px;}
.ul9 li{width: 100%; height: 32px; line-height: 32px; color: #999; overflow: hidden;}

.ul10 dl{width: 20%; float: left; overflow: hidden;}
.ul10 dd{width: 100%; overflow: hidden;}
.ul10 dt{width: 100%; height: 60px; line-height: 60px; color: #000; font-size: 16px; font-weight: bold;overflow: hidden;}
.ul10 ul{width: 100%; overflow: hidden;}
.ul10 ul li{width: 100%; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px;}

.ul11 ul{ width: 96%; margin: auto; padding-top: 20px; clear: both; overflow: hidden;  }
.ul11 li{ width: 33.333%; float: left; overflow: hidden;}
.ul11 li .d1{width:60px; height: 60px; margin: auto; margin-top:0px;  border-radius: 100%;  overflow: hidden; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; cursor: pointer;}
.ul11 .li1 .d1{background: url(../images/about1.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li2 .d1{background: url(../images/about2.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li3 .d1{background: url(../images/about3.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li4 .d1{background: url(../images/about4.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li5 .d1{background: url(../images/about5.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li6 .d1{background: url(../images/about6.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li7 .d1{background: url(../images/heating1.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li8 .d1{background: url(../images/heating2.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li9 .d1{background: url(../images/heating3.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li10 .d1{background: url(../images/heating4.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li11 .d1{background: url(../images/heating5.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li12 .d1{background: url(../images/heating6.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li13,.ul11 .li14,.ul11 .li15,.ul11 .li16{width: 25%;}
.ul11 .li13 .d1{background: url(../images/mark21.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li14 .d1{background: url(../images/mark22.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li15 .d1{background: url(../images/mark23.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li16 .d1{background: url(../images/mark24.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li17,.ul11 .li18,.ul11 .li19{width: 33.333%;}
.ul11 .li17 .d1{background: url(../images/heating2.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li18 .d1{background: url(../images/mark22.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li19 .d1{background: url(../images/mark23.png) center no-repeat; background-color: #173589;background-size: 70% 70%;}
.ul11 .li20,.ul11 .li21,.ul11 .li22{width: 33.333%;}
.ul11 .li20 .d1{background: url(../images/about1.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li21 .d1{background: url(../images/mark22.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li22 .d1{background: url(../images/heating6.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li23,.ul11 .li24,.ul11 .li25,.ul11 .li26,.ul11 .li27,.ul11 .li28,.ul11 .li29,.ul11 .li30{width: 33.333%;}
.ul11 .li23 .d1{background: url(../images/mark5.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li24 .d1{background: url(../images/mark25.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li25 .d1{background: url(../images/mark26.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li26 .d1{background: url(../images/mark27.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li27 .d1{background: url(../images/mark28.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li28 .d1{background: url(../images/mark5.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li29 .d1{background: url(../images/mark29.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}
.ul11 .li30 .d1{background: url(../images/mark30.png) center no-repeat; background-color: #173589; background-size: 70% 70%;}

.ul11 li .d2{width: 100%; height:40px; line-height: 40px; text-align: center;font-size: 12px; overflow: hidden; }
.ul11 .on .d1{background-color:#f60;}
.ul11 li:hover .d1{background-color: #f60;}

.ul12 ul{width: 100%; clear: both; margin: auto; overflow: hidden;padding: 20px 0px;}
.ul12 li{width: 100%; background-color: #f8f8f8; margin-bottom: 20px; float: left; padding: 20px 0px; overflow: hidden; text-align: center; font-size: 14px; }
.ul12 li img{ max-width: 100%;  margin-bottom: 20px;}

.ul13 ul{width: 96%; margin: auto; overflow: hidden; padding: 50px 0px;}
.ul13 li{width: 100%; position: relative; overflow: hidden; padding-bottom: 20px; display: none;}
.ul13 li .d1{width: 25%; float: left; text-align: left; text-indent: 15px; overflow: hidden; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold;}
.ul13 li .d2{width: 70%; float: left; margin-left: 5%; line-height: 30px; font-size: 12px; overflow: hidden;}
.ul13 li .d3{width: 1px; height: 100%; position: absolute; left: 25%;background-color: #eee;}
.ul13 li .d4{width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 25%; margin-left: -4px; top: 13px; background-color: #eee;}

.ul14 ul{width: 100%; margin: auto; overflow: hidden;}
.ul14 li{width: 100%; overflow: hidden; margin-bottom: 20px;}
.ul14 li .lr{width: 100%; overflow: hidden; border-radius: 10px;}
.ul14 li .lr .r{width: 100%; overflow: hidden;}
.ul14 li .lr .r .d1{width: 100%; text-indent: 15px; padding: 10px 0px; line-height: 25px; font-size: 14px; font-weight: bold; overflow: hidden; background-color: #eee;}
.ul14 li .lr .r .d2{line-height: 1.9; font-size: 12px; padding: 15px 15px; overflow: hidden; background-color: #f8f8f8;}

.ul15 ul{width: 100%; overflow: hidden; padding-top: 20px; padding-bottom: 20px;}
.ul15 li{width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #999; overflow: hidden;}
.ul15 li em{font-size: 12px;}

.ul16 ul{width: 92%; margin: auto; overflow: hidden; padding-top: 20px;}
.ul16 li{width: 100%; overflow: hidden; margin-bottom: 20px;}
.ul16 li .lr{width: 100%; clear: both; overflow: hidden;}
.ul16 li .l{width: 35%; float: left; overflow: hidden;}
.ul16 li .l img{max-width: 100%; margin-top: 10px;}
.ul16 li .r{width: 60%; margin-left: 5%; float: left; overflow: hidden;}
.ul16 li .r .d1{width: 100%;height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; overflow: hidden;}
.ul16 li .r .d2{width: 100%; max-height: 40px; line-height: 20px; overflow: hidden; font-size: 12px; color: #666; margin-bottom: 5px;}
.ul16 li .r .d3{width: 100%; height: 20px; line-height: 20px; overflow: hidden;color: #999; font-size: 12px;}

.ul17 ul{width: 100%; clear: both; overflow: hidden; padding-top: 20px;}
.ul17 li{width: 46%; margin-left: 2%; margin-right: 2%; float: left; overflow: hidden; text-align: center; padding-bottom: 5px; font-size: 12px;}
.ul17 li .d1{width: 100%; overflow: hidden;}
.ul17 li img{ max-width: 100%; margin-bottom: 5px;}
.ul17 li .d2{width: 100%; height: 40px; line-height: 20px; overflow: hidden; text-align: center;}

.ul18 li{ width: 100%; text-align: center; float: left; }
.ul18 li img{width: 100%;}
/**/
.txt1{ width: 100%; line-height: 24px; font-size: 14px; color: #666; margin: 10px 0px; overflow: hidden;}
.txt2{ width: 98%; font-size: 14px; overflow: hidden; line-height: 2.2; color: #666; margin-top: 10px;}
.txt3{width: 100%; overflow: hidden; line-height: 24px; font-size: 14px; color: #222; text-align: center;}
.txt3 em{float: none; }
.txt3 em img{width: 50%; margin-bottom: 10px; }
.txt4{width: 100%; overflow: hidden; line-height: 2.0; font-size: 14px; color: #444;}
.txt4 img{max-width: 100%;}
.txt5{ width: 100%; line-height: 2.0; font-size: 14px; color: #666; margin: 20px 0px; overflow: hidden;}
/**/
.f1 a,.f1 a:hover{ color:#FFFFFF; text-decoration:none; display:block;}
.f2 a,.f2 a:hover{color:#111; text-decoration:none;display:block;}.f2 a:hover{color: #f60;}
.f3 a,.f3 a:hover{color:#555; text-decoration:none;}.f3 a:hover{ color: #111;}
.f4 a,.f4 a:hover{ color:#222; text-decoration:none; display:block;}.f4 a:hover{color: #fff;}
.f5 a,.f5 a:hover{ color:#222; text-decoration:none; display:block;}
.f6 a,.f6 a:hover{ color:#f60; text-decoration:none; display:block;}
.f7 a,.f7 a:hover{color:#264486; text-decoration:none;display:block;}
.f8 a,.f8 a:hover{color:#264486; text-decoration:none;display:block;}.f8 a:hover{color: #FFF;}
/**/
.fc1{color:#ccc;}
/**/
.ht1{height: 70px;}
.ht2{height: 72px;}
.ht3{height: 908px;}
.ht4{height: 800px;}
.ht5{height: 380px;}
.ht6{height: 200px;}
.ht7{height: 488px;}
.ht8{min-height: 300px;}
.ht9{height: 520px;}
/**/
textarea{border:1px #CCC solid; background:#FFFFFF; padding:2px;}
.inpt1{ width:100px;border:0px; background:#FFFFFF; height:38px; line-height:38px; text-indent:20px; font-size:14px; }
.inpt2{ width:500px; height:90px;}
.inpt3{width:80%; height:36px; line-height:36px; border:1px #ddd solid; padding:2px 5px; font-size:14px; border-radius:3px;}
.inpt4{height: 120px;}
.btn1{ width:50px;border:0px; height:35px; line-height:35px;  margin:auto; background: url(../images/mark3.png ) center no-repeat;}
.btn2{width:120px; height:42px; background-color:#33CCFF; border:0px; font-size:14px; color:#fff; transition:all .8s; -moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s; border-radius:3px;}
.btn2:hover{ background-color:#DB2450;}
/**/
.line1{border-top: 1px #eee solid;}
.line2{border-bottom: 1px #444 solid; width: 30px; height: 1px;}
.line3{width: 1280px; margin: auto; background-color: #fff; overflow: hidden; margin-top: 30px;}
.line4{width: 430px; height: 240px; margin: auto; margin-top: 20px; overflow: hidden;}
.line5{width: 92%; margin: auto; padding-bottom: 10px; margin-bottom: 20px; border-radius: 10px;
	background:-webkit-linear-gradient(    bottom,#17358A,#264486);
	background:   -moz-linear-gradient(   bottom,#17358A,#264486);
	background:     -o-linear-gradient(   bottom,#17358A,#264486);
	background:        linear-gradient(to bottom,#17358A,#264486);
}
.line6{margin: 0px 10px; background-color: #fff;padding: 20px; overflow: hidden;border-radius: 10px;}
.line7{border-left: 1px #ADB4C5 solid;}
.line8{border-bottom: 2px #ACB8D1 solid; margin: auto; width: 35px; height: 2px;}
/**/
.copyright{padding-top:20px; padding-bottom:20px; line-height:1.7; text-align:center;}
.copyright img{margin-top: 10px;}

.backtop{width: 32px; height: 32px; line-height: 32px; text-align: left; overflow: hidden; text-indent: -60px; position: fixed; right: 5px; bottom: 60px; background: url(../images/mark20.png ) center no-repeat; background-size:50% auto; background-color: #10439C; z-index: 1001;}
/**/ 
.more1{width: 130px; margin: auto; height: 42px; line-height: 42px; border-radius: 42px; text-align: center; overflow: hidden; font-size: 14px; background-color: #10439C;transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.more1:hover{background-color: #f60;}

.more2{width: 169px; height: 58px; line-height: 58px; margin: auto; overflow: hidden; background: url(../images/bg6.png ) center no-repeat; font-size: 16px; text-align: center; border-radius: 4px;}

.more3{width: 150px; margin: auto; height: 42px; line-height: 42px; border-radius: 42px; text-align: center; overflow: hidden; font-size: 14px; background-color: #088CD1; margin-top: 20px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.more3:hover{background-color: #264486;}

.more4{width: 150px; margin: auto; height: 42px; line-height: 42px; border-radius: 42px; text-align: center; overflow: hidden; font-size: 14px; background-color: #eee;}
.more4:hover{background-color: #173589;}

.more5{width: 200px; margin: auto; height: 42px; line-height: 42px; border-radius: 42px; text-align: center; overflow: hidden; font-size: 14px; border: 1px #264486 solid;}
.more5:hover{ border: 1px #264486 solid; background-color: #264486;}

/**/
.title1{ width: 100%; margin: auto; line-height: 66px; margin-top: 318px; text-align: center; font-size: 32px; color: #fff; overflow: hidden;}
.title2{width: 100%; margin: auto; height: 54px; line-height: 54px; font-size: 22px; font-weight: bold; overflow: hidden;}
.title3{ width: 100%; margin: auto; line-height: 132px; margin-top: 178px; text-align: center; font-size: 32px; color: #123E7F;font-weight: bold; overflow: hidden;}
.title4{text-align: center; font-size: 14px; color: #fff; height: 50px; line-height: 50px; margin-top: 110px;}
.title5{height: 60px; line-height: 60px; text-align: center; color:#284489; overflow: hidden; font-size: 22px; font-weight: bold;}
.title6{height: 15px; text-align: center; color:rgba(0,0,0,0.5); overflow: hidden; font-size: 12px;}
.title7{height: 40px; line-height: 40px; text-align: left; color:#000; overflow: hidden; font-size: 20px; font-weight: bold;}
.title8{height: 20px; text-align: left; color:#999; overflow: hidden; font-size: 12px;}
.title9{width: 80%; margin: auto; height: 54px; line-height: 54px; font-size: 18px; color: #fff; overflow: hidden;}
.title9 small{font-size: 12px; margin-left: 20px; color: rgba(255,255,255,0.6);}
.title9 i{width: 3px; height: 4px; padding: 1px ; font-size: 10px; background-color: #f60; margin-right: 10px;}
.title10{width: 100%; margin: auto; height: 60px; text-align: center; line-height: 60px; font-size: 18px; font-weight: bold;color: #000; overflow: hidden;}
.title11{height: 60px; line-height: 60px; text-align: left; color:#000; overflow: hidden; font-size: 18px; font-weight: bold;}
.title12{width: 100%; margin: auto; height: 72px; line-height: 70px; font-size: 28px; font-weight: bold; color: #000; overflow: hidden;}
.title13{ width: 100%; margin: auto; line-height: 66px; margin-top: 178px; text-align: center; font-size: 32px; color: #123E7F;font-weight: bold; overflow: hidden;}
.title14{ width: 100%; margin: auto; height: 54px; line-height:54px; text-align: center; font-size: 22px; font-weight: bold; color: #284489; overflow: hidden;}
.title15{ width: 100%; margin: auto; height: 20px;text-align: center; font-size: 12px; color: #999; overflow: hidden;}
.title16{ width: 100%; margin: auto; height: 30px;font-size: 12px; margin-top: -10px; color: #999; overflow: hidden;}
.title17{ width: 260px; margin: auto; height: 132px; line-height: 66px; position: absolute; top: 50%; margin-top: -66px; text-align: center; font-size: 32px; color: #000; overflow: hidden;}
.title18{ width: 260px; margin: auto; height: 54px; line-height: 54px; position: absolute; top: 50%; margin-top: -33px; text-align: center; font-size: 32px; color: #000; overflow: hidden;}
.title19{height: 54px; line-height: 54px; text-align: left; color:#000; overflow: hidden; font-size: 38px; font-weight: 100;}
.title20{height: 54px; line-height: 54px; text-align: center; color:#fff; background-color: #284489; overflow: hidden; font-size: 16px; font-weight: 100;}
/**/
.table1 td{padding: 8px 0px; }
.table1 th{text-align: left; width: 90px; font-size: 12px; font-weight: 100;}
/**/
.aTitle{width:100%; margin:auto; padding-top:15px; padding-bottom:15px; text-align:center; font-size:18px; font-weight: bold;color: #000;}
.aSub{width:100%; margin:auto; text-align:center; height:30px; line-height:30px; font-size: 12px;}
.aBody{width:100%; margin:auto; padding-top:15px; padding-bottom:15px;}
/**/
/*在线留言样式*/
.feedback{border:1px #222 solid; }
.feedback dt{ background:#222; color:#444;}
.feedback dt big{color:#fff;}
.feedback dd{ color:#C47500}

/*分页*/
.pageList{color:#222; width:98%; margin: auto; }
.pageList a,.pageList a:hover{background:#eee; color:#666;border:1px #eee solid; text-decoration:none;}
.pageList a:hover,.pageList .on{background:#3A8EC5; border:1px #3A8EC5 solid; color:#fff;}

/**/
.img2_scroll_h{width:100%; overflow:hidden; padding-top: 30px; }
.img2_scroll_h td{vertical-align: top; text-align: center; font-size: 12px;}
.img2_scroll_h td img{ margin-bottom: 5px; height: 120px; margin-left: 15px; margin-right: 15px;}


/**/
.end{width:100%; max-width:640px; margin:auto; clear:both; overflow:hidden; position:fixed; bottom:0px; z-index:9999; padding:5px 0px; background-color:#264487;}
.end li{width:25%; height:40px; line-height:20px; text-align:center; float:left; overflow:hidden;}

/**/
.TslideBox1{ position:relative; overflow:hidden; width:100%; max-width:640px;min-height: 50px;}
.TslideBox1 .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.TslideBox1 .hd ul{ display:inline-block; height:5px; padding:3px 5px;font-size:0; vertical-align:top;}
.TslideBox1 .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:rgba(255,255,255,0.3); margin:0 3px;  vertical-align:top; overflow:hidden;}
.TslideBox1 .hd ul .on{ background:#fff;  }
.TslideBox1 .bd{ position:relative; z-index:0; }
.TslideBox1 .bd ul{overflow: hidden;}

.TslideBox2{ position:relative; overflow:hidden; width:100%; max-width:640px;min-height: 50px; margin-bottom: 10px;}
.TslideBox2 .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:12px; text-align:center;  }
.TslideBox2 .hd ul{ display:inline-block; height:5px; padding:3px 5px;font-size:0; vertical-align:top;}
.TslideBox2 .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:rgba(255,255,255,0.8); margin:0 3px;  vertical-align:top; overflow:hidden;}
.TslideBox2 .hd ul .on{ background:#284489;  }
.TslideBox2 .bd{ position:relative; z-index:0; }
.TslideBox2 .bd ul{overflow: hidden;}

/**/
.cover{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.6); z-index:999; display:none;}
.cover_close{width:30px; height:30px;position:fixed; z-index:1001;border-radius:100%; line-height:30px; text-align:center; font-size:16px; color:#fff; font-family:Tahoma, Geneva, sans-serif; background-color: #C00; top:50%; left:50%; margin-top:-130px; margin-left:100px; display:none;}
.float_weixin{width:200px; height:240px; border-radius:10px; background-color:#fff;  position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-115px; z-index:1000; text-align:center; padding:15px; font-size:14px; display:none;}
.float_weixin img{width:200px; height:200px; margin-bottom:20px;}

/**/
b{font-style: normal;}
.productDetail .lr{width:100%; overflow:hidden; clear:both;}
.productDetail .l{width:100%; overflow:hidden;}
.productDetail .r{width:100%; overflow:hidden;}
.productDetail .r .d1{width:100%; line-height:32px; padding:20px 0px; font-size:24px; font-weight: bold;color:#173589; overflow:hidden;}
.productDetail .r .d2{width:100%; line-height:1.8; font-size:18px; font-weight: bold; color:#000; padding:5px 0px; overflow:hidden;}
.productDetail .r .d3{width:100%; line-height:1.8; font-size:14px; color:#000; padding-bottom:5px; overflow:hidden;}
.productDetail .r .d4{width:100%; line-height:1.8; font-size:18px; font-weight: bold; color:#000; padding:10px 0px; overflow:hidden;}
.productDetail .r .d4 .tel{font-size:20px; font-weight:bold; color:#C00;}
.productDetail .r .d4 .tel a, .productDetail .r .d4 .tel a:hover{color:#f00;}
.productDetail .r .d5{ width:100%; padding:10px 0px; overflow:hidden; display:none;}

.productDetail .detail_bar{width:100%; overflow:hidden; padding:30px 0px;}
.productDetail .detail_bar  ul{width:100%; height:35px; clear:both; overflow:hidden; border-bottom:1px #8798BE solid;}
.productDetail .detail_bar  ul li{width:120px; height:35px; line-height:35px; float:left; overflow:hidden; text-align:center; color:#222; font-size:14px; border-radius:5px 5px 0px 0px; cursor:pointer;}
.productDetail .detail_bar  ul .on{ background-color:#8798BE; color:#fff;}
.productDetail .part2,.productDetail .part3{display:none;}

/**/
.caseDetail .lr{width:100%; overflow:hidden; padding-top: 30px; clear:both;}
.caseDetail .l{width:100%; float:left; overflow:hidden;}
.caseDetail .r{width:100%; float:left; overflow:hidden;}
.caseDetail .r .d1{width:100%; line-height:32px; padding:20px 0px; font-size:24px; font-weight: bold;color:#173589; overflow:hidden;}
.caseDetail .r .d2{width:100%; line-height:1.8; font-size:18px; font-weight: bold; color:#000; padding:5px 0px; overflow:hidden;}
.caseDetail .r .d3{width:100%; line-height:1.8; font-size:14px; color:#000; padding-bottom:5px; overflow:hidden;}
.caseDetail .r .d4{width:100%; line-height:1.8; font-size:18px; font-weight: bold; color:#000; padding:10px 0px; overflow:hidden;}
.caseDetail .r .d4 .tel{font-size:20px; font-weight:bold; color:#C00;}
.caseDetail .r .d4 .tel a, .caseDetail .r .d4 .tel a:hover{color:#f00;}
.caseDetail .r .d5{ width:100%; padding:10px 0px; overflow:hidden; display:none;}

.caseDetail .detail_bar{width:100%; overflow:hidden; padding:30px 0px;}
.caseDetail .detail_bar  ul{width:100%; height:35px; clear:both; overflow:hidden; border-bottom:1px #8798BE solid;}
.caseDetail .detail_bar  ul li{width:120px; height:35px; line-height:35px; float:left; overflow:hidden; text-align:center; color:#222; font-size:14px; border-radius:5px 5px 0px 0px; cursor:pointer;}
.caseDetail .detail_bar  ul .on{ background-color:#8798BE; color:#fff;}
.caseDetail .part1,.caseDetail .part2{display:none;}
.caseDetail .photoList{width:100%; clear: both; overflow: hidden; padding-top: 15px; }
.caseDetail .photoList li{width: 50%; float: left; overflow: hidden; text-align: center; margin-bottom: 20px;}
.caseDetail .photoList li img{max-width: 90%; border: 1px #ddd solid; margin-bottom: 10px;}

/**/
@keyframes rotate
{
	0%,100%{
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
	}
	50%{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}
}
@-moz-keyframes rotate
{
	0%,100%{
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
	}
	50%{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}
}
@-webkit-keyframes rotate
{
	0%,100%{
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
	}
	50%{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}
}
@-o-keyframes rotate
{
	0%,100%{
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
	}
	50%{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}
}