/* by Adon , CSS Document */









@font-face {



  font-family: family1;



  src: url("/Public/Home/fonts/SourceHanSansCN-Medium.eot");



  src: local("☺"), url("/Public/Home/fonts/SourceHanSansCN-Medium.woff") format("woff"), url("/Public/Home/fonts/SourceHanSansCN-Medium.ttf") format("truetype"), url("/Public/Home/fonts/SourceHanSansCN-Medium.svg") format("svg"); }











@font-face {



  font-family: family2;



  src: url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.eot");



  src: local("☺"), url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.woff") format("woff"), url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.ttf") format("truetype"), url("/Public/Home/fonts/sanfranciscodisplay-light-webfont.svg") format("svg"); }









*{margin:0;padding:0;-webkit-touch-callout:none;}

body{ font-size:12px;font-family:family1, "PingFang SC", "Source Han Sans SC", "HanHei SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;color:#1a2225;}

a,body{color:#1a2225}

a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

a:focus,a:hover{text-decoration:none;color:#17927a;}

h1,h2,h3,h4,h5,h6,li,ul{margin:0}

li,ul{list-style:none}

a:focus,input,textarea,select{outline:none} 

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}

p,big,small,span,font,em{display:block;margin:0}

.en{font-family:family2,Tahoma,Geneva,sans-serif;}

.left{float:left}

.right{float:right}

.clearfix{clear:both}

.container{width:100%;max-width:1430px;margin:0 auto;padding-left:15px;padding-right:15px}

.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}

.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}

.title .p1{ font-size:40px; text-transform:uppercase; text-align:center}

.title .p2{ font-size:20px;max-width:700px;}

.title { position:relative; margin:5% 0;font-weight:bold;}

.page-title { position:relative; margin:2.5% 0;font-weight:bold;font-size:40px; text-transform:uppercase; overflow:hidden;}

