@charset "utf-8";

/* CSS Document */

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;}

p{padding:0;margin:0;}

iframe,img {border: none;margin: 0px;}

input,button,select,textarea{outline:none}

img{ vertical-align:middle; max-width:100%;}

img a {border: none;margin: 0px;}

body {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color:#333;padding:0;margin:0;}

body { width:100%; max-width:960px; margin:0 auto; font-family:"微软雅黑"; position:relative; background:#FFF; line-height:1.8;}

table ,tr, td { margin: auto; padding:0; margin:0;}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }



@media screen and (min-width:320px){
    .tt1{font-size:12px;}
    .tt2{font-size:12px;}
    .tt3{font-size:13px;}
    .tt4{font-size:14px;}
    .tt5{font-size:15px;}
    .tt6{font-size:16px;}
    .tt7{font-size:18px;}
    .tt8{font-size:20px;}
    .tt9{font-size:22px;}
    .tt10{font-size:48px;}



}

@media screen and (min-width: 414px){
    .tt1{font-size:12px;}
    .tt2{font-size:12px;}
    .tt3{font-size:13px;}
    .tt4{font-size:14px;}
    .tt5{font-size:15px;}
    .tt6{font-size:16px;}
    .tt7{font-size:20px;}
    .tt8{font-size:22px;}
    .tt9{font-size:24px;}
    .tt10{font-size:50px;}



}

@media screen and (min-width: 480px){
    .tt1{font-size:12px;}
    .tt2{font-size:14px;}
    .tt3{font-size:14px;}
    .tt4{font-size:14px;}
    .tt5{font-size:16px;}
    .tt6{font-size:18px;}
    .tt7{font-size:24px;}
    .tt8{font-size:26px;}
    .tt9{font-size:36px;}
    .tt10{font-size:56px;}



}

@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:20px;}
    .tt6{font-size:22px;}
    .tt7{font-size:28px;}
    .tt8{font-size:30px;}
    .tt9{font-size:42px;}
    .tt10{font-size:68px;}



}

@media screen and (min-width:960px) {
    .tt1{font-size:14px;}
    .tt2{font-size:16px;}
    .tt3{font-size:18px;}
    .tt4{font-size:20px;}
    .tt5{font-size:24px;}
    .tt6{font-size:28px;}
    .tt7{font-size:30px;}
    .tt8{font-size:36px;}
    .tt9{font-size:50px;}
    .tt10{font-size:72px;}



}
 

.bodybg{ background: url(../images/bg1.jpg) no-repeat; background-size:100% 100%; padding:10px 0; clear:both; overflow:hidden; width:100%; height:100vh}

.indexlogo{ text-align:center; width:100%; margin-top:25%}
.indexlogo img{ width:30%}
.indextext{ text-align:center; color:#FFF; font-weight:bold; margin-top:10%}
.indexpp{ text-align:center; width:100%; margin-top:20%}
.indexpp img{ width:60%}
.indextj{ text-align:center; width:100%; margin-top:15%}
.indextj img{ width:30%}
.btntj{background: url(../images/ty.png) no-repeat center ; width:130px; height:35px; border:none} 

.none {display: none;}
.hj{ overflow:hidden; clear:both; height:5px;}
.hj2{ overflow:hidden; clear:both; height:10px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.clear{ overflow:hidden; clear:both;}
.img1{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:56%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.img1 img,.img2 img,.img3 img,.img4 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.img1 img,.img2 img,.img3 img,.img4 img{  transition: all 0.8s;}
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 

.scrollbox{ width: 100%; margin: 0 auto; overflow: hidden; }

#scrollDiv{width:100%;height:40px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/

#scrollDiv li{height:40px; width:100%;  overflow:hidden;  line-height:40px;  }

#scrollDiv li span{ height:40px; font-size:14px; color:#353535; line-height:40px; }

#scrollDiv li span a{color:#353535; text-decoration:none}

#scrollDiv li span a:hover{ color:#F00}

.btn-nav { position: absolute; top: 5px; 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: 24px; height: 2px; background-color: #0090ff; background-color: #333333; } 
.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: #333333; } 
.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: #333333; } 
.btn-nav.close .topt { -webkit-transform: translateY(8px) rotateZ(45deg); -moz-transform: translateY(8px) rotateZ(45deg); -ms-transform: translateY(8px) rotateZ(45deg); -o-transform: translateY(8px) rotateZ(45deg); transform: translateY(8px) 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; } 
.showy_warp { display: none; } 

.cai {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(255,255,255,1); top:150px; z-index:999; display: none; } 
.mnav { width:100%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 170px; position: absolute;} 
.mnav li { line-height:40px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:14px; width:21%; float:left; margin:1% 2%;list-style: none; text-align:center; background:#eeeef2} 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #000; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #000; } 
.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;}
.head{ width:100%; margin:0 auto; background:#146382; height:40px; padding:10px; line-height:2; font-weight:bold }

.head img{height:40px; padding:0 10px;}
.head a{color:#FFF}


.main{ width:96%; margin:0 auto;}
.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;z-index:1;bottom:5px;right:0px; width:100%;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:8px; overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; margin:5px; border-radius:5px;}
.fullSlide .hd ul .on{background:#6385ed;width:30px;height:8px; }
.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;} 

.qt{ position:relative; width:100%; padding-bottom:60%; height:0; overflow:hidden;}

.bd_p1{ position:absolute; bottom:8%; left:2%; width:96%; color:#b2b2b2; text-align:left; }

.bd_p1 a{ color:#FFF;}

.bd_p1 p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}

.main{ width:96%; margin:0 auto;}

.mhj5{ height:80px;}
.tit_p1{ text-align:center; background:#eeeeee; color:#146382; font-weight:bold; line-height:2.5}
.chaxun{ line-height:2}
.chaxun p{ margin:2% auto; color:#000}
.chaxun span{ color:#e99523}   
.cishu{ border-top:1px dashed #999; color:#999}
.cishu p{ margin:2% auto; color:#999}
.cishu span{ color:#000}   
.cs_p1{ float:left; width:65%}
.cs_p2{ float:right; width:35%; text-align:center; padding-top:20px;}
.cs_p2 a{ border:2px solid #146382; padding:5px 15px; color:#146382;border-radius:30px;}
.tit_p2{ text-align:center; background:#146382; color:#fff; font-weight:bold; line-height:2.5}
.cp_p1{ clear:both; overflow:hidden; margin:0 auto}
.cp_p1 li{ float:left; width:31.33%; margin:1% 1%}
.radio{ position:fixed; top:10%; right:10%}
.jieshao{ line-height:2; padding:10px 20px}
.jieshao p{ margin:2% auto; color:#146382;}

/*弹框样式3*/
.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position: relative;
     width: 96%; min-height: 400px;  max-height: 400px;  height:400px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 0px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(100, 0, 0, .5); 
}
.cd-popup-container3 h2{ text-align:center;  line-height:40px;}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px; color:#000}
.is-visible3 .cd-popup-container3 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
 .cd-buttons  td { font-size:14px; height:20px; border-bottom:1px dashed #eee} 
 
 
 
 
@media (max-width:480px){
 

.mhj5{ height:60px;}





}

@media (min-width:481px){



}