/*index.css*/
	.mobilecasemore { display:none;}
	.carousel{
		margin-top:8px;
		max-height: 1240px;
		overflow: hidden;
	}
	.carousel-control,.carousel-control:visited{
  opacity:0;
 }
 .carousel-control:hover{
  opacity:0.3;
 }
 .carousel-control.right,.carousel-control.left{
  background-image: none;
 }
 .carousel-control  .icon{
  position: absolute;
  top:50%;
  z-index: 5;
  font-size: 70px;
  display: inline-block;
 }
 .icon-zuoyoujiantou1{
  position: absolute;
  left:50px;
 }
 .icon-zuoyoujiantou{
  position: absolute;
  right:50px;
 }
@font-face{
     font-family: "ty"; 
     src: url('/css/font/TradeGothicLTStd.otf'),
	 	url('/css/font/TradeGothicLTStd-Bold.otf') ;
}
@font-face{
     font-family: "clear-bold"; 
     src: url('/css/font/ClearSans-Bold.ttf');
}
body { font-family:"微软雅黑"}
	.carousel-inner img{width:100%;}
	.container .move{
		padding:70px 0 80px 0;
	}
	.mvideo { display:none}
	.video { display:block}
	.container .move .move-title {
		font-size: 55px;
		margin-bottom:10px;
	}
	.container .move .title{
		padding:20px 0;
	}
	.brand-wrapper{
		padding:90px 0;
	}
	.wvalue { display:block}
	.mwvalue { display:none}
	.brand-wrapper .sub_title{
		margin-bottom: 80px;
		margin-top:20px;
	}
	.container .move h6 { font-size:16px;}
	.container .move .desc { margin-top:20px;}
	.container .move .desc h4{
		font-size:18px;
		margin-bottom: 22px;
	}
	.brand-wrapper ul.value-list{
		margin-bottom: 50px;
	}
	.brand-wrapper ul.value-list li{
		width: 22%;
		margin-right: 10%;
		padding:30px 0;
		box-sizing: border-box;
		border-top:1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	.brand-wrapper ul.value-list li:last-child{
		margin:0;
	}
	.brand-wrapper ul.value-list li h1{
		position: relative;
		margin-bottom:20px;
		font-size: 60px;
		margin-top:16px;
	}
	.brand-wrapper ul.value-list li h1>span.value{
		font-weight: bold;
	}
	.brand-wrapper ul.value-list li h1>span.multiply{
		position: absolute;
		top:8px;
		right:-80px;
	}
	.brand-wrapper ul.value-list li h4 { line-height:28px;}
	.brand-wrapper ul.img-list li{
		padding:30px 30px 0 30px;
	}
	.brand-wrapper ul.img-list li img{
		width:181px;
		height: auto;
		margin-bottom: 10px;
	}
	.img-wrapper section{
		position: relative;
		padding-bottom:6px;
	}

	.pc-img-wrapper{
		display: block;
	}
	.mobile-img-wrapper{
		display: none;
	}
	.img-wrapper .uncover{
		position: relative;
	}
	.img-wrapper .uncover h2 { font-weight:bold; margin-bottom:10px;}
	.img-wrapper .uncover h2 strong {font-weight:bold;}
	.img-wrapper .cover img{width:30% !important;}
	.img-wrapper .row{
		padding:0px 10px;
	}
	.img-wrapper .img-left .uncover img,.img-wrapper .img-right .uncover img{
		width: 100%;
	}
	.img-wrapper .img-right  .uncover:nth-of-type(2n){
		padding-top: 10px;
	}
	.img-wrapper .img-left .cover{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom: 0;
		width:100%;
		z-index: 1;
		pointer-events:none;
		padding:40.8% 0;
		background-color:#ffffff;opacity:0.8;
	}
	.img-wrapper .img-right .cover{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom: 0;
		width:100%;
		z-index: 1;
		padding:18% 0;
		pointer-events:none;
		background-color:#ffffff;opacity:0.8;
	}
	.img-wrapper .cover p{
		text-align: center;
		font-size: 16px;
	}

	.more-btn{
		width: 100%;
		height: 187px;
		line-height: 187px;
		background: #ffffff;
		padding: 5px 10px;
	}
	.more-btn a{
	  font-family:"clear-bold";
		border:2px solid #000000;
		padding:15px 40px;
		color:#000;
	}
	
/*work.css*/
.work-list{
	padding:88px 5px 20px 5px;
}
.workdetail img{
	width:100%;
	max-width:1200px;
}
.workdetail p span { width:95%;max-width:1200px; margin:0px auto; display:block;}
.work-list .work-relative>img{
	width:100%;
	padding:5px;
}

.work-list .work-relative{
	position: relative;
}
.work-list .work-relative .work-cover{
	position: absolute;
	top:0;
	left:0;
	bottom: 0;
	width:100%;
	padding-top:32.5%;
	background-color: #ffffff;
    opacity: 0.8;
}
.work-list .work-relative .work-cover>p{
	text-align: center; font-size:16px;
}

/*service.css*/
.service-wrapper{
	background: #ffffff;
}
.service-wrapper .item1  .bgimg{
	background: url("../images/banner1.png")  center center / cover no-repeat fixed;
	width: 100%;
	height: 759px;
	background-size:100% 100%;
}
.service-wrapper .item2  .bgimg{
	background: url("../images/banner2.png")  center center / cover no-repeat fixed;
	width: 100%;
	height: 515px;
}
.service-wrapper .item3 .bgimg{
	background: url("../images/banner3.png")  center center / cover no-repeat fixed;
	width: 100%;
	height: 515px;
}
.service-wrapper .item4  .bgimg{
	background: url("../images/banner4.png")  center center / cover no-repeat fixed;
	width: 100%;
	height: 515px;
}
.service-wrapper .item5  .bgimg{
	background: url("../images/banner5.png")  center center / cover no-repeat fixed;
	width: 100%;
	height: 515px;
}
.service-wrapper .service-list .content{
	padding: 100px 20px;
}
.service-wrapper .service-list .content .main{
	position: relative;
	margin-top:0px;
	margin-bottom:-10px;
	color:#000000;
}
.service-wrapper .service-list .content .main span:first-child{
	margin-right: 80px;
}
.service-wrapper .service-list .content .main img{
	position: absolute;
	width:40px;
	height: 40px;
	left:342px;
	top:40px;
}
.service-wrapper .service-list .content .title{
	font-size:80px;
	font-weight: bold;
}
.service-wrapper .service-list .content .sub-title{
	font-size:46px;
	margin-bottom: 6px;
}
.service-wrapper .service-list .content .desc{
	font-size:20px;
	padding-bottom: 22px;
}
.service-wrapper .service-list .content .desc img{
	margin-bottom: 20px;
}
.service-wrapper .service-list .content h1{
	font-size:67px;
	margin:50px 0 60px 0;
	font-weight:bold
}
.service-wrapper .service-list .content .first-img-list{
	margin-top:60px;
}
.service-wrapper .service-list .content .first-img-list img{
	width: 60px;
	height: auto;
}
.service-wrapper .service-list .pc-img-list{
	display: block;
}
.service-wrapper .service-list .mobile-img-list{
	display: none;
}
.service-wrapper .service-list .list-inline{
	margin-left :0 !important;
}
.service-list  .service-top>h3{
	margin-bottom: 0;
	font-size: 42px;
	margin-top: 40px;
}
.service-list  .service-top img{
	width:120px;
	height: auto;
}
.service-list  .service-top>p.strate{
	margin-top:10px;
	font-size: 20px;
	font-family: "clearSansRegular";
}
.service-list .list-style>div{
	margin-top:60px;
}
.service-list .list-style>div p{
	padding-right: 80px;
}

/*about.css*/
.top-banner{
	background: #000000;
	margin-top:60px;
}
.top-banner img{
	opacity:0.7;
}
.about-wrapper .about-brand{
	padding:50px;
	margin-bottom: 50px;
	padding-bottom:85px;
	padding-top:85px;
}
.about-brand .row{
	padding-top:60px;
}
.about-wrapper .about-brand h3{
	font-weight: bold;
	font-size:48px;
}
.about-wrapper .about-brand h4{
	font-size: 38px; margin-bottom:8px;
}
.about-wrapper .about-brand h3>img{
	width: 25px;
	height: 25px;
}
.about-wrapper .about-brand h2{
	margin-top: 50px;
	font-size:46px;
	font-weight: 200;
	margin-bottom:8px;
}
.about-wrapper .about-brand .eng-desc{
	font-family: "clearSansMedium";
	font-size:18px;
}
.about-brand .about-right p{
	font-size: 16px;
	margin-top:50px;
	line-height: 25px;
}
.about-wrapper .logo-list{
	padding:30px 50px;
}
.about-contact {
	padding: 140px 0;
	margin-top: 20px;
}
.about-wrapper .about-contact img{
	width: 220px;
	height: 220px;
	margin-top:45px;
}
.about-wrapper .about-contact img:nth-of-type(2n){
	margin-left: 25px;
}
.about-contact .about-left h1{
	margin-top:0;
	font-size:46px;
}
.about-contact .eng-address{
	letter-spacing:-1px;
	font-size: 22px;
}
.about-contact .email{
	font-size: 20px;
}
.about-contact .address,.about-contact .weChat{
	margin-top:20px;
	margin-bottom: 0;
	font-size:20px;
}
/*实现八等分*/
.col-xs-1-8,
.col-sm-1-8,
.col-md-1-8,
.col-lg-1-8{
    position: relative;
    min-height: 1px;
}

.col-xs-1-8{
    width:12.5%;
    float:left;
}


@media (min-width:992px){
    .col-md-1-8{
        width: 12.5%;
        float: left;
    }
}

@media (min-width:1200px){
    .col-lg-1-8{
	    width: 12.5%;
	    float:left;
    }
}
.logo-list .logo-row>img{
	padding:3px;
}


@media screen and (max-width:800px) {
	.brand-wrapper{
		padding:50px 0;
	}
	.mwvalue { display:block}
	.mwvalue div.eng { line-height:26px; margin-bottom:10px;}
	.wvalue { display:none}
.container .move { padding:30px 0 50px 0}
.brand-wrapper .sub_title { font-weight:400}

.value-list h3 { font-size:14px;}
.brand-wrapper ul.value-list li h1>span.value { font-size:22px; font-weight:bold}
nav.mobile-nav { background:#fffbfb; height:60px;}
nav.mobile-nav .nav-more .nav-circel { margin-top:-10px;}
.fixed-logo img { margin-top:5px;}
.carousel { margin-top:60px;}
.work-list { padding-top:60px;}
.service-wrapper { margin-top:60px;}
.service-wrapper .service-list .content h1 { font-size:20px; line-height:28px;}
.content h4 { font-size:14px}
.workdetail p { width:95%; margin:0px auto;}
}
/*媒体查询*/

.uk-container {
display:none;
}
@media screen and (max-width:992px) {

	.video { display:none}
	.mvideo { display:block}
.img-wrapper .uncover h2 { font-size:18px; font-weight:bold; margin-bottom:5px;}
.img-wrapper .cover p { font-size:16px; font-weight:normal}
.uk-container {
display:block;
 color:#333;
 margin-top:40px;
 margin-bottom:20px;
}
.uk-container a {
    font-size: 15px;
    color: #aeaeae;
}
.container .desc { font-size:12px}
.carousel-control .icon { font-size:30px; top:40%;}
	.carousel-indicators { display:none}
	.icon-zuoyoujiantou { right:1rem;}
	.icon-zuoyoujiantou1 { left:1rem;}
	.img-wrapper .img-right .cover{
		padding:34% 0;
	}
	nav .fixed-logo a  { margin-left:0px;}
	nav .fixed-logo a img { width:50%;}
	.col-sm-1-8{
        width: 25%;
        float: left;
    }
	nav{
  		width: 100%;
  		z-index: 19;
  		height: 80px;
 		padding-right: 100px;
	}
	nav.pc-nav{
		display: none;
	}
	nav.mobile-nav{
		display: block;
	}
	nav.mobile-nav .nav-more .nav-circel{
	  position: fixed;
	  right:20px;
	  top:2px;
	  color:#000000;
	  font-size:40px;
	  z-index: 20;
	}
	nav.mobile-nav .nav-more .nav-circel>span{
	  display: inline-block;
	  width:8px;
	  height: 8px;
	  border-radius: 50%;
	  background-color: #000000;
	}
	div.nav-list{
	  position: fixed;
	  top:0;
	  right:0;
	  bottom: 0;
	  width:100%;
	  height: 100%;
	  z-index: 18;
	  padding-top: 50%;
	  font-family:"clear-bold";
	  background-color: #fffbfb;
	}
	div.nav-list a{
	    display: block;
	    width: 100%;
	  font-family:"clear-bold";
	    line-height:92px;
	    padding:10px;
	    color:#231815;
	    font-size:40px;
	    text-align: center;
	}
	.fixed-logo{
		padding:10px;
	}
	.fixed-logo img{
		width:60%;
		padding-left: 10px;
		margin-top:5px;
	}
	.container .move .move-title {
		font-size: 26px;
		margin-bottom:2px;
	}	
	.container .move .desc h4{
		font-size:14px;
		margin-bottom: 10px;
		font-weight:100
	}
	.brand-wrapper ul.value-list{
		margin-bottom: 30px; margin-top:30px;
	}

	.brand-wrapper ul.img-list li{
		padding: 7px;
	}
	.brand-wrapper ul.img-list li img{
		width: 80px;
		height: auto;
	}
	.brand-wrapper ul.value-list li{
		margin-right:4%;
		width: 29%;
	}
	.brand-wrapper ul.value-list li:last-child{
		margin-right:0;
	}
	.brand-wrapper .title{
		font-size:22px;
	}
	.brand-wrapper .sub_title{
		font-size:12px;
		margin-bottom:15px;
		margin-top:10px;
		line-height: 20px;
	}
	.brand-wrapper ul.value-list li h1{
		position: relative;
		margin-bottom:8px;
		margin-top:8px;
		font-size: 20px;
	}
	.brand-wrapper ul.value-list li h1>span.multiply{
		position: absolute;
		top:4px;
		right:-16px;
	}
	.brand-wrapper ul.value-list li h2{
		font-size: 16px; font-weight:400
	}
	.brand-wrapper ul.value-list li h4{
		font-size:12px;font-weight:400; line-height:18px;
	}
	.brand-wrapper ul.value-list li h1 img{
		width:15px;
		height: 15px;
	}
	.img-wrapper .img-left,.img-wrapper .img-right  .uncover:nth-of-type(2n){
		padding: 0;
	}
	.img-wrapper .img-right{
			padding: 0;
	}
    .img-wrapper .img-left .uncover .product-img{
		width: 100%;
		height: auto !important;
	}
	.img-wrapper .img-right .uncover .product-img{
		width: 100%;
		height: auto !important;
	}

	.pc-img-wrapper{
		display: none;
	}
	
	.more-btn { display:none}
	.mobilecasemore { display:block;}
	.mobile-img-wrapper{
		display: block;
		padding-left:20px;
		padding-right:20px;
	}
	.img-wrapper .img-right div:nth-of-type(2){
		margin-top:10px;
		margin-bottom: auto;
	}
	.img-wrapper .img-left .uncover .product-img{
		margin-bottom: 0;
	}
	..service-wrapper{
		padding-bottom: 0;
	}
	.service-wrapper .service-list .content{
		padding:40px 20px;
	}
	.service-wrapper .service-list .content .first-img-list img{
		width: 40px;
		height: auto;
	}
	.service-wrapper .service-list{
		position: relative;
	}
	.service-wrapper .service-list .content .title{
		font-size:29.3px;
		font-weight: bold;
	}
	.service-wrapper .service-list .content .sub-title{
		font-size:26px;
	}
	.service-wrapper .service-list .content .desc2{
		font-size:12px;
		padding-bottom: 0;
		margin-top:0;
		margin-bottom:-5px;
	}
	.service-wrapper .service-list .content .desc{
		font-size:12px;
		padding-bottom: 0;
		margin-top:0;
	}
	.service-wrapper .service-list .content .desc img{
		margin-bottom: 0;
	}
	.service-list .service-top>h3{
		font-size:18px;
		margin-top:10px;
		padding-left: 0;
	}
	.service-list .service-top>p.strate{
		font-size:12px;
		margin-top:2px;
		padding-left: 0;
	}
	.service-wrapper .service-list .content .first-img-list{
		margin-top:42px;
	}
	.service-wrapper .service-list .content .main{
		font-size:40px;
		margin-top:0px;
		color:#000000;
		font-weight:bold; margin-bottom:-15px;
	}
	.col-xs-3 { }
	.service-wrapper .service-list .list-inline:first-child { }
	.service-wrapper .service-list .sblock { width:28% }
	.height10 { height:0px;}
	.footer p { margin:0px;}
	.service-wrapper .service-list .content h1{
		font-size:20px;
		margin:25px 0 30px 0;
		font-weight: 700;
		line-height: 28px;
	}
	.service-wrapper .service-list .content .main span:first-child{
		margin-right: 14px;
	}
	.service-wrapper .service-list .content .main img{
		position: absolute;
		width: 15px;
		height: 15px;
		left:123px;
		top:26px;
	}
	.service-wrapper .service-list .pc-img-list{
		display: none;
	}
	.service-wrapper .service-list .mobile-img-list{
		display: block;
	}
	.service-wrapper .service-list .mobile-img-list img{
		width: 29px;
		height: 29px;
	}
	.service-wrapper .service-list .mobile-img-list h3{
		font-size:16px;
		margin-top:14px;
	}
	.service-wrapper .service-list .mobile-img-list p{
		color:#747473;
		font-size:80%;
		margin-bottom: 0;
	}
	.work-list { padding-left:20px; padding-right:20px;}
.work-list .work-relative>img{
	width:100%;
	padding:0px;
	padding-bottom:20px;
	padding-top:0px;
}
	.service-list .content .result{
		font-size:12px;
		margin-top:10px;
		margin-bottom: 30px;
	}
	.service-list .service-top img{
		width: 60px;
		height: auto;
	}
	.service-list .list-style>div{
		margin-top:15px;
	}

	.service-wrapper .service-list .content .first-img-list,.service-wrapper .service-list .content .first-img-list p{
		text-align: left;
		padding-left: 0;
	}
	.service-list .list-style>div p{
		padding-right: 2px;
	}

	.service-wrapper .item1  .bgimg{
		background: url("../images/banner1.png")  center center / cover no-repeat scroll;
		width: 100%;
		max-height: 220px;
	}
	.service-wrapper .item2  .bgimg{
		background: url("../images/banner2.png")  center center / cover no-repeat scroll;
		width: 100%;
		max-height: 220px;
	}
	.service-wrapper .item3 .bgimg{
		background: url("../images/banner3.png")  center center / cover no-repeat scroll;
		width: 100%;
		max-height: 220px;
	}
	.service-wrapper .item4  .bgimg{
		background: url("../images/banner4.png")  center center / cover no-repeat scroll;
		width: 100%;
		max-height: 220px;
	}
	.service-wrapper .item5  .bgimg{
		background: url("../images/banner5.png")  center center / cover no-repeat scroll;
		width: 100%;
		max-height: 220px;
	}
	.about-contact{
		padding: 50px 0;
	}
	.about-wrapper .logo-list{
		padding: 0;
	}
	.about-wrapper .about-brand{
		padding:40px 10px;
	}
	.about-wrapper .about-brand h2{
		font-size:18px;
		margin-top:30px;
		margin-bottom:3px;
	}
	.about-wrapper .about-brand .eng-desc{
		font-size:12px;
	}
	.about-wrapper .about-brand h4{
		font-size:15px;
		font-weight:200; margin-bottom:6px;
	}
	.about-wrapper .about-brand h3{
		font-size: 15px;
	}
	.about-wrapper .about-brand h3>img{
		width: 14px;
		height: 14px;
	}
	.about-brand .about-right p{
		margin-top:30px;
		font-size: 12px;
	}
	.about-brand .row{
		padding-top:10px;
	}
	.about-wrapper .about-contact img{
		width:130px;
		height:auto;
	}
	.about-wrapper .about-contact img:nth-of-type(2n){
		margin-left:20px;
	}
	.about-contact{
		padding:50px 22px;
		font-family: "微软雅黑";
	}
	.about-contact .eng-address{
		margin-top:25px;
		letter-spacing:-1px;
		font-size:12px;
		font-family: "微软雅黑";
		text-align:inherit;
	}
	.container h2 {
		font-family: "微软雅黑";
	}
	.about-contact .address,.about-contact .weChat,.about-contact .email{
		margin-top:20px;
		font-size:12px;
		font-family: "微软雅黑";
	}
	.about-contact .about-left h1{
		font-size:25px;
	}
	.footer .container{
		padding:35px 0;
	}
	.footer .container .footer-left p{
  		text-align: center;
  		color:#777777;
  		font-size: 12px;
	}
	.footer .container .footer-right{
		margin-top:15px;
	}
	.footer .container .footer-right p{
		color:#777777;
  		font-size: 16px;
  		text-align: center;
  		margin-bottom: 2px;
	}
	.footer .container .footer-right p.number{
		font-weight: bold; font-size:110%; color:#333
	}
	.footer .container .footer-right img{
		display: inline-block;
		width: 130px;
		height: 130px;
		margin:10px 0;
	}
	.footer .container .footer-right p.attention{
		font-size:12px;
	}
	
}

