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 0; 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: 24px; color: #fff; padding-left: 30px; line-height: 49px;background: url(../images/img2.png) center center no-repeat; }
.column_ul a{ height:51px; line-height: 51px;  display: block; text-align: center; transition: all 0.5s ease 0s;border-bottom: 1px solid #f7f7f7; margin-bottom: 1px; font-size: 16px;  }
.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{width:33.3%; float:left; display:block; text-align:center; color:#333; font-size: 14px; }
.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;
}