@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
body, button, input, select, textarea {font:14px/2 '微软雅黑';}
body{ overflow-x: hidden; background: #f9f9f9 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0px; padding: 0px; font-weight: 500; line-height: 1em}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:courier new, courier, monospace;}
small {font-size:12px;}
ul, ol {list-style:none;}
i{ font-style: normal; }
a {text-decoration:none; color: #333; transition: all 0.5s}
a:hover {text-decoration:none;}
i{ font-style: normal; }
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div{ text-align:left;}
/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
li{ list-style-type:none;transition: all 0.5s}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{ border:0 none; margin: 0px; padding: 0px; transition: all 0.5s}
/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
/*溢出 */
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;} 
.clearfix:after{content:"";display:block;clear:both;} 
.clearfix{zoom:1;} 
.img{ width: 100%; }
.h-l{ float: left; }
.h-r{ float: right; }


header{ background: rgba(255,255,255,0.8); position: absolute; z-index: 999; width: 100%; z-index: 9999 }
.header .container{ position: relative; }
.top_form{ margin-right: 35px; width: 110px; height: 32px; background: #fff; border:1px solid #ddd; border-radius: 20px; overflow: hidden; margin-top: 24px; float: left;}
.top_form input{ border:none; line-height: 30px; height: 30px;float: left;}
.top_form #searchBox{ width: 75px;  padding: 0px 10px; }
.top_form #searchButton{ width: 30px; height: 30px; background: url(../img/ss_btn.png) no-repeat center;}
.top_phone{ transition: all 0.5s; position: absolute; top: 0px; right: 0px; cursor: pointer; overflow: hidden; display: block; width: 30px; height: 30px; border:1px solid #ddd; background: url(../img/top_phone.png) #fff no-repeat center left; border-radius: 20px; float: left; margin-top: 25px; margin-left: 10px; }
.top_phone i{ padding-left: 35px; color: #666; font-size: 18px; font-family: Arial; line-height: 30px; }
.new{ margin-top: -75px; position: relative; z-index: 999; margin-bottom: 30px; }
.new .new_box{ line-height: 75px; padding: 0px 30px 0px 60px;}
.new .new_box1{ background: url(../img/new_lb.png) #fff no-repeat 25px center;}
.new .new_box2{ background: url(../img/new_jr.png) #d11314 no-repeat 25px center;}
.new .new_tex{ height: 75px; overflow: hidden; position: relative; }
.new .new_tex ul{ height: 20000px; position: absolute; top: 0px; left: 0px; width: 100%; }
.new .new_tex ul li{ overflow: hidden; }
.new .new_tex span{ color: #000; font-size: 16px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
.new .new_tex a{ color: #b4b4b4; font-size: 14px; font-family: Arial; float: right; line-height: 75px }
.new .new_tex a i{ font-size: 20px; color: #cd0102; margin-left: 15px; float: right; }
.new_box2 .new_tex span, .new_box2 .new_tex a, .new_box2 .new_tex a i{ color: #fff; }

.sqbox{ background: url(../img/sqbox_bg.jpg) no-repeat center top; max-width: 1400px; max-height: 600px; height: 600px; position: relative;}
.sqbox .sqbox_tit{ width: 100%; text-align: center; margin: 150px 0px 50px;}
.sqbox .sqbox_list{ width: 840px; margin: 0px auto; }
.sqbox .sqbox_list li a{ display: block; line-height: 50px; padding: 0px 20px; background: #fff;margin:0px 15px 15px;}
.sqbox .sqbox_list li a:hover{ background: #cd0102; color: #fff; }
.sqbox .sqbox_list li a:hover i{ color: #fff; }
.sqbox .sqbox_list li i{ transition: all 0.5s; font-family: Arial; color: #cd0102; font-size: 20px; float: right; }
.sqbox .sqbox_list li.sqboxli { position: absolute; width: 400px; bottom: -15px; right: -15px; }
.sqbox .sqbox_list li.sqboxli a{ background: #cd0102; color: #fff; }
.sqbox .sqbox_list li.sqboxli i{ color: #fff; }
.sqbox .sqbox_list li.sqboxli a:hover{ background: #b20809 }

footer{ margin: 20px 0px 30px;  }
footer div{ text-align: center; }
footer p{ color: #b4b4b4; line-height: 2em;}
.link{ color: #b4b4b4; line-height: 2em }
.link a{ display: inline-block;color: #b4b4b4; line-height: 2em }
.link a:hover{ color: #cd0102 }

.wap_ss span{ cursor: pointer; display: block; width: 44px; height: 34px; border:1px solid #ddd; border-radius: 4px; position: absolute; right: 75px; top: 24px; }
.wap_ss span:hover{ background: #ddd; }
.wap_ss form{ display: none; width: 100%; padding: 10px; background: #0061c6; border-radius: 0px; border:none; float: none; height: 60px; }
.wap_form input{ border:none; float: left; line-height: 40px;}
.wap_form .searchBox2{ width: 85%; padding-left: 20px; }
.wap_form #searchButton2{ width: 15%; background: url(../img/wap_ss_btn.png) #ddd no-repeat center; }

.ny_list{ display: flex; background: #0061c6; line-height: 80px; height: 80px; margin-top: -80px; position: relative; z-index: 999}
.ny_list li{ flex: 1; text-align: center; }
.ny_list li a{background: url(../img/ny_a_bg.jpg) repeat-x top left; font-size: 16px;color: #fff; line-height: 80px; display: block; position: relative; }
.ny_list li a:after{ content: ""; display: block; width: 1px; height: 20px; background: #fff; position: absolute; top: 35px; right: 0px; }
.ny_list li a:hover, .ny_list li.active a{background: url(../img/ny_a_bg.jpg) repeat-x bottom left;}
.ny_list li.la a:after{ display: none; }

.ny_con{ padding: 40px 25px 20px; border-bottom: 1px solid #eaeaea; }
.ny_con .ny_tit{ text-align: center; width: 100%; position: relative; height: 170px; background: url(../img/ny_tit.png) no-repeat center top;} 
.ab_con .ny_tex{ text-align: center; width: 1100px; margin: 0px auto }
.ab_con .ny_tex img{ margin: 20px 0px 40px; }
.ab_con .ny_tex p{ text-align: left; color: #242424; font-size: 16px; margin-bottom: 20px; }
.ny_tit2{background: url(../img/ny_tit2.png) no-repeat center top; width: 100%; height: 170px;}

.wap_nylist span{ cursor: pointer; display: block; line-height: 60px; height: 60px; padding-left: 60px; font-size: 16px; background: url(../img/ny_list.png) #eee no-repeat center left; }
.wap_nylist li a{ line-height: 40px; color: #333; display: block; padding-left: 60px; }
.wap_nylist .wap_list{ display: none; padding: 5px 0px;background: #f5f5f5;  }
.wap_nylist li a:hover{ background: #cd0102; color: #fff; } 

.ab_con .ab_cur{ overflow: hidden; text-align: center; margin: 50px 0px 0px;  }
.ab_con .ab_cur li span{margin: 0px 20px 20px;  display: inline-block; padding: 15px; border:1px solid #eaeaea;}
.ab_con .ab_cur li p{ margin-bottom: 20px; }
.ab_con .ser_per{ margin: 30px 0px; }
.ab_con .ser_per li span{ margin:15px; display: inline-block; padding: 0px; border:none;}

.fy{ width: 100%; text-align: center; }
.fy a, .fy span{ display: inline-block; color: #cd0102 }
.fy a:after, .fy span:after{ color: #cd0102; display: inline-block; content: "."; }
.fy a.a1:after{ display: none }
.fy a.a1{ font-family: "宋体"; font-size: 14px; margin: 0px 5px; width: 25px; height: 25px; border:1px solid #cd0102; border-radius: 50%; line-height: 25px; }
.fy a.a1:hover{ background: #cd0102; color: #fff; }

.lf_tit{ text-align: center; color: #797979; position: relative; margin: 20px 0px 40px; }
.lf_tit h2{ background: url(../img/lf_tit.png) no-repeat center top; padding: 40px 0px 10px; font-size: 30px;  }
.lf_tit i{ display: block; border-bottom: 1px solid #eaeaea; height: 0px; width: 100%; position: absolute; top: 92px; left: 0px; z-index: -1}
.lf_tit h4{ background: #f9f9f9; display: inline-block; padding: 0px 10px;}
.lf_tit h4 span{ font-family: Arial; margin-right: 10px; }


.lf_img_box{ text-align: center; position: relative; width: 100%;}
.lf_img{ display: inline-block; padding: 20px; border:1px solid #eaeaea; }
.lf_UL{width: 650px; height: 490px;overflow: hidden; position: relative; }
.lf_img ul{ width: 20000px; position: absolute; }
.lf_img ul li{ float: left; }
.lf_img_box i{ position: relative; z-index: 999; transition: all 0.5s; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; display: inline-block;  font-family: "宋体"; font-size: 20px; color:#cd0102; border:1px solid #cd0102; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; }
.lf_img_box i.lf_l{ left: 12%; }
.lf_img_box i.lf_r{ right: 12%; }
.lf_img_box i:hover{ background: #cd0102; color: #fff; }

.fe{ width: 100%; margin: 30px 0px; overflow: hidden; }
.fe .fe_l{ float: left; }
.fe .fe_r{ float: right; }
.fe a{ display: block; line-height: 30px; }
.fe a:hover{ color: #cd0102 }
.fe a i{ transition: all 0.5s; display: inline-block; text-align: center; color: #cd0102; font-family: "宋体"; font-size: 16px; width: 25px; height: 25px; border:1px solid #cd0102; border-radius: 50%; line-height: 25px; }
.fe a:hover i{ background: #cd0102; color: #fff; }
.fe .fe_l i{ margin-right: 10px; }
.fe .fe_r i{ margin-left: 10px; }

.map_text{ display: none; background: #fff; width:40%; padding-bottom: 60px; position: absolute; top: 50%; margin-top: -12%; z-index: 999; left: 50%; margin-left: 40px;}
.map_text i{ position: absolute; top: 42%;left: -15px; display: block; border:20px solid #fff; transform: rotateZ(45deg); z-index: -1 }
.map_text .map_a{ display: block; width: 100%; line-height: 60px; background: #cd0102; color: #fff; font-size: 18px; text-align: center; position: absolute; left: 0px; bottom: 0px; }
.map_text .map_a:hover{ background: #ae0708 }
.map_text .map_peo{margin-top: 10px; width: 50%; height: 100%; overflow: hidden;}
.map_text .map_tex{ width: 40%; margin-right: 10%; margin-top: 8%; }
.map_text .map_tex h2{ color: #242424; font-size: 20px; line-height: 2em }
.map_text .map_tex p{ color: #242424; font-size: 16px; line-height: 1.5em; margin-bottom: 10px;}
.map_tex .map_icon{ margin-top: 10% }
.map_tex .map_icon a{ display: inline-block; width: 45px; height: 45px; margin-right: 2%; background-image: url(../img/map_icon.png); background-repeat: no-repeat; }

.news_con{ overflow: hidden; }
.new_tim{ text-align: center; padding-right: 50px;position: relative; overflow: hidden; }
.new_tim span{ color: #242424; font-family: Arial; font-size: 30px; line-height: 1em }
.new_tim h3{ font-size: #242424; font-size: 18px; line-height: 1.5em; }
.new_tim i{ position: absolute; height: 4px; width: 30px; background: #cd0102; top: 0px; right: 0px; }
.new_img{ padding-left: 30px; }
.new_tex{ padding-left: 30px; }
.new_tex h2{ color: #242424; font-size: 18px; margin-bottom: 20px; }
.new_tex p{ color: #666; line-height: 1.8em }
.new_tex span{ color: #cd0102 }
.news_con img{ transition: all 0.5s; }
.news_con li{ margin: 10px 0px; transition: all 0.5s; overflow: hidden; padding: 25px 25px 20px 20px; border:1px solid #f9f9f9; border-bottom:1px solid #e7e7e7;}
.news_con li:hover img{ transform: scale(1.05,1.05); }
.news_con li:hover { background: #fff; border:1px solid #e7e7e7; }

.lf_tit3{ text-align: center; margin-bottom: 20px; }
.lf_tit3 h2{ color: #242424; font-size: 20px; line-height: 2em; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; position: relative; }
.lf_tit3 i{ display: inline-block; width: 40px; height: 2px; background-color: #cd0102; position: absolute; bottom: -1px; left: 50%;margin-left: -20px; }
.lf_tit3 h4{ color: #666; line-height: 2em; margin-top: 10px; }

.job_box > li{ padding: 25px; }
.job_box > li a{ display: block; color: #000; }
.job_box > li .job_tex li{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align: center; line-height: 60px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea }
.job_box > li .job_tex li:nth-child(3n){ border-right: none }
.job_box > li a:hover{ background: #cd0102; color: #fff !important; }
.job_box > li .job_tex{ border:1px solid #eaeaea; box-sizing: border-box; overflow: hidden; background: #fff; position: relative;}
.job_box > li .job_img{ width: 100%; overflow: hidden; position: relative;}
.job_box > li .job_tex:after{ content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0px; bottom: 0px; }
.job_img span{ width: 100%; overflow: hidden; display: block;}
.job_img h2{ font-size: 18px; position: absolute; left: 0px; bottom: 0px; padding: 0px 15px; width: 100%; line-height: 55px; background: url(../img/job_bg.png) repeat-x center left; color: #fff; }
.job_img h2 i{ float: right; font-size: 14px;}
.job_box > li .job_tex .job_c a, .job_box > li .job_tex .job_b a{ color: #cd0102; }
.job_box > li .job_tex .job_c, .job_box > li .job_tex .job_b{ border: none }
.job_box > li .job_tex .job_b{ display: none }

.job_det_box{ padding: 10px 20px; }
.job_det_box h2{ color: #242424; font-size: 20px; line-height: 80px; }
.job_det_img span{ display: block; }
.det_img_tex{ background: #fff; padding: 25px; color: #666; }
.det_img_tex h4{ color: #666; line-height: 2em; font-size: 16px; margin-top: 20px;}
.det_img_tex a{ color: #c30000; text-decoration: underline; }

.job_list .job_list_tit{ height: 60px; padding: 0px 25px; background: #fff; }
.job_list .job_list_tit h3{ line-height: 60px; color: #000; font-size: 18px; float: left;}
.job_list .job_list_tit span{ cursor: pointer; line-height: 60px; float: right; display: block; color: #c30000 }
.job_list .job_list_tit span.cler{ display: none }
.job_list .job_list_con{ display: none; padding: 0px 25px 10px; background: #fff;}
.job_list .job_list_con hr{ border:none; border-top: 1px solid #eaeaea; height: 1px; width: 100%;  }
.job_list .job_list_con h5{ font-size: 16px; color: #000; margin-top: 25px; margin-bottom: 10px;  }
.job_list .job_list_con p{ color: #666; margin-bottom: 30px; }
.job_list li{ margin-bottom: 20px; }

.job_det_phe{ overflow: hidden; margin-top: 30px; }
.job_det_phe .j-r{ margin-left: -20px; margin-top: 80px; }
.job_det_phe a{ display: block; width: 100%; line-height: 80px; text-align: center; font-size: 18px; color: #fff; background: #cd0102 }
.job_det_phe a:hover{ background: #bc0708; }

#map{width:100%;height:700px;border:#ccc solid 1px}


.index_box1{ position: relative; z-index: 999 }
.index_box1 ul{ background: #eeeeee; height: 180px; }
.index_box1 ul li a{ display: block; height: 180px; padding: 50px 60px; box-sizing: border-box;  }
.index_box1 ul li .box1_tex{ display: inline-block; line-height: 40px; color: #fff; }
.index_box1 ul li span{ float: right; display: block; width: 80px; height: 80px; overflow: hidden; }
.index_box1 ul li p{ font-family: Arial; font-size: 18px; line-height: 2em; margin-top: 10px; text-transform: uppercase;}
.index_box1 ul li h4{ font-weight: 500; font-size: 16px; }
.index_box1 ul li h4 i{ display: block; width: 80px; height: 1px; background: #fff; margin-left: 10px; float: right; margin-top: 8px;}
.index_box1 ul li:hover{ margin-top: -10px; }
.index_tit{ text-align: left; padding: 50px 0px 35px; }
.index_tit h2{ line-height: 40px; color: #333; font-size: 24px; font-weight: 900 }
.index_tit h2 span{ font-weight: 500; font-size: 16px; font-family: Arial; margin-left: 10px; }
.news_box1{ padding: 30px 40px; background: #fafafa;display: block;  }
.news_box1 .news_big > span{ display: block; height: 300px; overflow: hidden; }
.news_box1 .news_tex h2{ color: #333; font-size: 22px; line-height: 60px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
.news_box1 .news_tex span{ text-align: center; float: left; font-family: Arial; color: #888; font-size: 24px; line-height: 1em; margin-right: 15px;  padding-right: 15px; border-right: 1px solid #ddd; margin-top: 4px;}
.news_box1 .news_tex span b{ font-size: 20px; font-weight: 500}
.news_box1 .news_tex i{ font-style: normal; color: #666; font-size: 14px; line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.news_box1:hover{ color: #fff; background: #2e65c0 }
.news_box1:hover img{ transform: scale(1.02,1.02); }
.news_box1:hover h2, .news_box1:hover span, .news_box1:hover i{ color: #fff; }
.newx_list{ padding-left: 40px; }
.newx_list > div{ display: none; }
.newx_list li a{ line-height: 60px; font-size: 16px; border-bottom: 1px solid #ddd; display: block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
.newx_list li a i{ margin-right: 10px; }
.newx_list li a span{ float: right; font-family: Arial; font-size: 14px; color: #999; line-height: 60px; }
.newx_list li a h2{ float: left; font-weight: 500; line-height: 60px; display: inline-block; }
.news_tab{ margin: 40px 0px 25px; overflow: hidden; }
.news_tab { text-align: right; }
.news_tab li, .news_tab a{ display: inline-block; padding: 0px 30px; margin-left: 20px; line-height: 50px; font-size: 16px; cursor: pointer;}
.news_tab li.active, .news_tab li:hover, .news_tab a:hover{ background: #2e65c0; color: #fff; }
.partners{ width: 100%; border-top: 1px solid #ddd; margin-top: 50px; padding: 50px 0px; }
.swiper-wrapper .swiper-slide { text-align: center; }

.footers { background: #2e65c0; padding: 60px 0px; }
.footers .index_tit{ padding: 0px !important; }
.footers .index_tit h2{ line-height: 1.4em; color: #fff; }
.footers .index_tit h2 span{ display: block; margin: 0px;}
.footers .index_tit, .footers .fenxiang{ float: left; }
.fenxiang h2{ font-size: 18px; line-height: 2em; color: #fff; }
.fenxiang a{ margin-right: 20px !important }
.fenxiang .bds_sqq{ background: url(../img/fot_icon1.png) no-repeat center !important; width: 40px !important; height: 40px !important; }
.fenxiang .bds_tsina{ background: url(../img/fot_icon2.png) no-repeat center !important; width: 40px !important; height: 40px !important; }
.fenxiang .bds_weixin{ background: url(../img/fot_icon3.png) no-repeat center !important; width: 40px !important; height: 40px !important; }
.fot_contact{ color: #fff; line-height: 2em }
.fot_contact h2{ font-size: 18px; line-height: 2em; margin-bottom: 25px; }
.copy{ box-sizing: border-box; width: 100%; line-height: 50px; color: #333; background: #fff; }
.sm_show{ display: none; }

.index_wap1 li span{ width: 40px; height: 40px; display: inline-block; }
.index_wap1 li h4{ color: #fff; font-size: 14px; text-align: center;line-height: 1.2em; }
.index_wap1{ display: none; }
.index_wap1 a{ padding: 5px 0px 10px; display: block; text-align: center; }

@media (max-width: 767px) {
  .news_box1 .news_big > span{ display: block; height: auto; overflow: hidden; }
}