@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/}
body{padding:0;padding-top:0.53rem;margin:0;background-color: #000;font:0.14rem/1.4 "Microsoft Yahei","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}
.hidden{ display: none;}
.box130{width:13rem;}
.m-cent{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
ul, li{padding:0;margin:0;list-style-type: none;}
h1,h2,h3,h4,h5,p{margin:0;}
a{text-decoration: none;transition: all 0.15s ease-in 0s;}
img, i{vertical-align: middle;}
/*header*/
header{height:0.53rem;width:100%;background-color:#333;position:fixed;z-index:999;top:0;}
header h1.logo{font-weight:normal;}
header h1.logo i{color:#fff;font-size:0.25rem;line-height: 0.53rem;}
header .nav{margin-right:1.36rem;}
header .nav a{color:#fff;margin-left:0.2rem;display:inline-block;line-height:0.53rem;font-size:0.16rem;position: relative;}
header .nav a:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: #ffcf01;
	transition: all .3s;
}
header .nav a:hover,header .nav a.current{color:#ffcf01;}
header .nav a:hover:before,header .nav a.current:before{
	width: 100%;
	left: 0;
	right: 0;
}
header .en{line-height:0.53rem;}
header .en a{width:0.28rem;height:0.28rem;line-height:0.28rem;background-color:#fff;color:#000;font-size:0.144rem;text-align: center;display:inline-block;}
header .en a::before {
    background: #ffcf01;
}
header .en a:hover, header .en a:focus, header .en a:active {
    color: #000;
}

footer{background-color:#252525;padding:0.8rem 0;}
footer h1.logo{color:#fff;margin:0.2rem 0;animation-delay:0.3s}
footer h1.logo i{font-size:0.32rem;line-height:0.32rem;}
footer .contactus{margin-top:1.3rem;padding-top: 0.2rem;color:#fff;}
footer .contactus p{font-size:0.15rem;line-height:0.25rem;}
footer .company{margin-top:0.6rem;animation-delay:0s}
footer .company p{font-size:0.15rem;line-height:0.324rem;color:#fff;}
footer .qrcode{float:right;}
footer .qrcode p{font-size:0.16rem;color:#999;text-align:center;line-height:0.4rem;}
footer .copyright{height:0.5rem;line-height: 0.5rem;border-top:1px solid #666;text-align: right;font-size:0.14rem;color:#ccc;margin-top:0.45rem;}

.menu-icon-wrapper{display:none;position:absolute;}
.menu-list-wrapper{display:none;}

.main{position:relative;margin-top:0.4rem;overflow:hidden;min-height:9.4rem;}
.main .left{width:100%;padding-right:2.95rem;}

.main .right{width:2.8rem;position:absolute;right:0;top:0;}
.main .right .work{margin-bottom:0.13rem;}
.main .right .work h1{width:100%;background-color:#3f3f3f;line-height:0.34rem;font-size:0.17rem;padding-left:0.28rem;color:#fff;}
.main .right .work .content{padding:0.13rem 0.28rem;background:#333;}
.main .right .work .content img{margin:0.13rem 0;}
.main .right .work .content p{font-size:0.13rem;line-height:0.2rem;color:#fff;}

.main .right .brand{margin-bottom:0.13rem;}
.main .right .brand h1{width:100%;background-color:#3f3f3f;line-height:0.34rem;font-size:0.17rem;padding-left:0.28rem;color:#fff;}
.main .right .brand .list{padding:0.13rem 0.28rem;background:#333;}
.main .right .brand .list a{font-size:0.14rem;line-height:0.28rem;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}
.main .right .brand .list a:hover{padding-left:0.05rem;color:#ffcf01;}
.main .right .brand .list li.more a{font-size:0.13rem;color:#999;line-height:0.4rem;margin-top:0.04rem;display:block;}
.main .right .brand .list li.more a:hover{padding:0;color:#fff;}

.main .right .service{background:#333;padding:0.18rem 0.28rem;margin-bottom:0.13rem;}
.main .right .service h3{font-size:0.14rem;line-height:0.14rem;padding:0.08rem 0;color:#fff;}
.main .right .service li{margin-top:0.2rem;}
.main .right .service li:first-child{margin:0px;}
.main .right .service img{margin-right:0.12rem;margin-top:0.03rem;float:left;}
.main .right .service p{font-size:0.13rem;line-height:0.21rem;color:#fff;float:left;transition: all 0.15s ease-in 0s;}
.main .right .service p:hover{color:#ffcf01;}

.main .right .contactus{margin-bottom:0.13rem;}
.main .right .contactus h1{width:100%;background-color:#3f3f3f;line-height:0.34rem;font-size:0.14rem;font-weight:normal;padding-left:0.28rem;color:#fff;}
.main .right .contactus .list{padding:0.2rem 0.28rem;}
.main .right .contactus .list li{width:50%;float:left;margin:0.05rem 0;}
.main .right .contactus .list li a{font-size:0.13rem;color:#fff;}
.main .right .contactus .list li a span{transition: all 0.15s ease-in 0s;}
.main .right .contactus .list li a:hover span{color:#ffcf01;padding-left: 0.05rem;}
.main .right .contactus .list li i{width:0.22rem;height:0.22rem;border-radius:0.02rem;background:#4d4d4d;color:#fff;font-size:0.12rem;line-height:0.22rem;text-align:center;display:inline-block;margin-right:0.1rem;transition: all 0.15s ease-in 0s;}
.main .right .contactus .list li a:hover i{background-color:#ffcf01;}
.main .right .search{background-color:#333;padding-left:0.28rem;position:relative;}
.main .right .search .input{background:none;border:0;font-size:0.13rem;color:#999;width:100%;line-height:0.24rem;padding:0;}
.main .right .search .btn{position:absolute;right:0;top:0;height:0.24rem;background:url(../images/search.png) no-repeat center center;border:0;padding:0;width:0.3rem;cursor: pointer;}

.pages{width:100%;text-align:center;margin:60px 0 20px;}
.pages li{display:inline-block;color:#fff;}
.pages li span, .pages li a{color:#000;background:#fff;padding:10px 18px;display:block;font-size:0.17rem;}
.pages li.current a{background:#ffcf01;}

#topcontrol{background:#ffcf01;border-radius:3px;}
#topcontrol i.iconfont{width:40px;height:40px;color:#000;font-size:20px;display:block;line-height:40px;text-align:center;}

.statjs{float: left;}

@media (min-width: 1200px) and (max-width: 1400px) {
	.box130{width:100%;padding:0 0.4rem;}
	.main .right{right:0.4rem;}

}
@media (max-width: 1200px){
	.box130{width:100%;padding:0 0.4rem;}
	.main .right{right:0.4rem;}
}
@media (max-width: 1000px){
	.main .right .fixed{display:none;}
	header .en{display:block;margin-right:25px;line-height:0.52rem;}
	/*header .en a{background-color:#ffcf01;}*/
	header .nav{display:none;}
	footer{background:none;}
	/* Menu icon styles */

	.menu-icon-wrapper {
		display: inline-block;
		width: 34px;
		height: 34px;
		margin: 0.2rem;
		margin-right:0;
		pointer-events: none;
		transition: 0.1s;
		top:-0.1rem;
		right:0.2rem;
	}

	.menu-icon-wrapper.scaled {
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}

	.menu-icon-wrapper svg {
		position: absolute;
		top: -33px;
		left: -33px;
		-webkit-transform: scale(0.1);
		-ms-transform: scale(0.1);
		transform: scale(0.1);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	.menu-icon-wrapper svg path {
		stroke: #fff;
		stroke-width: 40px;
		stroke-linecap: square;
		stroke-linejoin: square;
		fill: transparent;
	}

	.menu-icon-wrapper .menu-icon-trigger {
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
		pointer-events: auto;
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}

	.menu-icon-wrapper .menu-icon-trigger:hover,
	.menu-icon-wrapper .menu-icon-trigger:focus {
		outline: none;
	}
	.menu-list-wrapper{position:fixed;width:100%;height:100%;background:#333;display:none;z-index:998;padding:0.4rem;}
	.menu-list-wrapper.active{display:block;}
	.menu-list-wrapper a {
		display:block;
		width:100%;
		text-align:right;
		font-size:0.2rem;
		color:#fff;
		line-height:0.6rem;
	}
	.flexslider .text h1{font-size:0.3rem;line-height:0.3rem;}
	.flexslider .text p{font-size:0.16rem;}
	.main .left .case .info .h1{font-size:0.3rem;line-height:0.3rem;}
	.main .left{padding-right:0;width:100%;}
	.main .right{right:0;width:100%;position:relative;margin-top:0.13rem;}
}
@media (max-width: 700px){
	.box130{padding:0 0.2rem;}
	.main{margin-top:0.13rem;}
	header .en{margin-right:45px;}
	.main .right{right:0;width:100%;position:relative;}
	.main .right .work h1{line-height:0.5rem;font-size:0.18rem;font-weight:normal;}
	.main .right .work .content p{font-size:0.16rem;color:#ccc;line-height:0.24rem;}
	.main .right .service h3{font-size:0.16rem;line-height:0.16rem;}
	.main .right .service p{font-size:0.14rem;}
	footer{padding-top:0;}
	footer .contactus{margin:0;color:#999;}
	footer .company{margin-top:0.2rem;color:#999;}
	footer .company p{color:#999;}
	footer .copyright{border-top:0;margin-top:0;text-align:left;}
	.main .right .contactus, .main .right .search, footer .qrcode, footer h1.logo, .main .right .brand,.statjs{display:none;}
	.pages {margin:30px 0;}
	.pages li{display:none;}
	.pages li:first-child, .pages li:last-child{display:inline-block;}
}