@charset "utf-8";

*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none; margin: 0 0}
img{ border:none;margin-left: auto;margin-right: auto;}
a{ text-decoration:none; color:#333333}
a:hover{ color:#333333;outline: none;text-decoration:none;}
body{
	color:#333;
	line-height:24px;
	font-size:12px;
	font-family:'Microsoft YaHei', Verdana, "sans-serif"; 
	position:relative;
	z-index:999; 
}
.f-l{ float:left}
.f-r{ float:right}
.col {    transition: transform 0.3s ease;
}
.col:hover {
    transform: translateY(-10px);
    transition: transform 0.3s ease;
}
.logo{padding-top: 10px}
.logo-xs{display: none}
.index-contact{background: url("../images/img-1.png") center repeat-y;margin-bottom:20px}
.index-c-1{padding-top: 30px;padding-bottom:30px}
.index-c-2 {text-align: center;border-right: 1px #ddd solid}
.index-c-2 i{font-size:24px;text-align: center;width: 30px;height: 30px}
.index-c-2 h3{padding-top: 10px;font-size:16px;color:#000;padding-bottom: 10px}
.index-c-2 p{font-size:14px;color:#999}
.index-c-3{background-color: #0c9e86;padding-top:30px;padding-bottom: 30px;color:#fff }
.index-c-4{font-size:24px;font-weight: bold;text-transform: uppercase}
.index-c-5{background-color: #fff;padding:8px 10px 6px 10px;margin-top: 10px}
.input1{background-color: #fff;margin-bottom: 10px;width:90%;float: left;border: none; color:#333}
.input2{background:url("../images/img-2.png") no-repeat right;float: right;width: 10%;border: none}
.index-c-6{text-transform: uppercase;margin-top: 10px;font-size:14px;}
.title{font-size:30px;font-weight: bold;text-align: center;background: url("../images/img-3.png") no-repeat bottom center;padding-bottom: 20px;text-transform: uppercase;color:#000;padding-top: 40px;margin-bottom:10px}
.index-adv{margin-top: 30px;padding-bottom: 50px}
.adv-tit{font-size:18px;padding:50px 20px;background-color: #f0f0f0;margin-bottom:20px;text-align: center;}
.adv-tit i{font-size:48px;color:#0c9e86}
.adv-tit h3{font-size:22px;color:#0c9e86;font-weight: bold;padding-top: 10px}
.adv-tit p{font-size:14px;margin-top: 10px;color:#666}
.index-bg{background-color: #f0f0f0; padding:10px 0 30px 0;}
.title1{font-size:16px;text-align: center;}
.left-list{background-color: #0c9e86;}
.left-list a{color:#fff}
.left-list h2{background-color: #045346;padding:20px 20px;font-size:36px;text-align: left;color:#fff;font-weight: bold;margin-bottom: 10px}
.left-list h2 span{font-size:48px;color:#ee4c05;text-transform: uppercase}
.left-list ul li{padding: 17px 10px 17px 25px;color:#Fff;font-size:14px;border-bottom: 1px #fff solid;background: url("../images/img-5.png") no-repeat left 10px  center}
.left-list dl dt{padding: 17px 10px 17px 25px;color:#Fff;font-size:14px;border-bottom: 1px #fff solid;background: url("../images/img-5.png") no-repeat left 10px  center}
.left-list dl dt a{ color:#fff}
.left-list dl dt a:hover{ color:#fc0}
.left-list dl dd{ padding:10px 10px 10px 35px;border-bottom: 1px #fff solid;}
.left-list dl dd a:hover{ color:#fc0}
.product-p{text-align: center}
.index-img {
    cursor: pointer;
    overflow: hidden;
    position: relative;}
.index-img img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
}
.index-img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.product-p{ margin-top:10px}
.product-p1{font-size:16px; text-align:center; padding:10px 0; height:92px;}
.pro-xs{ display: none}
.a-tit1{ text-align:center; padding:30px}
.a-tit1 h2{font-size:40px;color:#0c9e86; font-weight:bold}
.a-tit1 span{ font-size:16px;}
.button--antiman.button--inverted-alt::after{background: #0c9e86;color: #fff !important;}
.button--antiman.button--inverted-alt::before{border: 2px #0c9e86 solid;color:#000}
.button--inverted-alt{width: 200px; height: 50px;margin: auto}
.button--inverted-alt a{color:#Fff}
.button--inverted-alt a:hover{color:#444}
.button--inverted-alt:hover a{color:#444}
.more{margin-bottom: 30px}
.news-1{margin-top: 30px;margin-bottom: 30px;border: 1px #ddd solid;background-color:#f0f0f0;padding-bottom: 20px}
.news-1 h2{padding-bottom: 10px;}
.news-1 span{font-size:12px;color:#666;padding-left: 10px}
.news-1 h3{padding: 10px 10px;font-size:16px;font-weight:bold} 
.news-1 p{padding:0 10px 10px 10px;font-size:14px;line-height: 18px}
.index-messages{background: url("../images/img-23.png") center/cover fixed;padding: 30px 0}
.title2{font-size:30px;font-weight: bold;text-align: center;background: url("../images/img-24.png") no-repeat bottom center;padding-bottom: 20px;text-transform: uppercase;color:#fff;padding-top: 40px;margin-bottom:10px}
.title3{font-size:16px;text-align: center;color:#fff}
.index-mess{/*width: 85%;*/margin:auto;margin-top: 30px}
.input3{width: 100%;height:auto;margin-bottom:20px; padding:6px 0 6px 10px; border-radius: 3px 3px}
.input4{width: 100%;height:auto;margin-bottom:10px; padding:6px 0 6px 10px;border-radius: 3px 3px;padding-top: 10px; min-height:100px;}
.input5{width: 100%;height:auto;margin-bottom:20px; background-color: #fcd402;border-radius: 3px 3px;text-align: center;color:#000;text-transform: uppercase;font-size:16px; padding:6px 0 6px 0}
footer{background-color: #222222;padding:50px 0;color:#fff}
.fot-tit{font-size:16px;font-weight: bold;padding-bottom: 10px}
.fot-1{font-size:14px;border-right: 1px #545454 solid;min-height: 160px;padding-left: 30px}
.fot-2{text-align: center}
.fot-2 h2{margin-bottom: 10px}
.con-title{padding: 10px 0;border-bottom: 1px #ddd solid;font-size:16px;}
.con-title1{font-size:30px;text-align: center;color:#0c9e86;padding: 30px 0;background: url("../images/img-3.png") no-repeat center bottom;margin-bottom: 30px;font-weight: bold}
.content-about{font-size:16px;}
.content-about img{max-width: 100%}
.about1 img{border-radius: 10px 10px}
.about2{padding: 20px 0}
.about2 p{padding-bottom: 10px;font-size:16px;color: #666666}
.c-a-tit1{padding: 10px 0;color:#666;font-size:16px}
.c-a-tit2{font-size:18px;color:#0c9e86;margin-top: 20px;font-weight: bold}
.about3 img{border-radius:10px  10px}
#marquee1{overflow:hidden;}
#marquee1 ul li{float:left;width:400px;padding: 10px 10px}
#marquee1 ul li img{display:block;}
#goL{position: relative;top:-200px;left: -50px}
#goR{position: relative;top:-200px;right:-50px;float: right}
.marquee-p h3{font-size:24px;margin-bottom: 20px !important}
.marquee-p p{font-size:16px}

.bigimg{max-width: 100%; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:100%;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px; margin-bottom: 10px}
.bigbox>.imgbox{border-radius:5px;overflow: hidden;margin-bottom: 20px}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 15%;width: 60px;z-index: 9999999}
.mask>img:hover{cursor:pointer}
.page{text-align: center;margin-top: 30px;margin-bottom: 30px}
.page a{background-color: #ddd;color:#0c9e86;padding: 8px 15px;;font-weight: bold;margin-right: 10px}
.product-list ul li{background-color: #0c9e86;float: left;margin-right:10px;padding: 10px 15px;margin-top:20px}
.product-list ul li a{color:#fff;font-size:15px}
.contact1{text-align: center;padding: 10px 20px;border-right:1px #ddd solid;margin:50px 0}
.contact1 i{font-size:36px;}
.contact1 p{font-size:15px;margin-top: 10px;line-height: 30px}
#map{height: 300px}
.video{margin: 20px 0;background-color: #f0f0f0}
.video h3{ font-size:16px; text-align:center; padding:6px 0 12px 0}
.info-t1{font-size:30px;padding: 30px 0 10px  0;text-align: center;font-weight: bold;background: url("../images/img-3.png") no-repeat bottom center;padding-bottom: 20px;}
.info-t2{font-size:16px;text-align: center;padding: 10px 0;color:#666;line-height: 30px}
.info-t3{text-align: center;padding: 30px 0;}
.info-t4{margin-top: 30px;}
.info-t4-1{font-size:16px;padding-bottom: 10px;padding-top:10px}
.info-table{margin-top: 30px;font-size:14px;margin-bottom: 30px}
.info-table tr td{border: 1px #ddd solid;padding: 10px 10px;margin-top: 10px}
.news-list{background-color: #f0f0f0; margin-top: 20px; margin-bottom: 20px;padding: 10px 10px;border-bottom: 2px #ddd solid}
.news-list:hover{border-bottom: 2px #0c9e86 solid}
.n-tit1{font-size:16px;font-weight: bold;padding: 10px 0}
.n-tit2{font-size:16px}
.n-tit3{font-size:14px;color:#666;padding-top: 10px}
.n-tit4{font-size:16px;color:#0c9e86;margin-top:10px;padding: 5px 0;font-weight: bold;text-decoration: underline}
.n-tit4 a{color:#0c9e86;}
.n-info{text-align: center;font-size:24px;font-weight: bold;padding: 30px 0 20px 0;}
.n-info1{text-align: center;color:#666;font-size:14px;padding-bottom: 20px;border-bottom: 1px #ddd solid}
.n-info2{font-size:14px;color:#666;margin: 20px 0;border-bottom: 1px #ddd solid}
.n-info2 p{padding-bottom: 10px}
.n-info3{font-size:14px;padding-bottom:10px;color:#666}
.contact-tit{background-color: #f0f0f0;padding: 30px 50px;font-size:16px;text-align: center;margin-bottom: 30px}
.contact-tit1{background-color: #f0f0f0;padding: 30px 50px;font-size:16px;margin-bottom: 30px;line-height: 30px}
.contact-messages{background: url("../images/img-35.png") center /cover fixed;padding: 30px 0;margin-top: 30px}
#marquee6{width:100%;height:500px; overflow:hidden;background:#EFEFEF;}
#marquee6 ul li{padding:10px 15px;overflow:hidden;text-align: center}
#marquee6 ul li img{padding-bottom: 10px}
.left-list1{background-color: #f0f0f0;}
.left-list1 h2{font-size:36px;margin-top: 30px;padding: 30px 20px;text-align: left;margin-bottom: 20px;font-weight: bold;background-color: #045346;color:#fff}
.left-list1 h2 span{color:#ee4c05}

/**/
footer a{ color:#fff}
footer a:hover{ color:#fd0}

/**/
.pagination{ text-align:center; margin:10px 0 30px 0; display:block; padding-top:10px;}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num{ text-align:center; margin-left:3px;}
.page-num, .page-link {
	position: relative;
	padding: 6px 10px 6px 10px;
	color: #0c9e86;
	border: 1px solid #0c9e86;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #0c9e86;
	border-color: #0c9e86;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px;}

/**/
.para_table{ padding:25px 0 15px 0;}
.para_table td{ border:solid #ddd 1px; padding:6px 0 4px 8px;}


@media (max-width: 	768px) 
{
	.logo{display: none}
	.logo-xs{display: block}
	.index-c-2{border:none}
	.left-list{display: none}
	.pro-xs ul li{background-color: #0c9e86;padding: 5px 15px;float: left;
	margin-bottom: 10px;margin-right: 10px;font-size:16px;color:#fff}
	.pro-xs ul li a{color:#fff}
	.news-1 img{max-width: 100%}
	.a-tit1 h2{font-size:30px}
	.change-box .change-cut .tab {margin: 10px 0;line-height: 36px}
	.index-mess{width: 100%}
	.fot{display: none}
	#goL{position: relative;top:-250px;left:0px}
    #goR{position: relative;top:-250px;right:0px;float: right}
	.contact-messages{padding: 30px 10px}

}

@media (min-width: 	768px) and (max-width: 992px) 
{
}

@media (min-width: 992px) and (max-width: 1200px) 
{

}
 
  
@media (min-width: 1200px)
{

}