@charset"utf-8";
/*公共样式*/
html,body{ height:100%}
body{font-size:14px;font-family:"微软雅黑", tahoma, arial,宋体;line-height:150%;margin:0;padding:0;color:#666;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/}
ul,li,dd,dl,dt,form,input{margin:0px; padding:0px; list-style-type:none;}
img{ border:none; margin:0px; vertical-align: middle; }
p,h1,h2,h3,h4{ margin:0px; padding:0px; font-weight:normal;}
i,em{ font-style:normal;}
input{ border:0px; vertical-align:middle; }
table{ border-collapse:collapse;}
div{padding:0;}
* {margin: 0;padding: 0;}
.f_l{float:left;}
.f_r{float:right;}
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.pos_abs{ position:absolute}
.pos_rel{position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {	display: inline-block;	vertical-align: baseline}
section, #header, #banner{width:100%; min-width:1200px; margin:auto; }
a{blr:expression(this.onFocus=this.blur());outline:none;text-decoration:none; color:#666;background: transparent; /*修正win8系统IE连接灰色背景*/}
a:hover{text-decoration:none; color:#fb9f00;}
a:active{star:expression(this.onFocus=this.blur());}/*去掉点击链接时的虚线外框*/
a, :hover, .tingico { -webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s; }

/*清楚浮动*/
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
.clearfix{*zoom:1;}


.l_18{line-height:18px;}
.l_20{line-height:20px;}
.l_22{line-height:22px;}
.l_24{line-height:24px;}
.l_26{line-height:26px;}
.l_28{line-height:28px;}
.l_30{line-height:30px;}
.pad_10{padding:10px;}
.pad_15{padding:15px;}
.pad_20{padding:20px;}
.pad_30{padding:30px;}
.pb_10{ padding-bottom:10px;}
.pad_40{padding:40px;}

#container{padding-top:100px;}
#container2{padding-top:150px;}
#container_m_ser{padding-top:87px;}
.hide{ display:none;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}/*省略号*/
.tit_ban{width:462px; margin:0 auto; padding-bottom:40px; text-align:center}
.tit_ban h2{ font-size:30px; font-weight: normal; color:#50525a; line-height:45px;}
.tit_ban p{ font-family: Impact "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#50525a; font-size:60px; line-height:60px;}
.tit_ban .line_yellow{ display:block; width:80px; height:2px; background-color:#fb9f00; margin:10px auto;}
.line_white{display:block;width:15px;height:2px;background:#fff;margin-top:15px}
.linkBtn{width:230px;height:42px;line-height:42px;border:2px solid #e60012;margin:90px auto 0;font-size:14px;font-weight:700;background:#fff;text-align:center}
.linkBtn:hover{color:#fff;background:#e60012}
.hovereEffect{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s}
.paddingValue{padding:60px 0;border-bottom:1px solid #d4d4d4}
.f-cb{width:160px; margin:0 auto;}
.f-cb a{ color:#fff; width:150px; line-height:24px; font-size:18px;padding:10px; color:#747c87; background:#fff;border-radius:25px; text-align:center; display:inline-block; border:1px solid #b4b4c0; text-transform:uppercase}
.f-cb a:hover{ color:#fff; background:#fb9f00; border:1px solid #e39000; }


.f-tips a.btn{display: inline-block;float: left;line-height: 26px;color: #666;text-align: center;transition: color 500ms ease-in 0ms; margin-top:10px; padding-right:5px; width:27px; height:27px;}
.f-tips a.wb{background: url(../img/bg_sign08.png) no-repeat center top;}
.f-tips a.wx{background: url(../img/bg_sign09.png) no-repeat center top;}
.f-tips a.qq{background: url(../img/bg_sign10.png) no-repeat center top;}
.f-tips .weibo{position: absolute;left:-4px;top: 107px;width: 168px;height: 170px;display: none;}
.f-tips .weixinbox{position: absolute;left: -34px;top: 107px;width: 168px;height: 170px;display: none;}

/*链接颜色*/

/*字体大小*/
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}

/*字体加粗*/
.fontweight{ font-weight:bold}

/*页面留白*/
.blank90{height:90px;line-height:90px;clear:both;visibility:hidden;}
.blank80{height:80px;line-height:80px;clear:both;visibility:hidden;}
.blank70{height:70px;line-height:70px;clear:both;visibility:hidden;}
.blank60{height:60px;line-height:60px;clear:both;visibility:hidden;}
.blank50{height:50px;line-height:50px;clear:both;visibility:hidden;}
.blank40{height:40px;line-height:40px;clear:both;visibility:hidden;}
.blank30{height:30px;line-height:30px;clear:both;visibility:hidden;}
.blank20{height:20px;line-height:20px;clear:both;visibility:hidden;}
.blank15{height:15px;line-height:15px;clear:both;visibility:hidden;}
.blank10{height:10px;line-height:10px;clear:both;visibility:hidden;}
.blank5{height:5px;line-height:5px;clear:both;visibility:hidden;}
.blank8{height:8px;line-height:8px;clear:both;visibility:hidden;}

/*布局*/
.w1200{width:1200px;margin:0 auto;}
.w1002{width:1002px;margin:0 auto;}
.w980{width:980px;margin:0 auto;}



/*header*/
#header{height:86px; border-bottom:1px solid #f2f2f2; position:fixed; top:0; left:0; 	background-color:rgba(255,255,255,1);background:#fff; z-index:9999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;}
#logo{display:block; position:absolute; top:0; left:0; height:86px; line-height:86px; opacity:0.8; overflow:hidden; filter:alpha(opacity=80); -webkit-transition:0.3s, opacity 0.8s; -moz-transition:0.3s, opacity 0.8s; transition:0.3s, opacity 0.8s;}
#logo img{vertical-align:middle;}
#logo:hover{opacity:1; filter:alpha(opacity=100);}
#nav{width:750px; margin:auto; text-align:center; position:absolute; top:0; right:0;}
#nav a{display:inline-block; height:76px; line-height:76px; text-align:center; font-size:16px; -webkit-transition:0.3s, color 0.5s; -moz-transition:0.3s, color 0.5s; transition:0.3s, color 0.5s; padding:10px 25px;}
#nav a:hover,#nav a.cur{color:#fff; background-color:#fb9f00; border-radius:0 0 20px 0;}
#nav span{width:100px; height:2px; background:#000; position:absolute; bottom:-1px; left:0; opacity:0; filter:alpha(opacity=0);}
#header h1{position:absolute; top:0; right:25px; height:86px; line-height:86px; font-size:30px; font-weight:bold; background:url(../img/tel_bg.jpg) no-repeat 18px center; padding-left:60px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; color:#fb9f00; font-family:Impact;}
#header.min{height:66px;}
#header.min #logo, #header.min #nav a, #header.min h1{height:66px; line-height:66px;}


/*服务领域*/
.floor2{ background-color:#f6f6f6;padding:60px 0; width:100%; border-top:1px solid #d0d7dd;}
/*.floor2 ul{ width:1179px; margin:0 auto;}
.floor2 ul li{ width:392px; float:left; border-right:1px dotted #dadada; text-align:center}
.floor2 ul li img{ display:block; margin:0 auto}
.floor2 ul li h3{ color:#fb9e00; font-size:30px; line-height:45px; font-weight:normal;}
.floor2 ul li p{ line-height:20px; padding-bottom:20px;}
.floor2 ul li .con1{font-size:16px; line-height:30px; width:220px; margin:0 auto; padding-left:60px;}
.floor2 ul li .con1 a{ display:block; text-align: left}
.floor2 ul li.last{ border-right:0;}*/

/*服务客户*/
.floor3_bg{ background:url(../images/br_02.jpg) no-repeat;width:100%; border-top:1px solid #d0d7dd;}
.floor3{ padding:60px 0; width:1200px; margin:0 auto;}
.floor3 .comlist{ width:1196px; margin:0 auto}
.floor3 .comlist ul{ overflow:hidden; border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.floor3 .comlist li{ width:238px; height:128px; /*margin:0 20px 20px 0; border-radius:5px;*/ border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden; text-align:center; line-height:91px;  float:left; background-color:#fff;}
.floor3 .comlist li img{-webkit-transition:0.3s; transition:0.3s; display:block; margin:0 auto}
.floor3 .comlist li a:hover img{-webkit-transform:scale(1.08); transform:scale(1.08);}
.floor3 .comlist li.last{ margin-right:0; font-size:20px; font-weight:bold}
.floor3 .comlist li a{ filter: grayscale(100%);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: url(desaturate.svg#greyscale);filter: gray;-webkit-filter: grayscale(1); opacity:0.5}
.floor3 .comlist li a:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: url(desaturate.svg#greyscale);filter: gray;-webkit-filter: grayscale(0); opacity:1}

/*资讯动态*/
.floor4{ /*background:url(../images/floor4_bg.jpg) repeat-x; */background-color:#f6f6f6; padding:60px 0; width:100%;border-top:1px solid #d0d7dd;}
.floor4 dl{ width:350px; padding:20px; background-color:#fff; float:left; margin-right:8px; border:1px solid #eeeeee; border-width:0 1px 1px 1px; box-shadow:0 1px 0 #e2e2e2;}
.floor4 dl.lastbor{ margin-right:0;}
.floor4 dl dt{ width:100%; height:auto; overflow:hidden;}
.floor4 dl dt img{-webkit-transition:0.3s; transition:0.3s;}
.floor4 dl dt a{display:block;}
.floor4 dl dt a:hover img{-webkit-transform:scale(1.08); transform:scale(1.08);}
.floor4 dl dt img{width:100%; height:auto; min-height: 263px;}
.floor4 dl dd{ width:100%; margin-top:15px; position:relative; height:130px;}
.floor4 dl dd h3{ border-left:5px solid #fb9e00; padding-left:10px; font-size:18px; font-weight:normal; line-height:24px; margin-bottom:15px;}
.floor4 dl dd h3 a{ color:#393a3c}
.floor4 dl dd h3 a:hover{color:#fb9f00;}
.floor4 dl dd p{ font-size:12px; line-height:20px;}
.floor4 dl dd span{font-size:12px; line-height:18px; color:#b6b9bf; position:absolute; left:0; bottom:0}

/*say*/
.say{width:100%;height:680px;position:relative}
.say .imgBg{width:100%;height:100%;background-image:url(../images/say_bg.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center center}
.say .container{position:absolute;top:140px;left:280px;color:#fb9f00; width:600px;}/*2021-1-6*/
.say .container .title{font-size:20px; line-height:30px; display: none;}/*2021-1-6*/
.say .container .title_line{display:none;width:60px;height:2px;background:#fb9f00;margin-bottom:90px}/*2021-1-6*/
.say .container .title2 strong{display:block;font-size:55px;color:#fb9f00;font-weight:700; line-height:73px;}
.say .container .title2 strong.smfont{font-size:28px;font-weight:400}

/*品牌案例*/
.home_case{ width:100%; height:auto; padding:60px 0;}
.case_content{width:100%;overflow:hidden}
.case_content .child{float:left;width:20%;position:relative;}
.case_content .child a{overflow: hidden; display: block;}
.case_content .child img{ width: 100%;}
.case_content .child .childHide{position:absolute;top:0;left:0;width:100%;height:100%;background:#fb9f00;color:#fff;display:none}
.case_content .child .childHide .childTag{margin-top:15px;margin-left:15px;font-size:12px}
.case_content .child .childHide .childContent{position:absolute;top:40%;left:0;width:100%;font-size:14px;text-align:center}
.case_content .child .childHide .childContent .title{ font-size:18px; font-weight:bold; line-height:36px;}
.case_content .child .childHide .childPointer{width:37px;height:37px;position:absolute;bottom:25px;right:15px}


/*header-video*/
.header-wrapper {width:100%; height:100%; background: #333; padding:0; margin:0;background: url(../images/stillframe.jpg) no-repeat center top; background-size:cover;z-index: 1; overflow:hidden}
.header-video {left: 0;top: 0;min-height: 100%;min-width: 100%;}
video {display: inline-block;vertical-align: baseline;}
.header-content {position: absolute;top: 0; left: 0; bottom:0; width: 100%;height: 100%;background:url(../images/tile-pattern.png); display: table;}
.header-content i {position: absolute; bottom: 60px; left:50%; margin-left: -47px; right: 0; background: url(../images/down_ico.png) no-repeat; width:89px; height:89px;}
.header-content i:hover {cursor: pointer; background:url(../images/down_ico_hover.png)}
.header-content .f-row {text-align: center;display: table-cell;vertical-align: middle; width:100%; height:100%;}
.slogan {background-image: url('../images/slogan.png') ;text-indent: -9999px;background-position: center center; background-repeat: no-repeat; height: 257px; width:748px; margin: 0 auto;  top:50%; _margin-top:-78.5px;}
.header-content .section-header {font-weight: 100;letter-spacing: 0.05em;color: #fff;font-size: 55px;position: relative;margin-bottom: 20px;line-height: 1.4;}
.header-content .p-header {font-weight: 100;letter-spacing: 0.05em;color: #fff;font-size: 20px;position: relative;line-height: 1.4;width:700px;margin: 0 auto;}

/*关于巨创*/
.about{text-align:center}
.about_container{width:1200px;margin:0 auto;overflow:hidden}
.about_cnt p.title{font-size:42px;color:#4d4d4d;letter-spacing:2px; line-height:56px;}
.about_cnt p.title span{color:#fb9e00;font-weight:700}
.about_cnt p.info{width:823px;margin:10px auto 0;text-indent:2em;line-height:30px;font-size:16px;color:#535353}
.about_container .about_Num{width:100%;height:auto;overflow:hidden;padding:55px 0 0}
.about_container .about_Num .child{width:193px;float:left;position:relative;margin:0 102px}
.about_container .about_Num .child2{width:223px;margin:0 87px}
.about_container .about_Num .child .child_box{width:193px;height:193px;overflow:hidden;background-repeat:no-repeat;background-size:100% auto;margin:0 auto}
.about_container .about_Num .child .about_Num_che{position:absolute;width:100%;top:120px;left:50%;margin-left:-50%;font-size:45px;font-weight:700;color:#fff;cursor:pointer}
.about_container .about_Num .child .about_Num_che sup{margin-left:-10px}
.about_container .about_Num .child3 .about_Num_che sup{font-size:20px}
.about_container .about_Num .child1 .child_box{background-image:url(../images/child_1.png)}
.about_container .about_Num .child2 .child_box{width:223px;background-image:url(../images/child_2.png)}
.about_container .about_Num .child3 .child_box{background-image:url(../images/child_3.png)}
.about_container .about_Num .child1:hover .child_box{background-image:url(../images/child_1_1.png)}
.about_container .about_Num .child2:hover .child_box{background-image:url(../images/child_2_2.png)}
.about_container .about_Num .child3:hover .child_box{background-image:url(../images/child_3_3.png)}
.about_container .about_Num .child p{float:left;width:100%;margin-top:20px;text-align:center;font-size:16px}

/* 右侧漂浮 */
#leftsead {
	width: 161px;
	height: 290px;
	position: fixed;
	top: 200px;
	right: 0;
	z-index: 9;
}
*html #leftsead {
	margin-top: 258px;
	position: absolute;
top:expression(eval(document.documentElement.scrollTop));
}
#leftsead li {
	width: 161px;
	height: 50px;
}
#leftsead li img {
	float: right;
}
#leftsead li a {
	height: 49px;
	float: right;
	display: block;
	min-width: 47px;
	max-width: 161px;
}
#leftsead li a .shows {
	display: block;
}
#leftsead li a .hides {
	cursor: pointer;
	cursor: hand;
}
#leftsead li a.youhui .hides {
	display: none;
	position: absolute;
	right: 0;
	text-align: left;
}
#leftsead li a.youhui .2wm {
	display: none;
	position: absolute;
	right: 143px;
}
#p1 {
	width: 47px;
	height: 49px;
	float: right
}
#p1 img{ float:right;border: none;
    margin: 0px;
    vertical-align: middle;}
#p2 {
	width: 160px;
	background-color: #fb9f00;
	height: 47px;
	margin-left: -48px;
	border: 1px solid #fb9f00;
	line-height: 47px;
	float: left;
}
#p3 {
	width: 112px;
	background-color: #fb9f00;
	height: 47px;
	margin-left: 47px;
	border: 1px solid #fb9f00;
	text-align: center;
	line-height: 47px;
	float: left;
}
.hides form { margin:0; padding:0;}
.input3 {
	margin:8px 0 0 10px;
	width: 140px;
	height: 30px;
	float: left;
	outline: 0;
	border: 0;
	font: 14px/30px "微软雅黑";
	color: #fff;
	background-color: #fb9f00
}

/*foot*/
.foot{ width:100%; background:url(../images/foot_bg.jpg) repeat-x; height:299px;}
.foot_1{ padding:35px 15px; height:auto; color:#a09493;}
.foot_1_1{ width:293px; padding-right:40px; margin-right:40px; background:url(../images/foot_1_1_bg.jpg) repeat-y right; height:169px;}
.foot_1_1 img{ vertical-align:middle;}
.foot_1_1 h3{ font-family:Impact; font-size:30px; line-height:45px; margin-bottom:8px;}
.foot_1_1 .div_tit{ background:url(../images/foot_1_1_bg2.jpg) repeat-x bottom; padding-bottom:8px; margin-bottom:8px;}
.foot_1_1 .div_tit .p1{ background:url(../images/foot_1_1_bg3.jpg) no-repeat 0 0; padding-left:20px; font-size:18px;}
.foot_1_1 .div_tit .p2{ background:url(../images/foot_1_1_bg4.jpg) no-repeat 0 0; padding-left:20px; font-size:12px;}
.foot_1_2{ width:548px; padding-right:40px; margin-right:40px; background:url(../images/foot_1_1_bg.jpg) repeat-y right; height:169px;}
.foot_1_2 p{ font-size:12px; line-height:24px;}
.foot_1_2 a{display: inline-block; color:#a09493;}
.foot_1_2 a:hover{ color:#fb9f00;}
.foot_1_3{ width:169px; height:169px;}
.foot_1_3 img{ border:10px solid #fff;}
.foot_2{ height:60px; line-height:60px; color:#a09493; font-size:12px; padding:0 15px;}
.foot_2 a{ margin-right:20px; display: inline-block; color:#a09493;}
.foot_2 a:hover{ color:#fb9f00;}

/*---------------案例页面*/
.case{width: 100%;height: auto;}
.case .case_box{width: 100%;height: auto;overflow: hidden; background-color: #fff; margin-top: 145px;}
.case .case_box .case_box_top{background-color: #fff; overflow: hidden;position: fixed; top: 87px; left: 0; width: 100%; height: auto; overflow: hidden; z-index: 1;}
.case .case_box .case_box_top ul{padding: 15px 30px; overflow: hidden;}
.case .case_box .case_box_top ul li{ margin-right: 15px;font-size: 12px; display: inline-block;}
.case .case_box .case_box_top ul li a{ padding: 7px 20px; display: inline-block;}
.case .case_box .case_box_top ul li.current a,.case .case_box .case_box_top ul li a:hover{background-color: #fb9f00; color: #fff;  border-radius: 3px;}
.case .case_box .case_box_bottom{overflow: hidden;width: 100%; height: auto; overflow: hidden;}
.case .case_box .case_box_bottom .case_contents{padding: 0 30px;}
.case .case_box .case_box_bottom .case_contents h2{padding: 25px 0; font-size: 20px; color: #333; font-weight: normal;}
.case .case_box .case_box_bottom .case_contents ul{overflow: hidden;}
.case .case_box .case_box_bottom .case_contents li{float: left; width: 25%;overflow: hidden; cursor: pointer;}
.case .case_box .case_box_bottom .case_contents li .case_img{overflow: hidden;}
.case .case_box .case_box_bottom .case_contents li img{ width: 100%; height: auto;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.case .case_box .case_box_bottom .case_contents li .case_state{padding: 25px;color: #707070; background: url(../images/work_bg.gif) #f5f6f5 right no-repeat; background-size: auto 100%;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;}
.case .case_box .case_box_bottom .case_contents li .case_state span{font-size: 12px;}
.case .case_box .case_box_bottom .case_contents li .case_state p {font-size: 18px; padding: 10px 0 15px 0; width: 100%; box-sizing: border-box; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.case .case_box .case_box_bottom .case_contents li:hover img{transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.case .case_box .case_box_bottom .case_contents li:hover .case_state{ background-image: none; background-color: #fb9f00; color: #fff;}
.case .case_box .case_box_Mtop{text-align: center; padding: 30px 0; display: none;}
.case .case_box .case_box_Mtop div{display: inline-block; width: 188px; height: 40px; line-height: 40px; margin: 0 6px; border: 1px solid #B98888; text-align: left; background: url(../images/navPointer.png) 158px center no-repeat; position: relative;}
.case .case_box .case_box_Mtop div.current{background-color: #e60012; border-color: #e60012; color: #fff; background-image: url(../images/navPointer2.png);}
.case .case_box .case_box_Mtop div.all_case{text-align: center; background-image: none;}
.case .case_box .case_box_Mtop div ul{position: absolute; top: 40px; left: -1px; background: #f8f8f8; border: 1px solid #B98888; width: 100%; display: none;}
.case .case_box .case_box_Mtop div ul li{ padding-left: 15px; height: 40px; line-height: 40px; width: 173px;}
.case .case_box .case_box_Mtop div ul li a{display: block; overflow: hidden;}
.case .case_box .case_box_Mtop div ul li:hover{ background: #e9e9e9}
.case .case_box .case_box_Mtop div span{margin-left: 15px;}

/*---------------案例详细页面*/
.case_show_top{ background:url(../images/case_show_top.jpg) no-repeat center center; height:465px; width:100%; position:relative; /*margin-top:87px;*/}
.case_show_top h2{ font-size:35px; position:absolute; left:30px; bottom:60px; color:#fff; font-weight:bold; line-height:54px;}
.case_show_top p{ font-size:14px; position:absolute; left:30px; bottom:35px; color:#fff;}
.waper-list-xq{ padding:30px;}
.fg-top-tit{ width:100%; display:table; border-bottom:1px solid #DEDEDE;}
.fg-top-tit .ml{ font-size:18px; color:#fb9f00;}
.fg-top-tit li{ margin:2% 0;}
.fg-top-tit  .index-one{ float:left;}
.fg-top-tit  .index-one a{ display:block; width:102px; height:28px; border:1px solid #9D9D9D; text-align:center; line-height:28px; font-size:14px; border-radius:5px;}
.fg-top-tit  .index-one a:hover{ color:#fff; background:#fb9f00; border:1px solid #e39000; }
.fg-top-tit  .index-two{ float:right;}
.fg-top-tit  .index-two a{ display:inline-block; margin-left:2px; opacity:1; vertical-align:bottom;}
.fg-top-tit  .index-two a:hover{ opacity:1}
.fg-bom-case{ width:75.5%; margin:5% auto 0; overflow:hidden;}
.fg-bom-case p{font-size:18px; line-height: 150%; margin-bottom: 10px;}
.fg-bom-case img{ width:100%;}

/*=============================================================*/
/* Job extend */
/*=============================================================*/
.job_extend {
    padding-top: 87px;
	background:url(../images/new_feed/job.jpg) no-repeat fixed; height:940px;
}
.job_bg {
    width: 100%;
    float: left;
}
.job_detail {
    width: 490px;
    height: 860px;
    padding: 30px 0 0 30px;
	background-color:rgba(255,255,255,1);
	background:#FFF;
    position: absolute;
    right: 50%;
    top: 107px;
    margin: 0 -640px 0 0; 
}
.job_detail li {
    margin: 0 0 30px 0;
}
.job_detail li p{ line-height:20px; font-size:12px;}
.job_detail li h2 {
    color: #666;
    font-size: 20px;
    margin: 0 0 12px 0;
	line-height:24px;
	font-weight:600;
}
.job_detail li h2 span {
    padding: 0 3px;
}
.job_detail li em {
    line-height: 19px;
    position: relative;
}
.job_detail li .to_map {
    width: 16px;
    height: 22px;
    display: block;
    background: url('../images/skin/map_icon.png');
    position: absolute;
    top: 0;
    cursor: pointer;
}
.job_detail li .to_map:hover {
    background-position-y: bottom;
}
li.map0 .to_map {
    right: -159px;
}
li.map1 .to_map {
    right: -132px;
}
li.map2 .to_map {
    right: -155px;
}
.job_detail li a {
    color: #444;
}
.job_detail li a:hover {
    color: #b52828;
}
.job_summary h2 {
    font-weight: bold;
    font-size: 42px;
    line-height: 42px;
    color: #000;
    display: block;
}
.job_summary h5 {
    width: 100px;
    height: 4px;
    display: block;
    background: #000;
    margin: 0 0 20px 0; 
}
.job_summary h6 {
    font-size: 48px;
	font-family:Impact;
    line-height: 54px;
    color: #fb9f00;
    font-weight: bold;
    margin: 6px 0 26px 0;
}
.job_summary h7 {
    color: #333;
    font-size: 18px;
	line-height:30px;
	font-weight:normal;
	margin: 0 0 40px 0; 
    display:block;
}
/*=============================================================*/
/* Contact extend */
/*=============================================================*/
.contact_extend {
    padding-top: 30px;
    overflow: hidden;
    position: relative;
}
.contact_bg {
    width: 100%;
    float: left;
}
.contact_detail {
    width: 390px;
    height: 620px;
    padding: 30px 0 0 30px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -640px; 
}
.summary h2 {
    font-family: Impact;
    font-weight: bold;
    font-size: 42px;
    line-height: 42px;
    color: #000;
    display: block;
}
.summary h5 {
    width: 100px;
    height: 4px;
    display: block;
    background: #000;
    margin: 0 0 40px 0; 
}
.summary h6 {
    font-size: 48px;
	font-family:Impact;
    line-height: 54px;
    color: #fb9f00;
    font-weight: bold;
    margin: 6px 0 26px 0;
}
.contact_detail li {
    margin: 0 0 30px 0;
}
.contact_detail li p{ line-height:30px;}
.contact_detail li h3 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 12px 0;
}
.contact_detail li h3 span {
    padding: 0 3px;
}
.contact_detail li em {
    line-height: 19px;
    position: relative;
}
.contact_detail li .to_map {
    width: 16px;
    height: 22px;
    display: block;
    background: url('../images/skin/map_icon.png');
    position: absolute;
    top: 0;
    cursor: pointer;
}
.contact_detail li .to_map:hover {
    background-position-y: bottom;
}
li.map0 .to_map {
    right: -159px;
}
li.map1 .to_map {
    right: -132px;
}
li.map2 .to_map {
    right: -155px;
}
.contact_detail li a {
    color: #444;
}
.contact_detail li a:hover {
    color: #fb9f00;
}

/* ================== */

.contact_feedback {
    width: 3000px;
    height: 620px;
    position: absolute;
    left: 50%;
    margin: -30px 0 0 -160px;  
    bottom: 36px;
}
.comment {
    position: relative;
}
.comment h3 {
    font-family: Impact;
    font-size: 72px;
    line-height: 72px;
    color: #fff;
    font-weight: bold;
}
.comment h5 {
    width: 600px;
    color: #fff;
    line-height: 23px;
    margin: 6px 0 0 0;  
}
.comment h3:first-child,
.comment h5 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.comment .comment_main h3,
.comment .comment_main h5 {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.comment_main {
    width: 100%;
    height: 250px;
    margin-top: 30px; 
    position: relative;
}
.comment_main i {
    width: 100%;
    height: 130%;
    display: block;
    background: #fb9f00;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .8;
    z-index: 0;
}
.comment_main .col0 {
    float: left;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 99;
}
.comment_middle .col0 {
    left: 35px;
    top: 35px;
}
.comment_large .col0 {
    left: 50px;
    top: 50px;
}
.comment_main .col1 {
    float: left;
    position: absolute;
    left: 320px;
    top: 20px;
    z-index: 99;
}
.comment_middle .col1 {
    left: 360px;
    top: 35px;
}
.comment_large .col1 {
    left: 470px;
    top: 50px;
}
.comment_main .col0 li {
    margin-bottom: 4px;
    position: relative;
}
.comment_large .col0 li {
    margin-bottom: 7px;
}
.comment_main .col0 span {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    text-align: center;
    right: 10px;
    top: 4px;
    color: #c91521;
    border: 1px solid #c91521;
    border-radius: 8px;
    cursor: default;
}
#frmInput_1 span {display:block; float:left; }
#zd1_msg{width:264px; margin:0 auto;}
#zd2_msg{width:264px; margin:0 auto;margin-top:20px;}
#zd3_msg{width:264px; margin:0 auto;margin-top:40px;}
#zd4_msg{width:264px; margin:0 auto;margin-top:60px;}
#validateCode_msg {width:264px; margin:0 auto;margin-top:110px; }
.comment_small .col0 span {
    top: 4px;
}
.comment_middle .col0 span {
    top: 6px;
}
.comment_large .col0 span {
    top: 9px;
}
.comment_main input {
    width: 250px;
    height: 20px;
    padding: 2px 6px; 
    line-height: 20px;
    background: #fff;
    border: 1px solid #bfbfbf;
}
.comment_middle input {
    width: 271px;
    height: 20px;
    padding: 4px 7px; 
    line-height: 20px;
}
.comment_large input {
    width: 356px;
    height: 24px;
    padding: 6px 8px; 
    line-height: 24px;
}
.comment_main  textarea {
    font-size: 13px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
    line-height: 20px;
    background: #fff;
    border: 1px solid #bfbfbf;
}
.comment_small textarea {
    width: 250px;
    height: 50px;
    max-width: 250px;
    max-height: 50px;
    padding: 2px 6px; 
    line-height: 20px;
    background: #fff;
}
.comment_middle textarea {
    width: 273px;
    height: 90px;
    max-width: 273px;
    max-height: 90px;
    padding: 2px 6px; 
}
.comment_large textarea {
    width: 360px;
    height: 130px;
    max-width: 360px;
    max-height: 130px;
    padding: 2px 6px; 
}
.comment_main .col0 h5 {
    width: 105px;
    position: absolute;
    right: 3px;
    bottom: 6px;
    font-size: 12px;
    color: #fb9f00;
}
.comment_main .col1 h3 {
    font-size: 24px;
    line-height: 24px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
    font-weight: bold;
    padding: 0 0 10px 0;
}
.comment_main .col1 h5 {
    width: 100%;
    font-size: 36px;
    line-height: 36px;
    font-family: "微软雅黑", "Microsoft YaHei", "宋体";
    font-weight: bold;
    padding: 0 0 20px 0;
}
.comment_large .col1 h5 {
    padding: 0 0 40px 0;
}
.comment_main .col1 li {
    width: 19%;
    border: 1px solid #fff;
    float: left;
    text-align: center;
    color: #fff;
    margin: 0 8px 8px 0; 
    position: relative;
    cursor: pointer;
}
.comment_large .col1 li {
    width: 20%;
    margin: 0 14px 14px 0; 
}
.service_item div {
    width: 97%;
    height: 100%;
    padding: 6px 0; 
    border: 2px solid #fff;
    border-color: rgba(255, 255, 255, 0);
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.comment_large .service_item div {
    padding: 9px 0; 
}
.comment_main .col1 li:hover div {
    border-color: rgba(255, 255, 255, 1);
}
.service_item span {
    width: 60px;
    display: block;
    margin: 0 auto;
    line-height: 16px;
}
.comment_large .service_item span {
    line-height: 19px;
}
.service_item input {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 97%;
    height: 100%;
    display: block;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.service_item em {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 12px;
    display: block;
    z-index: 1;
    /*background: url(/images/skin/check.png) right bottom;*/
    display: none;
}
.send_btn a {
    width: 100px;
    height: 30px;
	float:right;
    line-height: 33px;
    display: block;
    background: #fff;
    color: #fb9f00;
    font-weight: bold;
    width: 100px;
    font-size: 18px;
    text-align: center;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
	cursor:pointer;
}
.send_btn:hover a {
    background: #bcbcbc;
}

/* CSS hack */
.contact_lite {
    border: 0;
}
.contact_icon {
    position: relative;
}
.contact_icon a {
    background: #dadada;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.contact_icon a:hover {
    background: #c91521;
}
.foot_inner {
    display: none;
}
.contact_qr_code {
    position: absolute;
    left: -46px;
    top: -148px;
    z-index: 999;
    opacity: 0;
    box-shadow:         0 0 6px 3px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0);
    -ms-box-shadow:     0 0 6px 3px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 6px 3px rgba(0, 0, 0, 0);
    -o-box-shadow:      0 0 6px 3px rgba(0, 0, 0, 0);
}
.contact_qr_code i {
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    border-bottom: 0 solid #fff;
    position: absolute;
    left: 52px;
    top: 125px;
    z-index: 10;
}
.contact_qr_code span {
    width: 0; 
    height: 0; 
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #b5b5b5;
    position: absolute;
    left: 58px;
    top: 133px;
    z-index: 9;
}
.contact_qr_code em {
    width: 132px;
    height: 132px;
    display: block;
    border: 1px solid #b5b5b5;
}
.sidebar {
    display: block;
    bottom: 100px;
}

.news_wrap{width:1200px; margin:auto; overflow:hidden;}
#news_list{width:1215px; overflow:hidden;}
#news_list li{float:left; width:390px; height:408px; margin:0 15px 34px 0; background:#fff; -webkit-animation:gfadeIn 0.6s 0.8s both; -moz-animation:gfadeIn 0.6s 0.8s both; animation:gfadeIn 0.6s 0.8s both;}
#news_list li:nth-of-type(2){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
#news_list li:nth-of-type(3){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
#news_list li:nth-of-type(4){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
#news_list li:nth-of-type(5){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
#news_list li:nth-of-type(6){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
#news_list li:nth-of-type(7){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
#news_list li:nth-of-type(8){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
#news_list li:nth-of-type(9){-webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; animation-delay:2.4s;}
#news_list li:nth-of-type(10){-webkit-animation-delay:2.6s; -moz-animation-delay:2.6s; animation-delay:2.6s;}
#news_list li:nth-of-type(11){-webkit-animation-delay:2.8s; -moz-animation-delay:2.8s; animation-delay:2.8s;}
#news_list li a{display:block; height:100%;}
#news_list li picture{display:block; height:238px; width:100%; overflow:hidden;}
#news_list li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li div{position:relative; height:130px; padding:20px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li h2{margin-bottom:5px; color:#333; font-size:18px; font-weight:normal;}
#news_list li p{height:70px; color:#999; font-size:12px; overflow:hidden; line-height:1.8;}
#news_list li span{position:absolute; bottom:20px; left:20px; color:#999;}
#news_list li a:hover div{background:#fb9f00;}
#news_list li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li a:hover h2, #news_list li a:hover p, #news_list li a:hover span{color:#fff;}
#news_list li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}


#news_list li.first{position:relative; width:795px;}
#news_list li.first picture{width:100%; height:100%;}
#news_list li.first div{position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7);}
#news_list li.first h2{color:#fff;}
#news_list li.first p{width:70%; color:#bbb;}
#news_list li.first span{color:#ddd;}

.news{width:1200px; margin:0 auto 50px; -webkit-animation:gfadeIn 0.6s 0.6s both; -moz-animation:gfadeIn 0.6s 0.6s both; animation:gfadeIn 0.6s 0.6s both;}
.news h1{margin-bottom:10px; color:#333; font-size:24px; line-height:36px; font-weight:normal;}
.news span{margin-right:34px; color:#999;}
.news .con_news{margin-top:20px; padding:46px 96px 70px; background:#fff; -webkit-box-shadow:0 0 4px #e2e2e2;-moz-box-shadow:0 0 4px #e2e2e2;box-shadow:0 0 4px #e2e2e2;}
.news .con_news h1{margin-bottom:10px; color:#333; font-size:36px; line-height:72px; font-weight:normal; text-align:center; border-bottom:1px dashed #e2e2e2; margin-bottom:20px;}
.news .con_news img{/*max-width:100%; margin-bottom:20px; */display:block; margin:0 auto; padding-bottom:20px;}
.news .con_news p{color:#666; font-size:16px; line-height:1.8; margin-bottom:20px; text-indent:2em;}
.news .bdsharebuttonbox{float:right; margin-top:30px; overflow:hidden;}
.news .bdsharebuttonbox em{float:left; line-height:28px;}

.fenx{width:100%;margin:0 auto;padding-bottom:20px;border-top:1px dashed #d2d2d2;margin-top:40px;position:relative;}
.fenx li{padding-left:16px;background:url(../images/icon_news.png) no-repeat center left;}
.fenx li a{font-size:16px;line-height:30px;color:#454545;}
.fenx li a:hover{text-decoration:none; color:#fb9f00;}
.p_28{color:#fb9f00;font-weight:500;line-height:50px;font-size:18px;margin-top:6px;}
.fx{overflow:hidden;margin-top:20px;}
.bdfx{float:left;}
.p_30{display:block;float:left;font-size:12px;color:#999999;line-height:28px;}

.a_22{display:block;width:120px;height:40px;font-size:16px;color:#fff;line-height:40px;text-align:center;position:absolute;right:0;bottom:20px;background-color:#fb9f00;border-radius:5px 5px 5px 5px;}
.a_22:hover{color:#fff;}
.p_33{width:1020px;margin:0 auto;font-size:16px;color:#333333;line-height:36px;margin-top:30px;}


.pagination{padding:30px 0; text-align:right;}
.pagination a{display:inline-block; width:40px; height:40px; margin:0 5px; background:#e2e2e2; color:#333; font-size:16px; line-height:40px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pagination a:hover, .pagination a.act{background:#fb9f00; color:#fff;}

.marketing_focus{position:relative; width:100%; min-width:1200px; -webkit-animation:gfadeIn 1s 0.4s both; -moz-animation:gfadeIn 1s 0.4s both; animation:gfadeIn 1s 0.4s both;}
.marketing_focus img{width:100%; vertical-align:top;}
.marketing_web{min-width:1200px; margin:auto; padding:100px 0; background:#f8f8f8; overflow:hidden; background:url(../images/br_02.jpg) no-repeat;}
.marketing_web .sec1200{width:1200px; margin:auto;}
.marketing_web .sec1200 .pic{float:right; margin-left:0;}
.marketing_web .sec1200 .art{margin-top:110px; float:left; margin-left:100px; width:422px;}
.marketing_web .sec1200 .art h2{color:#333; font-size:36px; line-height:54px}
.marketing_web .sec1200 .art p{height:120px; margin-top:36px; line-height:24px;}
.marketing_web .sec1200 .art a{width:148px; height:48px; border:2px solid #999; display:block; margin-top:34px; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; line-height:48px;}
.marketing_web .sec1200 .art a:hover{color:#fff;background:#fb9f00; border:2px solid #e39000;}

.marketing_activity{width:1200px; margin:100px auto; overflow:hidden;}
.marketing_activity .pic2{float:right;}
.marketing_activity .art2{margin-top:90px; float:left; margin-left:72px; width:465px;}
.marketing_activity .art2 h2{color:#333; font-size:36px;}
.marketing_activity .art2 p{margin-top:36px; line-height:24px;}
.marketing_activity .art2 a{width:148px; height:48px; border:2px solid #999; display:block; margin-top:50px; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; line-height:48px;}
.marketing_activity .art2 a:hover{color:#fff;background:#fb9f00; border:2px solid #e39000;}


.marketing_app{min-width:1200px; margin:auto; padding:100px 0; background:#f8f8f8; overflow:hidden; background:url(../images/wechat/wechat_bg2.png) no-repeat center center; height:521px;}
.marketing_app .sec1200{width:1200px; margin:auto;}
.marketing_app .sec1200 .pic3{float:left; margin-left:25px;}
.marketing_app .sec1200 .art3{margin-top:100px; float:right; margin-right:100px; width:422px;}
.marketing_app .sec1200 .art3 h2{color:#fff; font-size:36px; line-height:54px;}
.marketing_app .sec1200 .art3 p{margin-top:36px; line-height:24px;color:#fff;}
.marketing_app .sec1200 .art3 img{display:block; margin-top:80px;}
.marketing_app .sec1200 .art3 a{width:148px; height:48px; border:2px solid #999; display:block; margin-top:50px; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; line-height:48px;}
.marketing_app .sec1200 .art3 a:hover{color:#fff;background:#fb9f00; border:2px solid #e39000;}

.marketing_wechat{width:1200px; text-align:center; margin:100px auto; overflow:hidden;}
.marketing_wechat h2{color:#333; font-size:36px; line-height:54px;}
.marketing_wechat p{height:100px; margin-top:36px; line-height:24px;}


.wechatTop_5{width:1024px;height:486px;margin:0 auto;}
.wechatTop_5 ul{padding:93px 0 0 2px;}
.wechatTop_5 li{width:170px;float:left;padding-bottom:56px;}
.wechatTop_5 li span{padding-top:46px;font:700 18px/48px Microsoft yahei;text-align:center;color:#333;display:block;}
.wechatTop_5 li p{font:12px/18px Microsoft yahei;color:#a4a4a4;text-align:center;}
.wechatTop_5 li span.icon1{background:url(../images/wechat/icon1.gif) 64px 0 no-repeat;}
.wechatTop_5 li span.icon2{background:url(../images/wechat/icon1.gif) -115px 0 no-repeat;}
.wechatTop_5 li span.icon3{background:url(../images/wechat/icon1.gif) -297px 0 no-repeat;}
.wechatTop_5 li span.icon4{background:url(../images/wechat/icon1.gif) -469px 0 no-repeat;}
.wechatTop_5 li span.icon5{background:url(../images/wechat/icon1.gif) -655px 0 no-repeat;}
.wechatTop_5 li span.icon6{background:url(../images/wechat/icon1.gif) -836px 0 no-repeat;}
.wechatTop_5 li span.icon7{background:url(../images/wechat/icon1.gif) 66px -190px no-repeat;}
.wechatTop_5 li span.icon8{background:url(../images/wechat/icon1.gif) -115px -192px no-repeat;}
.wechatTop_5 li span.icon9{background:url(../images/wechat/icon1.gif) -297px -192px no-repeat;}
.wechatTop_5 li span.icon10{background:url(../images/wechat/icon1.gif) -472px -192px no-repeat;}
.wechatTop_5 li span.icon11{background:url(../images/wechat/icon1.gif) -658px -190px no-repeat;}
.wechatTop_5 li span.icon12{background:url(../images/wechat/icon1.gif) -830px -194px no-repeat;}

/* Wide banner */
/*=============================================================*/
.wide_banner {
    overflow: hidden;
    padding-top: 87px;
    position: relative;
} 
.wide_banner img {
    float: left;
}
/* Wide banner end */
.inner1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.inner1160 {
    width: 1160px;
    margin: 0 auto;
    position: relative;
}