@charset "utf-8";

@font-face {
	font-family: 'Gotham-Bold';
	src : url('../fonts/Gotham-Bold.otf');
}

body{margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px; background: #fff  repeat top left;
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
font-weight: 400;
	font-size: 15px;
	color: darkgray;}
 
 
*{ margin:0; padding:0; list-style:none;*zoom:1; font-family: "微软雅黑", "Microsoft YaHei";}
a{text-decoration : none;cursor: pointer;}
fieldset,img{border: none;}
input:focus{outline:none;}
textarea:focus{outline:none;}
select:focus{outline:none;}
i{font-style: normal;}
video::-webkit-media-controls-fullscreen-button {
   display: none;
}

*{
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}
a:link, a:visited {
    color: #808080;
}
.fl{float: left;}
.fr{float: right;}
.header{
	width: 100%;
	float: left;
	height: 95px;
}
.logo{
	float: left;
	margin-left: 100px;
	margin-top: 20px;
}
.nav{
	float: right;
	position: relative;
}
.nav li{
	float: left;
	margin-right: 42px;
	position: relative;
}
.nav li a{
	font-size: 14px;
	color: #0d0d0d;
	line-height: 90px;
}
 


 


.nav_sub{
	width: 545px;
	background: #f2f3f7;
	position: absolute;
	top: 65px;
	left: -50px;
	padding: 20px 40px;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s;
	z-index: 9;
}
.nav_sub.active {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	 
}
.nav_sub2{
	width: 150px;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s;
	z-index: 9;
	padding: 20px 0;
}
 

.nav_sub2  a{
	display: block;
	line-height: 35px !important;
	text-align: center;
	font-size: 14px;
 
	
}
.nav_sub2 a:hover{
	color: #fff;
 
}
 .nav_sub2   a:hover{
 	display: block;
 	line-height: 35px !important;
 	text-align: center;
 	font-size: 14px;
background-color: darkgray;
 
 }
 
 
 
 
.nav_sub_tit{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #323335;
	margin-bottom: 30px;
	font-weight: bold;
}
.nav_sub_con{
	width: 232px;
	float: left;
}
.nav_sub_con h5{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #323335;
	
}
 
.nav_sub_con h5 a{
 line-height: 21px;
 font-size: 16px;
}
.nav_sub_con h5 a:hover{
 line-height: 21px;
 font-size: 16px;
 color: cadetblue;
}


.nav_sub_info{
	font-size: 14px;
	color: #86878b;
	min-height: 60px;
	line-height: 20px;
	width: 155px;
	float: left;
	margin-top: 5px;
}
 

.top_tel{
	float: right;
	line-height: 90px;
	margin-right: 100px;
	font-size: 14px;
	color: #0d0d0d;
}
.border{
	width: 0;
	border-left: 1px solid #cccccc;
	height: 12px;
	display: inline-block;
	margin-right: 18px;
}
.top_tel img{
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
}
.banner{
	width: 100%;
	float: left;
}
.videos{
	width: 100%;
	float: left;
}
.form_mod{
	width: 100%;
    float: left;
    position: relative;
    top: -150px;
}
.form{
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',Direction=0,Strength=10)/*上面有阴影*/
	progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',Direction=90,Strength=10)/*右边有阴影*/
	progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',Direction=180,Strength=10)/*下边有阴影*/
	progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',Direction=270,Strength=10)/*左边有阴影*/;
	box-shadow: 0px 0px 4px #cccccc;
	-webkit-box-shadow: 0 0 4px #cccccc;
    -moz-box-shadow: 0 0 4px #cccccc;
    height: 285px;
    background: #ffffff;
    border-radius: 20px;
    padding: 0px 15px;
}
.form_tit{
	width: 100%;
	float: left;
	margin-top: 36px;
    padding-left: 87px;
    font-size: 36px;
    color: #333;
}
.form_tit i{
	color: #FFA800;
}
.form_con{
	width: 100%;
	float: left;
	margin-top: 36px;
    padding-left: 87px;
}
.from_input_item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    position: relative;
    float: left;
}
.from_input_item span {
    color: red;
    position: absolute;
    font-size: 30px;
    top: 12px;
    left: 10px;
    font-family: "微软雅黑";
}
.from_input_item input{
	padding-left: 25px;
    height: 58px;
    border-radius: 10px;
    outline: none;
    border: 1px solid #999999;
}
.user, .phone {
    width: 210px;
}
.demand {
    width: 435px;
}
.btn {
    display: inline-block;
    width: 92px;
    height: 58px;
    color: #fff;
    background: #005de9;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.form_tel2{
	width: 100%;
	float: left;
	margin-top: 36px;
    padding-left: 87px;
    color: #005de9;
    font-size: 22px;
    line-height: 33px;
}
.form_tel2 img{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 5px;
}
.form_tel2 span{
	color: #999999;
    font-size: 14px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}
