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,'Microsoft YaHei'; color:#333333; 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:#333333; 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: 1200px; margin: 0 auto;}

/* head */
.top{ background: #eeeeee; height:40px; line-height: 40px;   }
.wel{ float: left; font-size: 14px; color: #666666 }
.head_right{ float: right; }
/*.search{ margin: 5px 20px 0 0; width: 148px; height: 28px; border: 1px solid #cccccc; border-radius: 5px; float: left; }*/
/*.search_txt{ float: left; height: 28px; padding-left: 10px; box-sizing: border-box; border: none; border: none; line-height: 28px; overflow: hidden; width:120px; font-size: 14px; background: none; color: #999999  }*/
/*.search_sub{ float: right; height: 28px; cursor: pointer; display: block; background: url(../images/head6.png) center center no-repeat; width: 28px; border: none; }*/
.line_head{background: url(../images/head4.png) center center no-repeat; width: 2px;  display:block; float: left; height: 40px;  }
/*.lan{ float: left; padding: 0 20px 0 38px;background: url(../images/head1.png) 15px center no-repeat; height: 40px; line-height: 40px; }*/
/*.lan a{ display: block; float: left; font-size: 14px; color: #666; padding: 0 5px; background: url(../images/head5.png) right center no-repeat; }*/
/*.lan a:nth-last-child(1){ background: none; }*/
/*.lan a.on,.lan a:hover{ color: #e53b2c }*/
.what{ float: left; }
.what a{ margin-left:18px;  }
.what a.wx{ position: relative; }
.wx_img{ position: absolute; left: -34px; top: 26px; width: 100px; height: 100px; display: none; z-index: 9999 }
.what a.wx:hover .wx_img{ display: block; }
.head_inner{ background: #fff; height:100px; }
h1{ float: left; line-height: 100px; }
.nav_ul{ float: right; position: relative; }
.nav_ul li{ float: left; padding: 0 19px; position: relative; }
.nav_ul li:nth-child(3),.nav_ul li:nth-child(4){ position: static; }
.nav_ul li:nth-child(3) .subnav{width:65%;}
.nav_ul li:nth-child(3) .subnav .nav_inner{width:50%;}

.nav_ul li a{ display: block; font-size: 16px; color: #333; height: 100px; line-height: 100px; position: relative; }
.nav_ul li a:after{ content: ""; position: relative;  display: block;
    width: 0;
    height: 6px;
    background:url(../images/head7.png) center center no-repeat;
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; top: 68px;
    }

.nav_ul li a:hover:after,.nav_ul li a.on:after{ width: 100%; color: #e01705 }
.nav_ul li a:hover,.nav_ul li a.on{color: #e01705 }

.nav_ul li .subnav{width:100%; position:absolute; left:0; top:98px; padding: 10px 5px; z-index:9999999; background:url(../images/navbj.png) center center repeat; display: none;  text-align:center; }
.nav_inner{ float: left; width: 33.3%; padding: 0 5px; box-sizing: border-box; margin-bottom: 20px; }
.nav_ul li .subnav .nav_tit{ font-size: 14px; margin-bottom: 10px; font-weight: bold; color: #333; text-align: left; padding-left: 20px; height: 30px; line-height: 30px; }
.nav_ul li .subnav .nav_link a{ height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; color:#333; text-align: left; padding-left: 20px;  }
.nav_ul li .subnav .nav_he a{ font-size: 14px; color: #333; overflow: hidden; height: 30px; line-height: 30px; text-align: center; padding: 0; }
.nav_ul li:nth-child(6) .subnav{ width:185px; position:absolute; left:-28px;}

.nav_ul li .subnav a:hover:after{ width: 0%; }
.nav_ul li .subnav a:hover{ color: #e01705; }


/* foot */
.foot{ background: #333333; overflow: hidden; }
.foot_right{ float: right; margin: 90px 0 0 0; }
.foot_right a{ margin-left: 15px; }
.foot_right a.footwx{ position: relative; }
.footwx_img{ position: absolute; left: 0; top: 30px; width: 100px; height: 100px; display: none; }
.foot_right a.footwx:hover .footwx_img{ display: block; }
.add_i{ font-size: 14px; color: #cecece; height:30px; line-height: 30px; overflow: hidden;  }
.add_i a{font-size: 14px; color: #cecece;transition: all 0.5s ease 0s; padding-left: 8px;}
.and{padding-left: 8px;}
.add{ padding: 10px 0 32px 0; border-top: 1px solid #454545 }
.foot_left{ padding: 36px 0 0 0; float: left; width:950px; }
.foot_ul{ height: 40px; line-height: 40px; overflow: hidden; }
.foot_ul li{ float: left; }
.foot_ul li a{ display: block; font-size: 16px; color: #fff; padding: 0 22px;background: url(../images/foot3.png) right center no-repeat;  }
.foot_ul li:nth-child(1) a{ padding-left: 0; }
.foot_ul li:nth-last-child(1) a{ background: none; }
.link{ height:38px; line-height: 38px; overflow: hidden; margin-bottom: 16px;  }
.link_h3{ float: left;font-size: 14px; color: #cecece;  width: 70px;height: 38px; overflow: hidden; }
.link_ul{ float: left; height: 38px; overflow: hidden; }
.link_ul li{ padding-right: 10px; float: left; }
.link_ul li a{ display: block;font-size: 14px; color: #cecece;transition: all 0.5s ease 0s;   }
.link_ul li a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.column{ float: left; width:240px; margin-top: 64px; }
.col_h3{ height: 49px; font-size: 20px; color: #fff; padding-left: 30px; line-height: 49px;background: url(../images/img2.png) center center no-repeat; }
.column_ul a{  line-height: 18px;  display: block; text-align: center; transition: all 0.5s ease 0s;border-bottom: 1px solid #f7f7f7; margin-bottom: 1px; font-size: 14px;  padding:10px;}
.column_ul a:hover,.column_ul a.for{background: url(../images/img1.jpg) left center no-repeat; color: #fff; transition: all 0.5s ease 0s; }
.add_i a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.details{ width: 900px; float: right; padding-top: 58px; }
.site{ border-bottom: 1px solid #333333; height: 40px; line-height: 40px; overflow: hidden; }
.site_left{ float: left; font-size: 16px; font-weight: bold; padding-left: 37px;background: url(../images/img1.png) 6px center no-repeat; }
.site_right{ float: right; font-size: 12px; color: #666666; padding-right: 10px;}
.site_right a{ font-size: 12px; color: #666666}
.site_right a.on{ text-decoration: underline; }
.about{ padding: 40px 0 60px 0; }

.news_dl{ padding:33px 0; border-bottom: 1px solid #ededed;  }
.news_dl dt{ float: left; width: 280px; height: 145px; overflow: hidden; }
.news_dl dt img{ width: 280px; height: 145px; overflow: hidden; opacity: .8; transition: all 0.5s ease 0s; }
.news_dl dt:hover img{ opacity: 1; transition: all 0.5s ease 0s; }
.news_dl dd{ float: right; width: 580px; }
.news_tit{ display: block;transition: all 0.5s ease 0s;  height: 50px; line-height: 50px; overflow: hidden; font-size: 16px; font-weight: bold; }
.news_zi{ height:52px; line-height: 26px; overflow: hidden; font-size:14px; color: #666666   }
.news_time{ display: block; height:42px; line-height: 42px; color: #999999; overflow: hidden; font-size: 14px;  }
.news_tit:hover{ color: #e53b2c; transition: all 0.5s ease 0s; }
.pages_inner{ text-align: center; padding: 40px 0; }
.pages_inner a{ display: inline-block; transition: all 0.5s ease 0s; margin: 0 3px; height: 32px; line-height: 32px; width: 32px; text-align: center; font-size: 14px; color: #666666; }
.pages_inner .pages_home{ width:56px; text-align: center; border: 1px solid #dcdcdc; height: 30px; line-height: 30px;  }
.pages_inner a:hover,.pages_inner a.on{ background: #e53b2c; color: #fff; transition: all 0.5s ease 0s; }

.news_info{ margin: 20px auto 0;}
.release{ padding-bottom: 20px; margin-bottom: 30px; background: url(../images/news_info.png) center bottom no-repeat; text-align: center; }
.release h3{ height:50px; line-height: 50px; overflow: hidden; font-size: 18px;  }
.release .rele_span{ height: 46px; line-height: 46px; color: #999999; font-size: 14px; overflow: hidden; }
.xin_see:after{ background: #1451c0;content:"";display:block; width: 0;transition: all 0.5s ease 0s; height: 34px; border-radius: 20px; z-index: 9; position: absolute; left: 0; top: 0; }
.xin_see:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.xin_see:hover a{ color: #fff;background: url(../images/newssee1.png) 94px center no-repeat; transition: all 0.5s ease 0.2s;  }
.xin_see:hover{transition: all 0.5s ease 0.2s; color: #fff; border: 1px solid #1451c0;background: url(../images/newssee1.png) 94px center no-repeat; }
.retrun{ float: right;transition: all 0.5s ease 0s;  font-size: 14px; color: #e53b2c; padding:30px 0; }
.piece{ padding:50px 0; border-top: 1px solid #f7f7f7; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #666; font-size: 14px; }
.piece a:hover{ color: #e53b2c; transition: all 0.5s ease 0s; }
.column_ul li .col_menu a{ height: 39px; line-height: 39px; background: #fff; font-size: 14px; margin: 0; text-align: left; text-indent: 30px; }
.column_ul li .col_menu a:hover{background: url(../images/col.jpg) left center no-repeat; color: #e53b2c}
.column_ul .nav_son_hover{background: url(../images/col.jpg) left center no-repeat; color: #e53b2c}
.pro_column li a{text-align: left; text-indent: 30px; }

.pro_ul{ margin:0 0 0 -30px;  }
.pro_ul li{ float: left; margin: 33px 0 0 30px; width:280px;  }
.pro_img{ display: block; width:278px; height: 163px; overflow: hidden;  border: 1px solid #cccccc; }
.pro_img img{width:278px;transition: all 1s ease 0s;  height: 163px; overflow: hidden; }
.pro_h3{ height: 44px; line-height: 44px; text-align: center; font-size: 16px; font-weight: bold; padding-bottom: 18px; border-bottom: 1px solid #ededed}
.pro_info{ padding: 30px 0; }
.info_h3{ text-align: center; overflow: hidden; height:70px; line-height: 70px; border-bottom: 1px solid #ededed; margin-bottom: 30px; font-size: 24px; font-weight: bold;}
.pro_ul li:hover .pro_h3{transition: all 0.5s ease 0s; color: #e53b2c }
.pro_ul li:hover .pro_img img {transition: all 1s ease 0s; transform: scale(1.1);}
.case_ul{ margin-left: -78px; padding-left: 53px; }
.case_ul li{ float: left; margin:56px 0 0 78px; width: 360px;  }
.case_img{ display: block; overflow: hidden; width:358px; height: 238px; border: 1px solid #cccccc;  }
.case_img img{width:358px; height: 238px; overflow: hidden;transition: all 1s ease 0s; }
.case_h3{ text-align: center;transition: all 0.5s ease 0s; background: #e5e5e5; height: 52px; line-height: 52px; overflow: hidden; font-size:14px; font-weight: bold;  }
.case_ul li:hover .case_h3{transition: all 0.5s ease 0s; color: #e53b2c }
.case_ul li:hover .case_img img {transition: all 1s ease 0s; transform: scale(1.1);}
.join{ padding: 0 0 60px 0 }
.recu{ padding:30px 0 0px 0px;}
.recu ul{ cursor:pointer; background:#f7f7f7 url(../images/join.png) 32px center no-repeat; height:44px; line-height:44px; margin-bottom:28px;}
.pos dd li{margin-left: 60px;}
.Requirement{ border-bottom:none; color:#666666; line-height:34px; color: #666666; font-size: 14px; margin:30px 60px; display:none; }
.recu ul.act li{ color: #fff; font-size: 14px; font-weight: bold; }
.recu ul.act{background:#e7141a url(../images/join1.png) 32px center no-repeat;}

.research{ padding:14px 0 40px 0;  }
.research dl{ padding:26px 0; border-bottom: 1px solid #ededed;  }
.research dt a{ height:44px;transition: all 0.5s ease 0s;  line-height: 44px; overflow: hidden; font-size: 16px; font-weight: bold; display: block;  }
.research dd{ height: 52px; line-height: 26px; overflow: hidden; font-size: 14px; color: #666; }
.res_info{ padding: 30px 0; }
.res_h3{ text-align: left; text-indent: 34px; padding: 0; }
.research dt a:hover{ color: #e53b2c; transition: all 0.5s ease 0s; }

.phone_banner{ display:none;}
.flex-direction-nav{ display: none; }
.flexslider {width: 100%;height:auto; margin:0 auto; overflow:hidden; box-sizing: border-box; position: relative; }
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-control-nav { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 99999; }
.flex-control-nav li{ display: inline-block; margin:0 5px;  }
.flex-control-nav li a{ display: block; height:12px; width:24px; background:  url(../images/tab.png) center center no-repeat; font-size: 0;   }
.flex-control-nav li a.flex-active{background:  url(../images/tab1.png) center center no-repeat; }

.index_top{ padding: 40px 0 0 0; }
.index_ul{ margin-left:-30px }
.index_ul li{ float: left; margin: 0 0 0 30px; width: 380px; position: relative; height:298px; overflow: hidden;  }
.index_img{ display: block; overflow: hidden; width: 380px; height:205px;  }
.index_img img{ overflow: hidden; width: 380px; height:205px;}
.list{ text-align: center; background: #f8f8f8; height:93px; overflow: hidden;  }
.list_i{ display: block; margin: 0 auto; background: #666666; width: 30px; height: 2px; }
.index_h3{ height:46px; line-height: 46px; overflow: hidden; font-size: 16px; font-weight: bold; padding-top: 15px;  }
.solve{ position: absolute; left: 0; top: -300px; transition: all 0.5s ease 0s; width: 100%; height: 100%; background: #e53b2c; padding: 0 40px; box-sizing: border-box; }
.solve_tit{ display: block; height:46px; line-height: 46px; color: #fff; text-align: center; overflow: hidden; font-size: 16px; font-weight: bold; padding-top: 30px; }
.solve_line{ display: block; width:30px; height: 2px; background: #f7a29a; margin: 0 auto 22px; }
.solve_inner{ height: 104px; overflow: hidden; line-height:26px; color: #ffc3be; font-size: 14px; margin-bottom: 14px;  }
.solve_see{  display: block; text-align: center; color: #fff; font-size: 14px; height: 50px; line-height: 50px; }
.index_ul li:hover .solve{ top: 0; transition: all 0.5s ease 0s; }
.index_he{ position: absolute; left: 0; bottom: 0;  transition: all 0.5s ease 0s;}
.index_ul li:hover .index_he{ bottom: -300px; transition: all 0.5s ease 0s; }
.mation{ padding: 30px 0; }
.mation_tit{ height: 82px; line-height: 82px; overflow: hidden; }
.mation_h3{ float: left; font-size: 24px; font-weight: bold; }
.mation_i{ font-size: 14px; color: #999999; padding-left: 10px; font-weight: inherit; }
.mation_see{ float: right; display: block; font-size: 14px;padding-left: 20px; color: #666;background:  url(../images/index1.png) left center no-repeat; }

.mation_dl{ margin-bottom:30px;  }
.mation_dl dt{ float: left; width: 580px; height: 145px; overflow: hidden; margin-right: 40px; }
.mation_dl dt img{ width: 580px;transition: all 1s ease 0s; height: 145px; overflow: hidden; }
.mation_dl dd{ float: left; }
.mation_link{ display: block;transition: all 0.5s ease 0s; overflow: hidden; height:50px; line-height: 50px; font-size: 16px; font-weight: bold;  }
.mation_word{ height:50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #666666; width: 580px; }
.mation_time{ display: block; height: 44px; line-height: 44px; font-size: 14px; color: #999999 }
.mation_dl:nth-child(even) dt{ float: right; margin: 0 0 0 40px; }
.mation_link:hover{ color: #e53b2c; transition: all 0.5s ease 0s; }

.mation_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2); }

.column_ul{ background: #f7f7f7 }
.col_menu{ display: none; }

.pages{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
.pags-item{
  display: inline-block;
	padding:3px 10px;
  font-size: 14px;
  text-align: center;
  color: #666;
  line-height: 24px;
  margin: 0 3px;
  border: 1px solid #dcdcdc;
}
.pages .show{
	background: #e53b2c;
    color: #fff;
    transition: all 0.5s ease 0s;
}

.wrap{padding: 0 6.25vw; width: 100%;  box-sizing: border-box;}
.head{ background: #fff; height:90px;  }
h1{ float: left; line-height: 90px; }
.headright{ float: right; }
.navul{ float: left; margin-right: 30px; }
.navul li{ float: left; margin-left: 10px; position:relative; }
.navul li a{ display: block; font-size: 20px;transition: all 0.5s ease 0s; line-height: 90px; padding: 0 10px;}
.navul li a:hover,.navul li a.current{ color: #e63a2c; transition: all 0.5s ease 0s; }
.search{ float: left; width:102px; cursor:pointer; text-align: center; line-height: 90px;  position: relative;  }
.search:after{ position: absolute; right: 0; top: 50%; margin-top: -5px;  background: url(../images/head1.png) left center no-repeat;content: ''; width: 2px; height: 10px; }
.search:before{ position: absolute; left: 0; top: 50%; margin-top: -5px;  background: url(../images/head1.png) left center no-repeat;content: ''; width: 2px; height: 10px; }
.lan{ float: left; margin-left: 39px; width:64px; text-align: right; line-height: 90px; font-size: 20px; background: url(../images/head2.png) left center no-repeat;}
.lan a{ display: block; }
.navul li .subnav{width:260px; position:absolute; left:50%; margin-left: -130px; top:90px; z-index:9999999; background:#fff;   text-align:center; padding:5px 0 10px 0; 
 display:none;}
.navul li .subnav a{ height:30px; line-height:30px;transition: all 0.5s ease 0s; font-size:16px;text-align:center; overflow:hidden;  }
.navul li .subnav a:hover{ font-weight: bold; color: #e63a2c; transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;}
.counter{ display: inline-block; }

#search-form {
  -moz-transition: max-width, 0.5s;
  -o-transition: max-width, 0.5s;
  -webkit-transition: max-width, 0.5s;
  transition: max-width, 0.5s;
  position: absolute;
  top:90px;
  right: 0px;
  width: 0px;
  height: 40px;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}

#search-form.open {
 width: 320px;
}
#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: 40px;
  
}
#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: #e63a2c;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

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

    to { transform: translateY(0); opacity: 1; }
}

.counter{ display: inline-block; }

.flexslider .flex-viewport{width: 100%;height: auto;}
.flexslider {position: relative;width: 100%;height: auto; overflow: hidden; text-align: center; clear: both;}
.flexslider .slides li .banner_img{ width: 100%; height: auto;   }
.flexslider .slides li { position:relative; width:100%; height: auto; float: left; }
.flexslider .slides {width:100%; }
.flexslider .flex-control-nav {display: block;  text-align: left; width: 100%; box-sizing: border-box;  z-index: 99;  position: absolute; left: 6.25vw;  bottom: 82px; }
.flexslider .flex-control-nav li{  display: inline-block; margin: 0 10px 0 0;}
.flexslider .flex-control-nav li a{ display: block;background:rgba(255,255,255,0.2); width: 40px; height: 6px;  border-radius: 5px; font-size: 0;transition: all 0.5s ease 0s; }
.flexslider .flex-control-nav li a.flex-active{background:#d53b2f; width:80px; transition: all 0.5s ease 0s; }
.flexslider .flex-direction-nav{position: absolute; right: 6.25vw; bottom: 82px;}
.flex-prev{ font-size: 0; z-index: 999; transition: all 0.5s ease 0s; background:rgb(255,255,255,.2) url(../images/banner_left.png) center center no-repeat; width: 50px; height: 50px; border-radius: 5px; display: block; }
.flex-next{font-size: 0; z-index: 999; transition: all 0.5s ease 0s; background:rgb(255,255,255,.2) url(../images/banner_right.png) center center no-repeat; width: 50px; height: 50px; border-radius: 5px; display: block;}
.flex-prev:hover{ background:#e53b2c url(../images/banner_left.png) center center no-repeat; transition: all 0.5s ease 0s; }
.flex-next:hover{ background:#e53b2c url(../images/banner_right.png) center center no-repeat; transition: all 0.5s ease 0s; }
.flex-nav-prev{ float: left; margin-right: 10px; }
.flex-nav-next{float: left;}

.usbox{background: url(../images/indexbj1.jpg) center top no-repeat; padding: 152px 0 142px 0;}
.indextitle{ font-size: 48px; height:64px; line-height: 64px; background: url(../images/titbj.png) left center no-repeat; padding-left: 38px; margin-bottom: 40px; }
.uscatit{ font-size: 34px; height:80px; line-height: 40px; margin-bottom: 10px; overflow: hidden;  }
.uscaword{ height: 60px; line-height: 30px; overflow: hidden; font-size: 16px; color: #83878f; margin-bottom: 53px; }
.uscase{ width: 45%; margin-bottom: 120px; }
.us_see{ font-size: 14px; width:178px; display: block;transition: all 0.5s ease 0s; height: 48px; line-height: 48px;background: url(../images/indexsee.png) 136px center no-repeat; border-radius: 5px; border: 1px solid #030622; text-indent: 30px; color: #030622;  }
.us_see:hover{ color: #fff; transition: all 0.5s ease 0s; border: 1px solid #e63a2c;background:#e63a2c url(../images/indexsee1.png) 136px center no-repeat;  }

.usul{ margin-left: -3% }
.usul li{ float: left; width: 25%; box-sizing: border-box; padding-left: 3% }
.usf{ background: rgb(255,255,255,.8); border-radius: 8px; border: 1px solid #fff; box-shadow: 0 0 15px rgb(0,0,0,.2); padding: 0 36px; width: 100%; box-sizing: border-box; }
.usf_l{ float: left; }
.usf_r{ float: right; height: 158px; line-height: 158px; }
.molecule{ font-size: 18px; height: 36px; line-height: 36px; overflow: hidden; margin-top: -10px; }
.usnum{ font-size:66px; color: #e63a2c; line-height: 70px; margin-top: 20px; font-weight: bold;  }
.usul li:nth-child(1) sub{ font-size: 18px; color: #333; }
.usul li:nth-child(1) .molecule{ margin-top: -20px; }
.integrity{background: url(../images/indexbj2.jpg) center top no-repeat; padding: 0px 0 156px 0;}
.intul{ margin-left: -2%; }
.intul li{ float: left; width: 20%;transition: all 0.5s ease 0s; padding: 0 0 0 2%; box-sizing: border-box; }
.intimg{ width: auto; height: auto;  }
.inthover{ position: relative;  width: 100%; border-radius: 20px; overflow: hidden;}
.intbox{ position: absolute; left: 0; top: 0px; height: 100%; width: 100%;   }
.intpic{ text-align: center;transition: all 0.5s ease 0s; height: 90px; line-height: 90px; }
.int_tit{ height:66px; line-height: 66px; color: #fff; font-size: 24px; margin-bottom: 16px; transition: all 0.5s ease 0s; text-align: center; }
.int_word{ height: 0; overflow: hidden; color: #fff; font-size:18px; line-height: 32px;  margin-bottom: 32px; }
.int_see{ width:178px; display: none; line-height: 48px;background:rgb(255,255,255,.3) url(../images/intsee.png) 136px center no-repeat; border: 1px solid rgb(255,255,255,.3);  height: 48px; border-radius: 5px; color: #fff; font-size:14px; text-indent:30px;   }
.intul li.on .int_word{height: 224px;}
.intul li.on{ width: 40%; transition: all 0.5s ease 0s; }
.intul li.on .intbox{height: 100%; bottom: 0; background: linear-gradient(205deg, rgba(9, 18, 32, 0.85), rgba(230, 58, 44, 0.92));}
.intai{position: absolute; left: 0; bottom: 20px; width: 100%; box-sizing: border-box; padding:0 34px; }
.intul li.on .int_tit{ font-size: 38px; text-align: left;transition: all 0.5s ease 0s; }
.intul li.on .intpic{text-align: left;transition: all 0.5s ease 0s;}
.intul li.on .int_see{ display: block; margin-bottom: 58px; }
.intul li .intimg img{transition: all 1s ease 0s; }
.intul li:hover .intimg img{ transition: all 1s ease 0s; transform: scale(1.1); }
.jourindex{background: url(../images/indexbj3.jpg) center bottom no-repeat; padding: 0px 0 160px 0;}
.indexsee{ float: right; border: 1px solid #030622; transition: all 0.5s ease 0s; color: #030622; font-size: 14px; width:178px; height: 48px;background:url(../images/joursee2.png) 136px center no-repeat; line-height: 48px; text-indent:30px; border-radius: 5px;   }
.indexsee:hover{ color: #fff; transition: all 0.5s ease 0s; border: 1px solid #e63a2c;background:#e63a2c url(../images/joursee22.png) 136px center no-repeat;  }
.indextit .indextitle{ float: left; }
.abi_left{ float: left; width: 66%;  }
.abidiv{ margin-left: -3%; }
.jourdl{ float: left; width: 50%; padding-left: 3%; box-sizing: border-box; }
.jourdl dt { height:310px; overflow:hidden}
.jourdl dt img{ width: 100%; height: auto; border-radius: 15px; overflow: hidden; }
.jourdl dd{ background: #fff; padding:0 30px 22px; border-radius: 0 0 15px 15px;  }
.jourtime{ height:70px; line-height: 70px; overflow: hidden; font-size:18px; background: url(../images/joursee1.png) left center no-repeat; padding-left: 28px;  }
.jourtit{ height:64px;transition: all 0.5s ease 0s; line-height: 32px; overflow: hidden; font-size:26px; display: block;  margin-bottom: 6px;  }
.jourword{ height:36px; line-height: 36px; overflow: hidden; font-size:18px;  color: #666666;  }
.joursee{ height: 48px;transition: all 0.5s ease 0s; line-height: 48px; display: block; overflow: hidden; font-size:14px; width: 90px;  background: url(../images/joursee2.png) right center no-repeat; }
.abi_right{ width: 33%; float: right; }
.attdl{ padding: 16px 30px; box-sizing: border-box; border-radius: 15px; background: #fff; margin-bottom:23px;  }
.attdl dt{ font-size: 18px; height:42px; line-height: 42px; overflow: hidden; background: url(../images/joursee1.png) left center no-repeat; padding-left: 28px;   }
.att_tit{ height: 52px; display: block; line-height: 26px; overflow: hidden; font-size:22px;  }
.att_tit:hover,.jourtit:hover{ color: #e63a2c; transition: all 0.5s ease 0s; }
.att_see{ height:44px; transition: all 0.5s ease 0s; line-height: 44px; font-size:14px; width: 90px; display: block;  background: url(../images/joursee2.png) right center no-repeat; }
.att_see:hover,.joursee:hover{background: url(../images/joursee3.png) right center no-repeat;color: #e63a2c; transition: all 0.5s ease 0s;}
.foot{ background: url(../images/footbj.jpg) left center no-repeat; padding: 70px 0 0 0;overflow: hidden; }
.foot_top{ padding-bottom:22px;background: url(../images/foot1.png) left bottom no-repeat;   }
.footul li{ float: left; width: 18% }
.footul li a{ display: block; font-size: 24px;transition: all 0.5s ease 0s; padding-left:10%; box-sizing: border-box; height: 62px; line-height: 62px; color: #fff;background: url(../images/footline.png) 90% center no-repeat; }
.footul li a:hover,.linkul li a:hover,.indexaddl a:hover,.indexaddr a:hover{color: #e63a2c; transition: all 0.5s ease 0s;}
.footul li:nth-child(1) a{ padding-left: 0; }
.footul li:nth-last-child(1){ width: 10% }
.footul li:nth-last-child(1) a{ background: none; text-align: right; }
.linklj{ padding: 20px 0 26px 0; }
.linkem{ display: block; float: left; font-size: 20px; color: #fff; height: 60px; line-height: 60px; }
.linkul{ float: left; }
.linkul li { float: left; margin-right: 10px; }
.linkul li a{ display: block; font-size: 20px;transition: all 0.5s ease 0s; color: #fff; height: 60px; line-height: 60px; padding: 0 10px; }
.serhot{ height:50px; overflow: hidden; margin-bottom: 46px  }
.serdl{ float: left; margin-right: 3% }
.serdl dt{ float: left; line-height: 50px; line-height: 50px; width:46px;  }
.serdl dd{ font-size: 20px; color: #b8babc; line-height: 50px; line-height: 50px; float: left; }
.serdl dd .serem{ color: #fff; }
.serdl:nth-child(1) dd .serem{ color: #ce352b; }
.indexadd{ border-top: 1px solid #2e1822; height: 52px; line-height: 52px; }
.indexaddl{ float: left; font-size: 14px; color: rgb(255,255,255,.4); }
.indexaddl a{color: rgb(255,255,255,.4); display: inline-block;}
.indexaddr{float: right;}
.indexaddr a{ display: block;color: rgb(255,255,255,.4); }