@charset "utf-8";
html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family:  "century gothic", "Microsoft Yahei";
    line-height: 1.5; color: #333;
background: #FFFFFF;
word-wrap: break-word;
}

a, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0; }

input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}


.pc-nav{z-index: 999; position: fixed;padding-top: 60px;width: 18%;height:100%;background: #FFFFFF;box-shadow: 1px 0px 5px rgba(0,0,0,0.2);}
.pc-nav .logo{margin-left: 60px; display: block;width:calc(80% - 60px);height: auto;margin-bottom: 20px;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav ul{width:100%;height: auto;text-align: left;}
.pc-nav ul li{text-transform:capitalize; position: relative; width: 100%; padding-left: 60px; font-size: 16px;line-height: 50px;}
.pc-nav ul li:hover{background: #f5f5f5;}



.pc-nav ul li .icon-arrow{position: absolute;right: 40px;}
.pc-nav ul li .down{display: none; position: absolute;width: 260px;  top: 0;height: 100%;z-index: 88; left:100%;}

.pc-nav ul li .down .bk{position: fixed;left: 18%;top: 0;width: 260px;height: 100%;background:#f2f2f2;}
.pc-nav ul li .down a{text-transform:capitalize; position: relative; width: 100%;font-size: 16px; display: block;border-bottom:1px solid #dcdcdc; padding-left: 30px;}
.pc-nav ul li .down a .icon-arrow{display: none;transition: all 0.5s ease; position: absolute;right: 10px;top: 50%;transform: translateY(-50%); font-size: 16px;}
.pc-nav ul li .down a:hover .icon-arrow{display: inherit;}
.pc-nav ul li .down a:hover{padding-left: 45px;transition: all 0.5s ease;}

#dl-menu{display: none;}

@media only screen and (max-width:1400px ) {
	.pc-nav ul li{padding-left: 50px;}
		.pc-nav .logo{margin-left: 50px;width: calc(90% - 50px);}
	.pc-nav ul li{font-size: 15px;}
		.pc-nav ul li .down{width: 200px;}
			.pc-nav ul li .down .bk{width: 200px;}
	.pc-nav ul li .down a{font-size: 15px;}
	
}

@media only screen and (max-width: 1200px) {
	.pc-nav ul li{padding-left: 40px;}
	.pc-nav .logo{margin-left: 40px;width: calc(90% - 40px);}
		.pc-nav ul li{font-size: 15px;}
			.pc-nav ul li .down a{font-size: 14px;}
}


@media only screen and (max-width:1024px ) {
	.pc-nav {display: none;}
	#dl-menu{display:inherit;}
}


.box{width: 100%;height: auto;overflow: hidden;}

.box-r{width:82%;height:100%; float: right;}
@media only screen and (max-width:1024px ) {
.box-r{width: 100%;height: auto;}	
}

.banner{z-index: 0;width:100%;height: auto;position: relative;}

.banner .banner-js{width: 100%;height: 100%;overflow: hidden;}
.banner .banner-js .pic{width: 100%;height: auto;position: relative;}
.banner .banner-js .pic img{display: block;width: 100%;height: auto;}
	
.banner .banner-js .pic .con{position: absolute;width: 90%; height: auto; top:44%;left: 50%;transform: translate(-50%); }	
.banner .banner-js .pic .con h5{text-align: center;margin-bottom:60px;width: 100%;height: auto; color: #FFFFFF;font-size: 50px;}
.banner  .icos{display: block;  z-index: 999; position: absolute;bottom:32%;left: 50%;transform: translateX(-50%) translateY(50%); -webkit-animation: rotate 3.5s 0.1s infinite;
animation-name:rotate ; }

@keyframes rotate{
      0%{width: 0%;transform: translateY(-15px);}
    50%{transform: translateY(15px);}
  100%{transform: translateY(-15px);}
}
.banner  .icos img{display: block;width: 50px;height: 50px;}

@media only screen and (max-width:1400px ) {
	.banner .banner-js .pic .con h5{font-size: 40px;}
	.banner  .icos img{width: 36px;height: 36px;}
}
@media only screen and (max-width:1200px ) {
	.banner .banner-js .pic .con h5{font-size: 36px;}
	.banner  .icos img{width: 36px;height: 36px;}
}


.banner .banner-js .swiper-pagination{height: 18px;    text-align: center;bottom: 25px;line-height: 18px;}

.banner .banner-js .swiper-pagination-bullet {
background: #FFFFFF;
    width: 6px;
    height: 6px;
    opacity: 1;
    margin:6px!important;
}
.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 18px;
    height: 18px;
     margin: 0px 6px !important;
    background: none;
    border: 1px solid #FFFFFF;
    position: relative;
}
.banner .banner-js .swiper-pagination-bullet-active:before{content: "";position: absolute; width: 6px;height: 6px;background: #FFFFFF;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-3px) translateY(-3px);}


.banner .banner-js2 .swiper-pagination{height: 18px;    text-align: center;bottom: 25px;line-height: 18px;}
.banner .banner-js2 .swiper-pagination-bullet {
background: #FFFFFF;
    width: 4px;
    height: 4px;
    opacity: 1;
    margin:4px!important;
}
.banner .banner-js2 .swiper-pagination-bullet-active {
    opacity: 1;
    width: 12px;
    height: 12px;
     margin: 0px 4px !important;
    background: none;
    border: 1px solid #FFFFFF;
    position: relative;
}
.banner .banner-js2 .swiper-pagination-bullet-active:before{content: "";position: absolute; width:4px;height: 4px;background: #FFFFFF;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-2px) translateY(-2px);}




@media only screen and (max-width:1024px ) {
	.banner{width: 100%;margin-top: 60px;}
	.banner .banner-js .swiper-pagination{height: 18px;    text-align: center;bottom: 25px;line-height: 18px;}
.banner .banner-js .swiper-pagination-bullet {
background: #FFFFFF;
    width: 4px;
    height: 4px;
    opacity: 1;
    margin:4px!important;
}
.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 12px;
    height: 12px;
     margin: 0px 4px !important;
    background: none;
    border: 1px solid #FFFFFF;
    position: relative;
}
.banner .banner-js .swiper-pagination-bullet-active:before{content: "";position: absolute; width:4px;height: 4px;background: #FFFFFF;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-2px) translateY(-2px);}

}
@media only screen and (max-width:720px ) {
	.banner .banner-js .con{display: none;}
		.banner  .icos{display: none;}
}




.w90{width: 90%;margin: 0 auto;height: auto;}
.h100{height: 100px;width: 100%;overflow: hidden;}
.h60{height:60px;width: 100%;overflow: hidden;}
@media only screen and (max-width:1400px ) {
.h100{height: 80px;}
.h60{height: 50px;}	
}
@media only screen and (max-width:1024px ) {
.h100{height: 65px;}
.h60{height: 45px;}		
}




@media only screen and (max-width:720px ) {
.h100{height: 50px;}
.h60{height: 35px;}		
}


.title{width: 100%;height: auto;text-align:left;}
.title h5{font-size: 52px;line-height: 1; color: #000000;text-transform:capitalize}
.title .line{display: block;width: 65px; height: 5px;background: #00b0f0;margin-top:15px;}
@media only screen and (max-width:1400px ) {
	.title h5{font-size: 46px;}
	.title .line{display: block;width: 55px;height: 4px;}
}
@media only screen and (max-width:1200px ) {
	.title h5{font-size: 40px;}
	.title .line{display: block;width:45px;height:3px;}
}
@media only screen and (max-width:1024px ) {
	.title h5{font-size: 36px;}
	.title .line{display: block;width:40px;height:3px;}
}
@media only screen and (max-width:720px ) {
	.title h5{font-size:28px;}
	.title .line{display: block;width:35px;height:3px;}
}


.more{float: right;font-weight: bold; font-size: 16px;color: #00B0F0; text-transform: uppercase; width:85px;display: block;position: relative;}
.more:before{position: absolute;content: "";width: 30px;height: 5px;right: 0;top: 50%; background:url(../img/a001.png);transform: translateY(-50%);}
.more:hover{transform: translateY(-10px);transition: all 0.6s ease;}



.in-pro{width: 100%;height: auto;z-index: 888;background: #FFFFFF;}

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

.in-pro{margin-top: 0;}	
}
.in-pro .top{width: 100%;height: auto;overflow: hidden;}
.in-pro .title{width: 240px;float: left;}
.in-pro .sort{margin-top: 30px; padding-right: 30px; width:calc(100% - 325px);float: right;font-size: 0;text-align: right;}
.in-pro .sort li{font-size: 16px; display: inline-block;padding: 0 2%;}
.in-pro .sort li a{color: #000000;position: relative;}
.in-pro .sort li:hover a:before{content: "";position: absolute;top:calc(100% + 2px);left: 50%; width: calc(100% + 5px);height: 1px;background: #000000; transform: translateX(-50%);}
.in-pro .more{margin-top: 30px;}


.in-pro .in-pro-list{width: 100%; height: auto;overflow: hidden;}
.in-pro .in-pro-list li{width: 33.3%; padding:60px 40px; float: left; border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.in-pro .in-pro-list li:nth-child(3n){border-right: 1px solid rgba(0,0,0,0);}
.in-pro .in-pro-list li:nth-child(1){padding-top: 0;}
.in-pro .in-pro-list li:nth-child(2){padding-top: 0;}
.in-pro .in-pro-list li:nth-child(3){padding-top: 0;}
.in-pro .in-pro-list li .pic{width: 100%;height: auto;overflow: hidden;}
.in-pro .in-pro-list li .pic img{display: block;width: 100%;height: auto; transition: all 0.5s ease;}
.in-pro .in-pro-list li h5{width: 100%;text-align: center;margin-top: 40px;color: #000;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-pro .in-pro-list li .pic .img2{display: none;}
.in-pro .in-pro-list li:hover .pic .img1{display: none;}
.in-pro .in-pro-list li:hover .pic .img2{display:inherit;}
@media only screen and (max-width:1400px ) {
	.in-pro .in-pro-list li{padding: 45px 20px;}
	.in-pro .in-pro-list li h5{font-size: 17px;margin-top: 25px;}
	.in-pro .sort li{font-size: 16px;}
}
@media only screen and (max-width:1200px ) {
	.in-pro .in-pro-list li{padding: 30px 15px;}
	.in-pro .sort li{font-size: 15px;}
	.in-pro .in-pro-list li h5{font-size: 16px;margin-top: 20px;}
}

@media only screen and (max-width:720px ) {
	
	.in-pro .title{width: calc(100% - 85px);}
	.in-pro .top{padding-bottom: 10px;}
		.in-pro .sort{width: 100%;height: auto;text-align: left;}
	.in-pro .in-pro-list li{width: 50%; padding: 20px 7.5px;}
	.in-pro .in-pro-list li h5{font-size: 14px;margin-top: 20px;}
	.in-pro .in-pro-list li:nth-child(3n){border-right: 1px solid #EAEAEA;}
		.in-pro .in-pro-list li:nth-child(2n){border-right:1px solid rgba(0,0,0,0);}
.in-pro .in-pro-list li:nth-child(3){padding-top:20px;}
}


.in-ab{width: 100%;height: auto;background: #FFFFFF;z-index: 0;position: relative;border-bottom: 1px  solid #EAEAEA;}
.in-ab .bk{position: absolute;top: 0;z-index: -1; left: 0;width: 100%;height: 50%;background-size: cover;background-repeat: no-repeat;background-position: center;}

.in-ab .in-ab-c{padding: 0 5%; width: 100%;height: auto;background: #FFFFFF;}
.in-ab .in-ab-c .title{text-align: center;}
.in-ab .in-ab-c .title .line{margin: 0 auto;margin-top: 15px;}
.in-ab .in-ab-c .txt{width: 100%;height:192px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word;}
.in-ab .in-ab-c .txt p{font-size: 16px;color: #000000;}

@media only screen and (max-width:1024px ) {
	.in-ab .in-ab-c .txt{height: 176px;}
	.in-ab .in-ab-c .txt p{font-size: 15px;}
}


.more1{margin:0 auto; text-align: center;height: 50px;line-height: 50px;margin-top: 40px; display: block;width: 180px;border: 1px solid #00B0F0; font-weight: bold; font-size: 16px;color: #00B0F0; text-transform: uppercase;}
.more1 span{display: inline-block;position: relative;padding-right: 40px;}
.more1 span:before{position: absolute;content: "";width: 30px;height: 5px;right: 0;top: 50%; background:url(../img/a001.png);transform: translateY(-50%);}


.in-quality{width: 100%;height: auto;background: #FFFFFF;}
.in-quality .title{width:calc(100% - 90px);float: left;}
.in-quality .top{width: 100%;height: auto;overflow: hidden;}
.in-quality .more{margin-top: 30px;}
.in-quality-list{width: 100%;height: auto;overflow: hidden;}
.in-quality-list li{position: relative; width: calc(25% - 15px);float: left; margin-right: 20px;}
.in-quality-list li:last-child{margin-right: 0;}
.in-quality-list li .pic  {width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-quality-list li .pic img{display: block;width: 100%;height: auto;}
.in-quality-list li .con{ width:88%;text-align: center; padding: 15px 10px;  position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); background: rgba(255,255,255,0.5);}
.in-quality-list li .con .con-c{width: 100%;height: auto;position: relative;}
.in-quality-list li .con .line{transition: all 0.3s ease;  width:0;height: 0px;display: block;background:#999999;margin: 0 auto;}
.in-quality-list li .con  h5{font-size: 20px;color:#000000;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.in-quality-list li .con h6{width: 100%; color: #666;font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-quality-list li:hover .con{padding: 36% 10px; height:88%; background: rgba(255,255,255,0.8);}
.in-quality-list li:hover .line{width: 86%;height: 1px;margin: 5px auto;}
.in-quality-list li:hover .con .con-c:before{position: absolute;content: "";border-top: 5px solid #00B0F0;border-bottom:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);top:calc(100% + 15px); border-right: 5px solid rgba(0,0,0,0);}
@media only screen and (max-width:1400px) {
	.in-quality-list li .con  h5{font-size: 20px;}
	.in-quality-list li .con h6{font-size: 14px;}
}
@media only screen and (max-width:900px) {
		.in-quality-list li .con  h5{font-size: 18px;}
	.in-quality-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.in-quality-list li:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:720px ) {
	.in-quality .more{float: none;}
	.in-quality  .title{width: 100%;float: none;}
		.in-quality-list li{width: calc(50% - 7.5px);margin-right: 15px;margin-bottom: 15px;}
	.in-quality-list li:nth-child(2n){margin-right: 0;}
}


.footer{width: 100%;height: auto;background: #f5f5f5;}
.footer .foot-t{width: 100%;height: auto;overflow: hidden;}
.footer .foot-t .cont{width: 370px;float: left;}
.footer .foot-t .cont .logo{width: 190px;display: block;height: auto;}
.footer .foot-t .cont .logo img{display: block;width: 100%;height: auto;}
.footer .foot-t .cont h5{color: #000000;font-size: 20px;margin-top: 30px;margin-bottom: 20px;}
.footer .foot-t .cont ul{width: 100%;height: auto;}
.footer .foot-t .cont ul li{width: 100%;height: auto;font-size: 16px;word-wrap: break-word;margin-bottom:5px;}
.footer .foot-t .cont .link{width: 100%;height: auto;margin-top:30px;}
.footer .foot-t .cont .link a{height: 20px;display: inline-block;width: auto;margin-right: 10px;}
.footer .foot-t .cont .link a img{display: block;width:auto;height:100%;}
.footer .foot-t .cont .link a:hover{transform: translateY(-10px);transition: all 0.6s ease;}

.footer .foot-t .form .c1::-webkit-input-placeholder {color: #333333;font-family: "century gothic";}
.footer .foot-t .form  .c1::-moz-placeholder {color: #333333;font-family: "century gothic";}
.footer .foot-t .form  .c1::-moz-placeholder {color: #333333;font-family: "century gothic";}
.footer .foot-t .form .c1::-ms-input-placeholder {color: #333333;font-family: "century gothic";}





.footer .foot-t .form{margin-top: 40px; display: block; width: calc(100% - 370px);padding-left:8%;float: right;}
.footer .foot-t .form .c1{display: block;font-size: 15px; margin-bottom: 20px; line-height: 45px; width: calc(33.3% - 16px);margin-right: 24px;float: left;border: none;border-bottom: 1px solid #a9a9a9;background: none;}
.footer .foot-t .form .c2{margin-right: 0;}
.footer .foot-t .form .c3{width: 100%;margin-right: 0;height: 120px;}
.footer .foot-t .form .tj{width: 180px;height:50px;line-height: 50px; font-size:16px;text-align: center;background:#00B0F0;border: none;color: #FFFFFF;}

.footer .foot-d{width: 100%;border-top: 1px solid #EAEAEA;padding: 20px 0;}
.footer .foot-d .foot-dc{height: auto;color: #000000;font-size: 15px; overflow:hidden;}
.footer .foot-d .foot-dc .left{ float: left;}
.footer .foot-d .foot-dc .right{float: right;}

	
@media only screen and (max-width:1024px ) {
	.footer .foot-t .cont{width: 280px;float: left;}
	.footer .foot-t .cont h5{font-size: 18px;}
	.footer .foot-t .cont ul li{font-size: 15px;}
	.footer .foot-t .form{margin-top: 0;width:calc(100% - 280px);}
	.footer .foot-t .form .c1{font-size: 15px;line-height: 40px;width: 100%;}
}

@media only screen and (max-width: 720px) {
	.footer .foot-t .cont .logo{width: 150px;}
		.footer .foot-t .cont{width:100%;}
			.footer .foot-t .cont h5{font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
	.footer .foot-t .cont ul li{font-size: 15px;}
			.footer .foot-t .form{display: none;}
			.footer .foot-d .foot-dc .left{float:none;display: block;}
			.footer .foot-d .foot-dc .right{float: none;display: block;}
			.footer .foot-t .cont .link{margin-top: 20px;}
}




/*内页*/
.in-banner{width: 100%;height: auto;}
.in-banner img{display: block;width: 100%;height: auto;}
.in-banner .img2{display: none;}
	
@media only screen and (max-width:1200px ) {
.in-banner .img2{display: inherit;}
.in-banner .img1{display:none;}
}
@media only screen and (max-width:1024px ) {
	.in-banner{margin-top: 60px;}	
}

.ab{width: 100%;height: auto;border-bottom: 1px solid #EAEAEA;}
.ab  .con{width: 100%;height: auto;overflow: hidden;}
.ab .con .txt{width: 50%;height: auto;float: left;}
.ab .con .txt p{font-size: 16px;color: #000000}
.ab .con .pic{width: 45%;height: auto;float: right;}
.ab .con .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1200px ) {
	.ab .con .txt p{font-size: 15px;}
}

@media only screen and (max-width:720px ) {
	.ab .con .txt{width: 100%;height: auto;}
	.ab .con .pic{width: 100%;height: auto;margin-top: 30px;}
}




.picture{width: 100%;height: auto;border-bottom: 1px solid #EAEAEA;}
.picture .picture-js{width: 100%;height: auto;padding-bottom: 60px;}
.picture .picture-js img{display: block;width: 100%;height: auto;}

.picture .picture-js .swiper-pagination{height: 18px;    text-align: center;bottom: 0px;line-height: 18px;}
.picture .picture-js .swiper-pagination-bullet {
background: #999;
    width: 6px;
    height: 6px;
    opacity: 1;
    margin:6px!important;
}
.picture .picture-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 18px;
    height: 18px;
     margin: 0px 6px !important;
    background: none;
    border: 1px solid #999999;
    position: relative;
}
.picture .picture-js .swiper-pagination-bullet-active:before{content: "";position: absolute; width:6px;height: 6px;background: #999;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-3px) translateY(-3px);}
@media only screen and (max-width:720px ) {
	.picture .picture-js{padding-bottom: 30px;}
	.picture .picture-js .swiper-pagination-bullet {
background: #999;
    width: 4px;
    height: 4px;
    opacity: 1;
    margin:4px!important;
}
.picture .picture-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 12px;
    height: 12px;
     margin: 0px 4px !important;
    background: none;
    border: 1px solid #999999;
    position: relative;
}
.picture .picture-js .swiper-pagination-bullet-active:before{content: "";position: absolute; width:4px;height: 4px;background: #999;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-2px) translateY(-2px);}

}


.in-banner2{width: 100%;height: auto;position: relative;}
.in-banner2 .map{position: absolute;z-index: 9; width:45%; height:auto;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);}
.in-banner2 .map img{display: block;width: 100%;height: auto;}
.in-banner2 .pic{width: 100%;height: auto;position:relative;}
.in-banner2 .pic .bk{position: absolute;z-index: 2; width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,0.4);}
.in-banner2 .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1024px ) {
	.in-banner2{margin-top: 60px;}
}








.message{width: 100%;height: auto;overflow: hidden;}
.message .message-l{width: 55%;float: left;}
.message .pic{width: 40%;height: auto;float:right;}
.message .pic img{display: block;width: 100%;height: auto;}
.message h6{font-size:24px;color: #000000;margin-bottom: 40px;}
.message .form{width: 100%;height: auto;}

.message .form .c1::-webkit-input-placeholder {color: #333333;font-family: "century gothic";}
.message .form  .c1::-moz-placeholder {color: #333333;font-family: "century gothic";}
.message .form  .c1::-moz-placeholder {color: #333333;font-family: "century gothic";}
.message .form .c1::-ms-input-placeholder {color: #333333;font-family: "century gothic";}





.message .form .c1{width: calc(50% - 10px);font-size: 16px; float: left; border: none;background: #FFFFFF;line-height: 50px;box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);margin-right: 20px; padding-left: 20px;margin-bottom: 15px;}
.message .form .c2{margin-right: 0;}
.message .form .c3{width: 100%;height: 120px;}
.message .form .tj{width: 100%;line-height: 45px;background: #00B0F0;color: #FFFFFF;border: none;}

@media only screen and (max-width:1400px ) {
	.message h6{font-size: 20px;}
	.message .form .c1{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.message h6{font-size: 18px;}
	.message .form .c1{font-size: 15px;line-height: 40px;}
	.message .form .tj{line-height: 40px;}
}
@media only screen and (max-width:720px ) {
	.message h6{font-size: 18px;margin-bottom: 30px;}
	.message .message-l{width: 100%;}
	.message .form .c1{width: 100%;margin-bottom: 10px; font-size: 14px; margin-right: 0; font-size: 15px;line-height: 40px;}
	.message .form .tj{line-height: 40px;}
	.message .pic{display: none;}
}











.contact{width: 100%;height: auto;background: #f8f8f8;overflow: hidden;}
.contact .cont-l{width:360px;float: left;}
.contact .cont-l h6{font-size: 24px;margin-top: 40px;}
.contact .cont-r{width: calc(90% - 360px);float: right;}
.contact .cont-r li{padding: 25px; width: calc(33.3% - 24px);margin-left: 24px;float: left;background: #fff;}
.contact .cont-r li .ico{width: 45px;height: auto;}
.contact .cont-r li .ico img{display: block;width: 100%;height: auto;}
.contact .cont-r li h4{ font-size: 23px;color: #000000;margin-top: 30px;margin-bottom: 20px;}
.contact .cont-r li .txt{width: 100%;height:72px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
@media only screen and (max-width:1400px ) {
.contact .cont-l{width: 300px;}
	.contact .cont-l h6{font-size: 20px;}
	.contact .cont-r{width: calc(95% - 300px);float: right;}
	.contact .cont-r li h4{ font-size: 20px;}
	.contact .cont-r li{padding: 25px; width: calc(33.3% - 15px);margin-left: 15px;}
	.contact .cont-r li .txt{width: 100%;height:66px;font-size: 15px;}
}
@media only screen and (max-width:1200px ) {
	
	.contact .cont-l h6{font-size:18px;}
		.contact .cont-r li h4{ font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
	.contact .cont-r li .txt{height:63px ;font-size: 14px;}	
}
@media only screen and (max-width:850px ) {
	.contact .cont-l{width: 100%;height: auto;}
	.contact .cont-r li .ico{width: 38px;height: 38px;}
			.contact .cont-r li h4{ font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
		.contact .cont-r{width: 100%;height: auto;margin-top: 30px;}
}
@media only screen and (max-width:600px ) {
	.contact .cont-l{width: 100%;height: auto;}
	.contact .cont-r li{padding: 15px;margin-left: 0; width:100%;margin-bottom: 10px; margin-right: 10px;}
	.contact .cont-r li:last-child{margin-right: 0;}
	.contact .cont-r li .txt{height: auto;}
	.contact .cont-r{width: 100%;height: auto;margin-top: 30px;}
}


.retail{width: 100%;height: auto;}
.retail ul{width: 100%;height: auto;overflow: hidden;}
.retail ul li{width: calc(33.3% - 20px);margin-right: 30px; float: left;padding-bottom: 30px;margin-bottom: 35px;border-bottom: 1px solid #00B0F0;}
.retail ul li:nth-child(3n){margin-right: 0;}
.retail ul li .pic{width: 100%;height: auto;overflow: hidden;}
.retail ul li .pic img{display: block;width: 100%;height: auto;}
.retail ul li h5{width: 100%;margin-top: 20px; font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.retail ul li .txt{margin-top: 10px;width: 100%;height:42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;}
.retail ul li .txt p{font-size: 15px;color: #000000;}
.retail ul li .bn{margin-top: 20px; display: block;position: relative; font-size: 16px;color: #00B0F0;font-weight: bold;}
.retail ul li .bn:after{position: absolute;right:0;content: "";top: 50%; transform: translateY(-50%); border-left: 6px solid #00B0F0;border-right: 5px solid rgba(0,0,0,0);border-top: 5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);}
.retail ul li:hover .pic img{transform: scale(1.1);transition: all 0.3s ease;}

@media only screen and (max-width:1400px ) {
		.retail ul li{padding-bottom: 20px;}
	.retail ul li h5{font-size: 18px;margin-top: 15px;}
	.retail ul li .bn{margin-top: 15px;}
}
@media only screen and (max-width:1200px ) {
		.retail ul li{padding-bottom: 20px;}
	.retail ul li h5{font-size:18px;margin-top: 15px;}
	.retail ul li .bn{margin-top: 15px;}
}
@media only screen and (max-width:1024px ) {
	.retail ul li .txt {height: 42px;}
	.retail ul li .txt p{font-size: 14px;}
}
@media only screen and (max-width:720px ) {
	.retail ul li{width: calc(50% - 7.5px);margin-right: 15px;margin-bottom: 25px;padding-bottom: 15px;}
	.retail ul li:nth-child(3n){margin-right: 15px;}
		.retail ul li h5{font-size:16px;}
		.retail ul li:nth-child(2n){margin-right: 0px;}
	.retail ul li .txt {height: 42px;}
	.retail ul li .txt p{font-size: 14px;}
	.retail ul li .bn{font-size: 14px;margin-top: 10px;}
	.retail ul li .bn:after{position: absolute;right:0;content: "";top: 50%; transform: translateY(-50%); border-left: 4px solid #00B0F0;border-right: 4px solid rgba(0,0,0,0);border-top: 4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);}

}







.fy{text-align: center; width: 100%;height: auto;margin-top: 30px;}
.fy a{display: inline-block;line-height: 30px;padding: 0 10px;margin: 0 5px; font-size: 16px;color: #00B0F0;}
.fy a:hover{background: #00B0F0;color: #FFFFFF;}
.fy a.cut{background: #00B0F0;color: #FFFFFF;}

@media only screen and (max-width:1024px ) {
	.fy{text-align: center; width: 100%;height: auto;margin-top:10px;}
	.fy a{font-size: 14px;line-height: 24px;padding: 0 8px;margin: 0 3px;}
}

.pro{width: 100%;height: auto;}
.pro .top{width: 100%;height: auto;overflow: hidden;}
.pro .top .title{width:240px;float: left;}
.pro .top .sort{margin-top: 30px; width: calc(100% - 240px); float: right; text-align: right;}
.pro .top .sort li{font-size: 18px; display: inline-block;padding: 0 2%;}
.pro .top .sort li a{color: #000000;position: relative;}
.pro .top .sort li:hover a:before{content: "";position: absolute;top:calc(100% + 2px);left: 50%; width: calc(100% + 5px);height: 1px;background: #000000; transform: translateX(-50%);}
.pro .top .sort li.cut a:before{content: "";position: absolute;top:calc(100% + 2px);left: 50%; width: calc(100% + 5px);height: 1px;background: #000000; transform: translateX(-50%);}


.pro .pro-list{margin-bottom: 20px; width: 100%; height: auto;overflow: hidden;}
.pro .pro-list li{width: 33.3%; padding:60px 40px; float: left; border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.pro .pro-list li:nth-child(3n){border-right: 1px solid rgba(0,0,0,0);}
.pro .pro-list li:nth-child(1){padding-top: 0;}
.pro .pro-list li:nth-child(2){padding-top: 0;}
.pro .pro-list li:nth-child(3){padding-top: 0;}
.pro .pro-list li .pic{width: 100%;height: auto;overflow: hidden;}
.pro .pro-list li .pic img{display: block;width: 100%;height: auto; transition: all 0.5s ease;}
.pro .pro-list li h5{width: 100%;text-align: center;margin-top: 40px;color: #000;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .pro-list li .pic .img2{display: none;}
.pro .pro-list li:hover .pic .img1{display: none;}
.pro .pro-list li:hover .pic .img2{display:inherit;}

@media only screen and (max-width:1400px ) {
.pro .pro-list li{padding: 45px 20px;}
.pro .pro-list li h5{font-size: 18px;margin-top: 25px;}
.pro .pro-list li{font-size: 16px;}
}
@media only screen and (max-width:1200px ) {
.pro .pro-list li{padding: 25px 15px;}
.pro .sort li{font-size: 15px;}
.pro .pro-list li h5{font-size: 16px;margin-top: 20px;}
}

@media only screen and (max-width:720px ) {
.pro .top .title{width: 100%;}
.pro .top .sort{width: 100%;height: auto;text-align: left;}
.pro .top .sort li{font-size: 15px; padding:0 1.5% 0 0;}
.pro .pro-list li{width: 50%; padding:20px 7.5px;}
.pro .pro-list li h5{font-size: 14px;margin-top: 20px;}
.pro .pro-list li:nth-child(3n){border-right: 1px solid #EAEAEA;}
.pro .pro-list li:nth-child(2n){border-right:1px solid rgba(0,0,0,0);}
.pro .pro-list li:nth-child(3){padding-top: 20px;}
}


.pro-d{width: 100%;height: auto;}
.pro-d .pro-pic{width: 100%;height: auto;}
.pro-d .pro-pic-js{width: 100%;height: auto;}
.pro-d .pro-pic-js img{display: block;width: 100%;height: auto;}

.pro-d .pro-pic-js .swiper-pagination{height: 18px;    text-align: center;bottom:25px;line-height: 18px;}
.pro-d .pro-pic-js .swiper-pagination-bullet {
background: #999;
    width: 6px;
    height: 6px;
    opacity: 1;
    margin:6px!important;
}
.pro-d .pro-pic-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 18px;
    height: 18px;
     margin: 0px 6px !important;
    background: none;
    border: 1px solid #999999;
    position: relative;
}
.pro-d .pro-pic-js .swiper-pagination-bullet-active:before{content: "";position: absolute; width:6px;height: 6px;background: #999;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-3px) translateY(-3px);}


.pro-d .pro-pic-js .swiper-button-next{
     background-image: url(../img/a013.png);
     right:25px;
     left: auto;
}
.pro-d .pro-pic-js .swiper-button-prev{
     background-image: url(../img/a012.png);
     left: 25px;
     right: auto;
}
.pro-d .pro-pic-js .swiper-button-prev, .pro-d .pro-pic-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 35px;
    margin-top: -17.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1024px ) {
	.pro-d .pro-pic{margin-top: 60px;}

}

@media only screen and (max-width:720px ) {
	.pro-d .pro-pic-js .swiper-pagination-bullet {
background: #999;
    width: 4px;
    height: 4px;
    opacity: 1;
    margin:6px!important;
}
.pro-d .pro-pic-js .swiper-pagination-bullet-active {
    opacity: 1;
    width: 12px;
    height: 12px;
     margin: 0px 4px !important;
    background: none;
    border: 1px solid #999999;
    position: relative;
}
.pro-d .pro-pic-js .swiper-pagination-bullet-active:before{content: "";position: absolute; width:4px;height: 4px;background: #999;border-radius: 100%;top: 50%;left: 50%;transform: translateX(-2px) translateY(-2px);}
.pro-d .pro-pic-js .swiper-button-prev, .pro-d .pro-pic-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 26px;
    margin-top: -12.5px;
    z-index: 10;
    cursor: pointer;
    background-size:15px 26px;
    background-position: center;
    background-repeat: no-repeat;
}
	
}



.pro-d .pro-d-c{width: 100%;height: auto;border-bottom: 1px solid  #EAEAEA;}
.pro-d .pro-d-c  h5{font-size: 24px;color: #000000;}
.pro-d .pro-d-c .txt{margin-top: 35px; width: 100%;height: auto;}
.pro-d .pro-d-c .txt p{font-size: 16px;color:#000000;}
.pro-d .pro-d-c .cont{width:180px;display: block;margin-top: 35px; background: #00B0F0;color: #FFFFFF;text-align: center;line-height: 45px;}
.pro-d .pro-d-c .con{border-top: 1px solid #EAEAEA;padding-top: 40px;margin-top: 40px;}
@media only screen and (max-width:1200px ) {
	.pro-d .pro-d-c .txt p{font-size: 15px;color: #000000;}
}

.detail{width: 100%;height: auto;}
.detail h5{font-size: 24px;color: #000000;text-align: center;}
.detail .txt {width: 100%;height: auto;}
.detail .txt p{font-size: 16px;color: #000000;}
@media only screen and (max-width:1200px ) {
	.detail .txt p{font-size: 15px;color: #000000;}
	.detail h5{font-size:20px;}
}
@media only screen and (max-width:1024px ) {
.detail h5{font-size:18px;}
}

.service{width: 100%;height: auto;}
.service ul{width: 100%;height: auto;overflow: hidden;}
.service ul li{vertical-align: top; width: calc(50% - 30px);margin-right: 60px;float:left;}
.service ul li:last-child{margin-right: 0;}
.service ul li .pic {width: 100%;height: auto;}
.service ul li .pic img{display: block;width: 100%;height: auto;}
.service ul li h5{color: #000000;font-size: 20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:30px;}
.service ul li .txt{width: 100%;height: auto;margin-top:20px;}
.service ul li .txt p{font-size: 15px;}
@media only screen and (max-width:1200px ) {
	.service ul li{width:calc(50% - 20px);margin-right:40px;}
	.service ul li:last-child{margin-right: 0;}
}
@media only screen and (max-width:1024px) {
		.service ul li{width:calc(50% - 15px);margin-right:30px;}
	.service ul li h5{font-size: 18px;}
	.service ul li .txt p{font-size: 15px;}
}
@media only screen and (max-width:720px ) {
		.service ul li{width: 100%;height: auto;margin-bottom: 40px;}
			.service ul li:last-child{margin-right: 0;}
	.service ul li h5{font-size: 18px;margin-top:20px;}
	.service ul li .txt{margin-top: 10px;}
	.service ul li .txt p{font-size: 14px;}
}

.quality{width: 100%;height: auto;}
.quality ul{width: 100%;height: auto;}
.quality ul li{ padding-bottom: 25px;border-bottom: 1px solid #00B0F0; width: calc(50% - 30px);margin-right:60px;float: left;margin-bottom: 30px;}
.quality ul li:nth-child(2n){margin-right: 0;} 
.quality ul li .pic{width: 100%;height: auto;}
.quality ul li .pic img{display: block;width: 100%;height: auto;}
.quality ul li h5{font-size: 20px;color: #000000;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.quality ul li .txt{width: 100%;height: auto;margin-top: 20px;}
	.quality ul li .txt p{font-size: 15px;}
@media only screen and (max-width:1200px ) {
.quality ul li{width:calc(50% - 20px);margin-right:40px;}
.quality ul li:nth-child(2n){margin-right: 0;}
}

@media only screen and (max-width:1024px) {
.quality ul li{width:calc(50% - 15px);margin-right:30px;}
.quality ul li:nth-child(2n){margin-right: 0;}
.quality ul li h5{font-size: 18px;}
.quality ul li .txt p{font-size: 15px;}
}
@media only screen and (max-width:720px ) {
.quality ul li{width: 100%;height: auto;margin-bottom: 40px;}
.quality ul li h5{font-size: 18px;margin-top:20px;}
.quality ul li .txt{margin-top: 10px;}
.quality ul li .txt p{font-size: 14px;}
}







.password{position: fixed;width: 82%;height:100%;top: 0;right: 0;background: rgba(0,0,0,0.85);z-index: 998;}
.password .password-c{position:absolute;z-index: 9999; width: 70%;max-width:720px;  padding:60px 45px; height: auto; top:35%;left: 50%;overflow: hidden;transform: translate(-50%); background: #FFFFFF;border-radius: 10px;}
.password .password-c form{display: block;}
.password .password-c form .text{margin-bottom: 10px; font-size: 16px; width:100%;background: #f5f5f5; line-height:45px; padding-left: 20px; border: 1px solid #EAEAEA;}
.password .password-c form .sign{border: none; font-size:16px;text-align: center; width:100%;height:45px; background: #00B0F0;color: #FFFFFF;}
@media only screen and (max-width:1024px ) {
	.password{width: 100%;height: calc(100% - 60px);top: 60px;}
.password .password-c form .text{font-size: 14px;}
.password .password-c form .sign{font-size: 14px;}

}
	
@media only screen and (max-width:720px ) {
	.password .password-c{width: 90%;}
.password .password-c{padding: 35px 20px;}
.password .password-c form .text{line-height: 35px;width:100%; font-size: 13px;padding-left: 10px;}
.password .password-c form .sign{width:100%; line-height: 35px;height: 35px;font-size: 13px;}


}




.infor{width: 100%;height: auto;overflow: hidden;background: #FFFFFF;border: 1px solid #EAEAEA;}
.infor .txt{width: 100%;height: auto;}
.infor .txt p{font-size: 16px;color: #000000;}
.infor .txt p img{display: block;width: 100%;height: auto;}

.market{width: 100%;height: auto;background: #FFFFFF;}
.market .txt{width: 100%;height: auto;}
.market .txt p{font-size: 15px;color: #000000;}
.market .txt p img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1024px ) {
	.infor .txt p{font-size: 15px;}
	.market .txt p{font-size: 15px;}
}

.process{width: 100%;height: auto;border-bottom: 1px solid #EAEAEA;}
.process ul{width: 100%;height: auto;overflow: hidden;}
.process ul li{width: 50%;float: left; height: auto;}
.process ul li .tv{ width: 100%;height: 300px;position: relative; background-size: cover;background-position: center;background-repeat: no-repeat;}
.process ul li  .con{z-index: 11; width:80%;height: auto; position: absolute;top: 45%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.process ul li  .con h5{color: #FFFFFF;font-size: 24px;text-align: center;}
.process ul li  .con .line{width: 45px;height:3px;margin: 0 auto; background: #FFFFFF;display: block;margin-top: 10px;}
.process ul li .play{ width: 60px;height: 60px;position:absolute;z-index: 22; top: -50%;left: 50%;transform: translate(-50%);}
.process ul li .play img{display: block;width: 100%;height: auto;}
.process ul li:hover .con{width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;transform: translate(0);}
.process ul li:hover .con h5{display: none;}
.process ul li:hover  .con .line{display: none;}
.process ul li:hover .play{ transition: all 0.4s ease;  top:50%;left: 50%; transform: translateX(-50%) translateY(-50%);}


@media only screen and (max-width:1024px ) {
	.process ul li .play{width: 50px;height: 50px;}
	.process ul li  .con h5{font-size:18px;}
}
@media only screen and (max-width: 720px) {
		.process ul li .play{width: 35px;height: 35px;}
	.process ul li .tv{height: 150px;}
	.process ul li  .con h5{font-size: 16px;line-height: 1;}
}

.video{background: rgba(0,0,0,0.9); display: none;  position:fixed; top:50%; left: 50%; height: 600px; width: 800px; margin-left: -400px;margin-top: -300px; z-index: 999; display: none;}
.video .na-video{width: 100%; height: 100%; display: block;}
.video .close{position: absolute;top: 3px; right: 10px; color:#FFFFFF; font-size: 24px; cursor:pointer;}

@media (max-width:850px ) {
 .video{  height: 450px; width: 600px; margin-left: -300px;margin-top: -225px; }

}

@media (max-width:650px ) {
 .video{  height: 330px; width: 440px; margin-left: -220px;margin-top: -165px; }

}

@media (max-width:440px ) {
 .video{  height: auto; width: 90%; margin-left:0;margin-top: 0; position:fixed; top:35%; left: 50%;transform: translateX(-50%); }

}