.mobile-phone{background:url(../images/allbgs.png) no-repeat 0px 0px;height:20px;padding-left:14px;}

.ewm-s{background:url(../images/allbgs.png) no-repeat 0px -20px;height:20px;padding-left:22px;}

.wx{background:url(../images/allbgs.png) no-repeat 0px -40px;height:25px;padding-left:27px;}

.txwb{background:url(../images/allbgs.png) no-repeat 0px -65px;height:25px;padding-left:27px;}

.xlwb{background:url(../images/allbgs.png) no-repeat 0px -90px;height:25px;padding-left:27px;}

.link{background:url(../images/allbgs.png) no-repeat 0px -115px;height:32px;padding-left:34px;}

.phone-white{background:url(../images/allbgs.png) no-repeat 0px -147px;height:40px;padding-left:44px;}

.phone-black{background:url(../images/allbgs.png) no-repeat 0px -187px;height:35px;padding-left:36px;}

.play{background:url(../images/allbgs.png) no-repeat 0px -234px;height:48px;padding-left:50px;}

.four{background:url(../images/allbgs.png) no-repeat 0px -282px;height:96px;padding-left:83px;}





body{

	 font: 14px / 1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

}



.container{ 

	max-width: 1230px;

	width: 100%;

	padding: 0 15px;

}



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{

	margin: 0;

	padding: 0;

}



ul,li,p,h3,h1{

	margin: 0;

	padding: 0;

	list-style: none;

}



a:hover{

	text-decoration: none;

}



a:focus,a:active,a:visited{

	outline: none;

	text-decoration: none;

}



/*div:after{

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}*/



.header{

	display: block;

	position: relative;

	width: 100%;

}



.header-info{

	display: block;

	width: 100%;

	height: 33px;

	line-height: 33px;

	border-bottom: 1px solid #eee;

	color: #666;

}



.header-info .l{

	display: block;

	float: left;

}



.header-info .l .time{

	padding-right: 10px;

}



.header-info .header-r{

	display: block;

	float: right;

}



.header .header-r ul li{

	display: block;

	float: left;

	text-align: center;

	background: url(../images/line.png) no-repeat right center;

}



.header .header-r ul li:last-child{

	background: none;

}



.header .header-r ul li a{

	display: block;

	color: #666;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

	padding: 0 10px;

}



.header .header-r ul li a:hover{

	color: #b90002;

}



.header .header-r ul li.last{

	padding-top: 7px;

	position: relative;

	line-height: 1;

}



.header .header-r ul li.last a{

	padding-right: 0;

}





.header .header-r ul li.last img{

	display: none;

	position: absolute;

	width: 110px;

	height: 110px;

	padding: 5px;

	top:30px;

	right:-5px;

	z-index: 30;

}



.header .header-r ul li i{

	display: inline-block;

}



.header-box{

	height: 100px;

    overflow: hidden;

}



.header-box .logo{

	display: block;

	float: left;

	margin-top: 15px;

}



/*.header-box .logo img{

	max-width: 100%;

}*/



.header-box .tex{ border-left:1px solid #dcdcdc; padding-left:20px;

    display: block;

    float: left;

    font-size: 18px;

    color: #666;

    margin: 23px 0 0 20px;

}



.header-box .phone{

	display: block;

	float: right;

	margin: 30px 10px 0 0;

}



.header-box .phone i{

	display: block;

	float: left;

	margin-right: 11px;

    margin-top: 3px;

}



.header-box .phone .num{

	display: block;

	float: left;

}



.header-box .phone .num p{

	display: block;

	line-height: 1;

	font-size: 15px;

}



.header-box .phone .num h3{

	display: block;

	line-height: 1;

	font-size: 22px;

	color: #b90002;

	font-family: "DINPro", Arial;

	margin-top: 4px;

}



.header-box .phone .num h3 span{

	display: inline-block;

	margin-right: 11px;

}



.header-box .share{

	display: block;

	float: right;

	margin-top: 46px;

}



.header-box .share a{

	display: inline-block;

	margin-left: 8px;

}



.nav-toggle{

	display: none;

	float: right;

	position: relative;

	margin-top: 36px;

	border-radius: 4px;

}



.nav-toggle:hover{

	background-color: #f4f4f4;

}



.nav-toggle span{

	display: block;

    width: 36px;

    height: 3px;

    background-color: #b90002;

    margin-bottom: 10px;

}



.nav-toggle span:last-child{

	margin-bottom: 0;

}



.nav{

	display: block;

	width: 100%;

	background-color: #b90002;

}



.nav.fixed{

	position: fixed;

	width: 100%;

	top:0px;

	z-index: 999999;

	background-color: #b90002;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}


.nav-fixed .nav-box{
	
	display: block;

	padding:0 15px 0 15px;

}



.nav-fixed .nav-box li {

	padding-right: 0;

	background: none;

}



.nav-fixed .nav-box li a{

	font-size: 16px;

}



.nav-box li{

	display: block;

	width: 9.09%;

	position: relative;

	float: left;

	text-align: center;

	line-height: 56px;

	color: #fff;

	font-size: 18px;

	padding-right: 1px;

	background: url(../images/nav-line.png) no-repeat right center;

}



.nav-box li>a{

	display: block;

	color: #fff;

	transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

}



.nav-box li.active>a,.nav-box li:hover>a{

/*	background-color: #b90002;
*/
}



.nav-box li dl{

	display: none;

	position: absolute;

	background-color: #fff;

	border: 1px solid #ccc;

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    z-index: 30;

    width: 150px;

    left:50%;

    margin-left: -75px;

    top:55px;

    border-radius: 4px;

    padding: 5px 0px;

}



.nav-box li dl dd{

	display: block;

	height: 41px;

	line-height: 40px;

	font-size: 16px;

	border-bottom: 1px solid #efefef;

	text-align: center;

}



.nav-box li dl dd:last-child{

	border-bottom: none;

}



.nav-box li dl .arrow{

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-bottom: 8px solid #fff;

	top:-16px;

	left: 50%;

	margin-left: -8px;

}



.nav-box li dl dd a{

	color: #333;

}



.nav-box li dl dd a:hover{

	color: #b90002;

}



.banner{

	display: block;

	margin: 0 auto;

}



.banner .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{

	margin: 0 auto;

	width: 100%;

}



.carousel-indicators{

	bottom: 0px;

}



.carousel-indicators li{

	margin: 0 4px;

	width: 14px;

	height: 14px;

	border:2px solid #fff;

}



.carousel-indicators .active{

	width: 14px;

	height: 14px;

	margin: 0 4px;

	background-color: #fff;

}



.bussiness{

	display: block;

	margin-top: 4.5%;

}



.bussiness ul{

	display: block;

}



.bussiness li{

	padding: 0 2.4%;

}



.bussiness li img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

	border-radius: 50%;

	border:2px solid #999;

	transition: 0.3s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

}