.page-title font{ padding-bottom:2.5%;border-bottom:solid 1px #f0f0f0;}

.sidr-open .sidr-bg{ background:#000; position:fixed; top:0; z-index:999; width:100%; height:100%; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}


.headers{ position:fixed; top:0; width:100%; z-index:10; padding:30px 0;}
.headers .logo{ width:122px; height:43px; float:left;}
.headers .menu{ width:50px; height:30px; float:right; display:none; margin-top:10px;}
.headers .navs li{ float:left; font-size:16px; margin-left:50px; font-weight:bold;line-height:43px;}
.headers .navs li.lan{ margin-left:100px;}
.headers .navs li.productss .on{ padding-bottom:34px; border-bottom:solid 3px #17927a}
.headers.fix,.headers{ background:#fff; border-bottom:solid 1px #f0f0f0;}
.headers.fix .logo,.headers .logo{ background:url(/Public/Home/img/logoss.png) no-repeat center;background-size: cover}{ background:url(/Public/Home/img/logoss.png) no-repeat center;background-size: cover}
.headers.fix .menu,.headers .menu{ background:url(/Public/Home/img/menu.png) no-repeat center;background-size:contain}
.headers.fix .navs li a{ color:#1a2225;}
.headers1 .menu{ background:url(/Public/Home/img/menus.png) no-repeat center;background-size:contain}
.headers1 .navs li a{ color:#fff;}
.headers1 .logo{ background:url(/Public/Home/img/logoss.png) no-repeat center;background-size: cover}
.headers1{ border: none; background:none}
.headerdiv{ float:left; height:105px; width:100%;}

.headers .navs li:hover a{ color:#169279;}


.header{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;}

.header .lan{ margin:20px 0; text-transform:uppercase}

.header .lan a{ background:url(/Public/Home/img/lan.png) no-repeat left; padding-left:25px; font-size:15px;}

.header .navs{ font-size:16px;}

.header .navs li{ float:left; text-transform:uppercase;font-size:16px; line-height:93px; font-weight:bold; margin-left:45px;}

.header .navs li.products a{ background:url(/Public/Home/img/navs.png) no-repeat right; padding-right:20px;}

.header .navs li:hover a{ color:#17927a}

.header .searchs{ line-height:93px; margin-left:150px;}

.header .menu{ display:none; width:30px; margin:35px 0;}

.search{ position: fixed;text-align:center;top:0; left:0; z-index:99;width:100%; height:100%; display:none;}

.search .bg{ position:absolute; left:0; top:0; background:url(/Public/Home/img/bg.png) repeat; width:100%; height:100%;}

.search .item{ position:absolute; top:50%;left:0; right:0; margin:-35px auto 0 auto; z-index:10;}

.search small{ display:block;color:#fff; font-size:16px; text-transform:uppercase; margin-bottom:15px;}

.search form{ background:#fff; width:100%; max-width:380px; position:relative;margin:0 auto;line-height:40px; font-size:16px; color:#575757;}

.search form .text{ border:0; width:100%; text-align:center;}

.search form .submit{ position:absolute; right:10px; border:0;top:11px; width:16px; height:16px; background:url(/Public/Home/img/search.png) no-repeat center;}

.modal .modal-header{ border-bottom:none;}

.modal{text-align:center; width:100%; height:100%;}

.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:550px;}

.modal .modal-content video{ width:100%; height:100%; max-height:480px;}

#sidr{ position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;text-transform:uppercase;height:100%;width:60%;background:#fff;z-index:999;overflow-y:scroll;}

#sidr .menu{ position:absolute; right:5%; top:2.5%;}

#sidr ul{ width:100%; margin-top:15%;}

#sidr ul li { line-height:50px;border-bottom:solid 1px #efefef; display:block; text-indent:10%;font-weight:bold}

#sidr ul li.click{ background:url(/Public/Home/img/d.png) no-repeat 90% 20px;}

#sidr ul li .down{display:none; background:#17927a; margin:0; text-transform:capitalize;}

#sidr ul li .down li{border-top:solid 1px #fff; font-size:14px;margin:0; text-indent:0;line-height:normal;border-bottom:none; font-weight:normal; text-transform:uppercase}

#sidr ul li .down li a{color:#fff; padding:5% 10%; display:block;}

.products-fix{ position:fixed; top:0; left:0; width:100%; background:#e9e9e9; display:none;height:100%;z-index:999;overflow-y:scroll}

.products-fix ul{ margin:7.5% 0; overflow:hidden;}

.products-fix .closes{ position:absolute; right:5%; top:3%;line-height:42px;}

.products-fix .closes font{ position:absolute; top:0; right:20px; font-size:15px;}

.products-fix .cotnaienr{ height:100%; position:relative;}

.products-fix ul li{ float:left; background:#fff; text-align:center; margin-bottom:0.5%;line-height:22px; padding:5% 0;text-transform:uppercase; font-weight:bold; font-size:20px; width:24.5%; margin-right:0.5%}

.products-fix ul li img{ width:80%; margin:0 auto; display:block;}

.products-fix ul li .p1{ margin-top:15%; padding:0 10%; color:#17927a; height:66px;}

.footer{ float:left; width:100%;margin:100px 0 150px;font-size:16px;font-weight:bold;}

.footer .l{ margin-left:5%}

.footer .l .p1{ font-size:35px; text-transform:uppercase; line-height:40px; margin-bottom:5%;}

.footer .l .p2{ font-size:18px; max-width:540px; color:#868686;}

.footer .r a{ float:left; width:195px; line-height:55px;font-size:18px; color:#17927a; text-transform:uppercase;text-align:center; margin-left:10px; border:solid 1px #f0f0f0;}

.footer .r a.on{border:solid 1px #f0f0f0; background:#17927a; color:#fff;}

.footer .r{ margin-right:5%}

.footer .ul{border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0; padding:60px 0 100px; margin:5% 0 2.5% 0;overflow:hidden;}

.footer .ul ul li{ float:left; margin-left:100px; line-height:43px;}

.footer .ul ul li a{ color:#909090; text-transform:uppercase;}

.footer .by{ text-transform:uppercase;color:#909090;}

.footer .by.left a{color:#909090; margin-left:100px;}

.footer .by.right a{ text-decoration:underline; color:#17927a;}

.iproducts{ float:left; width:100%;}

.iproducts .container{ position:relative; height:100%;}

.iproducts .title .p1{ margin-bottom:5%;}

.iproducts .prev{position:absolute; left:-5%; top:70%; z-index:1}

.iproducts .next{position:absolute; right:-5%; top:70%; z-index:1}

.iproducts ul li{ text-align:center; text-transform:uppercase; padding:0 10%;}

.iproducts ul li img{ margin:5% 0;}

.iproducts ul li .p1{ font-size:25px; color:#17927a; font-weight:bold;}

.iproducts ul li .p2{ font-size:15px; color:#868686;}


.newss{ float:left; width:100%; background:#f6f6f6; padding:50px 0 100px 0;}

.newss .title .p1{ text-align:left; color:#17927a;}

.newss .title{ margin-bottom:2.5%}

.newss ul li{ width:32.33%; margin-right:0; float:left; margin-bottom:1.5%;}

.newss ul li:not(:nth-child(3n)){ margin-right:1.5%;}

.newss ul li .item{ background:#fff; padding:10%;}

.newss ul li .item span{ font-size:25px; color:#1a2225; font-weight:bold;display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;-webkit-box-orient: vertical;}

.newss ul li .item p{ font-size:14px;margin-top:15px;color:#868686;display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;}

.footer .bot{ height:310px; overflow:hidden; position:relative; color:#fff; padding:5% 10%;background:url(/Public/Home/img/footers.jpg) no-repeat;}

.footer .item .p1{ font-size:38px; line-height:45px; margin-bottom:20px;}

.footer .item .p2{ font-size:16px; text-transform:uppercase; max-width:500px;}

.footer .bot .pics{ position:absolute; top:30%; right:10%;}



.about3 { float:left; width:100%;}
.about3 .item .p2{ max-width:600px; margin-top:25px;}
.about3 ul{ margin-top:5%;}
.about3 ul li{ float:left; border:solid 1px #efefef;width:16.6%; text-align: center;margin-left:-1px; margin-top:-1px;}
.about3 .more{ display:block; margin:10% auto; overflow:hidden; color:#fff; text-align:center; width:235px; line-height:65px; font-size:20px; border-radius:20px; background:#17927a; clear:both;}

/*.products-fixx{ background:#fff; position:fixed; top:100px; z-index:10; left:0; width:100%; height:360px; display:none; overflow:hidden;}
.products-fixx .left{ background:#f6f6f6; width:25%; height:100%;}
.products-fixx .left ul li{ display:block; font-size:18px; line-height:67px; padding:0 20%;}
.products-fixx .left ul li.on{ background:#fff url(/Public/Home/img/n.png) no-repeat 90%;}
.products-fixx .left ul li.on a{ color:#17927a;}
.products-fixx .right{width:75%; position:relative;}
.products-fixx .right .prev{ top:50%; margin-top:-20px; position:absolute; left:5%; z-index:1}
.products-fixx .right .next{ top:50%; margin-top:-20px; position:absolute; right:5%; z-index:1}
.products-fixx .right .ul{ display:none; padding:2.5%; height:360px;}
.products-fixx .right ul li{ width:100%; text-align:center;}
.products-fixx .right ul li img{ height:200px;}
.products-fixx .right ul li span{ font-size:23px; display:block; text-align:center; color:#17927a;}
.products-fixx .more{ background:#17927a; color:#fff; width:110px; line-height:35px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; position:absolute; top:5%; right:2.5%; text-align:center; font-size:14px; z-index:1;}*/

.products-fixx{ background:#17927a; position:fixed; top:105px; z-index:10; left:0; max-width:555px;height:300px; font-size:16px; line-height:45px;color:#fff; display:none; overflow:hidden; right:0; margin:0 auto}
.products-fixx .left{width:40%; height:100%; padding:6%;}
.products-fixx .left ul li{ display:block; color:#caebe5;}
.products-fixx .left ul li a{ display:block; color:#caebe5;}
.products-fixx .left ul li.on,.products-fixx .left ul li:hover{ background:url(/Public/Home/img/n.png) no-repeat 90%;}
.products-fixx .left ul li.on a,.products-fixx .left ul li:hover a{ color:#fff;}
.products-fixx .rights{ background:#09836b; width:60%; height:100%; padding:6%; float:right; text-align:left;}
.products-fixx .rights .uls{ padding:2.5%; height:360px;}
.products-fixx .rights ul li{ width:100%; display:block;}
.products-fixx .rights ul li a{ color:#fff;}


.ilists ul li{ float:left; width:32.33%; max-height:637px; overflow:hidden;position:relative;margin-right:1.5%; margin-bottom:1.5%;border:solid 1px #f0f0f0; padding-top:5%;margin-left:-1px;}
.ilists ul li.clear{margin-right:0;}
.ilists ul li img{ float:right;}
.ilists ul li p{ position:relative; z-index:2; margin-left:10%;}
.ilists ul li .p2{ font-size:23px; color:#17927a; margin-top:15px; margin-bottom:25px;max-width:200px; font-weight:bold; text-transform:uppercase; line-height:25px; height:50px; overflow:hidden;}
.ilists ul li .p1{ font-size:30px; text-transform:uppercase; font-weight:bold; line-height:30px;}
.ilists ul li .p3{  background:#17927a; text-align:center; font-weight:bold;color:#fff;max-width:110px; line-height:35px; text-transform:uppercase; font-size:14px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.ilists ul li:hover .bg{ background:url(/Public/Home/img/ilists.png) repeat; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8;z-index:1}
.ilists ul li:hover p{ color:#fff;}
.ilists ul li:hover .p3{ background:#fff; color:#17927a;}
.ilists ul li.li{ background:#169279; text-align:center; color:#fff; height:615px; margin-right:0}
.ilists ul li.li font{ color:#fff; max-width:inherit; margin:0 auto; display:block}
.ilists ul li.li .f1 img{ float:none;}
.ilists ul li.li .f1{ margin-top:120px;}
.ilists ul li.li .f2{ font-size:20px; margin:30px 0 50px 0;}
.ilists ul li.li .f3{ font-size:25px; text-decoration:underline}





@media (max-width:1366px){

.header .searchs{ margin-left:30px;}

}

@media (max-width:1024px){
	
.products-fixx{ display:none !important}
.headers .right{ display:none;}
.headers .menu{ display:block}	
	
.footer .ul ul li{ margin-left:0; margin-right:10%;}	

.title .p1,.page-title{ font-size:34px;}

.title .p2{ font-size:18px;}

.footer{ font-size:15px;}

.footer .l{ margin-left:0;}

.footer .r{margin-right:0}

.footer .ul ul{ float:left; width:100%; margin-top:5%;}

.footer .ul ul li{ line-height:normal; margin-bottom:10px;}

.iproducts { overflow:hidden;}

.iproducts ul li .p1{ font-size:22px}

.iproducts ul li .p2{ font-size:14px}

.footer .ul ul li{ margin-top:auto;}

.newss ul li .item span{ font-size:20px;}

}

@media (max-width:1023px){

.header .navs{ display:none}

.header .menu{ display:block}

.header .searchs{ display:none;}

.products-fix{ display:none !important;}

}

@media (max-width:960px){

.footer .l{width:100%;}

.footer .r{width:100%; float:left; margin-top:5%;}

.footer .r a{ margin-left:0; margin-right:10px;}

.footer .by.left a{ margin-left:40px;}

}

@media (max-width:768px){
	
	.newss{ padding:5% 0 15% 0;}
	
	
	.footer .bot{ height:auto; background-size: cover; padding:10%;}
	.footer .bot .pics{ position:static; float:left; margin-top:5%;}
	
	.about3 ul li{ width:50%;}
	.about3 .more{ width:200px; line-height:50px; font-size:16px;}

.ilists ul li .p2{ font-size:18px;}
.ilists ul li .p1{ font-size:26px;}


.page-title{ margin:5% 0;}

.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}	

.footer{ font-size:14px;}

.footer .l .p1{ font-size:30px; line-height:35px;}

.footer .l .p2{ font-size:16px;}

.footer .r a{ font-size:16px; width:175px; line-height:45px;}

}

@media (max-width:640px){
.headers{padding:15px 0;}
.headers .logo{ width:90px; height:30px;}
.headers .menu{ width:35px; height:20px;}
.headerdiv{ height:65px;}
.ilists ul li{ width:100%; padding-top:10%; margin-bottom:2.5%;margin-left:0}


.footer .ul{ margin:10% 0; padding:5% 0 7.5% 0;}

.footer .item .p1{ font-size:24px; line-height:30px;}
.footer .item .p2{ font-size:14px; margin-top:10px;}


.footer .by{ float:left;}

.newss ul li{ width:100%; margin:0 !important}

.newss ul li .item span{ font-size:18px;}


}

@media (max-width:480px){
.ilists ul li .p1{ font-size:24px; line-height:25px;}
.ilists ul li p{ margin-left:10%;}
.ilists ul li .p3{ font-size:13px;}


.title{ margin:10% 0;}

.title .p1,.page-title{ font-size:26px;}

.title .p2{ font-size:15px;}

.footer{ font-size:13px; padding-top:10%; margin:10% 0 15% 0;}

.footer .l .p1{ font-size:22px; line-height:25px;}

.footer .l .p2{ font-size:14px;}

.footer .r a{ font-size:14px; width:150px;}

.footer .by{ margin-bottom:10px;}

.header .logo img{ height:70px;}

.header .menu img{ height:17px;}

.header .menu{ margin:27px 0;}

#sidr{ font-size:14px;}

#sidr ul li .down li{ font-size:13px;}

#sidr .menu img{ height:15px; width:15px;}

.iproducts ul li .p1{ font-size:18px}

.iproducts ul li .p2{ font-size:13px}

}

@media (max-width:320px){

.title .p1,.page-title{ font-size:22px;}

.title .p2{ font-size:14px;}

.footer .l .p1{ font-size:20px; line-height:22px;}

.footer .l .p2{ font-size:13px;}

.footer .r a{ font-size:13px; width:130px;}

.iproducts ul li .p1{ font-size:16px}

}