html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
body,textarea,input,button,select,keygen,legend{font-size:14px; color:#333; font-family:Arial; -webkit-text-size-adjust:none; outline:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:none;}
i,cite,em,var,address,dfn{font-style:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
sup,sub{font-size:80%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto; resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
ins,u,s,a{text-decoration:none;}
textarea,input{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border:1px #cbcecd solid; outline:none;}
img{max-width:100%; max-height:100%; border:none;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;}

.clear{ clear:both}






/*top*/

#ht{ height:40px; background:#333d46; line-height:40px;}
#ht .fl{ width:780px; color:#fff; float:left;}



.wrap{ width:1200px; margin:0 auto;}

/*.fr{ width:200px; float:left; margin-left:200px;}*/
.logo{ width:350px; height:80px; float:left; margin:30px 0 20px 0}



 .search{ width:33px; height:33px; background:url(../img/ss.jpg) no-repeat; float:left; margin-top:48px;position: relative;}
 .search .sea_ab{ width:208px; height:40px; position:absolute; top:28px; padding-top:5px; right:-0; z-index:999; display:none; background:url(../img/sea_bg.png) bottom no-repeat;}
 .search:hover .sea_ab{ display:block;}
 .search .sea_ab .sea_t{ width:170px; height:34px; line-height:34px; background:none; border:none; text-indent:10px; float:left; margin-top:6px; color:#fff;}
 .search .sea_ab input::-webkit-input-placeholder{ color:#fff;}
 .search .sea_ab .sea_b{ width:30px; height:34px; background:none; border:none; cursor:pointer; float:left; margin-top:6px;}



/*banner*/

.flexslider {margin: 0px auto 20px;	position: relative;	width: 100%;	height: 790px;	overflow: hidden;	zoom: 1;}

.flexslider .slides li {	width: 100%;	height: 100%;}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 790px;
	display: block;
}




/*about us*/


.indabout{height: 680px; text-align:center;}
.indabout .title{height: 78px;line-height: 58px;padding-top: 30px;font-size: 36px;color: #000;text-align: center;}
.indabout .sectitle{height: 120px;overflow: hidden;margin-bottom: 20px; line-height:25px;}
.indabout .abolist{}
.indabout .abolist .list{float: left;margin: 0 20px;width: 360px;text-align: center;}
.indabout .abolist .pic{display: block;width: 184px;height: 184px;margin:auto;padding: 5px;border-radius: 97px;background: #dedede;transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.indabout .abolist .pic img{width: 184px;height: 184px;border-radius: 92px;}
.indabout .abolist .name{display: block;height: 63px;line-height: 63px;margin-top: 15px;text-transform: uppercase;font-size: 18px;}
.indabout .abolist .brief{max-height: 72px;overflow: hidden;font-size: 14px;line-height: 24px;color: #999;}
.indabout .abolist .more{display: block;width: 97px;height: 28px;margin:32px auto 0;line-height: 28px;border:1px solid #287DCE;text-decoration: none;border-radius: 3px;color: #287DCE;}
.indabout .abolist .list:hover .pic{transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
.indabout .abolist .list:hover .name{color: #287DCE;}
.indabout .abolist .list:hover .more{background: #287DCE;color: white;}



/*Product*/

.toptitle{height: 75px;line-height: 75px;font-size: 30px;text-align: center;background: url(../img/tit_bg.png) no-repeat center bottom;}
.sectitle{margin:0 auto;font-size: 14px;color: #999;line-height: 24px; text-align: center;}
.index_pro{background: #f5f5f5;padding:2px 0 20px 0;}
.index_pro .indprocategory{height: 40px;line-height: 40px;margin-top: 32px;margin-bottom: 29px;overflow: hidden;text-align: center;font-size: 0;}
.index_pro .indprocategory .cate{position: relative;display: inline-block;height: 40px;line-height: 40px;font-size: 14px;padding: 0 17px;margin: 0 18px;text-decoration: none;}
.index_pro .indprocategory .cate:before{position: absolute;top: 0;bottom: 0;left: 0;content:'';margin:auto;width: 0;height: 0;border-bottom: 1px solid white;}
.index_pro .indprocategory .cate:after{position: absolute;top: 0;bottom: 0;right: 0;content:'';margin:auto;width: 0;height: 0;border-bottom: 1px solid white;}
.index_pro .indprocategory .cate:hover:before,.index_pro .indprocategory .cate:hover:after{width: 6px;}
.index_pro .indprocategory .on{background: #287DCE;color: white;border-radius: 4px;}
.index_pro .indprocategory .on:before,.index_pro .indprocategory .on:after{width: 6px;}
.index_pro .indprolist{position: relative;}
.index_pro .t_l{ position: absolute;top: 180px;left: 0;width: 45px;height: 45px;background: #999999 url(../img/prev.png) no-repeat center;z-index: 2;}
.index_pro .t_l:hover{ background-color: #287DCE;}
.index_pro .t_r{ position: absolute;top: 180px;right: 0;width: 45px;height: 45px;background: #999999 url(../img/next.png) no-repeat center;z-index: 2;}
.index_pro .t_r:hover{ background-color: #287DCE;}
.index_pro .item{position: relative;width:386px;margin:10px 20px 10px 0;text-align: center;}
.index_pro .item .pic{ width: 100%; height:386px; overflow: hidden;text-align:center;}
.index_pro .item .name{ display: block;height: 45px;line-height: 45px;padding: 8px 8px 10px;overflow:hidden;font-size: 18px;color: #000;text-align: center;background: url(../img/tit_bg.png) no-repeat center bottom;text-decoration: none;text-transform: uppercase;}
.index_pro .item .brief{margin:19px 10px 10px;font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;}
.index_pro .item .price{ margin:0 10px; margin-bottom:10px; font-size:18px;color:#eb557b;}
.index_pro .item:hover .name{color: #287DCE;background-image: url(../img/tit_bgh.png);}
.index_pro .item:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.pmore{display: block;width: 118px;height: 38px;margin: 478px auto 0;line-height: 38px;text-align: center;font-size: 14px;color: #287DCE;border: 1px solid #287DCE;border-radius: 5px; text-decoration: none;}
.pmore:hover{background: #287DCE;color: white;}


/*news*/
.indexnews{padding:0 0 40px 0; background:url(../img/new_bj.jpg) top repeat-x; background-color:#F4F4F5;}
.indexnews .newslist{margin-top: 50px;}
.indexnews .newslist .list{float: left;width: 382px;margin-left: 25px;}
.indexnews .newslist .first{margin-left: 0;}
.indexnews .newslist .pic{width: 382px;height: 253px;overflow: hidden;text-align: center;}
.indexnews .newslist .pic img{width: 100%;height: 100%;}
.indexnews .newslist .con{position: relative;z-index: 1;padding: 22px 20px 18px;margin: -25px 16px 0;background: #fff;}
.indexnews .newslist .date{height: 18px;line-height: 18px;font-size: 14px;color: #999999;}
.indexnews .newslist .name{display: block;height: 48px;line-height: 48px;font-size: 18px;}
.indexnews .newslist .brief{height: 72px;overflow: hidden;line-height: 24px;font-size: 14px;color: #7f8180;}
.indexnews .newslist .more{display: inline-block;height: 20px;line-height: 20px;margin-top: 12px;text-decoration: none; padding-right: 23px;color: #287DCE;font-size: 14px;}
.indexnews .newslist .list:hover *{color: white;}
.indexnews .newslist .list:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.indexnews .newslist .list:hover .con{background: white url(../img/newsbg.jpg) no-repeat;background-size: 100% 100%;}
.indexnews .newslist .list:hover .more{color: white;}
.indexnews .newslist .newmore{display: block;width: 118px;height: 38px;margin: 59px auto 0;line-height: 38px;text-align: center;font-size: 14px;color: #287DCE;border: 1px solid #287DCE;border-radius: 5px; text-decoration: none;}
.indexnews .newslist .newmore:hover{background: #287DCE;color: white;}





/*dpartners*/
.indpartners{background: #fff;padding: 55px 0;}
.indpartners .parlist{position: relative;}
.indpartners .parlist .bd{width: 1000px;margin: 0 auto;overflow: hidden;}
.indpartners .parlist .prev{position: absolute;left: 0;width: 50px;height: 50px;background: url(../img/pprev.jpg) no-repeat left center;}
.indpartners .parlist .next{position: absolute;right: 0;width: 50px;height: 50px;background: url(../img/pnext.jpg) no-repeat right center;}
.indpartners .parlist li{float: left;width: 150px;height: 50px;margin:0 10px;}
.indpartners .parlist .tempWrap{margin:0 auto;}






/************ footer *****************/
#footer{  border-top: 1px solid #cfb826; background: #2C2F34; color:#9FA3A8;}
#footer .link{padding:55px 0; padding-bottom:30px; max-width:1200px; margin:0 auto; box-sizing:border-box;}
#footer .link ul{display: inline-block;vertical-align: top; width:15%; overflow:hidden; box-sizing:border-box;}
#footer .link ul li{height: 32px;overflow: hidden;line-height: 32px;font-size: 15px;color: #FFF; text-transform:capitalize; max-width:100%; color:#FFF;}
#footer .link ul li.tit{height: 36px;line-height: 36px;margin-bottom:5px;font-size: 16px;text-transform: uppercase;color: black; color:#FFF;}
#footer .link ul a{font-size: 13px;color: #9FA3A8;}
#footer .link ul.contact{width:38%; padding-left:20px;}
#footer .link ul.contact li.i{line-height:150%; height:auto; position:relative; padding:5px 0; padding-left:25px; box-sizing:border-box;}
#footer .link ul.contact li span{display:block; width:27px; height:30px; position:absolute; left:0; top:1px; background:url(../img/footer-ico.jpg) 0 0 no-repeat;}
#footer .link ul.contact li.tel span{background-position:0 -80px;}
#footer .link ul.contact li.email span{background-position:0 -117px;}
#footer .link .br{display: inline-block;width: 100%;height: 0;}
#footer .partners{max-width:1200px; position:relative; margin:0 auto; box-sizing:border-box; padding-bottom:40px;}
#footer .partners .title{position:absolute; top:0; width:160px; font-size:16px; color:#fdc107; font-weight:bold;}
#footer .partners .box{padding-left:260px;}
#footer .partners .box .list{width:160px; height:60px; overflow:hidden; border:1px solid #ddd; margin-right:10px; text-align:center; margin-bottom:10px; background:#fff;}
#footer .partners .box .list .item{height:100%;}
#footer .copyright{ padding:25px 0;font-size: 14px; color:#FFF; border-top:1px solid #3F4145;}
#footer .copyright .txt{float:left}
#footer .copyright .txt a{color:#FFF;}
#footer .foot_share{margin-left:30px; float:left;}
#footer .foot_share .s_list{display: inline-block;width: 25px;height: 24px;margin-right: 13px;vertical-align: middle;background: url(../img/foot_share.png) no-repeat left center;}
#footer .foot_share .s_list2{background-position: -30px center;}
#footer .foot_share .s_list3{background-position: -59px center;}
#footer .foot_share .s_list4{background-position: -89px center;}
#footer .foot_share .s_list5{background-position: -119px center;}
#footer .foot_share .s_list6{background-position: -149px center;}


.db{ width:600px; float:left; color:#9FA3A8}
.dbr{ float:left; padding-left:500px;}


/*float*/
.fl{float:left;}
.fr{float:right;}




/*about us*/

.wrapper-small{max-width:1100px;margin:0 auto;position:relative; font-size:16px; line-height:30px;}
.wrapp-txt{text-align:justify;}
.quote-txt{font:italic 24px/31px 'PM', sans-serif;color:#000; text-align:center; padding-top:60px;}
.banner-center{background-size:100%;display:table;width:100%;height:560px;height:28vw;background-position:left}


.cp_hzhb{ width:100%; height:370px; text-align:center; padding:100px 0 100px 0;}
.cp_scgy{ width:100%; height:490px; text-align:center; padding:100px 0 100px 0;}


.qc{ width:1200px; margin:auto; height:680px;}
.qc_bj{ background:url(../img/qc_bj.jpg) top center no-repeat; width:33%; height:464px; float:left; margin-top:100px; text-align:center; padding-top:20px;}


/*new*/

.NEWS_banner{ width:100%; height:166px; background:url(../img/news_banner.jpg) top center no-repeat; }



/*CONTACT US*/

.cu_bj{ width:100%; height:500px;}
.ct_bx{ width:33%; height:250px; float:left; margin-top:100px; text-align:center; padding-top:20px;}
.cu_txt{ font-size:30px; font-family:Arial, Helvetica, sans-serif; padding:25px;}


/*Airless pump tube*/

.apt_banner{  width:100%; height:400px; background:url(../img/Apt_banner.jpg) top center no-repeat;}
.ect_banner{  width:100%; height:400px; background:url(../img/ect_banner.jpg) top center no-repeat;}
.ot_banner{  width:100%; height:400px; background:url(../img/Ot_banner.jpg) top center no-repeat;}
.rt_banner{  width:100%; height:400px; background:url(../img/rt_banner.jpg) top center no-repeat;}
.sst_banner{  width:100%; height:400px; background:url(../img/sst_banner.jpg) top center no-repeat;}

.sjbj{ width:880px; height:900px; background: url(../img/Development-history_sjbj.jpg) top left no-repeat; margin:100px 0 100px 250px;}
.text1{ font-size:20px; color:#0079C8; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 90px;}
.text2{ font-size:16px; color:#878787; font-family:Arial, Helvetica, sans-serif; padding:130px 0 0 100px; line-height:25px;}
.text3{ font-size:16px; color:#878787; font-family:Arial, Helvetica, sans-serif; padding:100px 0 0 100px; line-height:25px;}
.text4{ font-size:16px; color:#878787; font-family:Arial, Helvetica, sans-serif; padding:90px 0 0 100px; line-height:25px;}
.text5{ font-size:16px; color:#878787; font-family:Arial, Helvetica, sans-serif; padding:70px 0 20px 100px; line-height:25px;}


.abjj{ width:1200px; margin:auto; padding-bottom:80px; padding-top:30px;}

.edh{ font-size:14px; color:#333333; text-align:center; width:180px; height:40px; float:left; margin-left:40px; border:1px solid #287DCE; border-radius:10px;}
.edh a:link{ color:#333; text-decoration:none;}
.edh a:visited{ color:#333; text-decoration:none;}
.edh a:hover{ color:#FFF; background-color:#287DCE; text-decoration:none;  border-radius:10px; }
.edh a{width:180px; height:30px; padding-top:10px; display:block}

.edha{ font-size:14px; background-color:#287DCE; width:180px; height:30px; padding-top:10px; text-align:center; color:#FFFFFF;  float:left;  margin-left:40px; border-radius:10px;}
.edha a:link{ color:#FFFFFF; text-decoration:none;}
.edha a:visited{ color:#FFFFFF; text-decoration:none;}
.edha a:hover{ color:#FFFFFF; text-decoration:none;}