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:#343434; 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; }
: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;}
/* head */

.head{ background:#fff; height:100px; border-bottom:1px solid #efefef;}
.box{ width:1200px; margin:0 auto;}
h1{ padding-top:18px; float:left;}
.head_right{ float:right;}
.head_top{ padding:15px 0 10px 0; width:254px; float:right;}
.search{ width:157px; height:25px; border:1px solid #6d6d6d; border-radius:20px; float:left; }
.search_txt{ width:110px; padding-left:8px; float:left; border:none; height:25px; line-height:25px; border-radius:20px 0 0 20px; color:#6d6d6d}
.search_sub{ float:right; background:url(../image/search.png) left top no-repeat; height:14px; width:14px; border:none; margin:6px 10px 0 0; cursor:pointer;}
.language { float:left; margin-left:33px;}
.language a{ width:27px; height:24px; line-height:24px; text-align:center; display:inline-block; margin-left:4px; color:#525252;transition:all 0.5s ease 0s;}
.language a:hover{ background:#0068b7; color:#fff; transition:all 0.5s ease 0s;}

.nav{ float:left; height:33px; line-height:33px;}
.nav li{ float:left;}
.nav li a{ font-size:16px; display:block; padding:0 28px;}
.entry{ float:left; font-size:16px;color:#525252;height:33px; line-height:33px;transition:all 0.5s ease 0s;}
.entry a{ font-size:16px; color:#525252;transition:all 0.5s ease 0s;}
.entry span{ display:inline-block; padding:0 16px;}
.entry a:hover{ color:#0068b7; transition:all 0.5s ease 0s;}
.nav li a:hover{color:#0068b7; transition:all 0.5s ease 0s;}
.nav li a.navs{color:#0068b7; transition:all 0.5s ease 0s;}





.subbox{ position: absolute; left: 0; top: 100px; background:url(../image/headbj.jpg) left top; width: 100%; height: 500px; z-index:9999999999999999999999999; display:none;}
.yi-menus{ float: left; width: 307px;}
.yi-menus dt{ height:20px;}
.yi-menus dd{  font-size: 14px; height: 40px; line-height: 40px;  overflow: hidden; color:#666; margin-bottom:2px;}
.yi-menus dd a{ height: 40px; line-height: 40px; overflow: hidden; text-indent:16px; display:block; padding:0;}
.yi-menus dd a:hover,.yi-menus dd .on{ color: #fff; background:#0068b7 left top no-repeat; }

.yi-right{ float: left; width: 892px; display: none;}


.rm{ float: left; padding:20px 0 0 50px; text-align: left; width: 320px;  overflow: hidden;}
.rm dd{  line-height: 22px; margin-bottom: 2px;  }
.rm dd a{font-size: 12px; color:#666666; padding:5px 10px; text-indent:0px; }
.rm dd a:hover,.rm dd .on{  background:#ebebeb;color:#666666;}

.gtxt{ line-height: 30px; }
.gbox{ width: 283px; float: left; padding:20px 0 0 100px; display: none;}
.gtxt{ text-align: left; height:72px; overflow: hidden; line-height:25px; color:#666666; font-size:14px; color:#666666;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical}
.gpic{ margin-bottom: 15px; border:1px solid #ebebeb; width:282px; height:197px; overflow:hidden; }
.gpic img{width:282px; height:197px; overflow:hidden;}








/* foot */
.foot{ background:#353638; border:1px solid #464749; border-left:none; border-right:none; padding:40px 0 20px 0;}
.foot_left{ width:400px; float:left; height:80px; border-right:1px solid #444444; background:url(../image/call.jpg) left 6px no-repeat; text-indent:85px; color:#fff;}
.foot_left span,.foot_left em{ display:block; font-size:16px; overflow:hidden; height:34px; line-height:34px;}
.foot_left em{ font-size:28px; font-family:Myriad Pro;}
.foot_right{ float:right;}
.foot_nav{ height:34px; line-height:34px; color:#909191; text-align:right; margin-right:-26px;}
.foot_nav li{ display:inline-block;height:34px; line-height:34px;}
.foot_nav li a{ color:#fff; padding:0 26px; display:block; font-size:14px; color:#fff;transition:all 0.5s ease 0s;}
.foot_nav li a:hover{ transform:translateX(10px); transition:all 0.5s ease 0s;}
.add{ height:30px; line-height:30px; color:#fff; padding-top:20px; text-align:right;}
.add a{ color:#fff; margin-left:10px;transition:all 0.5s ease 0s;}
.add a.kby{ margin-left:280px;}
.add a:hover{ transform:translateX(10px); transition:all 0.5s ease 0s; color:#0068b7}

body{ background:#f8f9f9;}
.catalog{ background:#fff; height:60px;}
.cata_ul{ text-align:center;}
.cata_ul li{ display:inline-block; padding:0 2px;}
.cata_ul li a{ font-size:14px; color:#494949; height:58px; line-height:58px; border-bottom:2px solid #fff; display:block; }
.cata_ul li a:hover,.cata_ul li a.for{ border-bottom:2px solid #0068b7;}

/* news */
.news{ margin-left:-30px;}
.news dl{ margin:30px 0 0 30px; float:left; width:585px; background:#ffffff;}
.news dt{ float:left; width:274px; height:216px; overflow:hidden; margin-right:25px; background:#000;}
.news dt img{ width:274px; height:216px; overflow:hidden;opacity:.8; transition:all 0.5s ease 0s;}
.news dt:hover img{ opacity:1; transition:all 0.5s ease 0s;}
.news dd{ width:260px; float:left; padding-top:10px; }
.news dd .news_tit{ height:55px; line-height:55px; font-size:16px; color:#525252; overflow:hidden; display:block; background:url(../image/newbj.jpg) left bottom no-repeat; margin-bottom:14px;transition:all 0.5s ease 0s;}
.news dd .news_tit:hover{ color:#0068b7; transition:all 0.5s ease 0s; transform:translateX(10px)}
.news dd p{ line-height:24px; font-size:14px; color:#878787; height:72px; overflow:hidden; margin-bottom:30px;}
.news_div{ height:24px; line-height:24px; font-size:14px; color:#878787;}
.news_div span{ display:block; float:left;}
.news_div a{ background:url(../image/jian.png) left center no-repeat; width:42px; height:24px; float:right;}
/*.news_div a:hover{background:url(../image/jian1.png) left center no-repeat;}
*/
/* pages */
.pages{ padding:60px 0 80px 0; text-align:center;}
.pages a{ display:inline-block; width:33px; height:33px; border:1px solid #d3d3d3; background:#fff; line-height:33px; text-align:center; font-size:14px; color:#494949; margin:0 5px;transition:all 0.5s ease 0s;}
.pages a:hover,.pages a.cur{ background:#0068b7; border:1px solid #0068b7; color:#fff; transition:all 0.5s ease 0s;}
.pages a.s,.pages a.x{ width:65px;}

/* news_info */
.warp{ background:#fff; margin:30px auto 80px; }
.release{ padding:40px 0 20px 0; border-bottom:1px solid #e1e6ed; text-align:center; }
.release h3{ font-size:24px; font-weight:normal; height:43px; line-height:43px; color:#525252; overflow:hidden;}
.release span{ color:#878787; height:30px; line-height:30px; display:block; overflow:hidden;}

.news_word{ font-size:16px; color:#878787; line-height:30px; padding:30px 30px 30px;}

/* pro */
.pro_ul{ margin-left:-18px;}
.pro_ul li{ margin:30px 0 0 18px; float:left; width:285px; overflow:hidden;}
.pro_ul li span{ width:285px; height:199px; overflow:hidden; display:block;transition:all 0.5s ease 0s;}
.pro_ul li img{width:285px; height:199px; overflow:hidden;}
.pro_ul li em{ display:block; text-align:center; font-size:16px; height:56px;transition:all 0.5s ease 0s; line-height:56px; color:#525252;transition:all 0.5s ease 0s; background:#fff;}
.pro_ul li:hover em{ color:#fff; background:#0068b7; transition:all 0.5s ease 0s;}
.pro_ul li:hover span{ transform:translateY(-10px);transition:all 0.5s ease 0s;}
.service{padding:30px 30px 30px;font-size:16px; color:#878787; line-height:30px; }
.service .down{ color:#0068b7; padding-left:35px; background:url(../image/down.jpg) left center no-repeat; height:30px; line-height:30px; display:block; margin-top:20px;transition:all 0.5s ease 0s; }
.service .down:hover{ transition:all 0.5s ease 0s; transform:translateX(10px)}

.app{font-size:16px; color:#878787; line-height:30px; padding:30px 30px 30px;}

/* contact */
.contact{ padding:55px 0 80px 0; width:1000px; margin:0 auto}
.cont_tit { font-weight:normal; text-align:center;}
.cont_tit  span{ display:block; overflow:hidden; height:65px; line-height:65px; font-size:24px; color:#494949;}
.cont_tit  em{ display:block; margin:0 auto 10px; width:40px; height:2px; background:#0068b7; }
.contact_top p{ line-height:30px; font-size:14px; color:#878787; text-align:center; margin-bottom:44px;}
.contact_bottom{ margin-left:-27px;}
.contact_left{ width:485px; height:221px; border:1px dashed #cecece; float:left; margin-left:27px; background:#ffffff url(../image/cont.jpg) 20px 20px no-repeat; padding:22px 20px 0 90px; box-sizing:border-box;}
.contact_left span{ height:28px; line-height:28px; overflow:hidden; display:block; color:#494949; font-size:16px;}
.contact_left p{ height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#9a9a9a;}
.join{ padding:60px 0 80px 0;}

.recu{ padding:20px 0 30px 0px;}
.recu ul{ cursor:pointer; margin-bottom:5px;}
.pos dd li{ line-height:50px; color:#333; height:50px;padding-left:30px; font-size:16px;  position:relative; margin-bottom:2px;background:#fff; color:#494949;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#333; line-height:30px; margin:10px 0 22px 30px; display:none; font-size:14px; color:#666; }
.pos li .jia{ position:absolute; top:11px; right:30px; background:url(../image/round.png) left center no-repeat; width:28px; height:28px;}
.recu dd .act li{ color:#fff; background:#066cb9;} 
.recu dd .act li .jia{background:url(../image/add1.png) left center no-repeat; width:28px; height:28px;}
.Requirement .apply{ background:url(/template/en/images/bnt.jpg) left top no-repeat; width:72px; height:27px; display:block; color:#fff; line-height:27px; text-align:center; margin:43px 0;}

.sign_bj{ background:url(../image/sign.jpg) center top no-repeat;  height:100%; width:100%; }
.sign_top{ padding:60px 0 50px 0;}
.sign_bottom{ text-align:center;}

.sign_center{ width:450px; height:480px; background:#ffffff; margin:0 auto 50px; padding:40px 50px 0; box-sizing:border-box;}
.sign_center h3{ font-size:24px; font-weight:normal; color:#333333; height:44px; line-height:44px; text-align:center; background:url(../image/line.png) center center no-repeat; margin-bottom:40px;}
.sign_txt{ font-size:14px; color:#878787; height:43px; line-height:43px; border:1px solid #e1e6ed; margin-bottom:20px; width:340px; padding-left:8px;}
.sign_txt1{ font-size:14px; color:#878787; height:43px; line-height:43px; border:1px solid #e1e6ed; margin-bottom:20px; width:185px; padding-left:8px;}
.sign_sub{ cursor:pointer; display:block; font-size:16px; color:#fff; margin:16px 0 38px 0; height:43px; width:346px; background:#0068b7; border:1px solid #0068b7; text-align:center; line-height:43px; transition:all 0.5s ease 0s;}
.sign_sub:hover{ background:none; color:#0068b7; transition:all 0.5s ease 0s;}
.sign_box{ height:22px; line-height:22px; color:#878787; text-align:center;}
.sign_box a{ color:#0068b7;}
.sign_box a:hover{ text-decoration:underline;}

.sign_logo{ text-align:center;}


.flex-control-nav li{margin:0px 5px; cursor:pointer; display:inline-block; *display:block;*zoom:1;}
.flex-control-nav li a {background:#fff; opacity:.6; width: 40px; height: 4px;display: block; font-size: 0; }
.flex-control-nav li a.flex-active{ background:#fff; opacity:1;}
.flexslider {position: relative; width:100%; overflow: hidden; height:auto; margin:0 auto;}
.slides li img{ width:auto; height:auto; overflow:hidden; max-width:100%;}
.slides li{width:100%; height:auto; overflow:hidden;}
.flex-direction-nav{ display:none;}


.por_index{ background:url(../image/bj1.jpg) center top no-repeat; height:661px;}
.index_tit{ text-align:center; padding-top:48px;}
.index_tit span{ height:44px; line-height:44px; display:block; font-size:24px; color:#0068b7; font-family:Impact;}
.index_tit span i{ color:#c0c0c0;}
.index_tit em{ height:52px; line-height:52px; color:#525252; display:block; font-size:30px;}

.product_ul{ width:100000px;}
.product_ul li{ float:left; margin:30px 20px 0 0px; background:#fff; width:285px; height:380px;}
.product_ul li span{ display:block; width:285px; height:194px; overflow:hidden;}
.product_ul li span img{width:285px; height:194px; overflow:hidden;transition:all 0.5s ease 0s;}
.product_ul li:hover img{ transform:translateY(-10px); transition:all 0.5s ease 0s;}
.product_ul li em{ height:44px; line-height:44px; display:block; border-bottom:1px solid #d9d9d9; font-size:18px; color:#525252; overflow:hidden; margin-bottom:14px; padding:0 20px;transition:all 0.5s ease 0s;}
.product_ul li:hover em{ color:#0068b7; transition:all 0.5s ease 0s;}
.product_ul li p{ line-height:24px; font-size:14px; color:#878787; padding:0 20px; height:72px; overflow:hidden;}
.product_ul li i{ background:url(../image/jian.png) left top no-repeat; width:42px; height:9px; display:block; float:right; margin:6px 20px 0 0;}
.product_ul li:hover i{background:url(../image/jian1.png) left top no-repeat; }
.pro_wrap{ position:relative; height:495px;}
.pro_srcoll{ position:absolute; left:0; top:0; height:380px; width:1200px; overflow:hidden; }

.pro_btn{ position:absolute; left:0; bottom:40px; text-align:center; width:100%;}
.left{ background:url(../image/left.png) left top no-repeat; width:36px; height:36px; display:inline-block; margin:0 5px;}
.right{background:url(../image/right.png) left top no-repeat; width:36px; height:36px; display:inline-block; margin:0 5px;}
.left:hover{ background:url(../image/left1.png) left top no-repeat;}
.right:hover{ background:url(../image/right1.png) left top no-repeat;}

.ind{ background:url(../image/bj2.jpg) center top no-repeat; height:715px;}
.ind_tit span i{ color:#fff;}
.ind_tit em{ color:#fff;}
.ind_div{ height:480px; position:relative; margin-top: 30px;}
.ind_scroll{ width:1200px; height:480px; overflow:hidden; position:absolute; left:0; top:0;}
.ind_scroll li{ float:left; width:300px; background:#fff;}
.ind_scroll li .ind_img{ display:block; overflow:hidden; width:300px; height:240px;}
.ind_img img{overflow:hidden; width:300px; height:240px; transition:all 1s ease 0s;}
.ind_img:hover img{ transform:scale(1.2,1.2); transition:all 1s ease 0s;}
.ind_scroll li .ind_top{ height:240px; overflow:hidden; padding:0 20px;}
.ind_top .ind_tit{ height:27px; display:block; overflow:hidden; color:#525252; font-size:18px; padding-top:35px;transition:all 0.5s ease 0s;}
.ind_top .ind_tit:hover{ color:#0068b7; transition:all 0.5s ease 0s;}
.ind_top span{ height:20px; line-height:20px; display:block; text-transform:uppercase; color:#c0c0c0; font-family:Arial; margin-bottom:20px;}
.ind_top em{ line-height:25px; font-size:14px; color:#878787; height:72px; overflow:hidden; margin-bottom:30px; display:block;}
.ind_top .ind_see{ background:url(../image/jian.png) left top no-repeat; width:42px; height:9px; display:block;}
.ind_top .ind_see:hover{background:url(../image/jian1.png) left top no-repeat;}
.supp{ background:#fff; padding-bottom:100px;}
.supp_ul{ padding:0 100px; margin-left:-3px;}
.supp_ul li{ float:left; margin:30px 0 0 3px; width:330px;transition:all 0.5s ease 0s; padding-top:15px;}
.supp_ul li:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #e6e6e6;transition:all 0.5s ease 0s;}
.supp_ul li span{ display:block; background:url(../image/supp1.png) center top no-repeat; height:140px; transition:all 0.5s ease 0s;}
.supp_ul li .supp2{background:url(../image/supp2.png) center top no-repeat;}
.supp_ul li .supp3{background:url(../image/supp3.png) center top no-repeat;}
.supp_ul li em{ display:block; height:100px; line-height:100px; font-size:18px; overflow:hidden; text-align:center;}
.supp_ul li p{ line-height:23px; color:#666666; font-size:14px; height:71px; overflow:hidden; padding:0 34px; text-align:center;}
.supp_ul li:hover span{ background:url(../image/supp11.png) center top no-repeat; transition:all 0.5s ease 0s;}
.supp_ul li:hover .supp2{background:url(../image/supp22.png) center top no-repeat;}
.supp_ul li:hover .supp3{background:url(../image/supp33.png) center top no-repeat;}
.news_index{ background:url(../image/bj3.jpg) center top no-repeat; height:734px;}
.press h3 span,.press h3 em{ color:#fff;}

.press_ul{ margin-left:-30px}
.press_ul li{ float:left; margin:30px 0 0 30px; width:380px; overflow:hidden;}
.press_ul li span{ width:380px; height:280px; overflow:hidden; display:block;}
.press_ul li img{width:380px; height:280px; overflow:hidden;-webkit-transition: all 1s ease-in-out;
  transition:all 1s ease 0s;}
.press_ul li:hover img{ transform:scale(1.2,1.2); transition:all 1s ease 0s;}   

.press_div{ background:#ffffff; height:200px; padding:0 20px;   }
.press_inner{ padding-top:20px;}
.press_inner em{ display:block; float:left; width:170px; height:62px; line-height:62px; color:#0068b7; font-size:60px; font-family:Arial;}
.press_inner em i{ font-size:14px; color:#878787; padding-left:20px;}
.press_inner .line{ display:block; float:right; width:50px; height:2px; background:#0068b7; margin:30px 20px 0 0;}
.press_div .press_span{ height:35px; line-height:35px; display:block; overflow:hidden; font-size:16px; color:#525252;transition:all 0.5s ease 0s;}
.press_span:hover{ color:#0068b7; transform:translateX(10px); transition:all 0.5s ease 0s;}
.press_div p{ line-height:24px; font-size:14px; color:#878787; height:47px; overflow:hidden;}

.contact_index{ background:#fff; padding:108px 0 90px 0;}

.contact_inner{ background:url(../image/contact.png) left top no-repeat;}
.cont_left{ float:left; width:600px; padding:0 0 0 100px; box-sizing:border-box;}
.cont_right{ float:right;}
.cont_left p{ line-height:36px; font-size:14px; color:#878787; height:108px; overflow:hidden;}
.cont_left h3{ height:74px; line-height:74px; padding-top:20px; font-weight:normal; color:#525252; font-size:33px; overflow:hidden;}

.cont_ul{ margin:30px 0 0 0px;}
.cont_ul li { float:left; width:50%; box-sizing:border-box; padding-right:50px; margin-bottom:20px;}
.cont_ul li span{ display:block; margin-bottom:15px;}
.cont_ul li  em{ line-height:25px; display:block; height:50px; overflow:hidden; font-size:14px; color:#878787;}

.phone{ display:none;}

.phnav{ background:url(../image/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:47px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#0068b7; left:0; top:96px;  z-index:9999999999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center;}

html,body,.sign_bj{ height:100%; background-size:cover;}

.top_left{ float:left; width:25.5%;height:500px; background:#ebebeb; box-sizing:border-box;}
.top_right{ float:left; width:74.5%; height:500px; background:#fff; box-sizing:border-box;}

.register_div{ width:1200px; margin:0 auto;  padding:40px 0 0 0; height:auto;}
.ergis_form{ width:352px; margin:0 auto;}
.regis_bottom{ color:#878787; padding-top:50px;}
.regis_bottom a,.regis_bottom .add{color:#878787; text-align:center;}
.register_btn{ margin-bottom:70px;}
.details{ padding-bottom: 40px; }