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

*{  -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }  
body,html{ max-width:750px; min-width:320px; height:100%; padding:0; margin:0 auto; font-family:Microsoft YaHei; font-size:22px; color:#505050; background-color:#CCC8C8;}
a img { border:0;}
p,ul,li,h3,h4,dl,dt,dd{ display:block; list-style:none; padding:0; margin:0; text-decoration:none}

img, li ,ul,p{ padding:0; margin:0;}

input{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; padding:0; margin:0; outline:none; }
textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; }
a{ outline:none; text-decoration:none; color:#2e2e2e; }
a:link,a:hover{ text-decoration:none; }

/* 优化 */
.optimize{ display: none; }

/* 公用样式 */
.container-fluid, .row{ max-width: 750px;  padding:0 0; margin:0 0  }
.form-group, .form-horizontal{max-width: 750px;}
.form-horizontal .form-group  { margin-left:0; margin-right:0  }
.a-bnm{ cursor:pointer}
.gh{ margin:0 0; padding: 0 0}
.img-bg{width:100%; height:auto;}

.khead{width:100%; height:auto; }
.hlogo{width:100%;height:auto; }
.gmhead{width:100%; height:auto; }
.gmhead{width:100%; height:5rem; background:#006e7b; color:#ffffff; text-align:center; line-height:5rem; font-size:0.85rem;}
.gmhead  ul li{ float:left; width:20%; height:50%; text-align:center; }
.gmhead  ul li a{ color:#ffffff; text-align:center; font-size:0.95rem;}


.banner{width:100%;height:auto; margin-top:0;} 
	.shipbann{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
	.shipbann .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.shipbann .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.shipbann .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
	.shipbann .hd ul .on{ background:#f5be01;  }
	.shipbann .bd{ position:relative; z-index:0; }
	.shipbann .bd li img{ width:100%;  height:auto; }
	.shipbann .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


.vi_nav{position: relative;width: 100%;margin: 0 auto;height: 6rem; background:#ffffff;}
.vi_nav .vi_n_box{position: relative;overflow: hidden;height: 6rem;}
.vi_nav .vi_n_box li{float: left;;width: 26%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1rem; color: #ffffff; margin:5% 1% 0 5%; border-radius:8px; background: #006e7b;}
.vi_nav .vi_n_box li .row{
    display: none;
    position: relative;
    left: 38%;
    width: 0;
}
.vi_nav .vi_n_box .active .row{
    display: block;
}
.vi_nav .vi_n_box li:nth-child(1) .row{
    border-top: 1rem #f9be00 solid;
    border-left: 0.8rem transparent solid;
    border-bottom: 0.8rem transparent solid;
    border-right: 0.9rem transparent solid;
}
.vi_nav .vi_n_box li:nth-child(2) .row{
    border-top: 1rem #f9be00 solid;
    border-left: 0.8rem transparent solid;
    border-bottom: 0.8rem transparent solid;
    border-right: 0.9rem transparent solid;
}
.vi_nav .vi_n_box li:nth-child(3) .row{
    border-top: 1rem #f9be00 solid;
    border-left: 0.8rem transparent solid;
    border-bottom: 0.8rem transparent solid;
    border-right: 0.9rem transparent solid;
}
.vi_nav .vi_n_box .active{background:#f9be00; color:#ffffff;}
.vi_box{ position: relative;width: 100%;margin: 0 auto; background:#ffffff; }
.vi_box ul{}
.activ{ display: block!important;}
.vi_box>ul>li{ padding:3% 0 4% 0 ; display: none;}
.vi_box>ul>li .viyld li{
    width: 90%; height: auto; float:left; margin:0 0 4% 5%; position:relative;
}
.vi_box ul li .vi_img{width: 100%; height: auto; }
.vi_box ul li .vi_img img{display: block;}
.clear {
    clear: both;
}
.vi_box ul li .viatiao .vi_bjtu{display:block;width:100%; height:100%; opacity: 0.3;-moz-opacity: 0.3;filter: alpha(opacity=30);background:#000000; position:absolute;top:0; left:0; z-index:1;}
.vi_box ul li .viatiao .vi_bofang{display:block;position:absolute; z-index:2; left:45%; top:42%; width:30%; height:50%; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);background:url("../images/point02.png") no-repeat 0 0; }
.vi_box ul li .viatiao .vi_tit{display:block; position:absolute; z-index:2; left:5%; top:4%; width:90%; height:auto; font-size:1rem; color:#ffffff;}
.vi_box ul li .viatiao .vi_num{display:block; position:absolute; z-index:2; left:5%; bottom:4%; width:40%; height:auto; font-size:1rem; color:#ffffff;}
.vi_box ul li .viatiao .vi_time{display:block; position:absolute; z-index:2; right:5%; bottom:4%; width:40%; height:auto; font-size:1rem; color:#ffffff; text-align:right;}

.vi_box ul li .vipager{width:260px; height:60px; margin: 0 auto;}
.vi_box ul li .vipager a{display:block; float:left; text-align:center; padding:3px 6px 3px 6px; border:1px solid #ccc; margin:5px 3px 5px 3px; font-size:14px; text-decoration: none;}
.vi_box ul li .vipager a:hover{background:#006f7c; color:#ffffff; text-decoration: none; }
.vi_box ul li .vipager .on{background:#006f7c; color:#ffffff; text-decoration: none; border:1px solid #006f7c;}

/*相关推荐*/
.xiangguan{width:100%;height:auto;}
.next_tj{width:100%; height:auto;}
.next_tj  ul{width:100%; height:auto; padding:2% 4% 3% 4%; background:#ffffff;}
.next_tj  ul li{ float:left; width:48%; height:50%; background:#ffffff; padding-bottom:3%; }
.next_tj  ul li h4{width:100%; height:10%; float:left; text-align:center; color:#333333; font-size:1rem; display:block; padding:4% 0 4% 0;}
.next_tj  ul li img{width:100%; height:auto;}

/*荣誉*/
.rylist{width:100%;height:auto; margin-top:0;} 
	.rongybann{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
	.rongybann .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.rongybann .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.rongybann .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
	.rongybann .hd ul .on{ background:#f5be01;  }
	.rongybann .bd{ position:relative; z-index:0; }
	.rongybann .bd li img{ width:100%;  height:auto; }
	.rongybann .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.cont1{width:100%; height:auto; background:#ffffff; padding:3.5% 0 0 0;}

/*内容页*/
.slistdh {
    width: 100%;
    height: auto;
    color: #777777;
    font-size: 0.9rem;
    position: relative;
    
}
.slistdh p {
    position: absolute;
    bottom: 6%;
    left: 3%;
}
.slistdh a {
    color: #777777;
    font-size: 0.9rem;
    display: inline;
}
.contit{width:100%;height:auto; background:#ffffff;} 
.contit h4{display:block; width:90%; font-size:1.2rem; color:#000000; text-align:left; padding:5% 0 2% 5%;}
.contit p{ width:90%; font-size:0.9rem; color:#777777; text-align:left; margin:0 auto; }
.contit p .letit{display:block; float:left;}
.contit p .ritit{display:block; float:right;}
.vidcont{width:100%;height:auto; background:#ffffff; padding:6% 0 5% 0;}
.vidcont .v11a{width:90%; height:auto; margin-left:5%; position:relative; }
.videobtn{display:block;position:absolute; z-index:100; left:45%; top:42%; width:100%; height:100%; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);/*background:url("../images/point02.png") no-repeat 0 0;*/ }


/*底部*/
.ftdibu .ftbiaodan{width:100%; height:auto; position:relative;}
.ftdibu .ftbiaodan img{width:100%; height:auto;}
.ftdibu .ftbiaodan .mhaoa{width:66%; height:10%; background:none; border:none; position:absolute; top:23%; left:23%; font-size:0.95rem;}
.ftdibu .ftbiaodan .mhaob{width:66%; height:10%; background:none; border:none; position:absolute; top:39%; left:23%; font-size:0.95rem;}
.ftdibu .ftbiaodan .mhaoc{width:76%; height:26%; background:none; border:none; position:absolute; top:55%; left:12%; font-size:0.95rem; line-height:1.35rem;}
.ftdibu .ftbiaodan .mhaod{width:80%; height:11%; background:none; border:none; position:absolute; top:86%; left:10%; cursor:pointer;}



@media (max-width: 1920px) {
   html {
        max-width: 100%;
		margin: 0 auto;
    }
}

@media screen and (min-width:320px) and (max-width:359px){
        html {font-size:65%;}
		 
}

@media screen and (min-width:360px) and (max-width:419px){
        html {font-size:80%;}
		 
}
@media screen and (min-width:420px) and (max-width:750px){
        html {font-size:100%;}
		 
}




@media screen and (min-width: 750px) {
    
	 
}