@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr , {margin:0; padding:0;}
body { background-color: #FFFFFF; color:#000000; font-family: "微软雅黑"; font-size:14px; line-height:24px; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{ font-weight: bold; margin: 0;}
input, select {font-size:12px; vertical-align:middle;outline:none;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px; font-family:Arial, Helvetica, sans-serif;}
ul li {list-style:none;}
em { font-style:normal;}
a {color:#000; text-decoration:none; outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
a:hover {text-decoration:none; color: #000000;}
p {margin: 0px;}
img {border: none; max-width: 100%; outline: none;}
.warp { width: 100%; max-width: 1200px; margin: auto;}
.fn_l { float:left; }
.fn_r { float:right; }
.o-hidden { overflow:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; }
.te_c { text-align:center;}
.te_r { text-align:right;}
.te_l { text-align:left;}
.pos-rel { position: relative;}
.pos-abs { position: absolute;}
.clearfix {	*zoom:1;}
.clearfix:after { clear:both; height:0;	overflow:hidden; display:block;	visibility:hidden; content:"."}
.icon{display:inline-block; *display:inline; *zoom:1;vertical-align:middle;}




.top_head {position: absolute; top: 0; width: 100%; padding: 10px 0; height: 38px; line-height: 18px; background: url(../img/top_bar.png) no-repeat center; z-index: 10;}
.top_head ul {float: right; width: 28%;}
.top_head ul li {float: left; color: #FFFFFF; width: 50%; text-align: center; position: relative;}
.top_head ul li:first-child:before {content: ""; position: absolute; right: 0; width: 1px; top: 5px; bottom: 5px; background: #FFFFFF;}
.top_head ul li img {vertical-align: middle; margin: 0 10px;}
.top_head ul li a {color: #FFFFFF;}
.top_head ul li a:hover {text-decoration: underline;}

/*banner*/
.banner {position: relative;}
.banner .swiper-slide {background-position: center;background-size: cover; text-align: center;}
.banner .swiper-slide-inner { width: 50%; color: #FFFFFF; font-size:14px; line-height: 34px; position: absolute; left: 25%; top:35%;}
.banner .swiper-pagination-bullets {line-height: 20px; }
.banner .swiper-pagination-bullet {  background: #FFFFFF; opacity: 1;}
.banner .swiper-pagination-bullet-active { background: #a42c25;}

.index_title { text-align: center; color: #666666;}
.index_title h3 {font-size: 30px; font-weight: 400; color: #333333; margin-bottom: 15px;}
.white {color: #FFFFFF !important;}
.white h3 {color: #FFFFFF;}




.title{font-size:34px; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.info{font-size:14px; color:#5a5a5a; margin-bottom:40px; text-align:center;}
.con_box {line-height: 1.6;}
.con_box .l_box{width:40%;}
.con_box .l_box .pd{padding:60px; position:relative;}
.con_box .l_box .pd .t{font-size:30px; color:#333; line-height:1; margin-bottom:25px;}
.con_box .l_box .pd .d{font-size:14px; color:#666; margin-bottom:30px;}
.con_box .l_box .pd .common_more{margin:0;}
.con_box .r_box{width:60%;}
.con_box .r_box .number_box{padding:55px 0; background:#f3f3f3; text-align:center;} 
.con_box .r_box .number_box .number{font-size:68px; color:#a80d0f;}
.con_box .r_box .number_box .text{font-size:14px; margin-left:10px; color:#a80d0f;}
.con_box .r_box .number_box .info_box{font-size:14px; color:#666;}
.con_box .r_box .btm_box .box_l{width:45%;}
.con_box .r_box .btm_box .box_r{width:55%;}
.con_box .r_box .btm_box .box_l .pd{display:block; height:0; padding-bottom:74%; position:relative;}
.con_box .r_box .btm_box .box_l .mask{background:url(../img/red_90.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
.con_box .r_box .btm_box .pd>img{position:absolute; left:0; top:0; width:100%; height:100%;}
.con_box .r_box .btm_box .box_r .pd{display:block; height:0; padding-bottom:60.5%; position:relative;}
.con_box .r_box .btm_box .text{position:relative; z-index:1;}
.con_box .r_box .btm_box .box_l .text .icon{width:80px; height:60px; background-position:center center; background-repeat:no-repeat; margin-bottom:20px;}
.con_box .r_box .btm_box .text .name{font-size:24px; color:#fff;}
.con_box .r_box .btm_box .box_l .text {text-align:center; margin-top:60px;}
.con_box .r_box .btm_box .box_r .text{padding:80px 45px 0 70px; color:#fff;}
.con_box .r_box .btm_box .box_r .text .d{font-size:14px; line-height:25px;}
/*了解详情*/
.common_more{width: 145px;height: 39px;border:1px solid #a8a8a8;display: block;margin: 0 auto;line-height: 39px;text-align: initial;padding-left: 25px;position: relative;font-size: 14px;color: #666;z-index: 1}
.common_more:after{content:'';position: absolute;width: 9px;height: 9px;background: url(../img/hz_com04.png) no-repeat center;right: 24px;top: 50%;margin-top: -4px;transition: all 0.5s ease;}
.common_more:before{content:'';width: 0;position: absolute;left: 0;bottom: 0;height: 39px;background: #a80d0f;transition:all 0.3s ease;z-index: -1}
.common_more:hover{color: #fff;border-color: #a80d0f;}
.common_more:hover:before{width:100%;transition:all 0.3s ease;}
.common_more:hover:after{background: url(../img/hz_com05.png) no-repeat center;transition: all 0.5s ease;}
.imgZoom {  overflow: hidden;}

.project_bg {background: url(../img/index_bg3.jpg) no-repeat center; background-size: cover; padding: 60px 0;}
.index_project {width: 1200px; margin: auto;}
.index_project_l {float: left; width: 590px;height: 410px;}
.index_project_r {float: right; width: 610px;}
.index_project_r dl {margin-bottom: 0; margin-left: 10px; width: 295px; background: #a51a1d;}
.index_project_r dl a { display: block; text-align: center; color: #FFFFFF;}
.index_project_r dl dd { height: 205px; padding-top: 35px; font-size: 12px; line-height: 24px; position: relative;}
.index_project_r dl dd:before {content: ""; position: absolute; width: 100%; height: 15px; background: url(../img/iondex_sj.png) no-repeat center; left: 0; top: -15px;}
.index_project_r dl:last-child dd:before { top: auto; bottom: -15px;background: url(../img/iondex_sj2.png) no-repeat center !important;}
.index_project_r h3 {font-size: 16px;}
.index_project_r em {width: 25px; height: 1px; background: #FFFFFF; background: #FFFFFF; margin: 15px 0; display: inline-block;}
.index_news {}
.index_news dt {position: relative;}
.index_news dt time {position: absolute; background: rgba(178,47,44,0.9); top: 1rem; left: 1rem; padding: 5px 15px; color: #FFFFFF; font-weight: 400;}
.index_news dd h3 { font-size: 16px; color: #333333; height: 35px; line-height: 35px; font-weight: 400; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.index_news dd p {font-size: 14px; color: #666666;}
.service {background: url(../img/index_bg4.jpg) no-repeat; background-size: cover;}
.service p { float: left; width: 20%; text-align: center; font-size: 20px; margin: 40px 0; color: #FFFFFF;}
.service img {margin-bottom: 20px;}
.foot {background: #e4e4e4; color: #666666; line-height: 28px;}
.foot1 {padding: 30px 0;}
.foot h3 {font-size: 18px; margin-bottom: 15px; color: #333333;}
.foot a {display: block; color: #666666;}
.foot2 {text-align: center; border-top: 1px #dbdbdb solid; line-height: 35px; font-size: 14px; color: #444444;}  



.toolbar-item,.toolbar-layer{background:url(../img/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:20%; z-index: 99;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{ width: 139px; background: #FFFFFF; text-align: center; right: 52px; bottom: 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{width: 139px; background: #FFFFFF; text-align: center; right: 52px; bottom: 0}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}






/*内页*/
.inside_nav_box { height: 75px; line-height: 73px; border-bottom: 1px #ededed solid; font-size: 18px;}
.inside_nav a {display: inline-block;}
.inside_nav a.active { color: #a42c25; border-bottom: 2px #a42c25 solid;}
.about_tex {width: 1000px; margin: auto; text-align: center; color: #555555;}
.about_tex h3 { font-size: 36px; line-height: 36px; padding-top: 54px; color: #9e1831;  background: url(../img/about_tex.png) no-repeat bottom;}
.about_tex h4 {font-size: 100px; line-height: 100px; color: #a80d0f;}
.about_fr {background: #f2f2f2; padding: 40px 0;}
.about_fr_t { text-align: center; color: #333333;}
.about_fr_t h3 {font-size: 30px; font-weight: 400; margin-bottom: 10px;}
.about_fr_m {background: #c70025; color: #FFFFFF;}
.about_fr_mt { padding: 5%; line-height: 48px; font-size: 16px;}
.about_fr_m img {width: 100%;}
.about_lc { padding: 40px 0; color: #FFFFFF; background: url(../img/about_bg1.jpg) no-repeat center; background-size: cover;}
.about_lc_l dl dt {font-size: 24px; position: relative;}
.about_lc_l dl dd {position: relative; font-size: 16px; line-height: 30px; padding-bottom: 20px;}
.about_lc_l dl dt:before { content:"" ; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; right: 0; top: 5px;}
.about_lc_l dl dd:before { content:"" ; position: absolute; width: 1px;  top: 0; bottom: 0; left: -6px; background: #FFFFFF;}
.about_lc_l h3 {font-size: 16px; margin-bottom: 5px;}
.about_wenhua { width: 100%; padding-top: 50px;  padding-bottom: 50px;}
.about_wenhua  .swiper-slide { background-position: center;background-size: cover;width: 300px; text-align: center;}
.about_wenhua  .swiper-slide span {padding: 5px 15px; display: inline-block; background: #a42c25; border-radius: 5px; color: #FFFFFF; font-size: 1.7rem;}
.about_wenhua img {width: 100%;}
.about_ry li {margin-top: 20px;}
.about_ry p {border: 1px #DDDDDD solid; padding: 10px;}
.pagination>li>a, .pagination>li>span {color: #a42c25;}
.pagination>a{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;text-decoration: none;background-color: #fff;border: 1px solid #ddd;color: #a42c25;}
.pagination>span{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.fengcai li { margin-top: 20px; cursor: pointer;}
.fengcai p {background: #f4f4f4; color: #444444; padding: 20px 15px; font-size: 16px; line-height: 16px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.fengcai li:hover p {background: #c80e10; color: #FFFFFF;}
.project dl {margin-top: 20px; border-bottom: 1px #f3f3f3 solid; padding-bottom: 15px; overflow: hidden;}
.project dt {padding: 0;}
.project dt img {width: 100%;}
.project dd {padding-right: 0; line-height: 30px; color: #666666;}
.project dd h3 {font-size: 22px; color: #333333;}
.project dd img {margin-right: 15px;}
.project dd span { position: absolute; right: 0px; top: 40%; background: #e6382e; color: #FFFFFF; padding: 0px 30px; border-radius: 5px; display: inline-block;}
.inside_tex {color: #555555; margin-bottom: 40px;}
.inside_tex time {font-size: 14px; height: 35px; line-height: 35px; color: #666666; display: inline-block; margin-top: 15px;}
.inside_tex time img { vertical-align: middle;}
.inside_tex time span { margin: 0 15px;}
.inside_tex p {margin-top: 10px;}
.inside_tex img {margin: 15px auto;}
.news_link {background: #FFFFFF; padding: 10px 20px; box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.news_link li {margin-top: 15px;}
.news_link li h3 {font-size: 20px;}
.news_link li:first-child {border-bottom: 1px #DDDDDD solid; padding-bottom: 15px;}
.news dl {margin-top: 20px; border-bottom: 1px #f3f3f3 solid; padding-bottom: 15px; overflow: hidden;}
.news dt {padding-left: 0;}
.news dt img {width: 100%;}
.news dd {padding-right: 110px; line-height: 30px; color: #666666; position: relative;}
.news dd h3 {font-size: 20px; font-weight: 400; color: #333333;}
.news dd time {color: #999999; margin: 10px 0; display: inline-block;}
.news_rq { position: absolute; width: 110px; color: #8d8b8b; border-left: 1px #e6e6e6 solid; right: 0px; top: 20px; padding: 20px 0; text-align: center; border-radius: 5px; display: inline-block;}
.news_rq h2 {font-size: 30px; color: #de0025; font-weight: 400;}
.rec_tex { width: 1000px; padding-top: 20px; margin: auto; text-align: center; background: url(../img/recruitment_tex.png) no-repeat center; font-size: 16px; line-height: 36px; color: #555555;}
.rec_tex h3 {font-size: 30px; color: #ce010c !important; font-weight: 400; margin-bottom: 50px;}
.rec_link a{margin-bottom: 20px; display: block;}
.rec_con_t {background: #6a6a6c; color: #FFFFFF; padding: 15px 0;}
.contact {background: #f8ac00; line-height: 40px; color: #FFFFFF; margin: 25px auto;}
.contact h3 ,.contact .contact_tex {border-bottom: 1px #FFFFFF dashed; padding-bottom: 15px; margin-bottom: 15px;}
.contact h3 {margin: 35px 0 15px;}
.contact img { margin-right: 15px;}


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.rect-100{padding-bottom: 100%;}



.mt60 {margin-top: 60px;}
.mt40 {margin-top: 40px;}
.mg0 {margin: 0;}
.pad0 {padding: 0;}


@media (max-width:768px) {
	.top_head {position: relative; background: #a42c25;}
	.top_head ul {float: left; width: 100%;}
	.index_title h3 {font-size: 24px;}
	.mt60 {margin-top: 2rem;}	
	.mt40 {margin-top: 1rem;}	
	.con_box .l_box{width:100%;margin-bottom:20px;}
    .con_box .r_box{width:100%;}
    .con_box .r_box .number_box{margin-bottom:20px;}
    .con_box .r_box .btm_box .box_l{width:100%;}
    .con_box .r_box .btm_box .box_r{width:100%;}
    .con_box .r_box .btm_box .box_l .text{margin-top:60px;}
    .con_box .r_box .btm_box .box_r .text{padding-top:50px;}
    .service p {width: 50%; margin: 1rem 0;}
    .service p:first-child { width: 100%;}
    .about_lc_l dl {margin: 0 15px;}
    .about_lc_l dl dt:before {left: -11px;}
	.about_lc_l h3 {margin-top: 10px;}
	.inside_tex .row{margin: 1rem;}
	.rec_link {padding: 0 1rem;}
}

@media only screen and (max-width: 1240px) {
    .con_box .r_box .number_box{padding:29px 0;}
    .con_box .r_box .btm_box .box_l .text{margin-top:40px;}
    .con_box .r_box .btm_box .box_r .text{padding-top:40px;}
    .index .pt1{padding:50px 0;}
    .index_project {width: 1000px; margin: auto;}
    .index_project_l {width: 490px; height: 340px;}
    .index_project_r {width: 510px;}
    .index_project_r dl { width: 245px;}
    .index_project_r dl dt {height: 170px;}
    .index_project_r dl dd { height: 170px; padding-top: 20px;}
}

@media only screen and (max-width: 992px) {
    .con_box .r_box .number_box .number{font-size:34px;}
    .con_box .r_box .btm_box .box_l .text{margin-top:20px;}
    .con_box .r_box .btm_box .box_r .text{padding:20px 30px 0 30px;}
    .project_bg {padding: 1rem 1rem;}
    .index_project {width: 100%;}
    .index_project img {width: 100%;}
    .index_project_l {width: 100%; height: auto;}
    .index_project_r {width: 100%; float: none;}
    .index_project_r dl { width: 100%; margin: 0; margin-top: 10px;}
    .index_project_r dl dt {height: auto;}
    .index_project_r dl dd { height: auto; padding: 20px 0;}
    .about_tex {width: 100%; padding: 0 1rem;}
    .about_tex h3 { font-size: 20px; line-height: 26px; padding-top: 34px; background: none;}
    .about_tex h4 {font-size: 30px; line-height: 30px; color: #a80d0f;}
    .rec_tex {width: 100%; padding: 0 1rem; background: none;}
    .rec_tex h3 {margin-bottom: 20px;}
}



@media only screen and (max-width: 760px) {
   .project dt {padding:15px;}
   .news dt {padding:15px;}
}