body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'思源黑体'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;} 
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{width: calc((1340 / 1920) * 100%); margin: 0 auto;}

.head{ position: fixed; left: 0;z-index: 999; width: 100%; top: 0; border-radius: 0 0 5px 5px; background: #fff; padding: 0 0 0 calc((120 / 1920) * 100%); box-sizing: border-box;  }
.wrap{ padding: 0 calc((120 / 1920) * 100%); }
h1{ line-height: 100px; float: left;transition: all 0.5s ease 0s; }
h1 img{transition: all 0.5s ease 0s;}
.head_rigth{ float: right; width: 84% }
.nav_ul{ float: left;width: 80%; padding-right: 20px; box-sizing: border-box;  }
.nav_ul li{ float: left;/* width: 10.5%;*/ padding:0 18px; position:relative}
.nav_ul li a{ display: block; transition: all 0.5s ease 0s;  height: 100px; position: relative; text-align: center; line-height: 100px; overflow: hidden; font-size:16px;  }
.nav_ul li a:after{ position: absolute; left: 0; bottom: 0; transition: all 0.5s ease 0s; width: 100%; background: url(../images/head1.png) center bottom no-repeat; height:0px; content: ''  }
.nav_ul li a:hover:after{ height:12px;  transition: all 0.5s ease 0s; }
.nav_ul li a:hover{ color:#006cb7; transition: all 0.5s ease 0s; }
.nav_ul li .subnav{width:200px; padding: 10px 0; position:absolute; left:50%; top:100px; z-index:9999999; background:url(../images/navbj.png) center center repeat;  color:#333; text-align:center;  margin-left:-100px;
 display:none;}
.nav_ul li .subnav a,.nav_ul li.on .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; font-size: 16px; color:#333; margin-bottom:4px;}
.nav_ul li .subnav a:hover,.nav_ul li.on .subnav a.on{ color:#006cb7; background:none}

.nav_ul li .subnav a:after{ display:none!important;}

.lan{ float: left; border-left: 1px solid #eaeaea; transition: all 0.5s ease 0s; width: 10%; text-align:center; font-size:20px; height: 100px; line-height: 100px; box-sizing: border-box; }
.search{float: left;  background: #006cb7;transition: all 0.5s ease 0s; border-radius: 0 0 5px 0;position: relative;  cursor: pointer; width: 10%; text-align:center; font-size:20px; height: 100px; line-height: 100px;}
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:100px;
  right: -6px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}

#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
 
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #006cb7;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.sea_img{ width: 100%; height: 100%; }


.fixeds h1{ line-height: 70px; transition: all 0.5s ease 0s; }
.fixeds h1 img{ height: 50px; transition: all 0.5s ease 0s; }
.fixeds .nav_ul li a{ height: 70px; line-height: 70px;transition: all 0.5s ease 0s;  }
.fixeds .lan,.fixeds .search{height: 70px; line-height: 70px;transition: all 0.5s ease 0s; }
.fixeds #search-form{ top: 70px; }
.fixeds .nav_ul li .subnav{ top:70px}
.fixeds .nav_ul li .subnav a{ height:30px; line-height:30px;}








.lan img{ margin: -5px 10px 0 0; }
.lan a{ display: block; }
.lan a:hover{ color:#006cb7; transition: all 0.5s ease 0s; }
.foot{background: url(../images/footbj.jpg) center top no-repeat; height: 657px; border-top:2px solid #006cb7; }
.foot_l{ float: left; width: 32%; padding-top: 66px; }
.foot_r{ float: right; width: 63%; padding-top:66px; }
.footlogo{ margin-bottom: 15px; }
.foot_ser{height:46px; line-height: 46px; overflow: hidden; font-size: 18px; margin-bottom: 50px;  }
.foot_dl{ margin-bottom:6px;  }
.foot_dl dt{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; float: left; width: 26%; }
.foot_dl dd{ float: right;  line-height: 24px; font-size: 16px; width: 74%;}
.foot_comp{ margin-bottom:34px;  }
.what_img{ float: left; width:100px; height: 100px; overflow: hidden;  }
.what_tit{ float: left; width:42px; text-align: center; padding-top: 64px; }
.what_i{ display: block; font-size:14px; line-height: 16px;  }
.calldiv{ text-align: right; margin-bottom: 40px; }
.call_dl{ display: inline-block; }
.call_dl dt{ float: left; margin-right: 20px; }
.call_dl dd{ float: left; }
.call_tit{ font-size:14px; color: #949496;height: 24px; line-height: 24px; overflow: hidden; text-align: left; }
.call_num{ height: 36px; line-height: 36px; overflow: hidden; color: #006cb7; font-size:34px;  }
.foot_ul li{ float: left; width: 12.5%; padding-right:5px; box-sizing: border-box; }

.foot_em{ display: block; height:46px; line-height: 46px; overflow: hidden; font-size: 20px; margin-bottom: 0px; }
.foot_ul li a{ display: block; transition: all 0.5s ease 0s; line-height: 18px; overflow: hidden; color: #666666; font-size: 12px; margin-bottom:10px;  }
.foot_ul li a:hover{ color: #006cb7; transition: all 0.5s ease 0s; }
.foot_b{ border-top: 1px solid #c5d4e1; height:60px;background: url(../images/footbj.png) center top repeat;   }
.foot_t{ margin-bottom: 70px; }
.add_l{ float: left; height: 60px; line-height: 60px; font-size: 14px; color: #969fa5 }
.add_l a{ color: #969fa5}
.add_r{ float: right; }
.add_r a{color: #969fa5;height: 60px; line-height: 60px;transition: all 0.5s ease 0s; font-size: 14px;}
.add_l a:hover,.add_r a:hover{ color: #006cb7; transition: all 0.5s ease 0s; }
.banner_inner{ position: relative; height: 580px; }
.bannerhe{ position: absolute; left: 0; bottom: 30px; width: 100%; }
.home{ text-align: right; height: 34px; line-height: 34px; overflow: hidden; }
.honeinner{ display: inline-block;background: url(../images/home1.png) left center no-repeat;  padding-left: 12px; }
.honeinner a{ display: block;transition: all 0.5s ease 0s; float: left;background: url(../images/home2.png) right center no-repeat;  padding:0 12px; color: #fff; font-size: 14px; }
.honeinner a:nth-last-child(1){ background: none; }
.honeinner a:hover{ color: #2280c1; transition: all 0.5s ease 0s; }

.about{background: url(../images/aboutbj.jpg) center top no-repeat; height: 1022px;}
.catalog{ background: #fff; height: 78px; overflow: hidden; border-bottom: 1px solid #e5f0f8 }
.catalog_ul{ text-align: center; }
.catalog_ul li{ display: inline-block; }
.catalog_ul li a{ display: block;transition: all 0.5s ease 0s; padding: 0 30px;background: url(../images/line.jpg) right center no-repeat; font-size: 18px; height: 78px; line-height: 78px; overflow: hidden; }
.catalog_ul li:nth-last-child(1) a{ background: none; }
.catalog_ul li a:hover,.catalog_ul li a.on{ color: #006cb7; transition: all 0.5s ease 0s; }
.about_inner{ padding: 0  76px;}
.aboutword{ font-size: 18px; line-height:34px; text-align: center;  }
.aboutite{text-align: center; height: 60px; line-height: 60px; overflow: hidden; font-size: 32px;}
.about_inner{ padding: 80px 0 0 0; }
.abouten{text-align: center; margin-bottom: 30px; height: 60px; color: #006cb7;background: url(../images/head1.png) center bottom no-repeat; line-height: 60px; overflow: hidden; font-size: 16px;}

.culture{background: url(../images/culbj.jpg) center top no-repeat; height: 1082px;}
.cul_tit{ font-size: 32px; text-align: center; margin-bottom: 46px; height: 92px; line-height: 92px;background: url(../images/head1.png) center bottom no-repeat; }
.cul_box{ padding: 60px 0 0 0; }
.zixin{ font-size: 18px;  line-height:30px; overflow: hidden; text-align: center; margin-bottom: 82px;  }
.cul_ul{ background: #0b79c6; padding: 20px; }
.cul_ul li{ float: left; width: 33.3%; border-right: 1px solid #298dd2;border-bottom: 1px solid #298dd2; box-sizing: border-box; padding: 30px 10px 36px; }
.cul_ul li:nth-child(3n){ border-right: none; }
.cul_ul li:nth-child(4){ border-bottom: none; }
.cul_ul li:nth-child(5){ border-bottom: none; }
.cul_ul li:nth-child(6){ border-bottom: none; }
.cul_fz{ text-align: center; height: 50px; line-height: 50px; font-size:22px; color: #fff; overflow: hidden;  }
.cul_word{text-align: center; height: 48px; line-height: 24px; font-size:16px; color: #fff; overflow: hidden;}

.honor{ background: #f8f8f8; padding-bottom: 1px; }
.honor_ul{ margin-left: -20px; padding-bottom: 30px; }
.honor_ul li{ float: left; width: calc((100% / 4) - 20px);  overflow: hidden; margin:0 0 40px 20px;  box-shadow: 0 0 15px #eef0f0; }
.honor_ul li img{ width: auto; height: auto; max-width: 100% }
.tech_ul{ padding: 50px 0; }
.tech_ul li{ float: left; width: 20%; background: url(../images/techline.jpg) right center no-repeat;}
.tech_ul li:nth-last-child(1){ background: none; }
.tech_num{ font-weight: bold; color: #006cb7; font-size:56px; height: 62px; line-height: 62px; text-align: center; }
.tech_num sup{ font-size: 18px; font-weight: none; margin-left: 10px; }
.tech_tit{ height: 34px; line-height: 34px; font-size:14px; text-align: center; overflow: hidden;  }
.techdiv{ margin-bottom: 120px; }
.techdiv img{ width: auto; height: auto; max-width: 100% }
.expback{background:#f8f8f8  url(../images/expbj.jpg) center bottom no-repeat;}
.kv{ padding:72px 0 492px 0;  }
.kv_inner{ background: #fff; padding: 38px 0; text-align: center; box-shadow: 0 0 15px #f5f6f6; }
.kv_inner li{ display: inline-block; margin:0 80px;  }
.kv_word{ font-size: 14px; text-align: center; height:34px; line-height: 34px; overflow: hidden;  }
.kv_tit{ height: 54px; line-height: 54px; text-align: center; font-size: 46px; font-weight: bold; color: #006cb7 }
.ind_ul li{ margin-bottom: 1px; position: relative; }
.ind_pic img{ width: auto; height: auto; max-width: 100% }

.ind_div{ position: absolute; left: 0; top: 50%; width: 100%; height: 342px; margin-top: -171px; }
.ind_img{ text-align: center; }
.ind_tit{ height: 110px; line-height: 110px; text-align: center; font-size:32px; color: #fff; overflow: hidden;  }
.ind_line{ width:60px; height: 2px; background: #b81c22; margin: 0 auto 30px; }
.ind_word{ color: #fff; height:72px; padding: 0 240px; line-height: 36px; text-align: center; font-size:18px;  margin-bottom: 16px; }
.ind_see{ display: block; width:90px; margin: 0 auto; height:45px; border-bottom: 1px solid #fff; line-height: 45px; color: #fff; font-size: 14px; background: url(../images/ind_see.png) right center no-repeat; }
.ind_info{ padding: 50px 0; }
.ind_info img{ width: auto!important; height: auto!important; max-width: 100%!important }

.case_dl{ margin-bottom:80px;  position: relative; height: 518px; }
.case_dl dt{ float: left; width: 910px;transition: all 0.5s ease 0s;  border-radius: 10px; height: 518px; overflow: hidden; border: 1px solid #f8f8f8; box-sizing: border-box; }
.case_dl dt img{width: 910px; height: 518px; overflow: hidden; border-radius: 10px;}
.case_dl dd{  position: absolute; transition: all 0.5s ease 0s; right: 0; top:30px;  width: 470px; padding: 0 40px; box-sizing: border-box; height: 464px; background: #fff; border-radius: 10px; box-shadow: 0 0 15px #e4e8ec;  z-index: 99; }
.case_tit{ display: block; transition: all 0.5s ease 0s; height:133px; margin-bottom: 30px; font-size: 26px; line-height: 133px; border-bottom: 1px solid #e2e9ed; position: relative;  }
.case_tit:after{position: absolute; transition: all 0.5s ease 0s; left: -40px; top: 50%; width:3px; height: 30px; margin-top: -15px; content: ''; background: #005bac }
.case_word{ height: 180px; transition: all 0.5s ease 0s; line-height: 24px; font-size:18px; overflow: hidden; margin-bottom: 10px;  }
.case_see{display: block; transition: all 0.5s ease 0s; width:90px; height:45px; border-bottom: 1px solid #6d768a; line-height: 45px; color: #767f91; font-size: 14px; background: url(../images/case_see.png) right center no-repeat;}
.case{ padding: 90px 0 0 0; }
.case_dl:nth-child(even)  dd{right: inherit; left: 0;}
.case_dl:nth-child(even) dt{ float: right; }
.case_dl:hover dt{ border: 1px solid #006cb7; transition: all 0.5s ease 0s; }
.case_dl:hover dd{ background: #006cb7;  transition: all 0.5s ease 0s;}
.case_dl:hover .case_tit{ color: #fff;transition: all 0.5s ease 0s; }
.case_dl:hover .case_word{ color: #fff;transition: all 0.5s ease 0s; }
.case_dl:hover .case_see{ color: #fff;transition: all 0.5s ease 0s;background: url(../images/ind_see.png) right center no-repeat; border-bottom: 1px solid #fff; }
.case_dl:hover .case_tit:after{ background: #fff;transition: all 0.5s ease 0s; }




.news{ padding:90px 0 60px 0;  }
.news_dl{ box-shadow: 0 0 15px #f0f1f4;transition: all 0.5s ease 0s; margin-bottom: 60px; background: #fff; padding: 30px; border-radius: 5px; }
.news_dl dt{ float: left; width:330px; margin-right: 30px; height: 180px; overflow: hidden; border-radius: 10px;  }
.news_dl dt img{ width:330px; height: 180px; overflow: hidden; transition: all 0.6s ease 0s; border-radius: 10px; }
.news_dl dd{ float: right; width:  calc((100% - 360px)) }
.news_l{ float: left; width: calc((100% - 120px))  }
.news_r{ float: right; width:120px;  }
.news_tit{ display: block; height: 80px; line-height: 80px;transition: all 0.5s ease 0s; overflow: hidden; font-size:30px;  }

.news_dl dt:hover img{ transform: scale(1.1); transition: all 0.6s ease 0s; }

.news_line{ width: 120px; height: 3px; background: #006cb7; margin-bottom: 26px; transition: all 0.5s ease 0s;}
.news_word{height: 60px; line-height: 30px; overflow: hidden; font-size:16px; transition: all 0.5s ease 0s;}
.news_r{ float: right; padding-top: 10px; width: 90px; }
.news_day{ display: block; height:40px; line-height: 40px; font-size: 34px; overflow: hidden;transition: all 0.5s ease 0s;  }
.news_y{display: block; height:30px; line-height: 30px; font-size: 20px; overflow: hidden;transition: all 0.5s ease 0s;  }
.news_time{ margin-bottom: 26px;transition: all 0.5s ease 0s; }
.news_see{ display: block; height:51px;transition: all 0.5s ease 0s; line-height: 51px; color: #6d768a; font-size: 14px; border-bottom: 1px solid #6d768a;background: url(../images/case_see.png) right center no-repeat;  }
.news_info img{ width: auto!important; height: auto!important; max-width: 100%!important }
.news_info{ padding: 90px 0 120px 0; }
.news_he{ background: #fff; box-shadow: 0 0 15px #f1f2f4; padding: 42px 40px; }
.news_rel{ text-align: center; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin-bottom: 40px;}
.rel_tit{ height:74px; line-height: 74px; overflow: hidden; font-size:38px;   }
.rel_inner{ height: 52px; line-height: 52px; overflow: hidden; font-size:16px; color: #666666;  }
.page{padding:60px 0;  border-top: 1px solid #e7e7e7 }
.pages_l{ display: block; float: left; height:100px; line-height: 100px; font-size: 20px; background: url(../images/page1.png) left center no-repeat; padding-left: 30px; }
.yd_word{ padding-bottom:60px;  }
.page_inner{ background: #f6f6f6;border-radius: 5px; height: 100px; padding: 0 60px; overflow: hidden; }
.pages_r{display: block; float: right; height:100px; line-height: 100px; font-size: 20px; background: url(../images/page2.png) right center no-repeat; padding-right: 30px;}
.pages_end{ float: left;height:100px; line-height: 100px; margin-left: 440px; font-size: 20px; background: url(../images/page3.png) left center no-repeat; padding-left: 30px;  }

.video{ padding: 90px 0 0 0; }
.video_ul{ margin: 0 0 0 -34px;  }
.video_ul li{ float: left; width: calc((100% /3 - 34px)); margin: 0 0 60px 34px; box-shadow: 0 0 10px #f1f2f4;  }
.videoimg{ width: 100%; height: 280px; overflow: hidden; position: relative; border-radius: 5px 5px 0 0; }
.videoimg img{ width:100%; height: 280px; overflow: hidden;  border-radius: 5px 5px 0 0;}
.video_btn{ position: absolute; left: 50%; top: 50%;background: url(../images/video.png) left center no-repeat; width: 62px; height: 62px; margin: -31px 0 0 -31px;  }
.video_div{ background: #fff;transition: all 0.5s ease 0s; padding: 0 32px 0; border-radius: 0 0 5px 5px;}
.video_time{ height: 64px; transition: all 0.5s ease 0s;line-height: 64px; overflow: hidden;background: url(../images/video_time.png) left center no-repeat; font-size: 16px; padding-left: 28px;}
.video_tit{ font-size:24px;transition: all 0.5s ease 0s; height: 76px; line-height: 38px; overflow: hidden;  }

.video_ul li:hover .video_div{ background: #006cb7; transition: all 0.5s ease 0s;}
.video_ul li:hover .video_time{ color: #fff; transition: all 0.5s ease 0s;background: url(../images/video_time1.png) left center no-repeat;}
.video_ul li:hover .video_tit{ color: #fff; transition: all 0.5s ease 0s;}
.video_ul li:hover .video_see{ color: #fff; transition: all 0.5s ease 0s;background: url(../images/video_see11.png) right center no-repeat;}
.video_see{ display: block; height:88px;transition: all 0.5s ease 0s; line-height: 88px; font-size: 14px; width: 100px; background: url(../images/video_see.png) right center no-repeat;  }
.contimg{background: url(../images/contbj.jpg) left center no-repeat; height: 941px;}
.contdiv{ float: right; width: 470px;  height: 100%; background: #fcfdfe; padding:0 40px; box-sizing: border-box;  }
.conttit{ font-size: 18px; height:118px; font-weight: bold; margin-bottom: 34px; line-height: 118px; border-bottom:1px solid #5ca1d1;overflow: hidden;  color: #fff;  padding-top: 50px; }
.cont_dl{ margin-bottom: 32px; }
.cont_dl dt{ float: left; width:136px; height:32px; line-height: 32px; overflow: hidden; font-size: 20px; color: #fff;  }
.cont_dl dt img{ margin-right: 12px; }
.cont_dl dd{ float: left; line-height: 32px; width:253px; font-size: 16px; color: #fff;  }
.cont_call dd{ font-size: 28px; color: #fff; font-weight: bold; }
.what{ padding:30px 0 0 0;  }
.contwhat_tit{ font-size:20px; height: 58px; line-height: 58px; overflow: hidden; color: #fff;   }
.contwhat_img{ width:130px; height: 130px; overflow: hidden;  }
.contwhat_img img{ width:130px; height: 130px; overflow: hidden; }
.down{ padding: 90px 0 0 0; }
.down_inner{ margin:0 0 0px -30px;  }
.contwhat{ padding-top: 40px; }
.down_dl{ box-shadow: 0 0 15px #f1f2f4; float: left; background: #fff; border-radius: 5px; margin: 0 0 50px 40px; width: calc((100% /3 - 40px)); padding: 20px; box-sizing: border-box; }
.down_dl dt{ float: left;background: url(../images/down.jpg) left center no-repeat; margin-right: 20px; width:160px; height: 220px; overflow: hidden;  }
.down_tit{ position: relative; margin-bottom: 100px; height:60px; line-height: 60px; font-size: 18px; color: #fff; overflow: hidden; padding-left:20px;   }
.down_tit:after{ position: absolute; left: 0; top: 50%; width:3px; height: 16px; margin-top: -8px; background: #b81c22; content: ''  }
.down_time{ height: 58px; line-height: 58px; padding-left: 20px; font-size: 14px; color: #fff; overflow: hidden; }
.down_dl dd{ float: left; width:calc(100% - 180px); padding-top: 15px;  }
.os_tit{ height: 54px; line-height: 27px; overflow: hidden; font-size:18px; margin-bottom: 18px; }
.os_div{ height: 48px; overflow: hidden; margin-bottom: 28px; }
.os_i{ display: block; height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; color: #a0a0a0 }
.down_see{ height:58px;transition: all 0.5s ease 0s; display: block; line-height: 58px; width: 148px;font-size: 16px;background: url(../images/video_see.png) right center no-repeat;   }

.details{ background: #eeeeee; height:70px; overflow: hidden;  }
.det_ul{ float: left; }
.det_ul li{ float: left; position: relative; }
.det_ul li a{ display: block; height: 70px; line-height: 70px; overflow: hidden;background: url(../images/proimg2.png) right center no-repeat;  font-size: 16px; padding: 0 30px; }
.det_ul li a:hover,.det_ul li.on a{ color: #b81c22; }
.det_ul li:after{ position: absolute; left: 50%; margin-left: -26px; bottom: 0;  transition: all 0.5s ease 0s; width:0; height: 2px; background: #b81c22; content: ''  }
.det_ul li:hover:after,.det_ul li.on:after{ width:52px; transition: all 0.5s ease 0s;  }
.dethome{ height: 70px; line-height: 70px; }
.dethome .honeinner a{ color: #333;background: url(../images/proimg4.png) right center no-repeat;  }
.dethome .honeinner a:nth-last-child(1),.det_ul li:nth-last-child(1) a{ background: none; }
.dethome .honeinner{ background: url(../images/proimg3.png) left center no-repeat }
.style{ padding: 34px 0 42px 0; }
.style_ul{background: url(../images/proimg1.png) left center no-repeat; padding-left: 24px; margin-bottom: 42px; }
.style_ul li{ float: left; }
.style_ul li a{ display: block; transition: all 0.5s ease 0s;  height: 65px; line-height: 65px; padding:0 30px; font-size: 16px; background: url(../images/proimg2.png) right center no-repeat; }
.style_ul li:nth-last-child(1) a{ background: none; }
.style_ul li a:hover,.style_ul li a.on{ color: #bb2c2f; transition: all 0.5s ease 0s; }
.sort_ul{ margin: 0 0 0 -30px; }
.sort_ul li{ float: left;  width: calc((100% / 4) - 30px); margin: 0 0 60px 30px;  }
.sort_img{ width: 100%; height: 180px; overflow: hidden; border-radius: 5px; margin-bottom: 34px; }
.sort_img img{width: 100%; height: 180px; overflow: hidden; border-radius: 5px;transition: all 0.6s ease 0s;}
.sort_div{ padding:0 10px;  }
.sort_tit{ text-align: center; overflow: hidden; height: 30px; line-height: 30px; font-size: 20px; }
.sort_word{text-align: center; overflow: hidden; height: 32px; line-height: 32px; font-size: 16px;}
.pro_see{ display: block; width:90px; height: 50px;transition: all 0.5s ease 0s; line-height: 50px; border-bottom: 1px solid #6d768a; margin: 0 auto; background: url(../images/case_see.png) right center no-repeat; color: #6d768a; font-size: 14px;  }
.sort_ul li:hover .pro_see{color: #006cb7; transition: all 0.5s ease 0s; width: 120px; border-bottom: 1px solid #006cb7;background: url(../images/indexsee.png) right center no-repeat;}
.sort_ul li:hover .sort_img img{ transform: scale(1.1);transition: all 0.6s ease 0s;  }
.mag_left{ float: left; width:672px; overflow: hidden; background: #f8f8f8; padding-bottom: 10px; }


.mag_left .small_list ul{height:112px;overflow:hidden}
.mag_left .small_list ul li{position:relative;float:left; text-align: center; line-height: 112px; cursor: pointer; background: #fff; margin-right:22px;width:138px; height: 112px; overflow: hidden;  border: 1px solid #eeeeee; box-sizing:border-box;}
.mag_left .small_list ul li img{ max-width: 100%; width:auto; height: auto;}

.mag_left .small_list ul li.on { border: 1px solid #006cb7 }
.mag_left .btn{width:40px;height:112px;cursor:pointer; border: 1px solid #eeeeee; background: #bdbdbd url(../images/pro_l.png) center center no-repeat; position: absolute;}
.mag_left .right_btn{width:40px;height:112px;cursor:pointer; position: absolute; right: 40px; bottom: 7px; border: 1px solid #bdbdbd; background: #bdbdbd url(../images/pro_r.png) center center no-repeat; position: absolute;}
.mag_left .btn:hover{border: 1px solid #006cb7; background: #006cb7 url(../images/pro_l.png) center center no-repeat;}
.mag_left .right_btn:hover{border: 1px solid #006cb7; background: #006cb7 url(../images/pro_r.png) center center no-repeat;}
.mag_left .large_box{  width:100%; height:520px; line-height: 520px;  text-align: center; margin-bottom: 10px;  }
.mag_left .large_box li{ display: none; text-align: center; }
.mag_left .large_box li img{width:auto; height: auto; max-width: 100% }
.mag_left .small_box{  width: 594px;height: 120px; margin: 0 auto  }
.mag_left .small_list{ height: 120px; width:459px; overflow: hidden; margin: 0 auto}
.mag_left .mag_banner{ position: relative; }
.pro_infodiv{ margin-bottom:30px;}
.mag_right{ float: right; width:calc(100% - 697px)   }
.mag_title{ font-size: 38px; height:126px; line-height: 126px; overflow: hidden; }
.mag_ul li{ font-size: 20px; height:79px; line-height: 79px; border-bottom: 1px solid #dde8ed;  }
.mag_ul { margin-bottom:92px;  }
.des_tit{ font-size: 36px;height:190px; line-height: 190px; text-align: center;  }
.chem_inner{ padding:50px 0 20px 0;  }
.chem_inner{ display: none; }
.ject_tit{ height:126px; line-height: 126px; overflow: hidden; font-size: 46px;  }
.ject_dl { border-top: 1px solid #999999; margin-bottom: 20px; }
.ject_dl dt{ height:76px; line-height: 76px; position: relative; padding-left: 18px; overflow: hidden; font-size:22px; background: url(../images/prosee.png) right center no-repeat;  }
.ject_dl dt:after{ position: absolute; left: 0; top: 50%; width:2px; height: 20px; background: #006cb7; margin-top: -10px; content: ''  }
.infor_word{  line-height: 27px; font-size:16px; color: #666666;  }
.good_i{ display: block; height:120px; line-height: 30px; overflow: hidden; font-size:18px; color: #666666; padding-left: 18px;background: url(../images/pro_info4.png) left 14px no-repeat;  }
.use_ul li{ width: 50%; float: left; height:36px; line-height: 36px; overflow: hidden; box-sizing: border-box; font-size: 18px; color: #666;padding-left: 18px;background: url(../images/pro_info3.png) left center no-repeat;   }
.use_ul { margin-bottom: 20px; }
.jectsee{ font-size: 18px; text-align: center; height:58px; float: left; width: 300px; margin-right:30px;  line-height: 58px; display: block;  background: #edeeef url(../images/zixun1.png) 30px center no-repeat; color: #006cb7;  }
.jectsee:nth-child(2){ margin-right: 0;background: #edeeef url(../images/zixun22.png) 30px center no-repeat;  }
.jectsee:hover{background: #006cb7 url(../images/zixun11.png) 30px center no-repeat; color: #fff; }
.jectsee:nth-child(2):hover{background: #006cb7 url(../images/zixun2.png) 30px center no-repeat; color: #fff; }


.prodt{ font-size: 32px; font-weight: bold; height: 144px; line-height: 144px; padding-left: 22px;text-transform: uppercase; position: relative; }
.prodt:after{ position: absolute; left: 0; top: 50%; margin-top: -10px;  width:2px; height: 20px; background: #006cb7; content: ''  }
.detinfo{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;  margin-bottom: 50px; }
.detinfo_ul{ height: 80px; text-align: center; overflow: hidden;}
.detinfo_ul li{ display: inline-block; margin: 0 38px; }
.detinfo_ul li a{ display: block; height: 80px; position: relative; text-transform: uppercase; text-align: center; line-height: 80px; font-size: 20px; overflow: hidden; }
.det_inner{ padding-bottom: 85px; }
.detinfo_ul li.on a{ color: #006cb7; transition: all 0.5s ease 0s; }
.detinfo_ul li.on a:after{ width:92px; height: 2px; background: #006cb7; position: absolute; left: 50%; bottom: 0; margin-left: -46px; content: ''  }


.det_box{ display: none; }


.portdtin{ border-top: 1px solid #eeeeee; }
.indexbanner .swiper-pagination{ right: 60px!important;left: inherit!important; top: 50%!important; z-index: 999!important; width: 4px!important; }
.indexbanner .swiper-pagination-bullet{ width:4px!important; height: 30px!important; background-color: rgba(255,255,255,.4)!important; border-radius: 0!important;  }
.indexbanner .swiper-pagination-bullet-active{ background: #006cb7!important }

.us{background: url(../images/usbj.jpg) center top no-repeat; height: 940px;}
.us_l{ width: 50%; float: left; padding: 116px 60px 0 0; box-sizing: border-box; }
.index_en{ height:36px; line-height: 36px; overflow: hidden; text-transform: uppercase; color: rgba(255,255,255,.3);  }
.index_cn{height: 60px; line-height: 60px; color: #fff; font-size:42px; overflow: hidden; }
.index_kh{height: 56px; line-height: 56px; color: #fff; font-size:14px; overflow: hidden; margin-bottom: 20px;}
.index_line{ height: 1px; background-color: rgba(255,255,255,.3); width:310px;  }
.index_tit{ margin-bottom: 32px; }
.us_word{ font-size:18px; color: #fff; line-height:32px; height: 158px; overflow: hidden;  margin-bottom: 36px;  }
.us_see{ display: block; font-size: 14px;transition: all 0.5s ease 0s; width:90px;background: url(../images/ind_see.png) right center no-repeat; border-bottom: 1px solid #fff;  height:46px; line-height: 46px; color: #fff;   }
.us_see:hover,.duct .us_see:hover,.med_see:hover{ color: #006cb7; border-bottom: 1px solid #006cb7; width: 120px; transition: all 0.5s ease 0s;background: url(../images/indexsee.png) right center no-repeat; }
.us_r{float: right; width: 50%; padding: 150px 0 0 140px; box-sizing: border-box;}
.us_r li{ float: left; width: 50%; margin-bottom: 66px; }
.us_num{ font-size:60px; color: #fff; height:82px; line-height: 82px; overflow: hidden;   }
.us_num sub{ margin-left:20px;  font-size: 14px; }
.us_tit{ color: #fff; font-size:16px; overflow: hidden;  }

.app{background: url(../images/indexbj1.jpg) center top no-repeat; height: 940px;}
.app_inner{ padding-top: 70px; }
.app_fd{ width: 50% ; padding-top: 70px;}
.apptit{ color: #fff; height: 70px; line-height: 70px;  font-size:34px; overflow: hidden; margin-bottom: 10px;  }
.app_fd .us_word{ height: 64px; }
.app_ul { padding-top: 160px; margin-left: -40px; }
.app_ul li{ margin-left:30px; background: #fff; border-radius: 5px; width:calc(80% / 5 - 30px); height: 122px; padding:0 10px; box-sizing: border-box; float: left;  }
.app_div dt{ height:50px; line-height: 50px; overflow: hidden; font-size:22px;  }
.app_sub{ float: left; width:29px;transition: all 0.5s ease 0s; height: 29px;background: url(../images/see.png) center top no-repeat; margin-top: 21px; }
.appimg{ float: right;  }
.appimg img{transition: all 0.5s ease 0s;}
.app_ul li:hover .app_sub{background: url(../images/see1.png) center top no-repeat; transition: all 0.5s ease 0s; }
.app_ul li:hover .appimg img{transition: all 0.5s ease 0s; transform: translateY(-10px);}
.slove{background: url(../images/indexbj2.jpg) center top no-repeat; background-size: cover; }
.fangan{ float: right; width: 50%; padding-top: 70px }
.res_ul{ padding-top: 198px; margin: 0 0 100px -2% }
.res_ul li{ float: left; width: 33.3%;  padding: 0 0 0 2%; box-sizing: border-box; }
.res_img{ overflow: hidden; border-radius: 10px; }
.res_img img{ width: auto; height: auto;transition: all 0.6s ease 0s; max-width: 100%; border-radius: 10px; }
.res_img { margin-bottom: 22px; }
.res_tit{ overflow: hidden; font-size: 26px; height: 44px; line-height: 44px;transition: all 0.5s ease 0s;  padding: 0 10px;}
.res_ul li:hover .res_tit{ color: #006cb7; transition: all 0.5s ease 0s; }
.res_ul li:hover .res_img img{ transition: all 0.6s ease 0s;  transform: scale(1.1);}
.res_word{ height: 36px; line-height: 36px; overflow: hidden; font-size: 16px; color: #6d768a }
.media .index_cn,.duct .index_cn,.duct .us_word{ color: #333; }
.media .index_en,.duct .index_en{ color: #cccdce; }
.media .index_kh,.duct .index_kh{ color: #6d768a; margin: 0; }
.media .index_tit,.duct .index_tit{ float: left; margin: 0; }
.med_ul{ float: right; padding-top: 92px; }
.med_ul li{ float: left; margin-left: 20px; }
.med_ul li a{ display: block; width: 120px; height: 40px; border-radius: 10px; line-height: 40px; transition: all 0.5s ease 0s; font-size: 18px; text-align: center; overflow: hidden; }
.med_ul li a.on{ color: #fff; background: #0371be; transition: all 0.5s ease 0s; }
.media_t{ margin-bottom: 50px; }
.media_b{ overflow: hidden;padding-bottom: 226px; }

.media_b .swiper-container {
	    padding-bottom:40px;
    }
.media_b .swiper-wrapper{
	}
.media_b .swiper-slide {
	    width:990px;
		transition-timing-function:linear;
    }
@media only screen and (max-width:1200px){
.media_b .swiper-slide {
	        width:770px;
        }
}
@media only screen and (max-width:980px){
	    .swiper-slide {
	        width:471px;
        }
}
@media only screen and (max-height:480px){
.media_b .swiper-slide {
	        width:471px;
        }
}
.media_b .swiper-slide img{
	width:100%;
	border-radius: 4px;}

.media_b .swiper-button-next, .media_b .swiper-button-prev{
	width:80px;
	height:80px;
	margin-top:-40px!important;
	top: 35%!important;
	z-index: 999!important;
	display: block!important;
}
.media_b .swiper-button-next{
	background:url(../images/med_l.png) left top no-repeat; left: 120px!important;}
.media_b .swiper-button-prev{
	background:url(../images/med_r.png) left top no-repeat; right: 120px!important; left: inherit!important;}		
.media_b .swiper-button-next:hover{
	background:url(../images/med_l1.png) left top no-repeat!important; }
.media_b .swiper-button-prev:hover{
	background:url(../images/med_r1.png) left top no-repeat!important; }	
.meddiv{ background: #fff; position: absolute; top:128px;left: 66px; padding:82px 40px 130px; border-radius: 5px; box-shadow: 0 0 10px #edf0f1; width: 420px; border-radius: 10px; }
.med_time{ height: 34px;background: url(../images/med1.png) left center no-repeat; line-height: 34px; margin-bottom: 20px; font-size: 18px; color: #6d768a; padding-left:28px; overflow: hidden; }
.med_tit{ height:88px; line-height: 44px; font-size: 28px; overflow: hidden; margin-bottom: 28px;  }
.med_word{ height: 60px; line-height: 30px; overflow: hidden; font-size:16px; margin-bottom: 38px;  }
.med_see{display: block;transition: all 0.5s ease 0s; width:90px; height: 50px; line-height: 50px; border-bottom: 1px solid #6d768a;  background: url(../images/case_see.png) right center no-repeat; color: #6d768a; font-size: 14px; }

.duct{background: url(../images/indexbj3.jpg) center top no-repeat; height: 980px;}
.duct .us_see{ transition: all 0.5s ease 0s;   display: block; width: 90px; height: 50px;line-height: 50px;border-bottom: 1px solid #6d768a;background: url(../images/case_see.png) right center no-repeat;color: #6d768a;font-size: 14px;}
.duct_l{ float: left; width:35%; padding:70px 90px 0 0;  border-right: 1px solid #eaeaea; box-sizing: border-box; height: 980px;  }
.duct_r{ float: right; width: 60%; padding-top: 126px; }
.duct_ul{ margin: 0 0 74px -10px }
.duct_ul li{ float: left;  padding: 0 10px; box-sizing: border-box;  }
.duct_ul li a{ display: block; padding:0 10px; width: 100%; height:40px; line-height: 40px; border-radius: 5px; font-size:16px; text-align: center; overflow:hidden}
.duct_ul li.on a,.duct_ul li a:hover{ background: #0576c5; color: #fff; transition: all 0.5s ease 0s; }

.model{ margin: 0 0 0 -2% }
.model li{ float: left; width: 33.3%; padding: 0 0 0 2%; box-sizing: border-box; margin-bottom: 56px; }
.model li a{ display: block;transition: all 0.5s ease 0s;  padding:  20px; box-sizing: border-box;  position: relative; }
.model_tit{ font-size: 20px; height:32px; line-height: 32px; overflow: hidden;  }
.model_zi{ height:30px; line-height: 30px; font-size: 16px; overflow: hidden; margin-bottom: 18px; }
.model_img{ text-align: center; height:180px; line-height: 180px; overflow: hidden;   }
.model_img img{ width: auto; height: auto; max-width: 100% }
.model li:hover a{ background: #fff; transition: all 0.5s ease 0s; box-shadow: 0 0 10px #f4f6f6;  border-radius: 10px; transform: scale(1.1);}
.model li a:after{ background: #b02a2f; width: 0; border-radius: 0 0 10px 10px; height: 3px;transform: all 0.5s ease 0s;  position: absolute; left: 0; bottom: 0; content: '' }
.model li a:hover:after{ width: 100%; transform: all 0.5s ease 0s; }
.media_b{ position: relative; }
.swiper-button-prev:after, .swiper-button-next:after{ display: none!important; }

.indexbanner img{ width: auto; height: auto; max-width: 100% }

.begin .box{width: calc((1300 / 1366) * 100%);}
.begin .wrap { padding: 0 calc((30 / 1366) * 100%);}
.begin .head{padding-left:  calc((30 / 1366) * 100%);}


.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #006cb7
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }

.arch{background: url(../images/archbj.jpg) center top no-repeat; height: 1212px;}
.archtit{ padding:60px 0 0 0;height: 94px; line-height: 94px;background: url(../images/head1.png) center bottom no-repeat; text-align: center; margin-bottom:60px; font-size: 32px; overflow: hidden;   }
.arcinner{ text-align: center; }
.arcinner img{ width: auto; height: auto; max-width: 100% }

.deve{background: url(../images/devebj.jpg) center top no-repeat; height: 742px;}
.deve .archtit{ color: #fff; }
.deve_l{ float: left; width:188px;  }
.deve_l li{ height:66px; line-height: 66px; font-size: 18px; color: #fff; overflow: hidden; position: relative; margin-bottom: 40px; padding-left: 28px;  }
.deve_l li a{ color: #fff; }
.deveul{background: url(../images/deve1.png) left top no-repeat; height: 410px;  overflow-y:auto;}
.deve_l li:after{ position: absolute; left: 0; top: 50%; width:14px; height: 1px; background: rgba(255,255,255,.3); content: ''  }
.deveul::-webkit-scrollbar {
        width: 6px;
        height: 5px;
        /* height: 0.75rem; */
        background:#fff
    }
.deveul::-webkit-scrollbar-track {
        border-radius: 1px;
        background:none

    }
 
.deveul::-webkit-scrollbar-thumb {
        border-radius: 1px;
        background:#81acce
    }
.deve_r{ float: right; width: calc(100% - 240px); }
.deve_dl dt{ float: left; width: 40%; padding-right: 60px; box-sizing: border-box; }
.deve_dl dd{ float: right; width: 60%; }
.deve_dl dd img{ width: auto; height: auto; max-width: 100% }
.deve_time{ height: 80px; line-height: 80px; color: #fff; font-weight: bold; overflow: hidden; font-size: 46px; margin-bottom: 10px; }
.deve_word{ height:182px; overflow: hidden; margin-bottom: 54px;  }
.deve_word p{ line-height: 30px;background: url(../images/deve2.jpg) left 13px no-repeat; margin-bottom: 10px;  padding-left: 18px; color: #fff; font-size: 16px; }
.deve_see{ display: block; height:45px; line-height: 45px;border-bottom: 1px solid #fff;background: url(../images/ind_see.png) right center no-repeat; color: #fff; width:90px;  font-size: 14px;  }
.deve_l li.on a{ font-size:26px; color: #b7191f;  }
.deve_dl{ display: none; }

.deveinfo{ padding-bottom: 50px; }

.pay{ background: #f8f8f8 }
.work{background: url(../images/workbj.jpg) center top no-repeat; height: 799px;}
.work_ul li{ float:left; width: 20%;  padding-right: 34px;  box-sizing: border-box;  }
.work_inner{ background:#fff; border-top: 2px solid #006cb7; padding: 0 10px; height: 368px; }
.work_li{background: url(../images/ship1.png) right center no-repeat; padding-right: 50px; box-sizing: border-box;}
.work_img{ height:130px; line-height: 130px; text-align: center; overflow: hidden;  }
.work_tit{ text-align: center; height: 40px; line-height: 40px; overflow: hidden; font-size:22px;   margin-bottom: 24px;  border-top: 1px solid #accee6;border-bottom: 1px solid #accee6; }
.work_cp{ font-size: 16px;  line-height: 26px; text-align: center;  }
.work_dem{font-size: 14px;  line-height: 22px; text-align: center; color: #666666; }
.work_ul li:nth-last-child(1) .work_li{ background: none}
.work_ul li:nth-child(4) .work_li{background: url(../images/ship2.png) right center no-repeat; }
.newswrap{ transition: all 0.5s ease 0s; }
.newswrap:hover{ background: #006cb7;transition: all 0.5s ease 0s;  }
.newswrap:hover .news_dl{background: #006cb7;transition: all 0.5s ease 0s; }
.newswrap:hover .news_dl .news_tit{ color: #fff;transition: all 0.5s ease 0s; }
.newswrap:hover .news_word,.newswrap:hover .news_day,.newswrap:hover .news_y{color: #fff;transition: all 0.5s ease 0s;}
.newswrap:hover .news_line{ background: #fff;transition: all 0.5s ease 0s; }
.newswrap:hover .news_see{color: #fff;transition: all 0.5s ease 0s; border-bottom: 1px solid #fff; background: url(../images/ind_see.png) right center no-repeat}
.news_dl{ box-shadow: none; }

.contdiv{ height: 940px; background: rgba(0,108,183,.9); }

.mess{ position:fixed; right: -350px; top: 65%; height: 230px; z-index:999; }
.mess_tit{ position: absolute; left:-40px; top: 0; width: 40px; height: 230px; cursor: pointer; }
.mess_inner{ padding:20.5px 20px; width: 350px; box-sizing: border-box; background: #fff;  }
.mess_div{ margin-bottom:15px; border-radius:5px; border: 1px solid #cfd8dc  }
.mess_mail{ float: left; width:60px; font-size: 14px; height: 38px; line-height: 38px; overflow: hidden; text-align: right;  }
.form_txt{ height: 38px; line-height: 38px;border-radius:5px;  font-size: 14px; color: #b4c1c6; width: 238px; border: none; float: right; padding: 0 20px 0 0; box-sizing: border-box; }
.mess_area{ height: 83px; line-height: 38px;border-radius:5px;resize: none;  font-size: 14px; color: #b4c1c6; width: 238px; border: none; float: right; padding: 0 20px 0 0; box-sizing: border-box;}
.mess_box{ height: 34px; }
.mess_code{ float: left; height: 32px; border-radius:5px; border: 1px solid #cfd8dc }
.codetxt{ height: 32px; float: left; line-height: 32px; width:127px; border-right: 1px solid #cfd8dc; border-radius: 5px 0 0 5px;  }
.code_img{ float: left; height: 32px; line-height: 32px; width:80px; text-align: center; overflow: hidden;  }
.code_img img{ width: auto; height: auto; max-width: 100% }
.mess_sub{ float: right; background: url(../images/mess2.jpg) left center no-repeat;width: 80px; height: 34px; line-height: 34px; text-align: center; color: #fff; overflow: hidden; border: none; }

.tb_ul{ float:left; margin-left:0px;padding-top: 38px;}
.tb_ul li{ float:left; font-size:14px; margin-right:5px;}
.tb_ul li img{ margin:0 6px 0 0; width:60px; height:60px;}