body,p,h1,h2,h3,h4,h5，h6{margin:0 auto;font-family:'Microsoft Yahei';font-weight:normal;font-size:16px;color:#333;}
ul{list-style:none;margin:0;padding:0;}
a{text-decoration:none;}
input{outline:none;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
em,i{font-style:normal}
.clearfix{clear:both}

/* 头部 */

.header{width: 100%;position: relative;}
.footer_2{background: #0d1122;text-align: center;
    line-height: 55px;}
.footer_2 p{float:none;color:#d4d4d4;max-width:1200px;text-align: center;margin-top:10px;padding: 20px 0}

/*  pc头部  */

.pcHeader{width: 1200px;margin: 0 auto;height: 112px;}
.pcHeader .logo{float: left;margin-top:15px;}
.pcHeader .logo img{display: inline-block;}
.pcHeader .pcNav{float: right; padding-top:15px}
.pcHeader .pcNav > li{float: left;width: 124px;}
.pcHeader .pcNav > li dl{}
.pcHeader .pcNav > li dl dt{position: relative;}
.pcHeader .pcNav > li:first-child dl dt{}
.pcHeader .pcNav > li dl dt a{color:#333;font-size: 16px;width: 100%;height: 100%;display: block;font-size: 19px;text-align: right;}
.pcHeader .pcNav > li dl dt a span{display: block;font-size: 12px;color: #999;text-transform: uppercase;line-height: 16px;margin-top: 5px;}
.pcHeader .pcNav > li dl dt i{position: absolute;left: 50%;bottom: 0;width: 0;height: 0;margin-left: -8px;margin-bottom: -16px;border: 8px solid #eee;border-color: #eee transparent transparent transparent;z-index: 100;display: none;}

.pcHeader .pcNav > li:hover dl dt a,.pcHeader .pcNav > li.on dl dt a{color:#000;transition: color .5s}
.pcHeader .pcNav > li:hover dl dt a span,.pcHeader .pcNav > li.on dl dt a span{color:#004da0;}
.pcHeader .pcNav > li dl dd{position: absolute;width: 100%;background: rgba(0,0,0,0.2);left: 0;top: 112px;height: 50px;z-index: 88;display: none;}
.pcHeader .pcNav > li dl dd ol{text-align: right;}
.pcHeader .pcNav > li:nth-child(2) dl dd ol{padding-right: 32%;}
.pcHeader .pcNav > li:nth-child(3) dl dd ol{padding-right: 30%;}
.pcHeader .pcNav > li:nth-child(4) dl dd ol{padding-right: 23%;}
.pcHeader .pcNav > li:nth-child(5) dl dd ol{padding-right: 17%;}
.pcHeader .pcNav > li:nth-child(6) dl dd ol{padding-right: 16%;}
.pcHeader .pcNav > li dl dd ol li{display: inline-block;line-height: 50px;font-size: 16px;margin: 0 20px;}
.pcHeader .pcNav > li dl dd ol li a{color: #fff;}



/* 手机头部 */

.phHeader{padding: 0 2%;height:65px;display: none;}
.phHeader .logo{float: left;}
.phHeader .mBtn{float: right;margin-top: 30px;cursor: pointer;}
.phHeader .blockMask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 99;display: none;}
.phHeader .phNav{position: fixed;z-index: 102;right: -50%;top: 0;width: 45%;height: 100%;background: #f5f5f5;padding-top: 3%;}
.phHeader .phNav li{border-bottom: 1px solid #eee;}
.phHeader .phNav > li dt{line-height: 50px;padding-left: 10%;font-size: 18px;border-bottom: 1px solid #eee;}
.phHeader .phNav > li dt a{color: #666;}
.phHeader .phNav > li dt a span{font-size: 14px;color: #999;text-transform: uppercase;margin-left: 7px;}
.phHeader .phNav > li dd{display: none;}
.phHeader .phNav > li dd ol li{line-height: 40px;padding-left: 15%;font-size: 14px;}
.phHeader .phNav > li dd ol li a{color: #666;}
@media screen and (max-width: 414px){.phHeader .phNav{width:50%;right: -50%;}}


@media screen and (max-width: 1600px){
	.HeadNav ul>li.one ol{text-align: left;padding-left: 12%;}
	.HeadNav ul>li.one:nth-child(2) ol{padding-left: 27%;}
	.HeadNav ul>li.one:nth-child(3) ol{padding-left: 42.5%;}
}
@media screen and (max-width: 1440px){
	.HeadNav ul>li.one ol{text-align: left;padding-left: 7.5%;}
	.HeadNav ul>li.one:nth-child(2) ol{padding-left: 24.5%;}
	.HeadNav ul>li.one:nth-child(3) ol{padding-left: 41.5%;}
}
@media screen and (max-width: 1200px){
	.pcHeader{width: 100%;/*padding-left: 10px;*/}
	.pcHeader .pcNav > li{width: 114px;}
	.GangYuan{width: 100%;padding: 0 2%;}
	.NewCenter{width: 100%;padding: 0 2%;}
	.Design{width: 100%;padding: 0 2%;}
	.OurHonor{width: 100%;padding: 40px 2% 50px 2%;}
	.FriendLink{width: 100%;padding: 0 2%;}
	.pcFooter{width: 100%;padding: 0 2%;}
	.phfoot{width: 100%;padding: 0 2%;}
	.HeadNav ul{width: 100%;padding: 0 2%;}
	.HeadNavList ul{width: 100%;padding: 0 2%;}
    
    
	
	.HeadNav ul>li.one ol{
		text-align: left;
		padding-left: 2%;
	}
	.HeadNav ul>li.one:nth-child(2) ol{
		padding-left: 21%;
	}
	.HeadNav ul>li.one:nth-child(3) ol{
		padding-left: 40.5%;
	}
}

@media screen and (max-width: 960px){
    
    
	.pcHeader{
		display: none;
	}
    .logo img{width:75%;}
	.phHeader{
		display: block;
	}
	.Carousel .Prev{
		display: none;
	}
	.Carousel .Next{
		display: none;
	}
	.GangYuan{
		width: 100%;
		padding: 0 5%;
	}
	.NewCenter{
		width: 100%;
		padding: 0 5%;
	}
	.NewCenter .left{
		width: 35%;
	}
	.NewCenter .center{
		width: 65%;
	}
	.NewCenter .right{
		width: 100%;
	}
	.Design{
		width: 100%;
		padding: 0 5%;
	}
	.FriendLink h3{
		width: 100%;
	}
	.FriendLink  .Carousel-3{
		width: 100%;
	}
	.pcFooter{
		display: none;
	}
	.phFooter{
		margin-top: 0;
	}
	.HeadNav{
		display: none;
	}
	.BlueWhiteDragon dl{padding: 0 5%;}
	.BlueWhiteDragon dl dt{width: 100%;}
	.BlueWhiteDragon dl dd{width: 100%;margin-top: 20px;}
	.CompanyTreS dl{margin-top: 30px;}
	.CompanyTreS dl dt{width: 100%;}
	.CompanyTreS dl dd{width: 100%;margin-top: 20px;padding: 0 2%;}
	.CompanyName{	width: 100%;}
	.CompanyErwm{width: 100%;	text-align: center;}
	.CompanyErwm dl{	margin: 0 20px;margin-top: 40px;}
	.BusBox > div{width: 100%;min-height: 300px;}
	.BusBox > div p{	margin: 0 5%;}
	.FenGsBox .FenGs{	width: 49%;	margin-right: 2%;}
	.FenGsBox .FenGs:nth-child(3n){	margin-right: 2%;}
	.FenGsBox .FenGs:nth-child(2n){	margin-right: 0;}
	.Culture dl{	min-height: 350px;}
	.BookShoWindow>img{	width: 95%;}
	.Carousel5 .prev{	width: 60px;}
	.Carousel5 .next{width: 60px;	}
	.Carousel5{	padding: 0 78px;}
	.resources ul>li .look a{	margin-top: 37%;}
	.threeNav{	display: block;}
}







/*banner下*/
.add_box{max-width: 1200px;margin:0 auto;overflow:  hidden;padding: 20px 0;}
.add1{overflow: hidden;width:80%;float: left}
.add1 h1{float: left;color:#5da34e;font-size: 30px;font-weight: 700;margin-top:16px;margin-left: 20px;}
.add1 h1 span{color:#5da34e;}
.add1 img{display: block;float:left}
.add2{float:right;width:20%;display: block;}
.add2 img{display: block;float: right; width:80px;}
@media(max-width:770px){.add1 h1{font-size: 28px}}
@media(max-width:720px){.add1 h1{font-size:24px;margin-top:22px}}
@media(max-width:670px){.add1 h1{font-size:22px}}

@media(max-width:414px){
    .add1 h1{font-size:20px;margin-left: 5px;}
    .add1 img{display: none} 
    .add2 img{width: 80%}
    .add_box{padding: 10px 0}
} 
@media(max-width:320px){.add1 h1{margin-top:16px}} 
@media(max-width:360px){.add1 h1{margin-top:17px}} 



/*图标组*/
.icon_box{background: #f2f1f6;text-align:center;}
.icon_tu{max-width:1200px;margin:0 auto;padding: 60px 0;}
.icon_tu h1{line-height: 30px;font-size: 30px;color:#000;}
.icon_tu h2{padding-top:20px;font-size: 16px;font-weight: 100;display: block;color:#666}
.icon_tu ul{overflow:hidden;margin: 50px auto 0;width:100%;}
.icon_tu ul li a{overflow:hidden;display: block}
.icon_tu ul li{float:left;width:calc(100%/4 - 4%);margin:2%;text-align: center}
.icon_tu ul li img{width:204px}
.icon_tu ul li span{display: block;margin-top:25px; text-align: center;clear: left;line-height: 28px;color: #666;font-size: 20px;}

@media(max-width:375px){.icon_tu h1{font-size: 28px;} .icon_tu{padding: 50px 0;} .icon_tu ul li span{margin-top:15px;font-size: 16px } .icon_tu ul{overflow:hidden;margin: 40px auto 0;width:100%;}}
@media(max-width:360px){.icon_tu h1{font-size: 26px;}}
@media(max-width:320px){.icon_tu h1{font-size: 24px;}}



/* 产品案例  轮播*/
.bg{background: #0485be;width:100%}
.case{max-width: 1200px;margin:0 auto;padding:120px 0;overflow: hidden}
.case .bt{width:30%;float:left}
.case .bt h1{display: block;color:#fff;font-size:35px;}
.case .bt span{color:#fff;line-height: 60px;display: block;font-size:16px;border-bottom:1px solid #fff;text-transform:uppercase;width:30%;}
.case .bt a{color:#fff;display: block;margin-top:80px;border:1px solid #fff;padding:8px 10px;width:35%;text-align:center}
.box {width:calc(100%/3 - 7%);float: left;padding:1%;margin-left: 32px; /*margin:0 0.5%;*/background: #fff;text-align: center;color: #fff;height:162px;}
.box img{width:100%;height:100%;}
.case .bt a:hover{background: #fff;border:1px solid  #fff;transition: all .5s; color:#000}
.slider {float: right;
	position: relative;
	width: 70%;
	/*height: 420px;*/
	overflow: hidden;
}
	
	.slides {
		height: 100%;display: block;	
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom:-20px;			
			width: 60px;
			height: 60px;
			line-height: 60px;
			text-decoration: none;
			text-align: center;
			color: #fff;
			font-size: 2em;
		
		}

			.slider-arrow--right { bottom: 50%; right:-2px;background: url(../images/jt_right.png) no-repeat right center; }
			.slider-arrow--left { bottom: 50%; left: -2px; background: url(../images/jt_left.png) no-repeat left center;}


@media(max-width:1190px){.case{width:98%;padding: 120px 1%;}  .slider .box{width:calc(100%/3 - 8%);float: left;padding:1%; }}

@media(max-width:900px){
   
    .slider{width: 100%;clear:left;}
    .slider .box{width:calc(100%/3 - 7%);float: left;padding:1%; }
    .case .bt {width:100%;margin:0px 0 50px 0}
    .bt .bt4{float:left;width:60%} 
    .case .bt a{float: right;display: block;width: 15%} 
    .bt{overflow: hidden}}

@media(max-width:800px){ .slider .box{width:calc(100%/3 - 9%);float: left;padding:1%; }}


@media(max-width:600px){ 
    .case{padding: 40px 0}
    .slider .box{width:calc(100%/3 - 7%);float: left;padding:1%;margin:10px; }
    .slider-arrow--right {display: none}
    .slider-arrow--left {display: none}
     .case .bt a{float: none;display: block;width:60%;margin:10px auto} 
    .bt .bt4{float: none;width:100%;text-align: center} 
    .bt .bt4 span{text-align: center;width: 50%;margin:0 auto;border:none;line-height: 40px;}
     .case .bt {width:100%;margin:0px 0 20px 0}
}
@media(max-width:414px){  .slider .box{width:calc(100%/3 - 6%);margin: 0 8px;height:78px;}}
@media(max-width:375px){  .slider .box{width:calc(100%/3 - 6%);margin: 0 7px;height:67px;}}
@media(max-width:320px){  .slider .box{width:calc(100%/3 - 6%);margin: 0 6px;height:63px;}}






/*设计天地*/
.design{text-align:left}
.design_world{max-width:1200px;margin:0 auto;padding:80px 0;overflow: hidden;}
.bt2{float:left;background:#5da34e;padding: 30px 20px 50px;width:20%;}
.bt2 h1{display: block;color:#fff;font-size:35px;}
.bt2 em{height: 1px;width:30%;background-color:#fff;display: block;margin-top:10px;}
.bt2 span{color:#fff;display: block;font-size:18px;text-transform:uppercase;margin-top:30px;}
.bt2 a{color:#fff;display: block;margin-top:130px;font-size: 18px;}
.passage{width:40%;height: 345px;float: left;margin:0 4%;font-size: 16px;color:#666;text-indent: 20px;line-height: 28px;}
.know{float:right;width: 28%;height:  345px; position:relative;overflow:  hidden;top:0;left: 0;}
.know img{width:100%;height:100%;display: block}
.know .bg2{height: 100%; width: 100%;display: block;opacity: 0.5; background: #000;position: absolute;top:0;left: 0;z-index: 1}
.know h2{position:absolute;width:100%;text-align: center;top:90px;font-size:20px;color:#fff;z-index:2;}
.know a{position: absolute;bottom:90px;text-align:center;color:#fff;left:35%;z-index: 2;border:1px solid #fff;padding: 5px 20px;display: block}
.know:hover img{transform:scale(1.2);transition: 0.5s linear;}

/*pc*/
@media(max-width:1180px){.know{width: 28%;height: 380px;} .passage{width:40%;height:  380px} .bt2{padding: 60px 20px 63px;width:20%;}}
@media(max-width:1024px){.know{width: 28%;height: 400px;} .passage{width:40%;height:  400px}}
@media(max-width:1020px){.know{width:100%;} .passage{width:68%;margin:0 2%;} .design_world{padding:0 1%}}
@media(max-width:1010px){.know{width:100%;} .passage{width:67%;margin:0 2%;} .design_world{padding:3% 1%}  .know a{left:43%}
    .know h2{font-size:30px;}  .know{width:100%;margin:2% 0} }
@media(max-width:650px){
   
    .passage{width:65%;margin:0 2%;} 
    .design_world{padding:3% 1%} 
    .bt2{width:23%;} 
   }

/*设计天地 mobile*/
@media(max-width:414px){
    .bt2{padding:50px 20px;width:100%;} 
    .passage{width:98%;margin:2% 2%;clear: both;height: 100%} 
    .know a{left:35%;} 
    .bt2 a{margin-top:60px;float: right;margin-right: 65px;}
    
    .bt3{width:50%;float: left;}
}
@media(max-width:320px){.know h2{font-size:18px;} .bt2 a{margin-top:60px;float: right;margin-right: 30px;}}




/*页脚*/
.footer_box{background: #101429;color:#fff;}
.footer{max-width:1200px;margin:0 auto;padding: 20px 0;}
.footer_nr{overflow: hidden;}
.footer_nr li{width:calc(100%/3);float:left;}
.footer_nr .ft_one {border-right:1px solid #fff;margin-right: 20%}
.tit{line-height:70px;font-size: 18px;margin-bottom: 60px;}
.tit span{border-bottom: 2px solid #fff;display:inline-block;line-height:70px;}
.footer_nr .ft_one dd:nth-of-type(1){margin:30px 0;line-height: 30px; background-size: 36px;background:  url(../images/address.png) no-repeat left center;padding-left: 70px;}
.footer_nr .ft_one dd:nth-of-type(2){margin:30px 0;line-height: 30px; background-size: 36px;background:  url(../images/tel.png) no-repeat left center;padding-left: 70px;}
.footer_nr .ft_one dd:nth-of-type(3){margin:30px 0;line-height: 30px; background-size: 36px;background:  url(../images/mail.png) no-repeat left center;padding-left: 70px;}
.footer_nr .ft_two {overflow: hidden;border-right:1px solid #fff;margin-right: 20%}
.footer_nr .ft_two dd a{display: block;line-height: 25px;margin-bottom: 25px; color:#fff}
.title{float:left;margin-right: 14%}
.footer_nr .ft_three {overflow: hidden;}
.footer_nr .ft_three dd{float: left;width: calc(100%/2 - 70px);text-align: center;margin-right: 70px;}
.footer_nr .ft_three dd img{width:150px;}
.footer_nr .ft_three dd em{clear: left;display: block;text-align: center;line-height: 40px;}

@media(max-width:1197px){.title{margin-right: 10%}}
@media(max-width:1080px){.title{margin-right: 6%}}
@media(max-width:1028px){.title{margin-right: 4%} .footer_box{padding: 0 2%}}
@media(max-width:980px){
    
    .footer_nr .ft_two{margin-right: 0}
    .footer_nr .ft_one{margin-right:0} 
    .footer_nr li{width:calc(100%/2);float:left;}
    .footer_nr .ft_one {border-right:none;} 
    .footer_nr .ft_two {border-right:none;} 
    #last{clear: left;width:100%;} 
.footer_nr .ft_three dd{float: left;width:40%;text-align: center;margin-right: 0px;margin-top:30px;text-align: center}
    .content{display: none;} 
}
@media(max-width:650px){.footer_nr .ft_three dd{width:50%;}}

/*页脚 mobile*/

@media(max-width:414px){
    .footer_nr li{clear: left;width: 96%;padding: 0 2%;}
    #second{display: none;} 
    .tit{display: none;}
    .footer{padding:  40px 0;}
    .footer_nr .ft_one dd:nth-of-type(1){line-height: 40px;background:  url(../images/address.png) no-repeat left center;background-size: 10%; padding-left: 55px;}
    .footer_nr .ft_one dd:nth-of-type(2){line-height: 40px;background:  url(../images/tel.png) no-repeat left center;background-size: 10%;padding-left: 55px;}
    .footer_nr .ft_one dd:nth-of-type(3){line-height: 40px;background:  url(../images/mail.png) no-repeat left center;background-size: 10%;padding-left: 55px;}
}

.lan{float: right;height: 50px;width: 500px;text-align: right;}

.lan>a{
    display: block;
    width: 40px;
    height: 20px;
    float: right;
    margin-top: 20px;
}
.lan a.lan_c{
    background: url(../images/china.jpg) no-repeat center;
}
.lan a.lan_e{
    background: url(../images/en.jpg) no-repeat center;
}