@charset "utf-8";

.wrapper{width:100%; margin: 0 auto; overflow:hidden;background: url('../images/bg-in.jpg') no-repeat top #ebebeb;height: 100%;background-size: contain;position: relative;min-height: 100vh;padding-bottom: 120px;box-sizing: border-box;}
.wrapper a{color: #fff;}
.wrap{width: 1400px;margin: auto;}

/* in-header */
.header .logo{width: 470px;height: 50px;margin: 44px 0 0 0;float: left;}
.header .nav{float: right;font-size: 18px;margin: 55px 0 0 0;}
.header .nav li{float: left;margin: 0 30px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li a{color: #fff;line-height: 40px;height: 40px;display: inline-block;box-sizing: border-box;}
.header .nav li a:hover{border-bottom: 1px solid #fff;}
.header .m-nav{width:29px;float:right;margin-right:2%;display: none;}
.header .m-nav em{display:block;width:24px;height:20px;background:url('../images/ico.png');background-size:contain;background-repeat:no-repeat;cursor:pointer;margin: 28px 10px 0 0;}
.header .m-list{width:35%;background-color:rgba(255,255,255,0.9);position:fixed;top:60px;right:-100%;z-index:1000 !important;}
.header .m-list li{height:40px;line-height:40px;border-bottom:1px solid #999;text-align:center;font-size:14px;}
.header .m-list li:last-child{border-bottom:0;}
.header .m-list li a {color: #333;}

.container{margin: 30px auto 60px;}
.container .tips{margin: 105px auto 23px;font-size: 14px;}
.container .tips p{display: inline-block;padding-left: 40px;background: url('../images/ico1.png') no-repeat left 12px center;height: 18px;}
.container .tips p a{}

.l-list{width: 17%;float: left;background: #fff;font-size: 14px;}
.l-list h3{display: inline-block;font-size: 20px;height: 96px;line-height: 96px;width: 100%;font-weight: normal;border-top: 3px solid #0075c6;}
.l-list h3 a{color: #0075c6;margin-left: 15px;}
.l-list ul li{height: 30px;line-height: 30px;border-bottom: 1px solid #e3e3e3;font-size: 14px;width: 96%;margin: 0 2% 15px;}
.l-list ul li:hover,.l-list ul .active{border-bottom: 1px solid #0075c6;background: #0075c6;}
.l-list ul li:hover a,.l-list ul .active a{color: #fff;}
.l-list ul li a{color: #292929;margin-left: 15px;color: #5f5f5f;}
.r-bd{width: 80%;margin-left: 3%;float: left;background: #fff;}
.r-bd .top{height: 96px;background: #fff;width: 100%;border-top: 3px solid #0075c6;}
.r-bd .top h3{display: inline-block;font-size: 26px;color: #0075c6;line-height: 96px;font-weight: normal;padding-left: 24px;}
.r-bd .bds{color: #4e4e4e;font-size: 14px;color: #575757;width: 100%;padding: 0 24px 24px;box-sizing: border-box;}

.footer{width: 100%;height: 120px;background: #0075c6;color: #fff;font-size: 14px;position: absolute;bottom: 0;left: 0;}
.footer .l{float: left;width: 50%;}
.footer .l p{display: block;line-height: 32px;padding-left: 100px;}
.footer .l p a{display: inline-block;margin: 0 28px;}
.footer .l p a:first-child{margin-left: 0;}
.footer .l p:first-child{padding-top: 28px;}
.footer .r{float: right;width: 50%}
.footer .r p{margin-left: 180px;line-height: 32px;padding-left: 30px;}
.footer .r p:first-child{padding-top: 12px;background: url('../images/ico2.jpg') no-repeat left top 19px;}
.footer .r p:nth-child(2){background: url('../images/ico3.jpg') no-repeat left center;}
.footer .r p:nth-child(3){background: url('../images/ico4.jpg') no-repeat left center;}

/* pruduct.css */
.products{}
.products .bds .tab-top{width: 100%;margin-bottom: -2px;}
.products .bds .tab-top td{background: #0075c6!important;color: #fff;}
.products .bds .cplb tr{display: none;}
.products .bds tr{height: 60px;}
.products .bds tr td{border:1px solid #fff;padding-left: 10px;color: #fff;}
.products .bds tr td:nth-of-type(1){width: 15%}
.products .product1{}
.products .product1 tr td:nth-of-type(2){width: 9%}
.products .product1 tr td:nth-of-type(3){width: 5%}
.products .product1 tr td:nth-of-type(4){width: 5%}
.products .product1 tr td:nth-of-type(5){width: 11%}
.products .product1 tr td:nth-of-type(6){width: 15%}
.products .product1 tr td:nth-of-type(7){width: 40%}

.products .product2{}
.products .product2 tr td:nth-of-type(2){width: 6%}
.products .product2 tr td:nth-of-type(3){width: 15%}
.products .product2 tr td:nth-of-type(4){width: 8%}
.products .product2 tr td:nth-of-type(5){width: 8%}
.products .product2 tr td:nth-of-type(6){width: 10%}
.products .product2 tr td:nth-of-type(7){width: 10%}
.products .product2 tr td:nth-of-type(8){width: 7%}
.products .product2 tr td:nth-of-type(9){width: 21%}

.products .product3{}
.products .product3 tr td:nth-of-type(2){width: 5%}
.products .product3 tr td:nth-of-type(3){width: 5%}
.products .product3 tr td:nth-of-type(4){width: 7%}
.products .product3 tr td:nth-of-type(5){width: 7%}
.products .product3 tr td:nth-of-type(6){width: 7%}
.products .product3 tr td:nth-of-type(7){width: 7%}
.products .product3 tr td:nth-of-type(8){width: 7%}
.products .product3 tr td:nth-of-type(9){width: 6%}
.products .product3 tr td:nth-of-type(10){width: 7%}
.products .product3 tr td:nth-of-type(11){width: 7%}
.products .product3 tr td:nth-of-type(12){width: 7%}
.products .product3 tr td:nth-of-type(13){width: 13%}

.products .product4{}
.products .product4 tr td:nth-of-type(2){width: 10%}
.products .product4 tr td:nth-of-type(3){width: 15%}
.products .product4 tr td:nth-of-type(4){width: 15%}
.products .product4 tr td:nth-of-type(5){width: 35%}
.products .product4 tr td:nth-of-type(6){width: 10%}

.products .product5{}
.products .product5 tr td:nth-of-type(2){width: 9%}
.products .product5 tr td:nth-of-type(3){width: 10%}
.products .product5 tr td:nth-of-type(4){width: 10%}
.products .product5 tr td:nth-of-type(5){width: 10%}
.products .product5 tr td:nth-of-type(6){width: 10%}
.products .product5 tr td:nth-of-type(7){width: 16%}
.products .product5 tr td:nth-of-type(8){width: 9%}
.products .product5 tr td:nth-of-type(9){width: 21%}

.products .product6{}
.products .product6 tr td:nth-of-type(2){width: 7.5%}
.products .product6 tr td:nth-of-type(3){width: 7.5%}
.products .product6 tr td:nth-of-type(4){width: 7.5%}
.products .product6 tr td:nth-of-type(5){width: 7.5%}
.products .product6 tr td:nth-of-type(6){width: 7.5%}
.products .product6 tr td:nth-of-type(7){width: 7.5%}
.products .product6 tr td:nth-of-type(8){width: 7.5%}
.products .product6 tr td:nth-of-type(9){width: 7.5%}
.products .product6 tr td:nth-of-type(10){width: 7.5%}
.products .product6 tr td:nth-of-type(11){width: 7.5%}
.products .product6 tr td:nth-of-type(12){width: 10%}

.products tr td:nth-of-type(4n+1){background: #6ece8e;}
.products tr td:nth-of-type(4n+2){background: #40bcba;}
.products tr td:nth-of-type(4n+3){background: #23b1e1;}
.products tr td:nth-of-type(4n){background: #0075c5;}

.btns {text-align: center;}
.btns li {display: inline-block;width: 40px;height: 40px;margin:20px;border:1px solid #ccc;border-radius: 5px;}
.btns li a{color: #000;line-height: 40px;}
.btns .active{background: #0075c5;}
.btns .active a{color: #fff;}

/* about-us.css */
.about{}
.about .bds .txt{width: 100%;}
.about .bds .txt p{line-height: 25px;padding-bottom: 25px;}
.about .bds .txt dl{width: 50%;float: left;}
.about .bds .txt dd{height: 25px;line-height: 25px;padding-left: 25px;background: url('../images/ico5.png') no-repeat left center;}

/* contact-us.css */
.contact{}
.contact .bds .txt{float: left;width: 389px;font-size: 14px;}
.contact .bds .txt li{line-height: 40px;}
.contact .bds .map{width: 500px;height: 324px;float: right;}

@media all and (max-width:1400px){
	.wrapper{background: url('../images/bg-in-pad.jpg') no-repeat top #ebebeb;background-size: contain;}
	.wrap{width: 100%;margin: auto;}
	.header .logo {width: 30%;height: 60px;min-width: 480px;}
	.header .logo img {width: 100%;height: auto;}
	.header .nav{font-size: 16px;margin: 50px 30px 0 0;}
	.header .nav li{margin: 0 15px;}
	.footer .l p{padding-left: 10px;}
	.footer .r p{margin-left: 10px;}
}

@media all and (max-width:1200px){
	.contact .bds .map{float: left;}

}

@media all and (max-width:812px){
	.header .logo {width: 70%;height: 60px;min-width: 0;margin: 20px 0 0 10px;}
	.header .nav {display: none;}
	.header .m-nav {display: block;}
	.l-list h3{font-size: 20px;height: 50px;line-height: 50px;}
	.l-list{width: 100%;float: none;padding-bottom: 1px;margin-bottom: 15px;}
	.r-bd{width: 100%;margin-left: 0;float: none;}
	.r-bd .top{height: 50px;}
	.r-bd .top h3{font-size: 20px;line-height: 50px;padding-left: 10px;}
	.r-bd .bds{font-size: 12px;padding: 0;margin-bottom: 30px;}
	.about .bds .txt{width: 96%;padding: 0 2%;}
	.contact .bds .txt{width: 100%;}
	.contact .bds .map{width: 100%;height: 300px;float: left;}
	.contact .bds .txt li{padding-left: 12px;box-sizing: border-box;width: 100%;}
}

@media all and (max-width:767px){
	.footer{height: auto;}
	.footer .l{float: right;width: 100%;}
	.footer .l p:first-child{padding-top: 10px;}
	.footer .r{float: left;width: 100%;padding-bottom: 10px;}
	.footer .l p a{display: inline-block;margin: 0 8px;}
	.wrapper{padding-bottom: 180px;}
}

@media all and (max-width:420px){
	.wrapper{background: url('../images/bg-in-sj.jpg') no-repeat top #ebebeb;background-size: contain;}
	.contact .bds .map{width: 100%;height: 250px;float: left;}
}

@media all and (max-width:350px){
	.header .logo {width: 80%;}
  	.header .m-nav em{margin: 26px 10px 0 0;}
	.wrapper{padding-bottom: 210px;}
	.contact .bds .txt{font-size: 12px;}
	.contact .bds .txt li{line-height: 30px;}
}

/* culture.css */
.culture{}
.culture .bds{padding-top: 3px;}
.culture .bds ul li{width: 49.5%;float: left;margin-bottom: 0.5%;}
.culture .bds ul li:nth-child(2n){margin-left: 1%;}

@media all and (max-width:1200px){
	.culture .bds ul li{margin-bottom: 1%;}
	.culture .bds ul li img{width: 100%;height: auto;}
}

@media all and (max-width:800px){
	.culture .bds{margin-top: -35px;}
	.culture .bds ul li{width: 100%;}
	.culture .bds ul li:nth-child(2n){margin-left: 0%;}
}


/* technology.css */
.technology{}
.technology .bds ul li{float: left;color: #4e4e4e;font-size: 12px;padding-bottom: 25px;}
.technology .bds ul li h3{font-size: 16px;font-weight: normal;line-height: 40px;}
.technology .bds ul li p{line-height: 20px;width: 90%;text-align: justify;}
.technology .bds ul li span{color: #7e7e7e;background: #cdcdcd;padding: 2px 10px;margin-top: 10px;display: inline-block;border-radius: 10px;}

@media all and (max-width:1200px){
	.technology .bds ul li p{width: 100%;}
}