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

* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
@media screen and (min-width:320px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:19px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:18px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 480px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:18px;} 
.tt6{font-size:18px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;} 
.tt2{font-size:14px;} 
.tt3{font-size:16px;} 
.tt4{font-size:18px;} 
.tt5{font-size:18px;} 
.tt6{font-size:20px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:28px;} 
.tt10{font-size:30px;} 
.tt11{font-size:30px;} 
.tt12{font-size:48px;}
}
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mhj{ height:5px;} 
.mhj2{overflow:hidden; clear:both; height:10px;}
}
@media (min-width:769px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:24px;} 
.tt8{font-size:24px;} 
.tt9{font-size:32px;} 
.tt10{font-size:36px;} 
.tt11{font-size:40px;} 
.tt12{font-size:60px;} 
.mhj{ height:20px;} 
.fl{ float:left;} 
.fr{ float:right;} 
.pc{ display:block;} 
.app{ display:none;} 
.mhj{ height:10px;} 
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
}
@media (min-width:1180px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
} 
.clear { clear: both; }
/*头部*/ 

.header{width: 100%; z-index: 999;box-shadow:0 0 12px rgba(0, 0, 0, 0.1); padding:0.5% 0} 
.logo_p1{ float:left;} 
.nav { float:right;} 
.nav_c{ position:relative; clear:both;} 
.nav_c .nav_1{ position: relative;text-align: center; padding-top:5px; float:left; font-size:18px;} 
.nav_1a{ display:block; line-height:40px; color:#666; padding:0 22px;} 
.nav_1:hover .nav_1a{color:#65b829;} 
.nav_1 a.nav_1_a {color:#65b829;} 
.nav_warp { background-color: #fff; position: absolute; top:40px; right:-30px; min-width:150%; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);} 
.nav_warp a{ display:block; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;} 
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:#005aab;} 
.nav_warp ul{display:none} 
.nav_warp li:hover  ul{display:block;position: absolute; float:left; margin-left:140px; margin-top:-40px;background-color: #fff;width:150px; } 
.nav_2{ float:right;}
/*面包屑*/ 

.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #65b829; background-color: #65b829; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #009fa7; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #009fa7; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 



@media screen and (max-width:1023px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding:10px;} 
.head_logo img { height:40px;} 
.logo2{ overflow:hidden; clear:both;} 
.logo2 p{ float:left; width:40%; padding:0 5%; height:90px;} 
.logo2 p img{ max-width:100%; height:90px;} 
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999;} 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:60px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}

} 
.main,.ftit,.link,.foot,.top { width:96%; max-width:1100px;margin:0px auto;overflow:hidden;clear:both;} 
.head,.main2{ width:96%; max-width:1100px;margin:0 auto; position:relative;} 
.top{ line-height:30px; padding:3px 0;}
.top_r{ float:right;}
.top_r span{ color:#F00;}
.top_r a{ display:block; float:right; background:#e32322; padding:0 15px; color:#fff; margin-left:15px;}
.hj{overflow:hidden; clear:both; height:10px;} 
.hj2{overflow:hidden; clear:both; height:20px;} 
.hj3{overflow:hidden; clear:both; height:30px;} 
.pp1{ padding:1% 0;} 
.pp2{ padding:2% 0;} 
.pp3{ padding:3% 0;} 
.pp4{ padding:4% 0;} 
.pp5{ padding:5% 0;} 
.clear{ overflow:hidden; clear:both;} 
.img1{ display:block; position:relative; width:100%; padding-bottom:84.6%; overflow:hidden;} 
.img2{ display:block; position:relative; width:100%; padding-bottom:62.3%; overflow:hidden;} 
.img3{ display:block; position:relative; width:100%; padding-bottom:71%; overflow:hidden;} 
.img4{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img5{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img7{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img8{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;} 
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.img1,.img2,.img3,.img4{ overflow:hidden;} 
.img1 img,.img2 img,.img3 img,.img4 img{  cursor: pointer; transition: all 0.8s;} 
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 
.qq{ width:100%; margin:0 auto; position:relative;} 
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;} 
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;} 
.fullSlide .bd ul{width:100% !important; height:100%;} 
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;} 
.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;} 
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;} 
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px; max-width:50px;height:12px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);line-height:999px;background:#fff; border-radius:50px;} 
.fullSlide .hd ul .on{background:#f00;opacity:1;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} 
.fullSlide .next{left:auto;right:2%;background-position:-6px -137px;} 

.none {display: none;} 

.tit1{ text-align:center; }
.tit1_p1{ color:#000; font-weight:bold; }
.tit1_p2{ color:#979797; text-transform:uppercase; }

.tit2{ text-align:center; color:#454545; }

.bg1{ background:#f7f7f7;}
.nr1_p1{ margin:0 -1%;}
.nr1_p1 li{ float:left; width:23%; padding:1%;}
.nr1_p12{ background:#FFF; border:1px solid #e8e8e8; padding:10px;}

.nr2_p1{ margin:0 -1%;}
.nr2_p1 li{ float:left; width:23%; padding:1%;}
.nr2_p12{ background:#FFF; border:1px solid #e8e8e8; padding:10px;}
.nr2_p12 td{ height:360px;}
.nr2_p1 li p{ text-align:center; line-height:2.5}

.nr3_p1{ margin:0 -1%;}
.nr3_p1 li{ float:left; width:31%; padding:1%; text-align:center}

.nr4_p1{ margin:0 auto;}
.nr4_p1 li{ float:left; text-align:center; border:1px solid #e8e8e8; margin: 0 5px; line-height:1.5}
.nr4_p1 li a{ display:block; width:100px; padding:5px 10px;}
.nr4_p1 li a.current{ background:#65b829; color:#FFF}

.fbg{ background:#f2f2f2; color:#333;}
.ftit_p1{ float:left; line-height:2;}
.ftit_p1 img{  width:20px;}
.ftit_p2{ float:right; text-align:center;}

.adv1{ position:relative; padding-bottom:10.4%;}
.adv1_p1{ position:absolute; top:0; left:0; width:100%; height:100%;}
.adv1_p1 .main{ text-align:left; color:#fff; font-weight:bold;}
.bg2{ background:url(../images/bg1.jpg) no-repeat center; background-size:auto 100%; padding:5% 0;}
.nr1_p2{ width:90%; max-width:800px;width: 96%; max-width:1200px; color: #fff; margin:0 auto; line-height:2;}
.nr1_p3{ text-align: center; border-bottom:1px solid #ddd;}
.nr1_p32{ border-bottom:1px solid #ddd;}
.nr1_p33{ line-height:2; color:#666;}
.nr1_p33 p{text-indent:2em;}
.pages {   margin:15px  auto; width:100%; text-align:center }
.pages a{   margin:0 3px; min-width:30px; line-height:30px; text-align:center; border:1px solid #eee; color:#fff; background:#65b829; padding:5px 10px;}
.pages a:hover{ background:#327204; color:#fff; border:1px solid #327204;}

.nr21_p3 li{ overflow:hidden; clear:both; margin-bottom:3%;}
.nr21_p31{ float:left; width:27%;}
.nr21_p32{ float:right; width:70%; line-height:2;}
.nr21_p33{ float:left; width:calc(100% - 120px);overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.nr21_p34{ float:right; color:#777;}
.nr21_p35{ margin-top:1%; padding-top:3%; border-top:1px solid #ddd; overflow:hidden; clear:both;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; line-height:1.8; color:#777;}

.nr21_p36{ display:block; border:1px solid #0073aa; color:#0073aa; width:150px; text-align:center; line-height:2.2;}

.con_tit{text-align:center;border-bottom:1px dotted #d4d4d4;line-height:36px;}
.con_tit h2{font-size:16px;}
.con_titb{text-align:center;}

.neir{ padding:10px; text-align:left; color:#333;font-family:"微软雅黑"; line-height:2}
.neir h1{  text-align:center; font-size:20px; color:#333;font-family:"微软雅黑";}


@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mm1{ padding:1%; width:96%; margin:0 auto;} 
.f14{ font-size:12px;} 
.f16{ font-size:14px;} 
.f18{ font-size:15px;} 
.pp1{ padding:5px 0;} 
.pp2{ padding:10px 0;} 
.qt{ position:relative; width:100%; padding-bottom:60%; height:0; overflow:hidden;} 
.span12 { width:calc(98% - 60px); padding:0 30px; position:relative; margin: 0 auto;}
.customNavigation{ position:absolute; top:calc(50% - 15px); left:0; width:100%;}
.customNavigation a{ width:30px;}

.nr1_p1 li{ width:48%;}
.nr2_p1 li{ width:48%;}
.ftit_p1{ float:left; width:100%;}
.ftit_p1 img{  width:20px;}
.ftit_p2{ float:left; width:100%; text-align:center}
.adv1{ position:relative; padding-bottom:17%;}
.nr2_p12 td{ height:240px;}



.nr21_p31{ float:left; width:110px;}
.nr21_p32{ float:right; width:calc(100% - 120px); line-height:2;}
.nr21_p35{ margin-top:0%; padding-top:2%; border-top:1px solid #ddd; overflow:hidden; clear:both;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; line-height:1.8; color:#777;}

.nr3_p1 li{ float:left; width:98%; padding:1%; text-align:left}



  video::-webkit-media-controls-timeline {
    display: none;
  }

  video::-webkit-media-controls-current-time-display {
    display: none;
  }
   video::-webkit-media-controls-time-remaining-display {
    display: none;
  }
  video::-webkit-media-controls-mute-button {
    display: none;
  }
    video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
  }
    video::-webkit-media-controls-volume-slider {
    display: none;
  }

  video { width:100%; height:240px;
    }
}
@media (min-width:769px) {

.fl{ float:left;} 
.fr{ float:right;} 
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.pp1{ padding:10px 0;} 
.pp2{ padding:20px 0;} 
.qt{ position:relative; width:100%; padding-bottom:35%; height:0; overflow:hidden;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.ftit_p1,.ftit_p3{ float:left; padding-right:100px; line-height:2;}

.bg2{ background:url(../images/bg1.jpg) no-repeat center; background-size:100% 100%;}


  video::-webkit-media-controls-fullscreen-button {
    display: none;
  }
  video::-webkit-media-controls-play-button {
    display: none;
  }
  video::-webkit-media-controls-timeline {
    display: none;
  }

  video::-webkit-media-controls-current-time-display {
    display: none;
  }

  video::-webkit-media-controls-time-remaining-display {
    display: none;
  }

  video::-webkit-media-controls-mute-button {
    display: none;
  }

  video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
  }

  video::-webkit-media-controls-enclosure {
    display: none;
  }

  video::-webkit-media-controls-volume-slider {
    display: none;
  }

  video { width:100%; height:680px;
    }


} 

@media (min-width:1360px) {	}
@-webkit-keyframes ripple { 

0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 

100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }

}



@keyframes ripple { 

0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 

100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }

}