.bussiness li p{

	display: block;

	text-align: center;

	margin-top: 10%;

	font-weight: bold;

	font-size: 18px;

	color: #444;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.bussiness li:hover img{

	transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

}



.bussiness li:hover p{

	color: #b90002;

}



.unified{

	display: block;

	margin-top: 4.5%;

}



.unified-header{

	display: block;

	clear: both;

	text-align: center;

}



.unified-header h3{

	display: block;

	font-size: 34px;

	color: #333;

	font-weight: bold;

}



.unified-header .line{

	display: block;

	width: 103px;

	height: 2px;

	border-bottom:1px solid #ddd;

	margin: 10px auto;

}



.unified-header .line span{

	display: block;

	position: relative;

	width: 30px;

	height: 3px;

	background-color: #b90002;

	margin: -2px auto 0;

}



.unified-header p{

	display: block;

	line-height: 1;

	font-size: 18px;

	color: #666;

	text-transform: uppercase;

	font-family: "Simsun";

}



.case-type{

	display: block;

	margin-top: 2.5%;

}



.case-type ul{

	display: block;

	text-align: center;

	margin: 0 -1%;

}



.case-type ul li{

	display: inline-block;

	margin: 0 0.5% 1.6% 0.5%;

}



.case-type ul li>a{

	display: block;

	width: 117px;

	height: 46px;

	text-align: center;

	line-height: 44px;

	border: 1px solid #ddd;

	border-radius: 4px;

	font-size: 16px;

	color: #333;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.case-type ul li:hover>a{

	color: #fff;

	background-color: #b90002;

	border: 1px solid #b90002;

}



.case-type ul li.active>a{

	color: #fff;

	background-color: #b90002;

	border: 1px solid #b90002;

}



.case-body{

	display: none;

	width: 100%;

	margin: 0.9% auto 0;

	overflow: hidden;

}



.case-body.on{

	display: block;

}



.case-body ul{

	display: block;

	margin: 0 -1%;

}



.case-body li{

	display: block;

	padding: 0 1%;

}



.case-body li>a{

	display: block;

	position: relative;

}



.case-body li>a>img{ 
	display: block;

	width: 100%;


}



.case-body li>p{ overflow:hidden;

	display: block;

	height: 56px;

	line-height: 56px;

	text-align: center;

	font-size: 16px;

	color: #444;

}



