body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1230px; padding:0 15px; margin:0 auto; box-sizing: border-box; }
.header{ height: 120px; position: relative; background: url(../images/header.png) center no-repeat; }
.header .container{ position: relative; z-index: 1000; }
.logo{ height: 120px; line-height: 120px; width: 200px; box-sizing: border-box; }
.pull-left{ float: left; }
.pull-right{ float: right; }
.clearfix:after,.row:after{ clear: both; display: table; content: ""; }
.login-a{ line-height: 40px; margin-left: 35px; }
.login-a a{ color: #ccc; }
.login-a span{ padding:0 5px; }
.phone{ line-height: 40px; color: #fff;font-size: 17px; font-weight: bold; margin-left: 370px; }
.login-a-r span{ padding:0 20px; }
.login-a-r{ padding-left: 45px; }
.text-center{ text-align: center; }
.nav-list li{ float: left; margin-top: 15px; }
.nav-list li a{ display: block; width: 130px; font-size: 15px; color: #000; font-weight: bold; height: 45px; line-height: 45px; }
.slick{ overflow:hidden; margin:0; }
.slick a{ display: block; overflow:hidden; position: relative; height: 600px; }
.slick a img{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; height: 600px; max-width: 1920px; }
.slick .slick-prev{ width: 32px; height: 32px; background: url(../images/left.png) center no-repeat; z-index: 1000; left: 30px; margin-top: -16px; background-size: 100% auto; }
.nav-list .active a{ color: #003f76;}
.slick .slick-next{ width: 32px; height: 32px; background: url(../images/right.png) center no-repeat; right: 30px; margin-top: -16px; background-size: 100% auto; }
.slick .slick-prev:before,.slick .slick-next:before{ display: none; }
.slick .slick-dots{ bottom: 30px; }
.slick .slick-dots li button{ width: 16px; height: 16px; padding:0; border:solid 2px #fff; opacity: 0.5; border-radius: 50%;  }
.slick .slick-dots li{  width: 16px; height: 16px; padding:0; margin:0 6px; }
.slick .slick-dots li.slick-active button{ background: #006da4; opacity: 1; }
.slick .slick-dots li button:before{ display: none; }
.number-back{height: 150px; background-color: rgb(246, 246, 246); padding-top: 45px; box-sizing: border-box; margin-bottom: 70px;} 
.number-t{ font-size: 18px; color: #666; }
.number-t span{ font-size: 48px; padding-right: 20px; }
.col-xs-3{ float: left; width: 25%; padding:0 15px; box-sizing: border-box; }
.row{ margin:0 -15px; }
.number-t font{ font-size: 24px; font-weight: bold; }
.number-back .col-xs-3{ border-right: solid 1px #ddd; height: 90px; }
.number-b{color: rgb(153, 153, 153);}
.number-back .col-xs-3:last-child{ border:none; }
.title{
	font-size: 24px;
	color: #666666;
}
.title span{ text-align: center; font-size: 14px; text-transform: uppercase; padding-left: 6px; }
.tabs-ul li{ float: left; margin-left: 55px; }
.tabs-ul li a{ display: block; line-height: 50px; }
.tabs-ul li.active a,.tabs-ul li a:hover{ color: #006da4; font-weight: bold; }
.shop-list li{ float: left; margin-bottom:22px; width: 33.333333%; padding:0 11px; box-sizing: border-box; }
.shop-list{ margin:0 -11px; padding-top: 25px; display: none; }
.shop-list-box{ padding: 15px; border: 1px solid rgb(238, 238, 238); background-color: #fbfbfb; }
.shop-list-img a{ display: block; position: relative; padding-top: 63%; }
.shop-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.shop-list-tt{ font-size: 16px; color: #000; margin:15px 0 10px 0; display: block; }
.shop-list-p{ font-size: 13px; color: #999; line-height: 22px; height: 66px; overflow:hidden; }
.shop-list-img a:hover i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,84,157,0.5) url(../images/link.png) center no-repeat; z-index: 10; }
.shop-list-box:hover{ border-color:#006da4; }
.shop-list-tt:hover{ color:#006da4; }
.tabs-ul{ padding-right: 40px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.case-box{ position: relative; padding-top: 60px; }
.case-title{ font-size: 24px; color: #fff; }
.case-title span{ text-transform:uppercase; font-size: 14px; color: rgb(187, 187, 187); padding-left: 10px; }
.case-box:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; background-color: rgb(0, 122, 166); height: 360px; z-index: -1;  }
.case-box{ margin-top: 60px; }
.tabs-ul-case li a{ color: #999; }
.tabs-ul-case li.active a,.tabs-ul-case li a:hover{ color: #fff; }
.lb-box{
	background: #fff;
	margin-top: 30px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.lb-img{ width: 59%; height: 360px; }
.lb-slick-back{ background-color: rgb(242, 242, 242); }
.lb-right-tt a{ font-size: 22px; color: #007aa6; }
.lb-right{ width: 41%; padding:40px; box-sizing: border-box; }
.lb-right-b{ font-size: 18px; color: rgb(67, 67, 67); margin:5px 0; }
.pull-left{ float: left; }
.lb-lind{
	border-top: 2px solid #007aa6;
	margin:15px 0;
	width: 60px;
}
.lb-p{ font-size: 14px; line-height: 28px; text-align: justify; height: 140px; overflow:hidden; }
.lb-slick .slick-prev{ left: 59%; margin-left: 40px; z-index: 100; bottom: 0; top: auto; width: 38px; height: 38px; background: url(../images/left.jpg) center no-repeat; }
.lb-slick .slick-next{ left: 59%; margin-left: 80px; bottom: 0; top: auto; width: 38px; height: 38px; background: url(../images/right.jpg) center no-repeat; }
.slick-prev:before,.slick-next:before{ display: none; }
.lb-list-ul{ border:solid 1px #ddd; }
.lb-list-ul li{ float: left; width: 25%; text-align: center; padding:30px 0; }
.lb-icon-box{ display: inline-block; position: relative; padding-top: 10px; text-align: left; padding-left: 90px; height:80px;font-size: 20px; color: rgb(67, 67, 67); font-weight: bold;  }
.lb-icon-box span{ font-size: 14px; text-transform: uppercase; display: inline-block; margin-top: 5px; color: rgb(153, 153, 153); font-weight: normal; }
.lb-icon{ position: absolute; left: 0; top: 0; }
.shop-title{ font-size: 24px; letter-spacing: 5px; color: rgb(67, 67, 67); font-weight: bold; }
.shop-title span{ font-size: 14px; letter-spacing: 0px; text-transform: uppercase; display: inline-block; margin-top: 5px; color: rgb(153, 153, 153); font-weight: normal; }
.tt-lind{ width: 30px; height: 3px; background: #fbc021; margin:15px auto 0 auto; }
.marqueeleft{
	overflow:hidden;
	height: 66px;
}
.team-list li{
	float: left;
	margin:0 13px;
	width: 182px;
	display: inline;
}
.gd-img img{
	width: 100%;
	border: 1px solid #F1F1F1;
}
.xm-tt{ text-align: center; margin-top: 5px; }
.gd-img a{ display: block; position: relative; }
.gd-mask{ position: absolute; left: 0; top: 0; display: none; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.gd-mask span{ position: absolute; left: 20px; right: 20px; top: 50%; color: #fff; line-height: 25px; height: 50px; overflow:hidden; text-align: center; margin-top: -25px; }
.gd-img a:hover .gd-mask{ display: block; }
.number-list li{ float: left; width: 16.666666%; padding:0 6px; box-sizing: border-box; }
.number-list-box{ background: #f7f7f7; height: 120px; padding-top: 25px; box-sizing: border-box;  }
.number-list{ margin:0 -6px; }
.number-list-tt{ font-size: 18px; color: #fbc05d; font-weight: bold; margin-bottom: 10px; }
.number-tt{ font-size: 16px; color: #000; font-weight: bold; }
.number-b{ font-size: 12px; color: #999; text-transform: uppercase; margin-top: 5px;}
.news-back{
	background: #f2f2f2;
	margin-top: 50px;
	padding-top: 40px;
	padding-bottom: 50px;
}
.news-left{ width: 33.333333%; height: 420px; background: #fff; padding:33px; box-sizing: border-box; position: relative; }
.news-left-img{ position: relative; z-index: 10; }
.news-left-img a{ display:block; height: 210px; }
.news-left-bottom{ padding:15px 5px; }
.news-list-tt a,.news-list-tt{ font-size: 16px; color: #000; font-weight: bold; }
.news-list-date{ font-size: 12px; color: #999; margin-top: 10px; }
.news-list-p{ color: #999; line-height: 25px; height: 75px; overflow:hidden; text-align: justify; margin-top: 10px; }
.news-left:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 160px; background: #007aa6; }
.news-list-r{ width: 64%; display: none; }
.news-list-r{ height: 420px; background: #fff; box-sizing: border-box; border:solid 1px #ddd; padding:1px 40px; }
.news-list-r li{ position: relative; padding-left: 70px; margin-top: 40px; padding-bottom: 10px; }
.news-list-l{ position: absolute; left: 0; top: -8px; font-size: 12px; color: #007aa6; }
.news-list-l span{ font-size: 36px; font-weight: bold; }
.news-list-r li .news-list-tt a{ color: #666; }
.news-list-r li .news-list-p{ height: 50px; }
.news-c{ margin-top: 30px; }
.news-list-tt a:hover,.xm-tt a:hover{ color: #007aa6!important; }
.news-list-img{ display: none; }


.about-box{
	position: relative;
}
.about-title{
	font-size: 24px;
	color: #666666;
	padding-left: 0px;
}
.about-title span{
	text-transform:uppercase;
	font-size: 14px;
	color: #999999;
	padding-left: 25px;
}
.about-box:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; background-color: rgb(255, 255, 255); height: 360px; z-index: -1;  }


.tabs-ul-about li a{ color: #999; }
.tabs-ul-about li.active a,.tabs-ul-about li a:hover{ color: #fff; }
.about-box{
	background: #fff;
	margin-top:40px;
	
	margin-bottom:20px;
	
		
}
.about-img{ width: 59%; height: 431px; }
.about-slick-back{
	width: 100%;
	background-image: url(../images/aboutbg.png);
	background-repeat: no-repeat;
	background-position: 700px;

	
}

.about-right-tt a{ font-size: 22px; color: #ffffff; }
.about-right{ width: 41%; padding:40px; box-sizing: border-box; 	margin-top:5px;}
.about-right-b{ font-size: 16px;color: #ffffff; margin:2px 0; }
.pull-left{ float: left; }
.about-lind{ border-top: 2px solid #ffffff; margin:15px 0; width: 60px; }
.about-p{ font-size: 14px; line-height: 36px; color: #ffffff; text-align: justify; height: 240px; overflow:hidden; }

.about-list-ul{ border:solid 1px #ddd; }
.about-list-ul li{ float: left; width: 25%; text-align: center; padding:30px 0; }
.about-icon-box{ display: inline-block; position: relative; padding-top: 10px; text-align: left; padding-left: 90px; height:80px;font-size: 20px; color: rgb(67, 67, 67); font-weight: bold;  }
.about-icon-box span{ font-size: 14px; text-transform: uppercase; display: inline-block; margin-top: 5px; color: rgb(153, 153, 153); font-weight: normal; }
.about-icon{ position: absolute; left: 0; top: 0; }

/*网站底部*/



/*网站底部*/


.footer{
	padding-top: 45px;
}
.footer-center{ width: 100%; max-width: 1200px; margin:0 auto; }
.footer-tt{
	font-size: 17px;
	color: #fff;
	margin-bottom: 18px;
}
.footer-lind{border-top: 2px solid #f4ab10; width: 46px; margin:15px 0;}
.footer-p{    font-family: "Microsoft YaHei";
    font-size: 13px;
    color: rgb(255, 255, 255);
    line-height: 180%; text-align: justify;}
.footer-left{
	float: left;
	width: 350px;
	padding-right: 40px;
}
.footer-left-b{
	margin-left: 100px;
	width: 330px;
	margin-right: 80px;
	float: left;
}
.footer-left-b .footer-p{color: rgb(226, 249, 240);}


.footer-left-b p{
	float: left;
	margin-right: 45px;
	color: #FFFFFF;
	text-align: center;
}


.line1234 {
	width: 2px;
	height: 130px;
	line-height:2px;
	margin-left: 12px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #363636;
	margin-top: 35px;
	margin-bottom: 35px;
	
	
}




.footer-left-b img{
	width: 110px;
	height: 110px;
	margin-bottom:10px;
	border-radius: 10px;
	background: #ffffff;
	padding: 3px;  
 }








.footer-left-c{
	width: 210px;
}





.footer-a a{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 15px;
	color: #fff;
	float: left;
}


.pc-footer{
	width:100%;
	background-color: #202020;
	padding-top: 25px;
	float: left;
	padding-bottom: 20px;
}


.footercopy{
	width:100%;
	padding-top: 15px;
	background-color: #111111;
	float: left;
	padding-bottom: 8px;
}

.footer-right{
	float: right;
	color: #fff;
}

.footer-b{
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	padding-right: 0;
	padding-left: 0;
}

.footer-title{ text-align: center; }
.footer-title span{ color: rgb(255, 255, 255); display: inline-block; font-size: 17px; font-weight: bold; padding:0 5px 10px 5px; border-bottom: solid 2px rgb(244, 171, 16); }
.phone-p p{color: rgb(226, 249, 240); font-size: 13px; text-align: center; margin:0; line-height: 25px;}
.phone-p{ margin:15px 0; }
.ewm-c img{ width: 110px; }
.ewm-c{ float: left; }
.pull-left{ float: left; }
.ewm-txt{ margin-left: 10px; text-align: left; }
.ewm-txt p{ color: #fff; }
.ewm-txt p span{ color: rgb(244, 171, 16);}
.phone-a{    left: 0px;
    top: 0px; margin-top: 15px;
    display: block; padding:0 10px;
    line-height: 29px; border-radius: 30px 30px 30px 30px;border:solid 1px rgba(255,153,0,1); font-size: 15px; font-weight: bold; color: #fff;}
.phone-a span{ padding-left: 20px; background: url(../images/phone.png) left center no-repeat; background-size: 18px auto; }
.phone-b{ text-align: center; font-size: 12px; color: #fff; padding:10px 0; margin-top: 15px; line-height: 25px; }
.text-center{ text-align: center; }
.footer-i{ display: inline-block; margin-top: 15px; }
.phone-footer{ display: none; }


.wrap_foot {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #007aa6;
	padding-top: 8px;

	padding-right: 0;
	padding-left: 0;
}

.wrap_foot dl {
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

.wrap_foot dt {
	height: 24px;
}

.wrap_foot dd {
	color: #fff;
}

.footer{
	padding-top: 0px;
}

.phone-b{ text-align: center; font-size: 12px; color: #fff; padding:0px 0; margin-top: 5px; line-height: 25px; }


@media( max-width: 1230px){
	.pc-footer{ display: none; }
	.footer{ padding-top: 25px; }
	.phone-footer{ display: block; }
}



@media( max-width: 1279px){
	.container{ width: 970px; }
	.nav-list li a{ width: 100px; }
	.phone{ margin-left: 212px; }
	.nav-list{ float: right; }
	.logo{ background: #006da4; width: 220px; padding-right: 20px; }
	.tabs-ul li{ margin-left: 25px; }
	.slick a img{ position: static; width: 100%; margin:0; max-width: 100%; height: auto; }
	.slick a{ height: auto; }
}
@media( max-width: 991px){
	.container{ width: 100%; }
	.header{ height: 50px; background: none; position: relative; background: #006da4; }
	.header .container{ padding:0; }
	.logo{ height: 50px; line-height: 50px; padding:0 15px; width: auto; }
	.logo img{ height: 30px; }
	.login-a,.phone { display: none; }
	.nav-list{ position: absolute; left: 0; display: none; border-top: solid 1px #ddd; top: 100%; right: 0; background: #fff; z-index: 1000; box-shadow: 1px 2px 3px #ddd; }
	.nav-list li{ float: none; width: 100%; margin:0; }
	.number-t span{ font-size: 36px; }
	.number-back{ margin-bottom:30px; }
	.tabs-ul{ width: 100%; padding:0; }
	.shop-list{ padding-top: 10px; }
	.menu-button{ display: block; }
	.tabs-ul li{ margin-left: 0; margin-right: 25px; }
	}
@media( max-width: 768px){

.container{padding:15px; }
	.shop-list li{ width: 100%; margin-bottom:10px; }
	.number-back{ display: none; }
.tabs-ul{ display: none; }
	.number-t{ font-size: 14px; }
	.number-t span{ font-size: 24px; padding-right: 10px; }
	.tabs-ul li{ margin-left: 0; margin-right: 0; width: 25%; }
	.slick-dots{ display: none!important; }
	.shop-list-box{ background: none; border:none; padding:0; }
	.shop-list-p{ display: none; }
	.shop-list-tt{ font-size: 18px; }
	
	
	
	.news-left{ display: none; }
	
	
	.news-list-r{width: 104%;  background: #fff; border:solid 0px #ddd; padding:15px 15px 0 15px; height: auto; }
	
	
	.news-list-r li{ margin-top: 0; }
	


	
	
	.news-list-p{ margin-top: 5px; }
	.news-back{ margin-top: 30px; padding:20px 0; }
	
	
	.number-list li{ width: 50%; margin-bottom: 10px; }
	.marqueeleft{ margin:20px 0 0 0; }
	.lb-list-ul li{ width: 50%; }
	.lb-box{ background: none; padding:0; margin-top: 0; }
	.lb-img{ width: 100%; height: auto; padding-top: 70%; }
	.lb-right{ width: 100%; padding:15px; padding-bottom: 60px; }
	.lb-slick .slick-next{ left: auto; margin-left: 0; right: 0; }
	.lb-slick .slick-prev{ left: auto; right: 40px; margin:0; }
	.case-box{ display: none; }
	.lb-icon{ position: static; margin:0 auto; }
	.lb-icon img{ width: 50px; height: 50px; }
	.lb-icon-box{ padding:0; text-align: center; }
	.lb-list-ul li{ padding:0; height: 120px; }
	.lb-list-ul{ padding:10px 0; margin-bottom:30px; }
	.lb-icon-box span{ font-size: 12px; }
	
	
	.about-list-ul li{ width: 50%; }
	.about-box{ background: none; padding:0; margin-top: 0; }
	.about-img{ width: 100%; height: auto; padding-top: 70%; }
	.about-right{ width: 100%; padding:15px; padding-bottom: 60px; }
		.aboute-box{ margin-top: 30px; padding-top: 30px; }
	.about-icon{ position: static; margin:0 auto; }
	.about-icon img{ width: 50px; height: 50px; }
	.about-icon-box{ padding:0; text-align: center; }
	.about-list-ul li{ padding:0; height: 120px; }
	.about-list-ul{ padding:10px 0; margin-bottom:30px; }
	.about-icon-box span{ font-size: 12px; }
	.about-p{ font-size: 15px; line-height: 28px; color: #333; text-align: justify; height: 200px; overflow:hidden; }
	
		.about-right{ width: 100%; padding:15px; padding-bottom:0px; }
	.about-right-b{ display: none;}
.about-lind{ display: none; }

.tabs-ul-about li a{display: none;}
.tabs-ul-about li.active a,.tabs-ul-about li a:hover{ display: none; }
.about-right-tt a{ display: none; }

.about-list-ul{ display: none; }

	.about-title{
	font-size: 24px;
	color: #333333;
	margin-bottom:20px;
}
	
.footer{
	padding-top: 0px;
}

.phone-b{ text-align: center; font-size: 12px; color: #fff; padding:0px 0; margin-top: 0px; margin-bottom:30px;line-height: 25px; }	
	
	
	
}
@media( max-width: 480px){
	

	}