@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none;margin-bottom: 0}
img{ border:none;margin-left: auto;margin-right: auto;max-width: 100%}
a{ text-decoration:none; color:#fff;color:#444;}
a:hover{ color:#f80; text-decoration:none !important;}
body{color:#444;line-height:24px;font-size:14px;
    font-family:Arial;position:relative;z-index:999; }
.p{margin: 0 0!important}
.gun{position: relative;z-index:999999; }
.f_l{ float: left}
.f_r{float:right}
.p_l{padding-left: 0}
.p_r{padding-right: 0}
.index-img{cursor: pointer;   overflow: hidden;position: relative;; border: 1px #ddd solid}
.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);} 
.top-head{background-color: #000;color: #fff;padding: 10px 0}
.top-head a{ color:#fff}
.top-head a:hover{ color:#fc0}
.logo-xs{display: none}
.search{border-bottom: 1px #ddd solid;margin-top: 25px;padding: 0 0;}
.search-xs{border-bottom: 1px #ddd solid;margin-top:5px;display: none}
.search-1{border: none;outline: none;;background: none;}
.search-2{width:22px;height: 22px;background:url("../images/img-2.png") no-repeat left center; border: none;outline: none}
.index-title{width:80%;margin: auto;text-align: center;padding: 20px 0}
.index-title1{background: url("../images/img-5.png") no-repeat center;text-align: center; padding: 20px 0 20px 0; font-size: 30px;} 
.index-title2{line-height: 24px; font-size:14px;color: #666}
.p1{border:1px #ddd solid;margin-bottom:8px;margin-top: 8px ;transition: transform 1s;}
.p1:hover{box-shadow:3px 2px 2px 2px #ddd;transform: scale(1.1);}
.product{text-align:center}

.product h4{ font-size:14px; line-height:20px; padding-top:3px; height:63px; overflow:hidden}

.con-banner{ margin-bottom:20px;}

.more{width:130px;margin:auto; padding:6px 6px;background-color:#005d7f; text-align: center; color:#fff;margin-top:20px}
.more:hover{background-color: #ffd307}
.more a{color:#fff}
.index-ban{ background:url("../images/img-13.png") repeat-y top center fixed;padding: 0 0;margin-top: 30px }
.index-ban-1{font-size: 18px;color: #fff;padding-top:50px}
.index-ban-1-p{padding-bottom: 30px}
.index-ban-1-p1{font-size: 30px}
.index-ban-2{position: relative;bottom: -50px}
.index-bg-1{background-color: #eee;padding: 30px 0}
.index-title3{text-align: center;padding: 10px 0;font-size: 30px; font-family: Arial, "sans-serif"; margin-bottom: 30px}
.title-1{text-align: center;border: 1px #ddd solid;padding:10px 20px 20px 20px;margin-bottom: 20px; height:246px; overflow:hidden;}
.title-1 h2{ font-size:45px}
.title-1:hover h2{color: #005d7f}
.title-1 h3{font-size: 18px;padding-bottom:3px}
.title-1 p{color: #666}
.about-1{background: url("../images/img-16.png") no-repeat top left}
.about-1 h2{background: url("../images/img-17.png") no-repeat left center;padding-left: 20px; font-size: 24px;color: #444}
.about-1 p{font-size: 14px;color: #888}
.more-a{width:120px; padding:3px 6px;background-color:#005d7f; text-align: center; color:#fff;margin-top:10px}
.more-a a{color:#fff}
.about-2{background-color: #005d7f;margin-bottom: 40px;margin-top: 10px}
.about-2 img{position: relative;top:30px;right: 15px}
.index-bg-2{background: url("../images/img-23.png") repeat-y top center fixed;padding: 30px 0}
.index-title4{background: url("../images/img-5.png") no-repeat center;text-align: center; padding: 20px 0 20px 0; font-size: 30px;color: #fff} 
.index-title5{line-height: 24px; font-size:14px;color: #fff}
.index-bg-3{background:#116482;padding: 30px 30px;margin-top:10px; border-radius: 2px 2px; position: relative;bottom: -50px}
.index-tit1{font-size: 21px;color: #fff}
.index-tit-search{background-color: #fff;margin-top: 30px}
.search-3{border: none;padding: 10px 10px}
.search-4{border: none;padding: 10px 10px;background-color: #ffd307;font-size: 18px;color: #005d7f;font-weight: bold}
footer{background-color: #1b1b1b;padding:60px 0 0px 0;color: #fff}
.fot-tit{background: url("../images/img-28.png") no-repeat bottom left;font-size: 18px;color: #fff; padding-bottom: 15px; margin-top: 30px}
.fot-1{color: #fff;padding-top: 10px;font-size: 14px}
.fot-1 p{line-height: 30px}
.fot-2{padding-top: 10px}
.fot-2 a{color:#fff}
.fot-2 ul li{background: url("../images/img-29.png") no-repeat left center;font-size: 14px;padding: 6px 0 6px 15px}
.fot-3{padding: 60px 20px 0 20px; text-align: center }
.fot-3 p{padding-bottom: 20px}
.bottom{background-color: #000;text-align: center;color: #fff;margin-top: 30px;padding:10px 0 10px 0}
.content-tit{padding:20px 0; border-bottom: 1px #ddd dashed;font-size: 14px;margin-bottom: 20px}
.content-tit i{padding-right: 10px;font-size: 16px}
.about-con-tit{font-size: 24px;text-align: center; padding: 20px 0; background: url("../images/img-36.png") no-repeat bottom center; margin-bottom:30px}
.about-con1{font-size: 14px; padding-bottom: 20px; color: #666}
.about-con2{ padding-bottom: 30px;border-bottom: 1px #ddd solid}
.about-con2 p{padding-right: 10px}
.about-con3{font-size: 14px;color: #777;line-height: 30px}
.about-con3 span{font-weight: bold;color: #444}
.product-list{ border-radius: 3px 35px 3px 3px;  border: 1px #ddd solid;}
.product-list a{color: #fff}
.product-list h2{background-color: #005d7f;padding: 20px 20px;font-size: 24px; color: #fff;margin: 0 0; border-radius: 3px 35px 0px 0px;}
.product-list ul{ padding: 10px 0px}
.product-list ul li{line-height: 22px;font-size: 14px;background:#005d7f;margin-bottom: 10px;color: #fff; padding: 10px 10px}
.product-list ul li a{ color:#fff}
.product-list ul li a:hover{ color:#fc0}
.product-list ul .left_active a{ color:#fc0}
.products{padding-bottom: 10px}

.products h4{ font-size:14px; line-height:21px; height:64px; overflow:hidden;}

.p2{margin-bottom: 10px; text-align: center}
/*.p2 img{margin-bottom: 10px}*/
.page1{margin-top: 20px;text-align: center}
.page1 a{border: 1px #ddd solid; padding: 5px 15px;text-align: center}
.news{ padding-bottom: 20px;border-bottom: 1px #ddd solid; margin-top: 20px}
.n-1{margin-top:6px}
.n-1 h2{font-size:16px; margin: 0 0;font-weight: bold; padding-bottom: 10px}
.n-1 p{font-size: 13px; line-height:20px;}
.n-2 img{border: 1px #ddd solid}
.con-contact-1{line-height: 30px}
.messages{ padding-bottom:20px;margin-top: 30px}
.input-1{width: 47%; color:#999;padding:10px 10px; margin-bottom: 10px; border-radius: 5px 5px;border: none; border-bottom: 1px #ddd solid;outline: none;margin-right: 2%}
.input-2{width: 96%;padding: 50px 10px 20px 10px; margin-bottom: 10px; border-radius: 5px 5px;border: none; border-bottom: 1px #ddd solid;outline: none;margin-right: 2%}
.input-3{width:96%; padding:8px 10px; margin-bottom: 10px; border: none; border-bottom: 1px #ddd solid;outline: none; color:#fff; border-radius: 15px 15px;background-color: #005d7f}
.news-tit{text-align: center;padding: 20px 0;font-size:20px;border-bottom: 1px #ddd dashed}
.news-time{padding:10px 0;text-align: center;color: #999}
.news-p{line-height: 30px;font-size: 13px;padding-bottom: 30px}
.p-info{margin-top: 30px}
.p-info1{font-size: 16px;font-weight: bold;padding-bottom: 10px}
.p-info2{line-height: 30px}
.more-p{width: 210px; text-align: center; padding:5px 0;border-radius: 0 25px 0 25px; background-color: #005d7f; color: #fff; margin-top: 20px;}

.more-p a{ color:#fff}

.p-info3 p{line-height: 30px;color: #666}
.product-contact{margin-top: 15px; border: 1px #ddd solid;padding-bottom:10px}
.product-contact h2{font-size: 20px; margin: 0 0;padding: 15px 10px; border-bottom: 1px #ddd solid;margin-bottom: 10px;background-color: #005d7f; color: #fff; text-align: center}
.product-contact p{line-height: 30px;padding:2px 10px}
.lan-xs{display: none}
#lan-xs{margin-top: 20px; text-align: center}
.lan1-xs{display: none; position: fixed;background-color: #fff; padding: 10px 25px; border: 1px #ddd solid; margin-top: 10px}
.lan1-xs ul li{padding-bottom: 10px; border-bottom: 1px #ddd solid}

#lan{ margin-top:26px; text-align: center; position:relative;}
.lan1{ display: none; position: absolute; padding-top:10px;}
.lan1 ul{ background-color: #fff; padding:5px 10px 5px 10px; border: 1px #ddd solid;}
.lan1 ul li{ border-bottom: 1px #ddd solid; padding:5px 0 5px 0}

/**/
.pagination{ text-align:center; margin:24px 0 22px 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: 5px 10px 5px 10px;
	color: #005d7f;
	border: 1px solid #005d7f;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
	color: #005d7f;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #005d7f;
	border-color: #005d7f;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px; padding-bottom:20px;}

.pagination{ margin:25px auto 26px auto}

/**/
.video-wrap{width: 100%;position: relative;overflow: hidden;height:270px; background-color:#333; margin-top:5px; border:solid #ddd 1px;}
.video-wrap video{width:100%;height:100%;object-fit: contain}
.video-controls-bg{position: absolute;width: 100%;height: 65px;left: 0;bottom: 0;background: #000000;opacity: .6;filter: alpha(opacity=60);z-index: -1;}
.video-controls{position: absolute;width: 100%;height: 65px;box-sizing: border-box;padding-top: 5px;left: 0;bottom: -75px;z-index: 3;transition: all ease .4s;}
.loading-line{position: absolute;top: 0;background: rgba(255,255,255,.6);width: 100%;height: 4px;left: 0;}
.loading-line em{position: relative;display: block;width: 1%;height: 4px;background: #ff4444;}
.loading-line span{display: block;position: absolute;left: 1%;margin-left: -10px;width: 10px;height: 16px;top: 50%;margin-top: -8px;background: #FFFFFF;cursor: pointer;}
.video-btn{width: 55px;height: 60px;background-image: url(../images/play.png);background-position: center;background-repeat: no-repeat;background-size: 16px 24px;cursor: pointer;display: inline-block;}
.play{background-image: url(../images/pause.png) !important;}
.pause{background-image: url(../images/play.png) !important;}
.video-time{display: inline-block;line-height: 60px;color: #FFFFFF;vertical-align: top;}
.video-fullscreen{width: 55px;height: 60px;background-image: url(../images/fullscreen.png);background-position: center;background-repeat: no-repeat;background-size: 24px 24px;cursor: pointer;float: right;}
.video-fullscreen-active{position: fixed !important;width: 100%;height: 100%;top: 0;left: 0;background: #000000;}


@media (max-width: 	768px) 
{ 
    .search{display: none}
    .logo{display: none}
    .logo-xs{display: block;padding: 6px 0}
    .search-xs{display: block;margin-bottom: 10px}
    .top-tel{display: none}
    .index-ban-1-p{font-size:16px;padding-bottom: 10px}
    .index-ban-1-p1 span{font-size: 20px}
    .index-title2{display: none}
    .index-title5{display: none}
    .search-4{font-size: 12px}
    .index-title{width: 100%}
    .lan-xs{display: block;margin-top:10px}
    .lan-pc{display: none}
    .left{display: none}
}
@media (min-width: 	768px) and (max-width: 992px)

{  
    .search{display: none}
    .logo{display: none}
    .logo-xs{display: block;padding: 6px 0}
    .search-xs{display: block;margin-bottom: 10px}
    .top-tel{display: none}
    .index-ban-1-p{font-size:16px;padding-bottom: 10px}
    .index-ban-1-p1 span{font-size: 20px}
    .index-title2{display: none}
    .index-title5{display: none}
    .search-4{font-size: 12px}
    .index-title{width: 100%}
    .lan-xs{display: block;margin-top:10px}
    .lan-pc{display: none}
    .left{display: none}
}
@media (min-width: 992px) and (max-width: 1200px) 
{
 
}