.case-body li>p a{

	display: block;

	color: #444;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}





.case-body li:hover>p a{

	background-color: #2e3b44;

	color: #fff;

}



.case-body li a .text-bg{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: 0;

	filter:alpha(opacity=0);

	top:0;

	z-index: 10;

	transition: 0.3s ease-in;

	-o-transition: 0.3s ease;

	-ms-transition: 0.3s ease;

	-moz-transition: 0.3s ease;

	-webkit-transition: 0.3s ease;

}



.case-body li a .text{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	padding: 0 30px;

	top:0;

	z-index: 12;

	opacity: 0;

	filter:alpha(opacity=0);

	transition: 0.3s ease;

	-o-transition: 0.3s ease;

	-ms-transition: 0.3s ease;

	-moz-transition: 0.3s ease;

	-webkit-transition: 0.3s ease;

}



.case-body li:hover .text-bg{

	opacity: 0.6;

	filter:alpha(opacity=60);

}



.case-body li:hover .text{

	opacity: 1;

	filter:alpha(opacity=100);

}



.case-body li a .text p{

	display: block;

	position: relative;

	top:50%;

	margin-top: -36px;

	line-height: 24px;

	color: #fff;

	text-align: center;

}



.advantage-body{

	display: block;

	margin-top: 2.5%;

	overflow: hidden;

	clear: both;

}



.advantage-body .intro li{

	display: block;

	margin-bottom: 4.6%;

}


/*
.advantage-body .intro .list1{

	margin-left: 150px;

}



.advantage-body .intro .list2{

	margin-left: 78px;

}



.advantage-body .intro .list3{

	margin-left: 18px;

}



.advantage-body .intro .list4{

	margin-left: 118px;

}
*/


.advantage-body .intro li h3{

	display: block;

	height: 34px;

	line-height: 34px;

	font-size: 28px;

}



.advantage-body .intro li h3 a{

	color: #333;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.advantage-body .intro li h3 a:hover{

	color: #b90002;

}



.advantage-body .intro li h3 span{

	display: block;

	float: left;

	width: 76px;

	height: 34px;

	text-align: center;

	color: #fff;

	margin-right: 17px;

	background: url(../images/advantage_bg.png);

}



.advantage-body .intro li p{

	display: block;

	line-height: 22px;

	color: #666;

	padding-left: 16px;

	margin-top: 3%;

}



.advantage-body .pic img{

	display: block;

	max-width: 100%;

	height: auto;

	margin: 0 auto;

}



.why{

	display: block;

	width: 100%;

}



.why-header{

	display: block;

	position: relative;

}



.why-header img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



.why-header .line{

	display: block;

	position: absolute;

	width: 100%;

	height: 2px;

	top:44%;

	margin-top: -1px;

	background-color: #df4829;

	z-index: -1;

}



.why-body{

	display: block;

	margin-top: 2.5%;

}



.why-body li{

	display: block;

	padding: 0 2.5%;

	text-align: center;

	border-right:1px dashed #e3e2e2;

}



.why-body li:last-child{

	border-right: none;

}



.why-body h3{

	display: block;

	font-size: 18px;

	color: #333;

	font-weight: bold;

}



.why-body p{

	display: block;

	margin-top: 12%;

	color: #666;

	line-height: 22px;

}



.why-body img{

	display: block;

	width: 100%;

	max-width: 173px;

	padding: 9px;

	border: 1px solid #dfdede;

	border-radius: 50%;

	margin: 30% auto 0;

}



.video-body{

	display: block;

	width: 100%;

	margin: 2.5% auto 0;

	overflow: hidden;

	clear: both;

}



.video-body ul{

	display: block;

	margin: 0 -1%;

}



.video-body li{

	display: block;

	padding: 0 1%;

	overflow: hidden;

}



.video-body li>a{

	display: block;

	position: relative;

}



.video-body li>a img{

	display: block;

	width: 100%;

	height: auto;

}



.video-body li>a .play{

	display: block;

	position: absolute;

	left:50%;

	margin-left: -24px;

	top:50%;

	margin-top: -24px;

	z-index: 5;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.video-body li a .text-bg {

    display: block;

    position: absolute;

    width: 100%;

    height: 35px;

    background-color: #000;

    opacity: 0.6;

    filter: alpha(opacity=60);

    bottom: 0;

    z-index: 10;

    transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.video-body li a .text{

    display: block;

    position: absolute;

    width: 100%;

    height: 35px;

    padding: 0 12%; 

    bottom: 0;

    z-index: 10;

    transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

    text-align: center;

}



.video-body li a .text h3{

	display: block;

	line-height: 35px;

	color: #fff;

	font-size: 16px;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.video-body li a .text p{

	display: block;

	line-height: 20px;

	color: #fff;

	margin-top: 10%;

}



.video-body li a .text span{

	display: inline-block;

	width: 124px;

	height: 38px;

	border: 1px solid #fff;

	line-height: 36px;

	text-align: center;

	color: #fff;

	margin-top: 10%;

	border-radius: 20px;

}



.video-body li a:hover .play{

	display: none;

}





.video-body li a:hover .text-bg{

	height: 100%;

}



.video-body li a:hover .text{

	height: 100%;

	padding-top: 10%;

}



.news-body{

	display: block;

	margin-top: 2.5% ;

	overflow: hidden;

	clear: both;

}



.news-body .news-group{

	display: block;

	margin: 0 -2%;

}



.news-body .group{

	display: block;

	padding: 0 2%;



}



.news-body .group-header{

	height: 23px;

	line-height: 23px;

}



.news-body .group-header h3{

	display: block;

	float: left;

}



.news-body .group-header a{

	display: block;

	float: right;

	width: 65px;

	height: 23px;

	background-color: #a1a1a1;

	color: #fff;

	text-align: center;

	line-height: 23px;

	border-radius: 10px;

	margin-top: 2px;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.news-body .group-header a:hover{

	background-color: #b90002;

}



.news-body .group-body{

	display: block;

	margin-top: 5%;

}



.news-body .group-body li{

	display: block;

	height: 50px;

	line-height: 50px;

	border-bottom: 1px dashed #e3e2e2;

}



.news-body .group-body li.pic{

	height: auto;

	display: block;

	border-bottom: none;

	overflow: hidden;

}



.news-body .group-body li.pic img{

	width: 100%;

	height: auto;

	border:1px solid #e3e2e2;

	transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

}



.news-body .group-body li.pic:hover img{

	transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-webkit-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

}



.news-body .group-body li .col-xs-9{

	color: #333;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.news-body .group-body li .col-xs-3{

	color: #666;

	text-align: right;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.news-body .group-body li:hover .col-xs-3,.news-body .group-body li:hover .col-xs-9{

	color: #e13815;

}



.progress-type{

	display: block;

	margin-top: 2.5%;

	width: 100%;

	text-align: center;

	background-color: #f1f1f1;

}



.progress-type li{

	display: inline-block;

	width: 143px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	color: #333;

	font-size: 16px;

	cursor: pointer;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.progress-type li.active{

	background-color: #b90002;

	color: #fff;

}



.progress-body{

	display: none;

	margin-top: 2.5%;

}



.progress-body.on{

	display: block;

}



.progress-body img{

	width: 100%;

	height: auto;

}



.friend-link {

	display: block;

	width: 100%;

	border-top: 1px solid #ccc;

}



.friend-link .tit{

	display: block;

	float: left;

	width: 241px;

	margin-top: 28px;

	height: 32px;

	line-height: 32px;

}



.friend-link .tit i{

	display: block;

	float: left;

	margin-right: 10px;

}



.friend-link .tith3{

	display: block;

	font-size: 22px;

	color: #666;

}





.friend-link .friend-link-body{ height:92px;

	display: block;

	overflow: hidden;

	border-left: 1px solid #ccc;

	padding-bottom: 20px;

}



.friend-link .friend-link-body li{

	display: block;

	float: left;

	line-height: 1;

	margin: 20px 15px 0 15px;

}



.friend-link .friend-link-body li a{

	color: #666;

	font-weight: normal;

	font-size: 16px;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.friend-link .friend-link-body li a:hover{

	color: #b90002;

}



.footer{

	display: block;

	width: 100%;

	background-color: #1f2229;

}



.footer-body{

	display: block;

	overflow: hidden;

	padding-bottom: 10px;

}



.footer .logo{ 
	display: block;

	float: left;

	width: 161px;

/*	background-color: #fff;*/

	border-radius: 0px 0px 10px 10px;

	padding:54px 0 0 0;

}



.footer .logo img{

	display: block;

	margin-left: 6px;

}



.footer .info{

	display: block;

	float: left;

	margin: 42px 0px 0 2%;

	color: #fff;

}



.footer .info .tit{

	display: block;

	line-height: 1;

	font-size: 18px;

}



.footer .info .text{

	display: block;

	font-size: 15px;

	line-height: 35px;

	margin-top: 19px;

}



.footer .ewm{

	display: block;

	float: left;

	margin:42px 0 0 6%;

}



.footer .ewm img{

	display: block;

	width: 145px;

	height: 145px;

}



.footer .ewm p{

	display: block;

	font-size: 15px;

	color: #fff;

	text-align: center;

	margin-top: 8px;

}



.footer .solution{

	display: block;

	float: right;

	width: 290px;

	margin-top: 40px;

}



.footer .solution .phone{

	display: block;

	height: 39px;

	line-height: 39px;

	margin-bottom: 16px;

}



.footer .solution .phone i{

	display: block;

	float: left;

	margin-right: 2px;

}



.footer .solution .phone h3{

	display: block;

	color: #fff;

	height: 36px;

	line-height: 36px;

	font-size: 30px;

}



.footer .solution input{

	display: block;

	clear: both;

	width: 189px;

	height: 25px;

	background-color: #fff;

	padding: 2px 10px;

	line-height: 21px;

	color: #666;

	outline: none;

	border: none;

	margin:0 0 10px 0px;

}



.footer .solution .submit{

	display: block;

	width: 189px;

	height: 34px;

	border-radius: 4px;

	background-color: #b90002;

	font-size: 16px;

	color: #fff;

	box-shadow: 0 2px 2px #333;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.footer .solution .submit:hover{

	background-color: #dd2a05;

}



.footer-info{

	display: none;

	width: 100%;

	height: 43px;

	background-color: #13161c;

}



.footer-info p{

	display: block;

	text-align: center;

	color: #fff;

	font-size: 15px;

	line-height: 43px;

}



.banner-inside{

	display: block;

	width: 100%;

	height: auto;

}



.banner-inside img{

	display: block;

	width: 100%;

	height: auto;

}



.unfied2{

	display: block;

	margin-top: 4%;

	overflow: hidden;

	clear: both;

}



.unfied-header2 h3{

	display: block;

	line-height: 1;

	font-size: 40px;

	font-weight: bold;

	text-align: center;

}



.unfied-header2.black h3{

	color: #333;

	background: url(../images/tit-bg1.png) no-repeat center;

}



.unfied-header2.white h3{

	color: #fff;

	background: url(../images/tit-bg2.png) no-repeat center;

}



.company-intro-body{

	display: block;

	margin-top: 4%;

}



.company-intro-body .text{

	padding-left: 1%;

}



.company-intro-body .text h3{

	display: block;

	font-size: 22px;

	color: #333;

}



.company-intro-body .text .line{

	display: block;

	width: 102px;

	height: 2px;

	background-color: #b90002;

	margin-top: 14px;

}



.company-intro-body .text p{

	display: block;

	font-size: 15px;

	color: #555;

	line-height: 27px;

	margin-top: 20px;

}



.company-intro-body .text a{

	display: block;

	width: 124px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	color: #fff;

	background-color: #b90002;

	margin-top: 28px;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.company-intro-body .text a:hover{

	background-color: #d83f1f;

}



.company-intro-body .pic{

	padding-right: 2%;

	text-align: right;

}



.company-intro-body .pic img{

	display: inline-block;

	margin: 0 auto;

	max-width: 100%;

}





.culture{
	background-position:center center;

	display: block;

/*	-webkit-background-size: cover;

	background-size: cover;
	
	background-attachment:fixed;
*/
	background-repeat: no-repeat;

	padding-top: 4%;

}



.culture-body{

	display: block;

	overflow: hidden;

	padding: 2% 0;

	margin: 5% 0%;

	background-image:  url(../images/culture-bg.png);

	-webkit-background-size: cover;

	background-size: cover;
	
	background-attachment:fixed;

	background-repeat: no-repeat;
 } 





.culture-body li{

	display: block;

	float: left;

	padding: 0 4%;

	color: #fff;

	margin: 3.5% 0;

}



.culture-body li h3{

	display: block;

	font-size: 22px;

}



.culture-body li .line{

	display: block;

	width: 100%;

	height: 1px;

	border-top:1px dashed #717272;

	margin-top: 8px;

}



.culture-body li p{

	display: block;

	font-size: 15px;

	margin-top: 8px;

}



.team-body{

	display: block;

	margin-top: 4%;

	overflow: hidden;

	clear: both;

}



.team-body ul{

	display: block;

	margin: 0 -1.1%;

}



.team-body li{

	padding: 0 1.1%;

	margin-bottom: 1.5%;

}



.team-body li img{

	width: 100%;

	height: auto;

}



.team-body li p{

	display: block;

	height: 48px;

	line-height: 48px;

	text-align: center;

	color: #333;

	position: relative;

	z-index: 10;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.team-body li a{

	display: block;

	position: relative;

}



.team-body li a .bg{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: 0;

	filter: alpha(opacity=0);

	z-index: 5;

	top:0;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.team-body li a:hover p{

	color: #fff;

}



.team-body li a:hover .bg{

	opacity: 0.5;

	filter: alpha(opacity=50);

}



.ys{

	display: block;

}



.ys-body{

	display: block;

	overflow: hidden;

	padding: 6% 0 5% 0;

	margin: 0 -6%;

}



.ys-body li{

	display: block;

	padding: 0 4%;

	text-align: center;

}



.ys-body li a{

	display: block;

}



.ys-body li i{

	display: inline-block;

	width: 174px;

	height: 174px;

	border: 3px solid #b90002;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	transition: 0.6s;

    -o-transition: 0.6s;

    -ms-transition: 0.6s;

    -moz-transition: 0.6s;

    -webkit-transition: 0.6s;

}



.ys-body .list1 i{

	background: #fff url(../images/ys1.png) no-repeat center;

}



.ys-body .list2 i{

	background: #fff url(../images/ys2.png) no-repeat center;

}



.ys-body .list3 i{

	background: #fff url(../images/ys3.png) no-repeat center top 53px;

}



.ys-body .list4 i{

	background: #fff url(../images/ys4.png) no-repeat center;

}



.ys-body li a:hover i{

	transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

}



.ys-body li h3{

	display: block;

	font-size: 22px;

	color: #333;

	margin-top: 16%;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}



.ys-body li a:hover h3{

	color: #b90002;

}



.ys-body li .line{

	display: block;

	height: 1px;

	border-top: 1px dashed #948680;

	margin-top: 7%;

}



.ys-body li p{

	display: block;

	line-height: 22px;

	color: #666;

	margin-top: 6%;

}



.develop{

	display: block;

	padding-top: 4%;

	background-image: url(../images/culture-bg.jpg);

	-webkit-background-size: cover;

	background-size: cover;
	
	background-attachment:fixed;

	background-repeat: no-repeat;

}



.develop-body{

	display: block;

	margin-top: 8%;

}



.develop-body .toggle-tit{

	display: none;

}



.develop-body-t{

	position: relative;

	display: block;

	text-align: center;

}



.develop-body-t .line{

	display: block;

	position: absolute;

	width: 1200px;

	height: 20px;

	background-color: #eee;

	top: 7px;

	z-index: 1;

	left:50%;

	margin-left: -600px;

}



.develop-body-t ul{

	font-size: 0;

}



.develop-body-t li{

	display: inline-block;

	position: relative;

	width: 54px;

	margin: 0 1.2%;

	z-index: 2;

}





.develop-body-t li span{

	display: inline-block;

	width: 33px;

	height: 33px;

	border-radius: 50%;

	-ms-border-radius: 50%;

	-webkit-border-radius: 50%;

	border:6px solid #b90002;

	background-color: #fff;

	cursor: pointer;

	z-index: 5;

}





.develop-body-t li.active span{

	background-color: #b90002;

}



.develop-body-t li p{

	display: block;

	position: absolute;

	text-align: center;

	font-size: 24px;

	color: #fff;

	top: 50px;

}



.develop-body-t li p.t{

	top:-50px;

}



.develop-body-t li .arrow{

	display: none;

	position: absolute;

	width: 0;

	height: 0;

	border: 24px solid transparent;

	border-bottom: 24px solid #b90002;

	top:158px;

}



.develop-body-t li.active .arrow{

	display: block;

}



.develop-body-b{

	display: none;

	margin-top: 173px;

	background-color: #b90002;

	padding: 86px 20px;

	text-align: center;

}



.develop-body-b.on{

	display: block;

}





.develop-body-b h3{

	font-size: 28px;line-height: 1.6;

	font-weight: bold;

	color: #fff;

}



.develop-body-b .lctxt{

	display: block;

	font-size: 18px;

	color: #eee;

	line-height: 1.6;

	margin-top: 24px;

}



/*.certificate-body{

	display: block;

	overflow: hidden;

	clear: both;

	margin-top: 4%;

}



.certificate-body ul{

	display: block;

	margin: 0 -1.4%;

}



.certificate-body li{

	padding: 0 1.4%;

	margin-bottom: 1.5%;

}



.certificate-body li a{

	display: block;

	position: relative;

	border:1px solid #eee;

}



.certificate-body li span{

	display: table-cell;

	background: url(../images/honor-bg.png) no-repeat center top;

	padding: 8px 8px 20px 8px;

	-webkit-background-size: 100%,100%;

	background-size: 100%,100%;

}



.certificate-body li span img{

	display: block;

	width: 100%;

	height: auto;

	padding-top: 1.5%;

}



.certificate-body li p{

	display: block;

	padding-top: 3%;

	line-height: 50px;

	text-align: center;

	color: #333;

	position: relative;

	font-size: 16px;

	z-index: 10;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}





.certificate-body li a:hover p{

	color: #b90002;

}*/



.join .unfied-header2{

	display: block;

	/*padding: 8% 0;

	background: url(../images/join-bg.jpg) no-repeat center;

	-ms-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;*/

}



.join-body{

	display: block;

	width: 40%;

	margin: 2.5% auto;

}



.join-body li{

	display: block;

	overflow: hidden;

	clear: both;

	margin-bottom: 4.5%;

	line-height: 34px;

}



.join-body li label{ 
	font-size: 16px;

	color: #333;

	font-weight: normal;

	text-align: right;

	padding-right: 10px;

	line-height: 36px;

}



.join-body li input{

	display: block;

	height: 36px;

	line-height: 34px;

	padding: 3px 10px;

	color: #666;

	/*border-radius: 4px;*/

	outline: none;

	border: 1px solid #ddd;

	/*background-color: #f5f5f5;*/

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.join-body li textarea{

	display: block;

	height: 100px;

	padding: 2px 10px;

	color: #666;

	resize: none;

	border: 1px solid #ddd;

	outline: none;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.join-body li textarea:focus{

	background-color: #f1f1f1;

}



.join-body li input:focus{

	background-color: #f1f1f1;

}



.join-body li .submit{

	display: block;

	width: 117px;

	height: 41px;

	margin: 0 auto;

	font-size: 16px;

	color: #fff;

	background-color: #b90002;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.join-body li .submit:hover{

	background-color: #db3614;

}



.main{

	display: block;

	margin: 2.2% auto 3%;

}



.content-box{

	display: block;

	margin: 0.9% auto;

}



.case-body.service{

	display: block;

	width: 100%;

	max-width: 1230px;

	margin: 0 auto;

}



.case-type.subnav ul li{

	position: relative;

}



.case-type.subnav ul li a{

	width: 150px;

}



.case-type.information ul li:hover>a{

	color: #333;

	background: none;

	border: 1px solid #ddd;

}



.case-type.information ul li:hover>a i{

    border-top: 6px solid #333;

}



.case-type.information ul li.active:hover>a{

	color: #fff;

	background-color: #b90002;

	border: 1px solid #b90002;

}





.case-type.subnav ul li a i{

	display: inline-block;

	position: relative;

	width: 0;

	height: 0;

	border: 6px solid transparent;

	border-top: 6px solid #333;

	top:3px;

	margin-left: 6px;

}



.case-type.subnav ul li:hover a i{

	border-top: 6px solid #fff;

}



.case-type.subnav ul li.active a i{

	border-top: 6px solid #fff;

}



.case-type.information ul li:hover>a i{

    border-top: 6px solid #333;

}



.case-type.information ul li.active:hover>a i{

    border-top: 6px solid #fff;

}



.case-type.subnav ul li dl{

	display: none;

	position: absolute;

	background-color: #fff;

	border-radius: 4px;

	top:46px;

	border: 1px solid #ccc;

	width: 150px;

	z-index: 20;

	padding: 5px 0 0;

	border-top: none;

	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}



.case-type.subnav ul li dl dd{

	display: block;

	height: 34px;

	line-height: 34px;

}



.case-type.subnav ul li dl dd a{

	display: block;

	color: #333;

}



.case-type.subnav ul li dl dd a:hover{

	color: #fff;

	background-color: #b90002;

}





.case-show-body{

	display: block;

	float: left;

	width: 81%;

	padding-right: 2%;

}



.case-show-body li{

	display: none;

}





.case-show-body li.on{

	display: block;

}



.case-show-body li img{

	display: block;

	width: 100%	;

	height: auto;

	border: 2px solid #333;

	padding: 3px;

}



.case-show .thumb {

	display: block;

	float: right;

	width: 19%;

}



.case-show .thumb li{

	display: block;

	margin-bottom: 2%;

	cursor: pointer;

}



.case-show .thumb li img{

	width: 100%;

	height: auto;

	padding: 2px;

	border: 1px solid #333;

}



.case-intro-header{

	display: block;

	position: relative;

	height: 39px;

	margin: 60px 0;

	background-color: #f1f1f1;

}



.case-intro-header h3{

	display: block;

	position: absolute;

	width: 173px;

	height:109px;

	background: url(../images/case-detail.png) 0 0 no-repeat;

	top:-32px;

	text-align: center;

	font-size: 30px;

	color: #b90002;

	font-weight: bold;

	padding-top: 20px;

}



.case-intro-header .wztle{ float:left; margin-left:200px; height:39px; line-height:39px; font-size:18px; color:#b90002;}



.case-intro-body {

	display: block;

	line-height: 22px;

	color: #666;

}



.case-intro-body b{

	color: #333;

}



.case-intro-body p{

	margin-bottom: 1.5em;

}



.news-center{

	display: block;

}



.news-center li{

	padding: 1.5% 0;

	display: block;

	overflow: hidden;

	clear: both;

	border-bottom: 1px dashed #ccc;

}



.news-center li a{

	display: block;

}



.news-center li .pic{

	display: block;

	float: left;

}



.news-center li .pic img{

	width: 100%;

	height: auto;

}



.news-center li .text{

	display: block;

	overflow: hidden;

	padding-left: 3%;

}



.news-center li .text h3{

	display: block;

	white-space: nowrap;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	font-size: 16px;

	color: #333;

}



.news-center li .text h3 a{

	color: #333;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.news-center li .text h3 a:hover{

	color: #b90002;

}



.news-center li a:hover .text p{

	color: #206ab1;

}



.news-center li .text p{

	line-height: 24px;

	color: #666;

	margin-top: 2%;

	max-height: 72px;

	overflow: hidden;

}



.news-center li .text>a{

	display: block;

	width: 120px;

	height: 30px;

	line-height: 30px;

	background-color: #b90002;

	color: #fff;

	text-align: center;

	margin-top: 2%;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.news-center li .text>a:hover{

	background-color: #cf3414;

}



.artical-header{

	display: block;

	text-align: center;

	padding-bottom: 1.8%;

	border-bottom: 1px dashed #ccc;

}



.artical-header h3{

	font-size: 26px;

	line-height: 1.5em;

}



.artical-header p{

	display: block;

	margin-top: 1%;

}



.artical-header p span{

	display: inline-block;

	margin: 0 10px;

}



.artical-body{ overflow: hidden;

	display: block;

	padding-top: 2%;

	line-height: 22px;

	color: #333;

}



.artical-body p{

	margin-bottom: 1.5em;

}



.artical-body img{

	max-width: 100%;

	height: auto;

	margin: 0 auto;

}



.artical-footer{

	display: block;

	padding-top: 1.8%;

	border-top: 1px dashed #ccc;

	margin-top: 3%;

}



.artical-footer .choose-artical a{

	display: block;

	line-height: 30px;

	color: #333;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.artical-footer .choose-artical a:hover{

	color: #206ab1;

}



.share .jiathis_style {

	float: right;

	padding-top: 3%;

}



.share .jiathis_style .jiathis_counter.jiathis_bubble_style{

	width: 36px !important;

}



.recommended .case-body{

	max-width: 1200px;

	overflow: hidden;

	display: block;

}



.recommended .case-body ul{

	display: block;

	margin: 0;

}



.recommended .case-body ul li{

	display: block;

	width: 320px;

}



.recommended .case-body ul li img{

	width: 100%;

}



.gotop{

	display: block;

	position: fixed;

	bottom:102px;

	right:20px;

	z-index: 100;

	width: 50px;

	height: 50px;

	background: #b90002 url(../images/go-top.png) no-repeat center;

	opacity: 0.8;

	line-height: 50px;

	text-align: center;

	color: #fff;

	font-size: 40px;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.gobottom{

	display: block;

	position: fixed;

	bottom:50px;

	right:20px;

	z-index: 100;

	width: 50px;

	height: 50px;

	opacity: 0.8;

	line-height: 50px;

	text-align: center;

	background: #b90002 url(../images/go-bottom.png) no-repeat center;

	transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

}



.gotop:hover,.gobottom:hover{

	opacity: 1;

	color: #fff;

}



.gotop:focus,.gobottom:focus{

	color: #fff;

}





.case-body.information{

	display: none;

}



.case-body.information.show-box{

	display: block;

}



/*.subnav.information li:hover>a{

	color: #333;

    border: 1px solid #ddd;

    background: none;

}



.subnav.information ul li:hover a i{

    border-top: 6px solid #333;

}*/



.unfied-header2 p{

	display: block;

	margin-top: 16px;

	color: #333;

	text-align: center;

	font-size: 17px;

}



.contact-us-body{

	display: block;

	margin-top: 2%;

}



.contact-us-body .way{

	display: block;

	line-height: 2em;

	font-size: 18px;

}



.contact-us-body .way p{

	margin: 10px 0;

}



.contact-us-body .way ul{

	display: block;

	clear: both;

	overflow: hidden;

}







.contact-us-body .map{

	display: block;

	padding-top: 2%;

}



.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.BMapLabel{max-width: none}



.contact-us-body .route{

	display: block;

	margin-top: 2%;

	color: #333;

	line-height: 2em;

	overflow: hidden;

	font-size: 18px;

	text-align: center;

}



.contact-us-body .route p{

	margin: 10px 0 30px 0;

}



.contact-us-body .wx-ewm{

	display: block;

	text-align: center;

	font-size: 24px; line-height:2;

	color: #333;

}



.contact-us-body .wx-ewm img{

	display: inline-block;

	max-width: 100%;

}



.contact-us-body .wx-ewm p{

	display: block;

}



.contact-us-body .wx-ewm p span{

	color: #b90002;

	font-size: 30px;

}



#map{

	position: relative;

	top:-40px;

}


@media screen and (max-width: 1260px) and (min-width: 992px) {


	.footer-body .ewm{

		display: none;

	}

	.video-body li a .text p{

		display: none;

	}

}





@media screen and (max-width: 1060px) and (min-width: 992px) {

	.header-box .phone{

		display: none;

	}



	.case-body li:hover .text{

		display: none;

	}



	.footer-body .info{

		display: none;

	}



	.footer-body .ewm{

		display: block;

	}

}


@media screen and (max-width: 1200px) {
	
	.nav-box.container{

		padding: 0;

	}

	.nav-box li>a{
		font-size: 16px;
	}

	.nav-box li dl dd{
		font-size: 15px;
	}
}


@media screen and (max-width: 992px) {

	.nav-toggle{

		display: block;

	}

	.nav-box li{
		background: none;
	}

	.header-box .phone{

		display: none;

	}

	.header-box .share{

		display: none;

	}

	.nav{

		display: none;

		position: absolute;

		top:122px;

		width: 300px;

		right:0;

		z-index: 100;

		background-color: rgba(25,101,174,0.95);

	}


	.nav li{

		display: block;

		width: 100%;

		line-height: 50px;

		height: auto;

		border: 1px solid #ccc;

		border-width: 0px 0px 1px 0;

	}



	.nav li:last-child{

		border-bottom: none;

	}



	.nav li a{

		padding-left: 30px;

		text-align: left;

	}



	.nav li a i{

		display: inline-block;

		float: right;

		width: 0;

		height: 0;

		border: 6px solid transparent;

		border-top: 6px solid #fff;

		margin: 22px 30px 0 0;

	}



	.nav li dl{

		position: static;

		margin: 0;

		border-radius: 0;

		background-color: #fff;

		width: 100%;

	}



	.nav li dl .arrow{

		display: none;

	}



	.nav li dl dd{

		font-size: 15px;
		text-align: left;

	}



	.bussiness li{

		margin-bottom: 3.5%;

	}



	.why-body li{

		margin-bottom: 6%;

	}



	.video-body li{

		margin-bottom: 3%;

	}



	.video-body li a .text p{

		display: block;

	}



	.case-body li:hover .text-bg{

		display: block;

	}



	.case-body li:hover .text{

		display: block;

	}

	

	.footer-body .info{

		display: none;

	}



	.news-body .group{

		margin-bottom: 4%;

	}



	.news-body .group-body{

		margin-top: 3%;

	}



	.why-body img{

		margin-top: 10%;

	}



	.advantage-body{

		margin-top: 6%;

	}



	.company-intro-body .text{

		margin-top: 6%;

	}



	.company-intro-body .text h3{

		text-align: center;

	}



	.company-intro-body .text .line{

		margin: 14px auto 0;

	}



	.ys-body li{

		margin-bottom: 8%;

	}



	.culture-body li{

		width: 33.333%;

	}



	.case-show-body{

		width: 100%;

		padding-right: 0;

	}



	.case-show .thumb{

		width: 100%;

		margin-top: 3%;

	}



	.case-show .thumb ul{

		display: block;

		margin: 0 -1%;

	}



	.case-show .thumb li{

		width: 25%;

		float: left;

		padding: 0 1%;

	}



	.news-center li .text>a{

		display: none;

	}



	.develop-body-t{

		display: none;

	}



	.develop-body .toggle-tit{

		display: block;

		width: 100%;

		height: 50px;

		background-color: #444;

		text-align: center;

		line-height: 50px;

		font-size: 20px;

		color: #fff;

		border-bottom: 2px solid #b90002;

		cursor: pointer;

	}



	.develop-body .toggle-tit .arrow{

		display: inline-block;

		position: relative;

		width: 0;

		height: 0;

		border: 8px solid transparent;

		border-top: 8px solid #fff;

		top:4px;

		margin-left: 10px;

	}



	.develop-body-b{

		margin-top: 0;

		padding: 40px 20px;

	}



	.develop-body-b:nth-child(1){

		display: block;

	}



	.company-intro-body .pic img{

		text-align: center;

	}

	

	#map{

		top:0px;

	}

}	



@media screen and (max-width: 760px){

	body{
		padding-top: 75px;
	}

	.header{
		display: block;
		position: fixed;
		top:0;
		background-color: #fff;
		z-index: 9999;
		border-bottom: 1px solid #ccc;
	}

	.header-info{

		display: none;

	}

	.header-box .tex{

		display: none;

	}

	.nav{

		top:89px;

	}



	.progress-type li{

		height: 46px;

		border-bottom: 1px solid #fff;

		border-right: 1px solid #fff;

	}

	.footer-body .ewm{
		display: block;
		float: right;
	}

	.footer-body .solution{
		display: none;
	}

	.footer-body .logo{
		display: none;
	}

	.footer .ewm{

		float: none;
		margin: 40px auto 0;
		width: 100%;
		text-align: center;

	}

	.footer .ewm img{
		display: inline-block;
	}

	.news-center li .text p{
		max-height: 48px;
	}

	.news-center li .text h3{
		font-size: 16px;
	}
	
	.gotop{
		width: 30px;
		height: 30px;
		bottom: 52px;
		right:5px;
		-webkit-background-size: 20px 10px;
		background-size: 20px 10px;
	}

	.gobottom{
		width: 30px;
		height: 30px;
		bottom:20px;
		-webkit-background-size: 20px 10px;
		background-size: 20px 10px;
		right:5px;
	}
}





@media screen and (max-width: 640px){
	body {
    padding-top: 0;
}
.header{ position:relative;}
	.container{ 

	padding: 0 10px;

}


	.nav{

		top:75px;

		width: 180px;

	}
.header-box .tex{ line-height:20px; text-align:left;display:block; margin:20px 0 10px 10px;font-size: 12px; padding-left:8px; height:40px; float:left;color: #666;}
.header-box .tex strong{ font-weight:normal; }
	.header-box .logo{ padding:12px 0; }
	.header-box .logo img{

		height: 26px;

	}




	.case-type{

		margin-top: 4.5%;

	}



	

	.friend-link{

		display: none;

	}



	.footer{
		margin-top: 3%;
	}


	.advantage-body li{

		margin-left: 0 !important;

	}



	.why-header img{

		max-width: 90%;

	}





	.case-body li:hover .text{

		display: none;

	}



	.header-box{

		height: auto;

		padding-bottom: 10px;

	}



	.nav-toggle{

		margin-top: 26px;

	}



	.nav-toggle span{

		height: 2px;

		width: 30px;

		margin-bottom: 8px;

	}



	.carousel-indicators{

		display: none;

	}



	.unfied2{

		margin-top: 8%;

	}



	.ys,.culture{

		padding-top: 8%;

	}



	.join-body{

		width: 80%;

	}

	

	.culture-body li{

		width: 50%;

	}



	.artical-header{

		display: block;

		text-align: center;

		padding-bottom: 4%;

		border-bottom: 1px dashed #ccc;

	}



	.artical-header p{

		display: block;

		margin-top: 3%;

	}



	.artical-body {

	    padding-top: 4%;

	    line-height: 28px;

	    font-size: 16px;

	}



	.content-box{

		margin-top: 4.5%;

	}



	.case-intro-body{

		font-size: 16px;

	}

	



	.news-center li .text{

		padding-left: 5%;

	}



	.news-center li{

		padding: 4% 0;

	}



}



@media screen and (max-width: 590px){


	.video-body li a .text p{

		display: none;

	}



	.case-type ul br{

		display: none;

	}


}



@media screen and (max-width: 490px){

		

	.bussiness li p{

		font-weight: normal;

		font-size: 16px;

	}



	.why-body h3{

		font-weight: normal;

		font-size: 24px;

	}



	.video-body li>a .play{

		display: none;

	}



	.video-body li a .text span{

		display: none;

	}



	.footer-info p{

		font-size: 14px;

	}



	.unified{

		margin-top: 8%;

	}



	.case-body{

		margin-top: 4.5%;

	}



	.why-body{

		margin-top: 4.5%;

	}



	.video-body{

		margin-top: 4.5%;

	}



	.news-body{

		margin-top: 4.5%;

	}



	.progress-type{

		margin-top: 4.5%;

	}

	

	.ys-body li{

		width: 100%	

	}

	

	.unfied2{

		margin-top: 10%;

	}



	.main{

		margin: 5% auto;

	}



	.ys,.culture{

		padding-top: 10%;

	}



	.company-intro-body,.culture-body,.team-body,.ys-body,.certificate-body,.join-body{

		margin-top: 10%;

	}



	.company-intro-body .text h3{

		font-size: 20px;

	}



	.company-intro-body .pic{

		margin-top: 8%;

	}

	

	.ys-body li h3{

		margin-top: 8%;

	}



	.ys-body li{

		margin-bottom: 12%;

	}



	.join-body{

		width: 90%;

	}



	.unified-header h3{

		font-size: 28px;

		font-weight: normal;

	}



	.unfied-header2 h3{

		font-size: 28px;

		font-weight: normal;

	}



	.culture-body li{

		width: 100%%;

	}



	.case-type ul li a{

		width: 90px;

		font-size: 14px;

		height: 40px;

		line-height: 40px;

	}



	.case-type.subnav ul li dl{

		top:40px;

	}



	.progress-type li{

		width: 104px;

		font-size: 14px;

		height: 40px;

		line-height: 40px;

	}

	

	.news-center li .text p{

		max-height: 24px;

	}



	.advantage-body .intro li h3{

		font-size: 24px;

	}

	

	.develop{

		padding-top: 10%;

	}



	.develop-body{

		margin-top: 10%;

	}


   .culture{ background:#b90002;}
   .develop-body-b .container { padding:0;}

  .develop-body-b h3{ font-size:24px;}

}





.pagenation{ overflow:hidden; text-align:center;line-height:24px; padding:10px 0 40px 0; margin:30px 0px 0 0px;}



.pagenation .a1{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #ccc;border-radius:5px;}
.videozs{ overflow:hidden; width:80%; margin:0 auto; padding-top:20px;}
.videozs iframe{ width:100%; height:540px; }

@media screen and (max-width:1000px){
.videozs iframe{ width:100%; height:450px; }
}

@media screen and (max-width: 720px){
.videozs iframe{ width:100%; height:300px; }

}


@media screen and (max-width: 640px){
.videozs iframe{ width:100%; height:240px; }

}

@media screen and (max-width: 480px){
.videozs iframe{ width:100%; height:200px; }

}