.main{
	width: 100%;
	float: left;
	margin-top: -150px;
}
.content{
	width: 1200px;
	margin: 0 auto;
}
.col_tit{
	width: 100%;
	float: left;
	text-align: center;
	margin: 60px 0;
}
.col_tit span{display: inline-block;}
.col_left_tit{
	font-size: 32px;
	font-weight: bold;
	color: #373737;
	vertical-align: middle;
	line-height: 40px;
	margin-top: -5px;
}
.border2{
	width: 0;
    border-left: 1px solid #cccccc;
    height: 30px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    margin: 0 15px;
}
.col_right_tit{
	font-size: 16px;
	color: #7f8082;
	vertical-align: middle;
	line-height: 20px;
	text-align: left;
}
.service{
	width: 1206px;
	float: left;
}
.service_item{
	width: 590px;
    height: 150px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    display: flex;            
	justify-content: center;
	align-items: center;
	padding-right: 0px;
	float: left;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
}
.service li:nth-child(2n){
	margin-right: 0;
}
.service_img{
	width: 105px;
    height: 105px;
    border-radius: 50%;
    box-shadow: 0 0 10px #ddd;
    position: relative;
    margin: 10px 10px 10px 5px;
    float: left;
	margin-top: 20px;
	text-align: center;
	line-height: 105px;
}
.service_img img{
	vertical-align: middle;
	margin-top: -2px;
}
.service_desc{
	width: 452px;
    padding: 20px 0;
    float: left;
}
.service_title{
	display: block;
    font-size: 18px;
    color: #222;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.service_info{
	width: 100%;
    float: left;
	font-size: 14px;
    color: #555;
    line-height: 24px;
}
.service_item a{
	display: block;
}
.service_item:hover{
	background: #333333;
}
.service_item:hover .service_title{
	color: #FFFFFF;
}
.service_item:hover .service_info{
	color: #FFFFFF;
}
.service_item:hover .service_img{
	display: none;
}
.main2{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.col_tit2{
	width: 100%;
	float: left;
	text-align: center;
	margin: 80px 0;
}
.col_tit2 h4{
	width: 100%;
	float: left;
	font-size: 32px;
    font-weight: bold;
    color: #373737;
    line-height: 40px;
    margin-bottom: 15px;
}
.col_tit2 p{
	font-size: 16px;
    color: #7f8082;
    width: 100%;
	float: left;
	line-height: 25px;
}
.col_tit4{
	width: 100%;
	 
	
	margin: 10px 0;
}
.col_tit4 h4{
	width: 100%;
	text-align: center;
	font-size: 32px;
    font-weight: bold;
    color: #373737;
    line-height: 40px;
    margin-bottom: 15px;
}
.col_tit4 p{
	font-size: 16px;
    color: #7f8082;
    width: 100%;
	 
	line-height: 30px;
}



.choose_m{
	width: 100%;
	float: left;
}
.choose_m a{display: block;}
.choose_m img{float: left;}
.coe_a{height: 399px;width: 1200px;margin-bottom: 3px;}
.coe_a_l{float: left;width: 798px;height: 399px;position: relative;}
.coe_a_r{float: right}
.coe_b{height: 399px;width: 1200px;margin-bottom: 3px;}
.coe_b_l{float: left;width: 400px;height: 399px;}
.coe_b_m{float: right;width: 400px;height: 399px;background-color: #ffffff;}
.coe_b_m h3{font-size: 25px;color:#000000;width: 327px;margin: 0 auto;padding-top: 32px;}
.coe_b_m p{font-size: 12px;color:#636362;width: 327px;margin: 0 auto;padding-top:30px;line-height: 22px;}
.coe_b_r{float: right;width: 400px;height: 399px;background-color: #ffffff;}
.coe_b_r h3{font-size: 25px;color:#000000;width: 327px;margin: 0 auto;padding-top: 32px;}
.coe_b_r p{font-size: 12px;color:#636362;padding-top:30px;width: 327px;margin: 0 auto;line-height: 22px;}
.coe_c{width: 100%;height: 400px;}
.coe_c_l{float: left}
.coe_c_r{float: right;width:801px;height: 400px;position: relative; }
.coe_d{position: absolute;display:none;width: 100%;height:100%;top: 0;left: 0;background-color: #211b19;filter:alpha(opacity=70);opacity: 0.7}
.coe_d h3{font-size: 25px;color:#ffffff;width: 327px;padding-top: 32px;padding-left: 50px;}
.coe_d p{font-size: 12px;color:#c2c3c3;width: 327px;padding-top:30px;line-height: 22px;padding-left: 50px;}
.coe_e{position: absolute;display:none;width: 100%;height:100%;top: 0;left: 0;background-color: #211b19;filter:alpha(opacity=70);opacity: 0.7}
.coe_e h3{font-size: 25px;color:#ffffff;width: 327px;padding-top: 32px;padding-left: 50px;}
.coe_e p{font-size: 12px;color:#c2c3c3;width: 327px;padding-top:30px;line-height: 22px;padding-left: 50px;}

.fangan_list{
	width: 100%;
	float: left;
}
.fangan_list li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 30px;
}
.fangan_list li:nth-child(3n){
	margin-right: 0;
}
.fangan_list li a{display: block;}
.fangan_list .fa_img{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
}
.fangan_list .fa_img img{
	width: 100%;
	float: left;
	-webkit-transition: all .36s ease;
    -o-transition: all .36s ease;
    -moz-transition: all .36s ease;
    transition: all .36s ease;
}
.fa_info{
	width: 100%;
	float: left;
	line-height:25px;
	padding: 0px 10px;
	position: relative;
}
.fa_info h5{
	width: 100%;
	float: left;
	font-size: 18px;
	color: #222222;
}
.fa_info p{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #545454;
}
.fa_ico{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
}
.fa_ico i{
	width: 28px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.fa_ico i.fa_ico1{
	background: url(../images/icon2.jpg) no-repeat;
}
.fa_ico i.fa_ico2{
	background: url(../images/icon3.jpg) no-repeat;
	margin-top: -2px;
}
.fangan_list li:hover .fa_img img{
	transform: scale(1.1);
}
.fangan_list li:hover .fa_info h5{
	color: #005DE9;
}
.fangan_mord{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
.fangan_mord a{
	width: 250px;
	line-height: 70px;
	font-size: 24px;
	color: #373737;
	border: 1px solid #cdcdcd;
	border-radius: 20px;
	display: block;
	margin: 0 auto;
}
.fangan_mord a:hover{
	border: 1px solid #005DE9;
	color: #005DE9;
}
.main3{
	width: 100%;
	float: left;
	background: url(../images/index_bg.jpg) no-repeat;
	padding: 150px 0;
	margin-top: 40px;
}
.number{
	width: 100%;
	float: left;
}
.number li{
	width: 33.33%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	border-right: 1px solid rgba(255,255,255,0.2);
	padding: 60px 0;
}
.number li:nth-child(3n){
	border-right:0px;
}
.number li span{
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: bold;
}
.number li span h2{
	font-size:74px;
	display: inline-block;
}
.number li:first-child{
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.number li:nth-child(2){
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.number li:nth-child(3){
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.partner{
	width: 100%;
	float: left;
	overflow: hidden;
}
.partner li{
	width: 20%;
	float: left;
	height: 200px;
	position: relative;
	padding: 25px 0;
}
.partner li .partner_item{
	display: block;
    width: 100%;
    height: 145px;
    border-left: 1px solid #e6e6e6;
}
.partner li:nth-child(5n +1) .partner_item {
    border-left: 0;
}
.partner li .partner_item a{
	position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 80%;
    height: 200px;
    margin-left: -40%;
    line-height: 200px;
    text-align: center;
}
.partner li.double-item a {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.partner li a img{
	max-width: 145px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .5s linear 10ms;
	transform: translateY(-50%) rotateY(0deg);
	vertical-align: middle;
}
.partner li:first-child,.partner li:nth-child(2),.partner li:nth-child(3),.partner li:nth-child(4),.partner li:nth-child(5){border-top: 0;}
.partner li a:hover img{
	max-width: 150px;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	transform: translateY(-50%) rotateY(360deg);
}
.dot{
	position: absolute;
    display: block;
    width: 2px;
    height: 2px;
    background: #e6e6e6;
}
.lt-dot {
    left: 0;
    top: 0;
}
.lb-dot {
    left: 0;
    bottom: 0;
}
.rt-dot {
    right: 0;
    top: 0;
}
.rb-dot {
    right: 0;
    bottom: 0;
}
.partner li:nth-child(5n +1) .lt-dot, .partner li:nth-child(5n +1) .lb-dot, .partner li:nth-child(5n) .rt-dot, .partner li:nth-child(5n) .rb-dot {
    display: none;
}
.main4{
	width: 100%;
	float: left;
	background: #f6f6f6;
	padding: 130px 0;
	margin-top: 80px;
	padding-top: 100px;
}
.col_tit3{
	width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 50px;
}
.col_tit3 h4 {
    width: 100%;
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #373737;
    line-height: 40px;
}
.col_tit3 i{
	width: 65px;
	display: inline-block;
	border-bottom: 1px solid #cbcbcb;
	vertical-align: middle;
	margin: 0px 25px;
}
.col_tit3 p{
	font-size: 16px;
    color: #7f8082;
    width: 100%;
    float: left;
}
.news{
	width: 100%;
	float: left;
}
.news_mod1{
	width: 32%;
	float: left;
	position: relative;
}
.news_mod1 img{
	height: 474px;
	max-width: 100%;
	float: left;
}
.news_mod1_tit{
	position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.35);
    padding: 15px 20px 15px 25px;
}
.news_mod1_tit span{
	height: 52px;
    padding-right: 30%;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    overflow: hidden;
}
.news_mod1_tit i.icon{
	position: absolute;
    right: 25px;
    top: 40px;
    display: block;
    width: 22px;
    height: 10px;
    transition: all .4s ease-in-out;
    background: url(../images/more-icon1.png) no-repeat center center;
}
.news_mod1 a:hover .news_mod1_tit i.icon{
	right: 15px;
}
.news_mod2{
	width: 32%;
    margin-left: 1.33%;
    float: left;
}
.news_mod2 .item2 {
    margin-bottom: 1.75%;
}
.news_mod2 .item2, .news_mod2 .item3{
	position: relative;
    background: #fff;
    -webkit-transition: all .36s ease;
    -o-transition: all .36s ease;
    -moz-transition: all .36s ease;
    transition: all .36s ease;
}
.item-inner{
	display: block;
	padding: 29px 30px 24px;
	position: relative;
}
.item2 .text-wrap{
    padding-bottom: 19px;
    border-bottom: 1px solid #f3f3f3;
}
.item2 .title {
    font-size: 18px;
    overflow: hidden;
   	margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #323335;
}
.des{
	height: 48px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
}
.date-wrap {
    position: relative;
}
.date {
    font: 12px/1 'Gotham-Book';
    color: #666;
}
.big-date {
    margin: 16px 0 10px;
    font: 36px/1 'Gotham-Bold';
    color: #999;
    display: block;
}
.icon2{
	position: absolute;
    right: 25px;
    top: 30px;
    display: block;
    width: 22px;
    height: 10px;
    transition: all .4s ease-in-out;
    background: url(../images/more-icon2.png) no-repeat center center;
}
.news_mod2 .item2:hover, .news_mod2 .item3:hover{
	background:rgba(0,0,0,0.1);
}
.item3 .date-wrap {
    float: left;
    width: 100px;
    height: 90px;
    border-right: 1px solid #e7e7e7;
}
.item3 .date-wrap .line {
    display: block;
    width: 20px;
    height: 2px;
    margin: 15px 0;
    background-color: #e7e7e7;
}
.item3 .item-inner {
    padding: 30.5px 30px;
}
.item3 .text-wrap {
    position: relative;
    height: 97px;
    margin-left: 100px;
    padding-left: 30px;
}
.item3 .title {
    margin-top: -7px;
    height: 64px;
    line-height: 32px;
    font-weight: normal;
    color: #323335;
}
.item3 .icon2 {
    right: auto;
    left: 30px;
    top: 85px;
    background: url(../images/more-icon2.png) no-repeat center center;
}
.item3 {
    margin-bottom: 2.75%;
}

.footer{
	clear: both;
	width: 100%;
	float: left;
}
.footer .ft_top{ height:300px; background:url(../images/b4.jpg) repeat top;}
.footer .ft_top .row{ width:1180px; overflow:hidden; margin:0 auto;}
.footer .ft_top .ft_tit{ font-size:14px; color:#fff; line-height:14px; line-height:43px; border-bottom:1px solid #808080;}
.footer .ft_top .ft_tit a{ font-size:12px; float:right;color: #808080;}
.footer .ft_top .ft_tit a:hover{ text-decoration:underline;}
.ft_top .lstbox .body{ overflow:hidden; padding-top:26px; }
.ft_top .lstbox ul li{ float:left; width:100%; font-size:12px; color:#9b9b9b; line-height:24px;}
.ft_top .lstbox ul li a:hover{ text-decoration:underline;}
.ft_top .lstbox .body p{ font-size:12px; color:#9b9b9b; line-height:24px;}

.ft_top .w618 .body p{ font-size:12px; color:#9b9b9b; line-height:24px;}
.ft_top .w618 .body { padding-top:12px; height:204px;}

.ft_top .lxwm .body { padding-top:25px;}
.ft_top .lxwm .body div{font-size:12px; color:#b5b5b5; margin-bottom:25px; line-height:31px; height:31px;}
.ft_top .lxwm .body div label{ display:inline-block; width:50px; margin-left:10px;}
.ft_top .lxwm .body div i{ float:left; display:inline-block; width:31px; height:31px;}
.ft_top .lxwm .body div strong{ font-size:16px; color:#e05b2f; font-weight:normal}

.ft_top .lxwm .body div span{ display:block ; float:left ; width:254px;}
.ft_top .lxwm .body div span.lan{ color:#24a6f3}
.ft_top .lxwm .body div i.ico1{ background:url(../images/i3.png) no-repeat center}
.ft_top .lxwm .body div i.ico2{ background:url(../images/i4.png) no-repeat center}
.ft_top .lxwm .body div i.ico3{ background:url(../images/i5.png) no-repeat center}
.ft_top .lxwm .body div i.ico4{ background:url(../images/i6.png) no-repeat center}
.ft_top .lxwm .body div i.ico5{ background:url(../images/i7.png) no-repeat center}

.ft_top .yewudy{ float:left; width:305px; padding-top:20PX;}
.ft_top .womdys{ float:left; width:380px; margin-left:50px;padding-top:20PX;}
.ft_top .w402{ float:left; width:402px; margin-left:43px;padding-top:20PX;}
.ft_top .lxwm{ float:left; width:508px; padding-top:20PX;}
.ft_top .w618{ float:left; width:618px; margin-left:54px;padding-top:20PX;}

.friendlink{ margin-top:4px; border:1px solid #333333; height:137px; border-left:none; border-right:none; background:url(../images/b5.jpg) repeat top;}
.friendlink h1{ font-size:14px; color:#fff; line-height:14px; padding-top:19px;font-weight:normal}
.friendlink P{ padding-top:14px}
.friendlink P a{ font-size:12px; float:left; display:block; margin-right:20px; line-height:24px; color:#9b9b9b; font-weight:normal}
.friendlink P a:hover{ text-decoration:underline}


.address{ height:57px; line-height:57px; background:#242424; font-size:12px; color:#8e8e8e;}
.footer .ft_c{ height:62px; border-top:1px solid #444445; background:#1F1F1F; color:#abacaf; font-size:15px; line-height:62px;}
.footer .ft_c .row{ width:1180px; overflow:hidden; margin:0 auto;}
.footer .ft_c .logo { float:left; margin:0px 33px 0 0;}
.footer .ft_c .logo img{vertical-align: middle;}

.footer .ft_b{ background:#363637; height:312px;  center repeat}
.footer .ft_b .row{ width:1180px; overflow:hidden; margin:0 auto;}
.footer .ft_b .l{ padding-top:118px; float:left; background:url(../images/i12.png) no-repeat 8px 20px;  }
.footer .ft_b .l p{ font-size:12px; line-height:30px; color:#abacaf;}
.footer .ft_b .r{ float:right; overflow:hidden; padding-top:28px;}
.footer .ft_b .r ul{float:left; width:120px; margin-left:40px;}
.footer .ft_b .r ul li{ font-size:12px; line-height:33px; color:#f1f1f1;}
.footer .ft_b .r ul li a:hover{ text-decoration:underline}
.footer a:hover{
	color: #FFFFFF;
}

.fixed-contact-wrap{
	position: fixed;
    right: 30px;
    bottom: 150px;
    width: 60px;
    border-radius: 30px;
    z-index: 99;
    background: #222;
	display: none;
}
.fixed-contact-wrap ul{
	width: 100%;
	float: left;
	margin: 10px 0;
}
.fixed-contact-wrap ul li{
	width: 100%;
	float: left;
	position: relative;
    height: 60px;
}
.fixed-contact-wrap ul li a{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}
.fixed-contact-wrap ul li a span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;             /*flex弹性布局*/
	justify-content: center;
	align-items: center;
	z-index: 100;
	background: #222;
	border-radius: 30px;
}
.fixed_tel{
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 16px;
	color: #FFFFFF;
	width: 0px;
	background: #222222;
	height: 60px;
	border-radius: 30px;
	line-height:60px;
	padding-left: 30px;
	z-index: 99;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: all .4s;
	opacity: 0;
}
.fixed_tel.active2 {
	width: 220px;
	opacity: 1;
}
.fixed_ewm{
	height:150px;
	border-radius: 30px;
	padding-top:20px ;
}
.mobile{
	display: none;
}
.foot_beian{
	width: 100%;
	float: left;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #FFFFFF;
	background: #363637;
}
.foot_beian a:hover{color: #FFFFFF !important;}
.link{
	width: 100%;
	float: left;
	background: #363637;
	padding-bottom: 30px;
	margin-top: -20px;
}
.link_con{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.link_con label{
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 10px;
}
.link a{
	font-size: 12px;
	display: inline-block;
	margin-right:30px;
	margin-top: 15px;
}
.link a:hover{
	color: #FFFFFF;
}

@media only screen and (max-width: 1300px) {
	.logo{margin-left: 50px;}
	.nav li{margin-right: 30px;}
}


@media only screen and (max-width: 1100px) {
	.pc{display: none;}
	.mobile{
		display: block;
	}
	html{
		font-size:42.6667px;	
	}
	@media screen and (max-width: 320px){ 
	  html{
	  	font-size:42.6667px;
	  }
	}
	@media screen and (min-width: 321px) and (max-width: 360px){ 
	  html{
	  	font-size:48px;
	  }
	}
	@media screen and (min-width: 361px) and (max-width: 375px){ 
	  html{
	  	font-size:50px;
	  }
	}
	@media screen and (min-width: 376px) and (max-width: 414px){ 
	  html{
	  	font-size:55px;
	  }
	}
	@media screen and (min-width: 415px) and (max-width: 484px){ 
	  html{
	  	font-size:64px;
	  }
	}
	@media screen and (min-width: 485px) and (max-width: 720px){ 
	  html{
	  	font-size:96px;
	  }
	}
	@media screen and (min-width: 721px) and (max-width: 768px){ 
	  html{
	  	font-size:102px;
	  }
	}
	@media screen and (min-width: 769px) and (max-width: 1080px){ 
	  html{
	  	font-size:144px;
	  }
	}
	@media screen and (min-width: 1080px){ 
	  html{
	  	font-size:144px;
	  }
	}
	/*新设备的rem-vw标准*/
	html{	
		font-size:13.3333333333vw;	
	}
	/*********************移动端********************/
	.m_menu{
		font-size: 14px;
		    width: 29px;
		    text-align: center;
		    position: absolute;
		    top: 2px;
		    left: -38px;
		    line-height: 13px;
	}
	.mobile_header {
		position: fixed;
		background: rgba(255,255,255);
		z-index: 9999;
		top: 0px;
		width: 100%;
		height: 60px;
	}
	.mobile_header1 {
		height: 60px;
		padding: 0 4%;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
		background: #fff;
	}
	.hh{
		height: 100%;overflow: auto;
	}
	.m_logo {
		margin-top: 12px;
		float: left;
	}
	.m_logo img{
		float: left;
	}
	.mobile_nav_right {
		width: 25px;
		height: 16px;
		position: relative;
		cursor: pointer;
		margin-top: 19px;
	}
	.mobile_nav_right.m_active {
		-webkit-animation: rotate 0.5s linear 0s;
		animation: rotate 0.5s linear 0s;
	}
	.mobile_nav_right .line {
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background-color: #000;
		position: absolute;
		left: 50%;
		margin-left: -15px;
	}
	.mobile_nav_right .line {
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background-color: #000;
		position: absolute;
		left: 50%;
		margin-left: -15px;
	}
	.line1 {
		-webkit-transform-origin: 4px 0;
		-ms-transform-origin: 4px 0;
		transform-origin: 4px 0;
	}
	.line2 {
		top: 7px;
	}
	.line3 {
		bottom: 0px;
		-webkit-transform-origin: 1px center;
		-ms-transform-origin: 1px center;
		transform-origin: 1px center;
	}
	.m_active .line1 {
		top: 0px;
	}
	.mobile_nav_right.m_active .line {
		background: #000;
	}
	.mobile_header2 {
		width: 100%;
		padding: 0 3%;
		display: none;
		margin-top:70px;
		position: relative;
	}
	.m_col {
		opacity: 0;
		-webkit-transform: translate(30px, 0);
		-ms-transform: translate(30px, 0);
		transform: translate(30px, 0);
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		position: relative;
	}
	.m_col.animate {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.mobile_header2 ul li {
		border-bottom: 1px solid #dcdcdc;
		font-size: 14px;
		padding: 0 20px;
	}
	.m_tit {
		display: inline-block;
		text-decoration: none;
		width: 80%;
		line-height: 50px;
		color: #000 !important;
		position: relative;
		box-sizing: border-box;
	}
	.m_bg {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 20;
		background-color: #FFFFFF;
		display: none;
		z-index: -1;
	}
	.m_ewmh{
		margin: 20px 0;
		text-align: center;
	}
	.mobile_header2 ul{
		width: 100%;float: left;
	}
	.banner{
		width: 100%;
		float: left;
		background: url(../images/m_banner.jpg) no-repeat;
		background-size: 100%;
		padding-bottom: 0.2rem;
	 
	}
	.banner2{
		width: 100%;
		float: left;
		background: url(../images/m_banner2.jpg) no-repeat;
		background-size: 100%;
		padding-bottom: 3.5rem;
		 
	 
	}
	.banner h1{
		font-weight: normal;
		font-size: 0.8rem;
		color: #FFFFFF;
		width: 100%;
		float: left;
		margin-top: 2.8rem;
		text-align: center;
	}
	.banner span{
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 0.28rem;
		font-size: 0.32rem;
		color: #f8f8f8;
		opacity: 0.8;
		margin-bottom: 0.5rem;
	}
	.banner p{
		width: 90%;
		float: left;
		text-align: center;
		margin-top: 0.4rem;
		font-size: 0.26rem;
		color: #FFFFFF;
		margin-left: 5%;
		line-height: 0.45rem;
	}
	.service{
		width: 100%;
		float: left;
		padding: 0.3rem 0;
		background: #f8f8f8;
	}
	.title{
		width: 100%;
		float: left;
		position: relative;
	}
	.title h4{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 0.66rem;
		color: #373737;
		font-weight: normal;
	}
	.title p{
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 0.05rem;
		font-size: 0.28rem;
		color: #999999;
	}
	.title p span{
		width: 100%;
		float: left;
		text-align: center;
	}
	.title p span img{
		width: 1.5rem;
		display: block;
		margin: 0 auto;
		margin-bottom: 0.05rem;
	}
	.service_list{
		width: 100%;
		float: left;
	}
	.service_list li{
		width: 50%;
		float: left;
		text-align: center;
		margin: 0.2rem 0;
	}
	.service_list li a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.service_list li a span{
		width: 100%;
		float: left;
		text-align: center;
		margin: 0.5rem 0;
	}
	.service_list li a span img{
		height: 1rem;
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	.service_list li a p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 0.28rem;
		color: #373737;
	}
	.advan{
		width: 100%;
		float: left;
		padding: 0.8rem 0;
	}
	.ys_list{
		width: 100%;
		float: left;
		margin: 0.3rem 0;
		padding:0 0.15rem;
	}
	.ys_list li{
		width: 50%;
		float: left;
		height: 2.7rem;
		display: flex;           
		justify-content: center;
		align-items: center;
	}
	.ys_list li span{
		width: 100%;
		float: left;
		text-align: center;
	}
	.ys_list li p{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 0.3rem;
		color: #ffffff;
		margin-top: 0.15rem;
	}
	.ys_list li span img{
		height: 0.5rem;
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	.ys_list li.ys_li1{
		background: url(../images/m_ys_img1.jpg) no-repeat;
		background-size: 100%;
	}
	.ys_list li.ys_li2{
		background: url(../images/m_ys_img2.jpg) no-repeat;
		background-size: 100%;
	}
	.ys_list li.ys_li3{
		background: url(../images/m_ys_img3.jpg) no-repeat;
		background-size: 100%;
	}
	.ys_list li.ys_li4{
		background: url(../images/m_ys_img4.jpg) no-repeat;
		background-size: 100%;
	}
	.partners{
		width: 100%;
		float: left;
	}
	.partners_list{
		width: 100%;
		float: left;
		padding:0 0.1rem;
		margin-top: 0.1rem;
	}
	.partners_list li{
		width: 50%;
		float: left;
		height: 2rem;
	}
	.partners_list li a{
		display: block;
		width: 100%;
		height: 100%;
		display: flex;           
		justify-content: center;
		align-items: center;
	}
	.partners_list li a img{
		max-width: 90%;
		max-height: 1.8rem;
	}
	.intr{
		width: 100%;
		float: left;
		margin-top: 0.5rem;
		padding: 0rem 0.35rem;
	}
	.title2{
		width: 100%;
		float: left;
		font-size: 0.45rem;
		color: #373737;
	}
	.intr_info{
		width: 100%;
		float: left;
		margin-top: 0.2rem;
		font-size: 0.27rem;
		color: #373737;
		text-align: justify;
		line-height: 0.5rem;
	}
	.intr_info p{
		width: 100%;
		float: left;
		margin: 0.1rem 0;
	}
	.intr_info p img{
		width: 100%;
		float: left;
	}
	.news{
		width: 100%;
		float: left;
		margin-top: 0.5rem;
		padding: 0rem 0.35rem;
	}
	.news_more{
		font-size: 0.24rem;
		color: #999999;
		position: absolute;
		top: 0.7rem;
		right: 0.1rem;
	}
	
	.news_list{
		width: 100%;
		float: left;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
	}
	.news_list li{
		width: 100%;
		float: left;
		margin-top: 0.5rem;
	}
	.news_tit{
		width: 100%;
		float: left;
		font-size: 0.32rem;
		color: #222222;
		font-weight: bold;
	}
	
	.news_list2{
		width: 100%;
		float: left;
		margin-top: 0.2rem;
		line-height: 0.8rem;
		margin-bottom: 1rem;
	}
	.news_list2 li{
		width: 100%;
		float: left;
		line-height: 0.6rem;
		margin-top: 0.5rem;
	}
	.news_tit2{
		width: 100%;
		float: left;
		line-height: 0.6rem;
		font-size: 0.32rem;
		color: #222222;
		font-weight: bold;
	}
	
	.news_info{
		width: 100%;
		float: left;
		font-size: 0.26rem;
		color: #222222;
		margin-top: 0.2rem;
		text-align: justify;
	}
	.news_more2{
		width: 100%;
		float: left;
		margin-top: 0.2rem;
	}
	.news_more2 a{
		font-size: 0.28rem;
		color: #327cff;
		float: left;
	}
 
	.news_p{
		width: 100%;
		float: left;
		margin-top: 0.2rem;
	}
	.news_p p{
		width: 100%;
		float: left;
		font-size: 0.26rem;
		margin: 0.05rem 0;
		line-height: 0.4rem;
	}
	.news_p p a{
		color: #545454;
	}
	.foot{
		width: 100%;
		float: left;
		background: #000000;
		padding: 2rem 0;
		text-align: center;
	}
	.bottom{
		position: fixed;
		left: 0;
		bottom: 0;
		line-height: 1rem;
		z-index: 99;
		background: #3f3f3f;
		width: 100%;
	}
	.bottom a{
		width: 50%;
		float: left;
		text-align: center;
		font-size: 0.28rem;
		color: #e9e9e9;
	}
	.border3{
		position: absolute;
		height: 100%;
		border-left: 1px solid #b3b3b3;
		top: 0;
		left: 50%;
		margin-left: -0.5px;
	}
	.m_fh{
		position: fixed;
		right: 0.2rem;
		bottom: 1.3rem;
		display: none;
	}
	.foot_con{
		width: 100%;
		float: left;
		text-align: center;
	}
	.foot_con a{
		display: inline-block;
		margin: 0 0.1rem;
		position: relative;
	}
	.foot_con a img{
		height: 0.6rem;
	}
	.foot_p2{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 0.28rem;
		color: #e9e9e9;
		line-height: 0.5rem;
	}
	.foot_p1{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 0.24rem;
		color: #959595;
		line-height: 0.5rem;
		margin-top: 1rem;
	}
	.m_ewm{
		position: absolute;
		left: -1rem;
		bottom: 1rem;
		width: 4rem;
		display: none;
	}
	.m_ewm img{
		width: 1.6rem;
		height: 1.6rem !important;
		margin-top: 0.1rem;
	}
	.m_ewm span{
		display: inline-block;
		background: url(../images/m_foot_bg.png) no-repeat;
		background-size: 100%;
		width: 1.8rem;
		height: 1.95rem;
	}
	.m_ewm i{
		font-size: 0.28rem;
		color: #e9e9e9;
		display: inline-block;
		vertical-align: middle;
		margin-left: 0.2rem;
		margin-top: -0.8rem;
	}
	.foot_con a:hover .m_ewm{display: block;}

}