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

body, h1, h2, h3, h4, h5, h6, p, ul, th, td, fieldset, img, input, dl, dt, dd { margin:0; padding:0; }
img { vertical-align:top; border:none; }
ul { list-style-type:none; }
a { text-decoration:none; -webkit-transition: 0.3s; 
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
table { border-collapse:collapse; }
input { vertical-align:middle; }
body{ font-family:"Microsoft YaHei"; font-size:14px; line-height: 1.250em; color:#333;}

body{ overflow-x:hidden;}
/* 个人设置 */
.fl { float:left; }
.fr { float:right; }
.ufl li { float:left; }
.cb { clear:both; line-height:0; }
.al { text-align:left !important }
.ar { text-align:right !important }
.ac { text-align:center !important }
.nplr { padding-left:0; padding-right:0 !important;position: relative; }
.iw { width:100%; }
.content{ margin:auto;}
.clear{ clear:both}

body{ 
-webkit-user-select:none; 
-moz-user-select:none; 
-ms-user-select:none; 
user-select:none;
}

/* padding */
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }
.pt110 { padding-top:110px; }

/* margin */
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }

.ml10 { margin-left:10px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }


.nav {transition: margin 400ms;}
.nav ul { }
.nav li { width:120px; height: 29px;margin: 30px 0; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 18px; float: left; position: relative; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav li a { width: 100%; height: 100%; color: #6b6b6b; }
.nav li .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #fc3413; font-size: 18px; position: absolute; left: 0; top: 20px; transition: 400ms; }
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }
.navM { display: none; }
.navShow { -webkit-transform: rotate(-90deg); }

.main .case_box_top{width: 100%; height: auto; overflow: hidden; z-index: 20;}
.main .case_box_top ul{overflow: hidden; width:880px; margin:auto;}
.main .case_box_top ul li{ font-size: 14px; display: inline-block;color: #f1f1f1; padding-bottom:10px;}
.main .case_box_top ul li a{ padding: 7px 20px; display: inline-block; font-size:14px;color: #f1f1f1;}
.main .case_box_top ul li.current a,.main .case_box_top ul li a:hover{background-color: #fc3413; color: #fff;  border-radius: 3px;}

.main{padding:82px 0px 60px 0px; position:relative;}
.main .mainNav{padding:72px 0;text-align:center;}
.main .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:16px;text-align:center;width:206px;height:46px;line-height:46px;border:1px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;}
.main .mainNav .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .mainNav .child.on{background:#fc3413;border:2px solid #fc3413;color:#fff;}
.main .mainNav .child:hover{color:#fff;background:#fc3413;border-color:#fc3413;}
.main .mainNav .child.childList{text-align:left;background-image:url(../images/navPointer.png);background-position:172px center;background-repeat:no-repeat;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:44px;left:-1px;border:1px solid #B9B8B8;z-index:2;}
.main .mainNav .child.childList ul li{color:#808080;padding-left:18px;width:204px;height:46px;line-height:46px;}
.main .mainNav .child.childList ul li:hover{background:#eee;}
.main .content{width:880px;height:auto; padding:40px 0;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;float:left;width:16.6%;}
.main .content .child .childImg{width:100%;height:auto; vertical-align:middle;}
.main .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%; background:rgba(186,35,35,0.7);}
.main .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}
.main .content .child .childTag{letter-spacing:0.1em;padding:6%;position:absolute;top:0px;left:0px;width:88%;font-size:18px;font-family:'Arial'; line-height:24px;color:#fff;text-align:left;}
.main .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.main .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;text-align:center;}
.main .content .child .childContent .title{width:100%;font-size:14px;color:#fff;margin:0 auto; line-height:24px;}
.main .content .child .childContent .info{color:#fff;font-size:12px;margin-top:10px;}

.main .content2{width:880px; margin:auto;height:auto; padding-top:60px;}
.main .content2:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content2 .child{position:relative;float:left;width:25%;}
.main .content2 .child .childImg{width:100%;height:auto; vertical-align:middle;}
.main .content2 .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%; background:rgba(186,35,35,0.7);}
.main .content2 .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}
.main .content2 .child .childTag{letter-spacing:0.1em;padding:6%;position:absolute;top:0px;left:0px;width:88%;font-size:18px;font-family:'Arial'; line-height:24px;color:#fff;text-align:left;}
.main .content2 .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.main .content2 .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;text-align:center;}
.main .content2 .child .childContent .title{width:100%;font-size:18px;color:#fff;margin:0 auto; line-height:24px;}
.main .content2 .child .childContent .info{color:#fff;font-size:14px;margin-top:10px;}

/*分页*/
.fenye{ width: 100%; text-align:center; }
.fenye a{padding: 6px 12px; border: 1px solid #ddd; background-color: #fff;display: inline-block; font-size: 12px; margin: 0 2px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.fenye a.current,.fenye a:hover{ color: #fff; background: #FC3413;}

.mainTitle{font-size:30px;color:#333;text-align:center;font-weight:400}
.line_red{display:block;width:80px;height:2px;background:#FC3413;margin:20px auto}

/*contact*/
.map_cont{ height:auto; overflow:hidden; padding-bottom:50px;}
.map{ width:430px; height:335px; overflow:hidden;}
.cont{ font-size:14px; line-height:30px; width:420px; height:auto; overflow:hidden;}

/*about 内页*/
.wrap{ width:880px; margin:auto;}
.wrap .about{ margin:auto; display:table;}
.wrap .about .le {
float: left;
width: 376px;
height: 457px;
border: 5px solid #FC3413;
position: relative;
margin-left: -200px;
}
.wrap .about .le img {
position: absolute;
top: 23px;
left: 16px;
}
.wrap .about .ri {
width: 880px;
float: right;
}
.wrap .about .ri .p {
line-height: 32px;
color: #545454;
font-size:16px;
padding-bottom:10px;
text-align:justify;
}

.wrap .about2{ width:880px; text-align:left; display:table; padding-top:25px;}
.wrap .about2 .le {
float: left;
width: 376px;
height: 457px;
position: relative;
}
.wrap .about2 .le img {
}
.wrap .about2 .ri {
width:465px; 
float: right;
height: 543px;
}
.wrap .about2 .ri p .sTitle{line-height: 35px;
    font-size: 20px;
    font-weight: 700;
    color: #F54326;}
.wrap .about2 .ri p .sTitle2{line-height: 24px;
    font-size: 15px;
    font-weight: 700;
    color: #e1e1e1;
    padding-bottom: 15px;}
.wrap .about2 .ri .p {
line-height: 32px;
color: #e1e1e1;
font-size:16px;
text-align:justify;
padding-bottom:10px;
}

.wrap .about2 .ri .p a{ color:#EF543B; font-size:16px;}

.scrollbar:hover{ cursor:pointer;}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar{
    width: 8px;
    height: 16px;
    background-color:rgba(0,0,0,0);
}
/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #FC3413;
}

.ibox { position: relative; }
.iboxT { font: 28px/1.5 "microsoft yahei"; color: #fff; }
.messagePage { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 5% 0px; position: relative; }
.messagePage .iboxT { text-align: center; }
.messagePage .ts { text-align: center; color: #fff; padding: 40px 0px 50px; font-size: 14px; }
.messagePage .black { background: url(../images/black2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.messagePage .w960 { position: relative; }
.formbox { width: 582px; margin: 0px auto; }
.formbox dd { padding-bottom: 16px; height:60px; }
.formbox dd.btnBox { padding-top: 103px;text-align: center; }
.ctxt { border: 0px none; color: #0f0f0f; padding: 20px 2%; height: 20px; line-height: 20px; width: 45%; font-size: 14px; font-family: "microsoft yahei"; }
.ctxt2 { float: right; display: block; }
.ctxt1 { float: left; display: block; }
.ctxt3 { width: 559px; height: 120px; resize: none; }

.more2 { margin: 0px auto; width: 160px; height: 44px; background-color: #C10A0A; line-height: 44px; padding: 15px 40px; color:#fff; font-size:16px; letter-spacing:1px;}
.more2:hover{ color:#fff; background-color: #dc0e0e;}

.paddingValue {
    padding: 10px 0 30px 0;
}
.recruit{padding-bottom: 0;}
.recruit strong{margin-bottom: 40px; display: inline-block;}
.recruit .recruit_box{width: 880px; margin: 0 auto;background: url(../images/dian.jpg) repeat-x; text-align: left; padding: 40px 0 30px; color: #333; position: relative;}
.recruit .recruit_box .recruit_box_detail{overflow: hidden;}
.recruit .recruit_box h2{font-size: 24px; color: #333; font-weight: normal; padding-bottom:10px;}
.recruit .recruit_box h5{font-size: 18px; font-weight: normal;color: #939393; margin: 10px 0;}
.recruit .recruit_box span{font-size: 18px; margin-bottom: 20px; display: inline-block; }
.recruit .recruit_box span i{color: #FC3413; font-style:normal;}
.recruit .recruit_box p{font-size: 15px; line-height: 32px; color: #616161;}
.recruit .recruit_box .recuruit_btn{display: block; width: 22px; height: 44px; position: absolute; bottom: 50px; right: 10px; cursor: pointer; background: url(../images/recruit_icon1.png) no-repeat; background-size: 100% auto; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.recruit .recruit_box .recuruit_btnC{ background-image: url(../images/recruit_icon2.png); bottom: auto; top: 70px;}
.recruit_flow{ width: 100%; text-align: center; color: #666; border-top: 1px solid #d4d4d4;}
.recruit_flow_box{width: 850px; margin: 0 auto;}
.recruit_flow p{font-size: 16px; line-height: 32px;}
.recruit_flow p.recruit_flow_t{ font-weight: bold;}
.recruit_flow img{display: inline-block; width: 33px; height: 37px; margin-top: 60px;}
.recruit .recruit_boxNone .recruit_box_detail{display: none;}

/* new */
.m-op {
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.m-op:hover {
	opacity: 0.7;
	text-decoration: none;
}
.n_list04 ul {
	width: 100%;
	display:table;
}
.n_list04 li {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
	padding-right: 17px;
	width: 355px;
	position: relative;
}
.n_list04 li:nth-child(3n+3){ padding-right:0;}
.n_list04 li h2 {
	font-size:18px;
	color: #333;
	line-height: 60px;
	padding-bottom:0;
	width:355px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.n_list04 li a:hover h2 {
	color: #fc3413;
	-webkit-transition: 0.3s; 
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.n_list04 li span {
	color: #666666;
	line-height: 30px;
	font-size:14px;
}
.n_list04 li p {
	height: 40px;
	color: #999999;
	line-height: 20px;
	font-size:16px;
}
.n_list04 li i {
	width: 105px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif
}
.n_list04 li.l1 i {
	background: #de99ab
}
.n_list04 li.l2 i {
	background: #74b4b6
}
.n_list04 li.l3 i {
	background: #b0a58a
}
.fl, .lifl li {
	float: left;
	display: inline;
	list-style: none;
}


.mainHead{height:90px;margin-top:82px;text-align:center;}
.mainHead .title{line-height:44px;font-size:26px;color: #f1f1f1; padding-top:15px;}
.mainHead .tag{font-size:14px;line-height:26px;color: #e1e1e1;}

.mainHead2{height:90px;margin-top:82px;text-align:center;}
.mainHead2 .title{line-height:44px;font-size:26px; padding-top:15px; color:#444;}
.mainHead2 .tag{font-size:14px;line-height:26px; color:#757575;}

.mainFoot{height:134px;line-height:134px;text-align:center;}
.mainFoot .mainFootBtn{margin:0 8px;display:inline-block;zoom:1;font-size:20px;width:180px;height:50px;border:2px solid #e50005;color:#e50005;text-align:center;line-height:45px;cursor:pointer;}
.mainFoot .mainFootBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainFoot .mainFootBtn.on{background:#e50005;color:#fff;}
.mainFoot .mainFootBtn:hover{background:#e50005;color:#fff;}
.mainFoot .mainFootBtn.on:hover{border:2px solid #e50005;color:#e50005;background:#fff;}

#client{ margin:auto; width:1100px;}
#client ul{width:1100px; margin-bottom:60px; overflow:hidden; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#client ul li{float:left; width:219px; height:178px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; position:relative;}
#client ul li a{display:block; width:100%; height:100%; overflow:hidden;}
#client ul li i, #client ul li em{position:absolute; top:0; left:0; width:100%; height:100%;}
#client ul li i{opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#client ul li a:hover i{opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-transform:scale(0.9) translateY(-8px); -moz-transform:scale(0.9) translateY(-8px); transform:scale(0.9) translateY(-8px);}

#client ul li a:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:inset 0 0 0 0 #eee; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
#client ul li a:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
#client ul li a p{margin-top:150px; color:#333; position:relative; z-index:5; opacity:0; filter:alpha(opacity=0); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; zoom:1;}
#client ul li a:hover p{margin-top:135px; opacity:1; filter:alpha(opacity=100);}
#client ul li a span{font-size:18px; line-height:178px; color:#a7a7a7;}

.team{position:relative;padding:70px 0px 200px 0px;background-color:#f1f1f1;}
.team .content{padding-top:230px; width:856px;}
.team .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.team .child{width:195px;text-align:center;margin: 20px 8px;display:inline-block; background-color:#fff;border:1px solid #a7a7a7;}
.team .child .childImg{position:relative;width:193px;height:279px;overflow:hidden;}
.team .child .childImg img{position:absolute;bottom:0px;left:0px;max-width:100%;height:auto;}
.team .titleEn{font-size:30px;font-family:'MyriadPro-Cond_0';color:#444;letter-spacing:0.12em;font-stretch: condensed;margin:16px 0;}
.team .title{font-size:18px;color:#444; padding-top:15px;}
.team .sub{width:40px;height:2px;margin:15px auto;background:#e50012;}
.team .info{font-size:14px;color:#999;}
.team .info span{margin:0 10px;}
.team .foot{font-size:36px;color:#E50012;margin-top:70px;}

.listPager { padding-top:20px;}
.listPager a.listIco { padding-left: 40px; font-size: 18px; color: #505050; float:right; line-height: 24px;}
.listPager a.listIco:hover { color: #fc3413; }

/*环境页面*/

h5.left_title {
	font-size: 24px;
	color: #6f6f6f;
	text-align: left;
	font-weight: normal;
	margin-bottom: 18px;
	line-height:30px;
}
.sl_work_box {
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}
.sl_work_box .work_top {
	padding-bottom: 50px;
	text-align: left;
}
.sl_work_box .work_top p {
	margin-bottom: 10px;
	color:#6f6f6f;
	font-size: 16px;
}
.sl_work_box .work_pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.sl_work_box .work_pic ul {
	overflow: hidden;
	position: relative;
}
.sl_work_box .work_pic ul li {
	float: left;
	overflow: hidden;
	width: 880px;
}
.sl_work_box .work_pic ul li img {
	width: 100%;
}
.sl_work_box .work_pic .work_Btn {
	width: 46px;
	height: 87px;
	position: absolute;
	top: 50%;
	margin-top: -80px;
	cursor: pointer;
}
.sl_work_box .work_pic .work_Btn img {
	width: 100%;
}
.sl_work_box .work_pic .work_leftBtn {
	left: 30px;
}
.sl_work_box .work_pic .work_rightBtn {
	right: 30px;
}
.sl_work_box .work_pic ol {
	width: 100%;
	text-align: center;
	padding-left:0;
	margin-top: 30px;
}
.sl_work_box .work_pic ol li {
	width: 60px;
	height: 3px;
	background: #949494;
	margin: 0 1px;
	display: inline-block;
	cursor: pointer;
}
.sl_work_box .work_pic ol li.current {
	background: #FC3413;
}