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 }
.nav-wrap { display: flex; align-items: center;}
/* head */
.head{width: 100%;z-index: 100;position: fixed; top: 0; box-shadow: 0px 5px 7px 0px rgb(116 116 116 / 20%);background: #fff;height: 108px;}
.head_top{/*background:  url(../images/topbj.jpg) center top no-repeat; overflow: hidden;*/ background: #f1f2f3; height:34px;  }
.head_call{ margin-left: 60px; color: #e60012; line-height: 33px; font-size: 14px; }
.head_call .tel-txt {font-size: 16px; font-weight: 600; margin-right: 10px;}
.head_call .tel-icon { width: 20px; height: 20px;}
.search{ float: right; margin-top: 4px; width: 180px; height: 24px; background: #4d4d4d; border-radius: 30px; }
.search_txt{ border-radius: 30px; float: left; background: none; height:24px; line-height: 24px; border: none; width: 150px; padding-left:10px;  box-sizing: border-box;   }
.search_sub{ float: right; cursor: pointer; border: none; background: url(../images/search.png) center center no-repeat; width: 28px; height: 24px }
.head_bottom{ height:74px; overflow: hidden;background: #fff; }
/* h1{ float: left; line-height: 74px; } */
.nav{ /*float: right;*/ margin-left: 50px; }
.nav li{ float: left; margin-left: 25px; }
.nav li a{ height: 74px; line-height: 74px;transition:all 0.5s ease 0s; position: relative; display: block; font-size: 16px; padding: 0 7px; }
.nav li a:hover{ color:#e7141a;  transition:all 0.5s ease 0s;}
.nav span{ display:block; position:absolute; width:0; height:0; background:#e7141a; top:70px; left:50%;}
.nav_box{ padding: 0 0 0 190px; box-sizing: border-box; }
.nav li .subnav{width:100%; position:absolute; left:0; top:107px; z-index:9999999; /*background: url(../images/navbj.png) center top repeat; */ background: #fff; text-align:center;
 display:none;}
.nav_div{ float:left; width:228px;background:  url(../images/nav1.png) right center no-repeat; padding: 0 40px 40px; box-sizing: border-box;  }
.nav_h3{ font-size: 14px; font-weight: bold;text-align: left; color: #e7141a; height:42px; line-height: 42px; padding-top: 28px; margin-bottom: 16px; }
.nav li .nav_div a{ font-size: 14px;transition: all 0.5s ease 0s; height: 30px; line-height: 30px; padding: 0; color: #666666; text-align: left; }
.nav_div:nth-last-child(1){background: none;}
.nav li .nav_div a:hover{ color: #e7141a; transition: all 0.5s ease 0s; }
.free-btn {font-size: 16px;margin-left: 60px;border: 1px solid #e60012;color: #e60012;padding: 2px 8px;border-radius: 4px;
}

/* banner图*/
.a_banner {
    margin-top: 108px;
}
.add{ text-align: center; background: #4a4a4a; height:38px; line-height: 38px; overflow: hidden; color: #fff;  }
.add a{color: #fff;  }
.foot_top{ background: #5c5c5c; }
.foot_left{ float: left; width:1016px;  }
.link_h3{ font-size: 14px; font-weight: bold; color: #e7141a; padding-top: 28px; height:38px; line-height: 38px; padding-left: 8px;  }
.link_ul{ border-bottom: 1px solid #535353; padding-bottom: 10px; height: 70px; overflow: hidden; }
.link_ul li{ float: left; }
.link_ul li a{ line-height: 35px; height: 35px; overflow: hidden; font-size: 14px; display: block; padding: 0 8px;background: url(../images/foot2.jpg) right center no-repeat; color: #ffffff;  }

.foot_ul{ padding-top: 10px; }
.foot_ul li{ float: left; }
.foot_ul li a{ line-height: 35px; height: 35px; overflow: hidden; font-size: 14px; display: block; padding: 0 8px;background: url(../images/foot2.jpg) right center no-repeat; color: #ffffff;  }
.link_ul li:nth-last-child(1) a,.foot_ul li:nth-last-child(1) a{ background: none }
.foot_phone{ font-size: 14px;  line-height: 34px; overflow: hidden; color: #b9b9b9; padding-bottom: 20px;  }
.foot_right{ float: right; width:130px; padding-right:32px;   }
.foot_logo{ display: block; height:72px; line-height: 72px; padding-top: 28px;  }
.foot_what{ display: block; overflow: hidden; height:121px; width: 121px;  }


.column{ margin-top:28px; width: 260px;  float: left; }
.column_h3{ font-size:20px; color: #888888; height:62px; line-height: 62px; border-bottom: 1px solid #dddddd; margin-bottom: 20px;   }
.column_ul a { font-size: 18px;  display: block; font-weight: bold; height:52px; line-height: 52px; overflow: hidden; text-indent: 40px;  }
.column_ul li{border-bottom: 1px solid #dddddd;}
.column_ul a:hover,.column_ul a.for{ background: #e7141a;  color: #fff; font-weight: inherit;}
.details{ padding: 38px 0 0 0; width:900px; float: right;  }
.site{ text-align: right; height:32px; line-height: 32px; color: #bfbfbf;   }
.site a{ color: #bfbfbf; }
.site a.on,.site a:hover{ text-decoration: underline; }
.about{ padding: 30px 0 60px 0; }


.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;}

.honor_ul{ margin:30px 0 0 -42px;  }
.honor_ul li{ margin: 0 0 42px 42px; float: left; width:181px; height: 238px; overflow: hidden; border: 1px solid #e7e7e7  }
.honor_ul li img{width:181px;transition: all 1s ease 0s; height: 238px; overflow: hidden; }
.honor_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.honor_ul li:hover{ border: 1px solid #e7141a }
.pages_inner{ text-align: center; /*padding: 40px 0 50px 0; */ }
.pages_inner li{ display: inline-block; }
.pages_inner li.active span {background: #666666; color: #fff; transition: all 0.5s ease 0s;}
.pages_inner a,.pages_inner span { display: inline-block; transition: all 0.5s ease 0s; border-radius: 5px; border: 1px solid #dcdcdc;  margin: 0 3px; height: 32px; line-height: 32px; padding: 0 10px; text-align: center; font-size: 14px; color: #666666; }
.pages_inner .pages_home{ width:56px; text-align: center;height: 30px; line-height: 30px;  }
.pages_inner a:hover,.pages_inner a.on{ background: #666666; color: #fff; transition: all 0.5s ease 0s; }
.team{ padding: 30px 0 0px 0; }
.team_dl{ padding:22px 0; border-bottom: 1px solid #ebebeb }
.team_dl dt{ float: left; margin-right:36px; width: 135px; height: 135px; overflow: hidden; border-radius: 135px;  }
.team_dl dt img{width: 135px; height: 135px; overflow: hidden; border-radius: 135px;}
.team_dl dd{ float: left; width: 620px;}
.team_h3{ font-size: 18px; font-weight: bold; color: #e7141a; padding-top: 10px; height:38px; line-height: 38px; overflow: hidden;  }
.team_tit{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size: 18px;  }
.team_zi{ font-size: 16px; color: #666666; line-height:26px;  }

.news{ padding: 0px 0 0 0 }
.news_dl{ padding:40px 0; border-bottom: 1px solid #f1f1f1;  }
.news_dl dt{ text-align: center; width: 90px; float: left; border-right: 1px solid #cecece; }
.news_time{ font-size: 36px;height:40px; line-height: 40px; overflow: hidden; font-size: 36px; display: block;color: #666666  }
.news_day{ height: 40px; line-height: 40px; display: block; overflow: hidden; font-size: 14px; color: #666666 }
.news_dl dd{ float: right; width: 730px; }
.news_tit{ display: block;transition: all 0.5s ease 0s; height:22px; line-height: 22px; overflow: hidden; font-size:18px; font-weight: bold; margin-bottom: 12px;   }
.news_div{ height: 46px; line-height: 23px; overflow: hidden; font-size: 14px; color: #666; }
.news_tit:hover{ color: #e7141a; transition: all 0.5s ease 0s; transform: translateX(20px); }
.news_info{ padding-top: 10px; }
.release{ padding-bottom: 24px; margin-bottom: 30px; background: url(../images/news_line.png) center bottom no-repeat; text-align: center; }
.release h3{ height:60px; line-height: 60px; overflow: hidden; font-size: 24px;  }
.release .rele_span{ height: 30px; line-height: 30px; color: #666666; 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: #e7141a; padding:30px 0; }
.piece{ padding:40px 0; border-top: 1px solid #e6e6e6; }
.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: #e7141a; transition: all 0.5s ease 0s; }

.train_ul{ margin:20px 0 0 -32px;   }
.train_ul li{ float: left; margin: 0 0 40px 32px; width: 265px; }
.train_img{ display:block; overflow: hidden; width: 265px; height:160px;  }
.train_img img{ overflow: hidden; width: 265px; height:160px; transition: all 1s ease 0s; }
.train_h3{ text-align: center;transition: all 0.5s ease 0s; height:42px; line-height: 42px; background: #f6f6f6; overflow: hidden; font-size:16px; color: #666;   }
.train_ul li:hover .train_img img{ transform: scale(1.2); transition: all 1s ease 0s; }
.train_ul li:hover .train_h3{color: #e7141a; transition: all 0.5s ease 0s; }
.menu_ul a{background: url(../images/cata1.jpg) 16px center no-repeat; }
.menu_ul a.menu,.menu_ul a:hover{background: url(../images/cata.jpg) 16px center no-repeat; color: #333;  font-weight: bold; }
.column_div a{ height: 49px; line-height: 49px; overflow: hidden; margin-bottom: 3px; font-size: 16px; font-weight: inherit; background: none }
.column_div a.on,.column_div a:hover{ background: #e7141a; color: #fff; }

.mess_tit{ font-size: 16px; color: #d10000; line-height: 30px; padding: 20px 0 40px 0; }
.mess_div{ margin-bottom:36px;  }
.mess_em{ font-size: 16px; display: block; float: left; height:40px; line-height: 40px; width: 65px; text-align: right;  }
.mess_txt{ height: 38px; line-height: 38px; font-size: 16px; padding-left: 10px; box-sizing: border-box; float: left; display: block; border: 1px solid #d2d2d2; background: #f9f9f9; width: 448px; }
.xing{ display: block; float: left; height: 40px; line-height: 40px; color: #eb0000; padding-left: 15px; }
.mess_area{ float: left;height: 148px; font-size: 16px; resize: none; line-height: 24px; padding: 10px; box-sizing: border-box; float: left; display: block; border: 1px solid #d2d2d2; background: #f9f9f9; width: 708px;  }
.sub_mess{ display: block; margin:0 0 0px 65px;transition: all 0.5s ease 0s; cursor: pointer; width:198px; height: 38px; line-height: 38px; text-align: center; background: #e7141a; border: 1px solid #e7141a; color: #fff; font-size: 14px;  }
.mess{ padding-bottom: 100px; }
.sub_mess:hover{ transition: all 0.5s ease 0s; background: none; color:#e7141a }

.web_site{ border-bottom: 1px solid #e7141a; padding-top: 60px; margin-bottom: 40px; height:40px; line-height: 40px; overflow: hidden;  }
.web_left{ float: left; padding-left:35px;background: url(../images/web.png) 12px center no-repeat; font-size: 16px; font-weight: bold;  }
.web_right{ float: right; text-align: right;color: #bfbfbf;   }
.web_right a{color: #bfbfbf; }
.web_right a.on,.web_right a:hover{  text-decoration: underline; }
.web_dl{ margin-bottom: 68px; }
.web_dl dt{ font-size: 16px; font-weight: bold; color: #e7141a; height: 40px; line-height: 40px; border-bottom: 3px solid #e7141a; text-align: center; width: 120px; float: left; }
.web_dl dd{ float: left; width: 970px; height: 42px;  border-bottom: 1px solid #d2d2d2; line-height: 40px; }
.web_i{ display: block;transition: all 0.5s ease 0s;  float: left; padding-left:50px; font-size:14px; font-weight: bold;   }
.web_i:hover{ color: #e7141a; transition: all 0.5s ease 0s; }

.pro_dl{ margin-bottom:46px;  }
.pro_dl dt{ float: left; width:272px; height: 150px; overflow: hidden;  }
.pro_dl dt img{width:272px; height: 150px; overflow: hidden;}
.pro_dl dd{ width: 628px; float: left; background: #f9f9f9; height: 150px; overflow: hidden; padding:0 20px 0 36px; box-sizing: border-box;  }
.pro_tit{ display: block;transition: all 0.5s ease 0s;  height:74px; line-height: 74px; overflow: hidden; font-size: 18px;  }
.pro_zi{ height:48px; line-height: 24px; overflow: hidden; color: #666666; font-size: 14px;  }
.pro{ padding-top: 20px; }
.pro_info{ padding: 20px 0 50px 0; }
.pro_inner{ padding: 30px 0; }

.pro_tit:hover{ color: #e7141a; transition: all 0.5s ease 0s; transform: translateX(20px); }




.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; margin-top: 108px;}
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-control-nav { position: absolute; left: 0; bottom:10px; width: 100%; text-align: center; z-index: 9999;  }
.flex-control-nav li{ display: inline-block; margin:0 7px;  }
.flex-control-nav li a{ background: url(../images/tab.png) center center no-repeat; font-size: 0; width: 15px; height: 15px; display: block; }
.flex-control-nav li a.flex-active{ background: url(../images/tab1.png) center center no-repeat; }

.exp_ul { padding: 75px 0 62px 0; }
.exp_ul li{ width:33.3%; text-align:center; float:left; position:relative; height: 140px; }
.counter{ display:block; height:88px; line-height:88px; color:#b90000; font-size:63px; color: #e7141a; }
.exp_i{  font-size: 30px; font-weight: bold; color:#b90000; display:block; position:absolute; top:38px; right:98px;}
.exp li .exp_tit{ height:54px; line-height:54px; display:block; text-align:center; font-size:16px; color:#666666;}
.erp{display:block; height:88px; line-height:88px; color:#b90000; font-size:63px; color: #e7141a;}

.recom{ background: #f7f7f7; padding-bottom: 30px; }
.index_tit{ text-align: center; padding:70px 0 50px 0;  }
.index_h3{ font-size: 30px; font-weight: bold; height:42px; line-height: 42px; overflow: hidden; color: #666666  }
.index_i{ display: block; height:22px; line-height: 22px; overflow: hidden; color: #666666; font-size: 14px; margin-bottom: 8px;  }
.index_line{ display: block; width:40px; height: 3px; background: #e7141a; margin: 0 auto  }
.recom_ul{ text-align: center; height: 32px; overflow: hidden; margin-bottom: 40px; }
.recom_ul li{ display: inline-block; margin:0 15px;  }
.recom_ul li a{ display: block; height: 30px; line-height: 30px; border-radius: 30px; width:118px; border: 1px solid #bfbfbf; font-size: 14px; color: #666;  }
.recom_ul li.on a{ background: #e7141a; color: #fff; border: 1px solid #e7141a; }

.recom_dl{ margin-bottom:40px;  }
.recom_dl dt{ float: left; width:272px; height: 150px; overflow: hidden; }
.recom_dl dt img{width:272px; height: 150px; overflow: hidden;transition: all 0.5s ease 0s;  }
.recom_dl dt:hover img{ transform: translateX(-10px); transition: all 0.5s ease 0s; }
.recom_dl dd{ float: left; background: #ffffff; height:150px; overflow: hidden; width:928px; padding: 0 35px; box-sizing: border-box;   }
.recom_tit{ display: block;transition: all 0.5s ease 0s;  padding-top: 14px; height:60px; line-height: 60px; overflow: hidden; font-size: 18px;  }
.recom_tit:hover{ color: #e7141a; transform: translateX(20px); transition: all 0.5s ease 0s; }
.recom_zi{ height:48px; line-height: 24px; font-size: 14px; overflow: hidden; color: #666666  }
.recom_box{ display: none; }
.ind_inner{ padding:30px 0 0 0;  }
.ind_ul{ margin-left:-27px;  }
.ind_ul li{ float: left; width:280px; height: 365px; overflow: hidden; position: relative;  margin-left: 26px; }
.ind_img{ display: block;width:280px; height: 365px; overflow: hidden; }
.ind_img img{width:280px; height: 365px; transition: all 1s ease 0s; overflow: hidden;}
.ind_div{ position: absolute; left: 0; top: 0;width:280px; padding:0 36px; box-sizing: border-box;  height: 365px; overflow: hidden; }
.ind_zi{ height: 154px; transition: all 0.5s ease 0s; margin-bottom: 40px; line-height:31px; overflow: hidden; color: #fff; font-size:14px; padding-top: 80px;  }
.ind_h3{ height:42px; line-height: 42px; overflow: hidden; font-size: 20px; color: #fff; padding-left: 16px; font-weight: bold;background: url(../images/ind9.jpg) left center no-repeat;  }
.ind_inner{ display: none; }
.ind_ul li:hover .ind_img img{ transition: all 1s ease 0s; transform: scale(1.2); }
.ind_ul li:hover .ind_zi{ padding-top: 40px; transition: all 0.5s ease 0s; }
.duct{ padding-bottom:75px;  }

.study{ background: url(../images/index4.jpg) center top no-repeat; height: 912px; padding-top: 50px; }
.study_ul{ margin: 0 0 0 -12px; }
.study_ul li{ float: left; margin: 0 0 12px 12px; text-align: center; width:290px; height: 290px; background: url(../images/imgbj.png) center top repeat; text-align: center; }
.study_ul li a{ display: block; width: 100%; height: 100% }
.study_img{ padding-top:96px; transition: all 0.5s ease 0s; height: 40px; line-height: 40px; overflow: hidden; display: block; margin-bottom: 42px;  }
.study_img img{ width: auto; height: auto;transition: all 0.5s ease 0s; max-width: 100% }
.study_h3{ height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 18px; overflow: hidden; }
.study .index_h3{ color: #fff; }
.study_ul li:hover .study_img img{ transform: translateY(-20px); transition: all 0.5s ease 0s; }
.cos{ background: #f7f7f7; padding:60px 0 130px 0; }
.cos_ul{ margin:0 0 0 -2px;  }
.cos_ul li{ float: left; margin: 0 0 32px 2px; width: 238px; height: 100px; overflow: hidden; }
.cos_ul li img{ width: 238px; transition: all 2s ease 0s;  height: 100px; overflow: hidden; }
.cos_ul li:hover img{ transform: scale(1.2); transition: all 2s ease 0s; }
.mark_right{ float: right; width:668px; }
.mark_ul li{ height:51px; border-bottom: 1px dotted #d2d2d2; line-height: 51px; padding: 0 10px 0 44px; overflow: hidden;background: url(../images/index1.png) 17px center no-repeat;  }
.mark_tit{ font-size: 16px;transition: all 0.5s ease 0s; height: 51px; display:block; overflow: hidden; width: 75%; float: left; }
.mark_time{ display: block;transition: all 0.5s ease 0s; float: right; font-size: 16px; color: #b8b8b8; width: 25%; float: left; }
.mark_see{ display: block;transition: all 0.5s ease 0s; margin-top: 44px; float: right; font-size: 12px; width:118px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; border: 1px solid #e9e9e9; color: #969696  }
.mark_left{ float: left; width:510px; height: 308px; overflow: hidden; }
.mark_left img{width: 510px; height: 308px; overflow:hidden;}
.mark{ padding-bottom:122px;  }
.mark_ul li:hover .mark_tit,.mark_ul li:hover .mark_time  { color: #e7141a; transition: all 0.5s ease 0s; }
.mark_see:hover{ border: 1px solid #e7141a; color: #e7141a; transition: all 0.5s ease 0s; }