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 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }
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; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ 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:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1200px; margin: 0 auto }
/* head */
.head_top{ background: #f0f0f0; height: 28px; line-height: 28px; }
.wel{ text-align: right; color: #b9b9b9; }
.head_bottom{ background: #fff; height: 125px; }
h1{ float: left; line-height: 125px;  }
.nav_ul{ float: left; width:738px; margin-left: 78px; padding-top: 43px;  }
.nav_ul li{ float: left; }
.nav_ul li a{ display: block;transition: all 0.5s ease 0s; position: relative;  height:49px; line-height: 49px; font-size: 18px; padding: 0 18px; background: url(../images/navbj.jpg) right center no-repeat;  }
.nav_ul li:nth-last-child(1) a{ background: none }
.logo{ padding-top: 48px; float: right; }
.logo a{ float: left; display: block; height: 38px; line-height: 38px; margin-left: 12px; color: #969696; }
.logo a img{ margin-right: 6px; }
.nav_ul li a:hover{ color: #9f0217; transition: all 0.5s ease 0s; }
.nav_ul li a:after{content: "";clear: both;  position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 9; display: block;width: 0px; height: 3px; background: #9f0217;transition: all 0.5s ease 0s;} 
.nav_ul li a:hover:after,.nav_ul li a.on:after{ width: 80px; transition: all 0.5s ease 0s; }



/* foot */
.foot{overflow: hidden;}
.foot_top{ background: #1c1c1c }
.security{ padding: 50px 0 44px 0; border-bottom: 1px solid #444444 }
.sec_right{ float: right; }
.ul_foot{ float: left; width: 846px; height: 38px; overflow: hidden; }
.ul_foot li{ float: left; margin-right: 50px; }
.ul_foot li a{ display: block; height: 38px;transition: all 0.5s ease 0s; line-height: 38px; color: #d1d1d1; font-size: 16px; }
.ul_foot li a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.fibre{ padding: 38px 0; }
.seek{ float: left; width:380px;  }
.seek_dl{ margin-bottom: 14px; }
.seek_dl dt{ float: left; margin-right:15px; width: 54px; height: 54px;   }
.seek_dl dd{ width: 200px; float: left; }
.seek_hot{ height:24px; line-height: 24px; display: block; overflow: hidden; font-size: 14px; color: #999999  }
.seek_num{ display: block; height:30px; line-height: 30px; color: #fff; overflow: hidden; font-size:24px;   }
.seek_hr{ display: block; height:34px; line-height: 34px; overflow: hidden; font-size: 14px; color: #fff;  }
.enterprise{ float: left; width: 360px; margin-left:110px;  }
.ent_tit{ color: #fff; height: 68px; line-height: 68px; overflow: hidden; font-size: 24px; color: #fff; display: block; }
.ent_words{ height: 34px; line-height: 34px; display: block; font-size: 18px; color: #7b7b7b; overflow: hidden; }
.what{ float: right; width: 263px; }
.what_right{ float: right; width:93px; margin-left: 64px;   }
.follow_i{ width: 93px; height: 93px; display: block; overflow: hidden; margin-bottom: 10px; }
.follow_i img{ width: 93px; height: 93px; overflow: hidden; }
.follow_tit{ font-size: 14px; display: block; height:38px; line-height: 38px; text-align: center; color: #888888;  }
.what_left{ float: left; width: 94px; padding-top: 110px; }
.what_div{ float: left; margin-left: 18px; position: relative; cursor: pointer; }
.what_img{ position: absolute; left: -54px; top: -110px; display: none;  }
.what_div:hover .what_img{ display: block; }
.foot_bottom{ background: #262626; height: 43px; line-height: 43px; border-top: 1px solid #333333 }
.foot_left{ float: left; font-size: 14px;height: 43px; line-height: 43px; overflow: hidden; color: #555555; }
.foot_bottom a{font-size: 14px;color: #555555; }
.foot_right{ float: right;font-size: 14px;color: #555555; }
.foot_right a{font-size: 14px;color: #555555; transition: all 0.5s ease 0s;}
.foot_bottom a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.whatweixin{ left: -24px; }

/* index */
.flexslider {position: relative;width: 100%; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; width:100%; height:100%;}
.slides li img { width:100%; height:auto;}
.slides {width:100%; height: 100%}
.flex-control-nav { display: none;}
.flex-direction-nav{ display: block; }
.flex-prev{ position: absolute; left: 310px; top: 50%; display: block; font-size: 0; background: url(../images/banner_left.png) left top no-repeat; width: 48px; height: 48px; margin-top: -24px; z-index: 9999; }
.flex-next{ position: absolute; right: 310px; top: 50%; display: block; font-size: 0; background: url(../images/banner_right.png) left top no-repeat; width: 48px; height: 48px; margin-top: -24px; z-index: 9999; }

.an_dl{ padding: 105px 0 90px 0; }
.an_dl dt{ float: left; width: 503px; height: 341px; overflow: hidden;margin-right: 72px;}
.an_dl dt img{width: 503px; height: 341px; overflow: hidden; }
.an_dl dd{ float: left; width: 612px; }
.an_words{ display: block; padding-top: 18px; height:34px; line-height: 34px; overflow: hidden; font-size:24px; color: #d7d7d7; text-transform: uppercase;   }
.an_tit{ display: block; height:44px; margin-bottom: 14px; line-height: 44px; font-size: 24px; font-weight: bold;  }
.an_blue{ color: #333 }
.an_div{ height:150px; overflow: hidden; line-height:30px; color: #666666; margin-bottom: 24px; font-size: 16px;  }
.an_see{ display: block;transition: all 0.5s ease 0s; text-transform: uppercase; border-radius:40px; ;color: #b6b6b6; border: 1px solid #d2d2d2; width: 178px; height: 40px; line-height: 40px; text-align: center; }
.index_tit{ margin-bottom: 54px; }
.index_words{ text-align: center; height: 34px; line-height: 34px; display: block; text-transform: uppercase; color: #eaeaea; font-size: 24px; }
.index_h3{ text-align: center; font-size: 30px; font-weight: bold; height: 45px; line-height: 45px; color: #9f0217;background: url(../images/indextit.png) center center no-repeat; }
.an_see:hover{ color: #fff; background: #9f0217; border: 1px solid #9f0217; transition: all 0.5s ease 0s; }
.tion_ul{ margin: 0 0 66px -48px; }
.tion_ul li{ float: left; margin: 0 0 0 48px; width:362px;  }
.tion_img{ display: block; width: 362px; height: 240px; overflow: hidden;/* background: #000  */}
.tion_img img{ width: 362px; height: 240px;transition: all 1s ease 0s; overflow: hidden; }
.tion_tit{ display: block; height:69px; line-height: 69px; margin-bottom: 10px; border-bottom: 1px solid #dcdcdc; overflow: hidden; font-size: 18px;  }
.tion_zi{ height:48px; line-height: 24px; margin-bottom: 6px; overflow: hidden; font-size: 14px; color: #666;  }
.tion_div{ height:48px; overflow: hidden;  }
.tion_time{ display: block; height: 48px; line-height: 48px; float: left; font-size: 14px; color: #9c9c9c; }
.tion_see{background: url(../images/index_see.png) center center no-repeat;transition: all 0.5s ease 0s; display: block; width: 48px; height: 48px; display: block; float: right}
.tion_ul li:hover .tion_img img{ transition: all 1s ease 0s; transform: scale(1.1); /* opacity: .6; */  }
.tion_ul li:hover .tion_tit{ color: #9f0217; transition: all 0.5s ease 0s; }
.tion_ul li:hover .tion_see{ transition: all 0.5s ease 0s; transform: rotate(90deg); }



.tion_more{ display: block;transition: all 0.5s ease 0s; margin: 0 auto 74px; color: #b6b6b6; font-size: 12px; width:178px; height: 40px; line-height: 40px; border-radius: 40px; border: 1px solid #d2d2d2; text-align: center; text-transform: uppercase;  }
.tion_more:hover{ color: #fff; background: #9f0217; border: 1px solid #9f0217; transition: all 0.5s ease 0s; }
.field{background: url(../images/indexbj.jpg) center top no-repeat; height: 739px; }
.field_inner{ width: 1340px; margin: 0 auto; padding-top: 76px; }
.fieldtit .index_words{ color: #fff; }
.fieldtit .index_h3{ color: #fff; background: url(../images/indextit1.png) center center no-repeat;}
.field_ul{ margin: 0 0 50px -8px; }
.field_ul li{ float: left; width:261px; margin-left: 8px; height: 366px; overflow: hidden; position: relative;  }
.field_ul li img{ width:263px; transition: all 1s ease 0s; height: 366px; overflow: hidden; }
.field_tit{  width: 100%; transition: all 0.5s ease 0s height:56px; line-height: 56px; display: block; color: #fff; font-size: 20px; text-align: center;  }
.field_see{ display: block; transition: all 0.5s ease 0s; color: #fff;  width: 178px; height: 40px; text-transform: uppercase; line-height: 40px; text-align: center; border-radius: 40px; border: 1px solid #fff; margin: 0 auto 46px; }
.field_see:hover{color: #fff; background: #9f0217; border: 1px solid #9f0217; transition: all 0.5s ease 0s; }
.field_ul li:hover  img{ transform: scale(1.1); transition: all 1s ease 0s; }
.field_hover{ position: absolute;transition: all 0.5s ease 0s;  width: 100%; left: 0; height: 56px; bottom: 0;background: url(../images/indexbj1.png) center center repeat;  }
.hover_words{ height: 90px; color: #fff; line-height: 30px; overflow: hidden; padding: 0 10px; text-align: center; font-size: 14px; }
.hover_see{ text-align: center; font-size:14px; color: #fff; display: block; height: 30px; line-height: 30px; font-size: 14px; }

.field_ul li:hover .field_hover{ height: 100%;transition: all 0.5s ease 0s  }
.field_ul li:hover .field_tit{ padding-top: 64px; transition: all 0.5s ease 0s }

/* news */
.site{background: url(../images/catabj.jpg) center top no-repeat; height: 66px; overflow: hidden; box-shadow: 0 0 10px #f1f1f1; border-radius: 5px; margin-top: -23px;}
.site_left{ float: left; height: 66px; overflow: hidden; line-height: 66px; font-size: 14px; color: #666666; padding-left: 37px; }
.site_left a{font-size: 14px; color: #666666;transition: all 0.5s ease 0s;  }
.site_left a:hover{ color: #9f0217; transition: all 0.5s ease 0s; }
.site_right{ float: right; background: #9f0217; height: 66px; padding-left: 30px; }
.catalog_ul li{ float: left; padding-top: 18px; margin: 0 23px; }
.catalog_ul li a{ display: block; height: 34px; position: relative; line-height: 32px; color:#fff; font-size: 16px; padding: 0 5px; }
.catalog_ul li a:after{content: "";clear: both;  position: absolute; left: 0; bottom: 0; z-index: 9; display: block;width: 0px; height: 2px; background: #db0000;transition: all 0.5s ease 0s;} 
.catalog_ul li a:hover:after,.catalog_ul li a.for:after{ width: 75px; transition: all 0.5s ease 0s; }


.news_dl{ border: 1px solid #e5e5e5; padding:14px;box-shadow:0 0px 10px 0 #ededed; margin-bottom: 30px;  }
.news_dl dt{ float: left; width:348px; height: 216px; overflow: hidden;  }
.news_dl dt img{ width:348px; height: 216px; overflow: hidden;}
.news_dl dd{ float: left; margin-left:40px; width:757px;  }
.news_tit{ display: block;transition: all 0.5s ease 0s; height:80px; line-height: 80px; overflow: hidden; font-size:24px; font-weight: bold;   }
.news_zi{ height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666;  }
.news_time{ height: 50px; line-height: 50px; color: #9f0217; font-size: 14px;  display: block;  }
.news_tit:hover{ color: #9f0217; transition: all 0.5s ease 0s; }
.jour_dl{ margin-bottom:38px;border: 1px solid #e5e5e5; padding:32px;box-shadow:0 0px 10px 0 #ededed;   }
.jour_dl dt{ float: left; width:88px; margin-right: 22px; background: #9f0217; }
.jour_dl dd{ float: left; width:1006px;  }
.jour_tit{ display: block; transition: all 0.5s ease 0s; height:32px; line-height: 32px; overflow: hidden; font-size:16px; font-weight: bold;   }
.jour_zi{ font-size: 14px; color: #666; height:46px; overflow: hidden; line-height: 23px;  }
.jour_time{ display: block; text-align: center;  height:35px; line-height: 35px;  font-size:24px; color: #fff;  padding-top: 8px;   }
.jour_year{ display: block; text-align: center;  height:26px; padding-bottom: 8px; line-height: 26px; font-size:14px; color: #fff;   }
.jour{ padding-bottom: 50px; }
.jour_tit:hover{ color: #9f0217; transition: all 0.5s ease 0s; }
.news_info{margin: 10px auto 0; padding-bottom: 50px;}
.release{ margin-bottom: 30px;border-bottom: 1px solid #ebebeb; text-align: center; }
.release h3{ height:70px; line-height: 70px; overflow: hidden; font-weight: bold; font-size: 30px;  }
.release .rele_span{ height: 67px; display: block; line-height: 67px; color: #9ba0d7; font-size: 14px; overflow: hidden; }

.retrun{ float: right;transition: all 0.5s ease 0s;  font-size: 14px; color: #666666; padding:30px 0; }
.news{ padding: 90px 0 0 0; }
.news_info{ padding: 50px 0 0 0; }
.piece{ padding: 30px 0; border-top: 1px solid #ebebeb }
.piece a{ display: block; font-size: 14px; color: #666; height:36px; line-height: 36px;transition: all 0.5s ease 0s;  }
.piece a:hover{ color: #9f0217; transition: all 0.5s ease 0s; }

.bus_ul{ padding:80px 0 40px 0; margin-left:-44px;  }
.bus_ul li{ float: left; margin: 0 0 50px 44px; width: 370px;  }
.bus_img{ width: 370px; height: 233px; overflow: hidden; display: block; }
.bus_img img{width: 370px; height: 233px;transition: all 1s ease 0s; overflow: hidden;}
.bus_tit{ display: block; transition: all 0.5s ease 0s; text-align: center; font-size: 16px; background: #eeeeee; height:56px; line-height: 56px;  }
.bus_ul li:hover .bus_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.bus_ul li:hover .bus_tit{ color: #fff; background: #9f0217; transition: all 0.5s ease 0s; }
.about{ padding: 40px 0; }
.about_words{ display: block;  text-transform: uppercase; color: #d7d7d7; height: 34px; line-height: 34px; overflow: hidden; font-size:24px; }
.about_top{ font-size: 30px; font-weight: bold; height: 44px; line-height: 44px; }
.about_i{ color: #9f0217 }
.about_tit{ margin-bottom: 30px; }

/* join */
.join{ padding: 60px 0 50px 0; }
.pos dt{ height:42px; line-height:42px; background:#ff9000; font-size:14px; font-weight:bold; color:#fff; margin-bottom:25px;}

.pos dt span{ width:25%; float:left; display:block; text-align:center;}
.pos dt span:nth-child(1){ width: 50%; text-indent: 140px; text-align: left; }
.recu{ padding:20px 0 20px 20px;}
.recu ul{ cursor:pointer; background:#cecece url(../images/join.png) 90px center no-repeat; height:43px; line-height:43px; margin-bottom:27px;}
.pos dd li{width:25%; float:left; display:block; text-align:center; font-size: 14px; color:#fff; }
.pos dd li:nth-child(1){ width: 50%; text-indent: 140px;  text-align: left;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none;  line-height:36px; font-size: 16px; margin:30px 140px; display:none; }
.recu ul.act { background:#9f0217 url(../images/join.png) 90px center no-repeat; }

.jourbox{ background: #f8f8f8; padding: 70px 0 5px 0; }