.g-bd{ background:#f7f7f7}.mb4{ margin-bottom: 4%;}
.g-hd{padding:4%; overflow: hidden; background: #fff;}
.g-hd h1{display: inline; margin-right: 10px;}
a.u-btn-1{display: block; float: right; width:90px; height:26px;  line-height:26px;text-align: center; border: 1px solid #f60; background: #ffe9db; border-radius:30px; color: #f60;}
.g-nav{ height: 45px; line-height: 45px; background: #039; text-align: center; overflow: hidden;}
.g-nav a{ display: block; float:left;width: 25%; color: #fff; font-size: 16px;}
.g-box-1,.m-lst-2,.gjby,.tts{width:86%;padding:4%;background:#fff; margin:0 auto 4% auto;-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1); border-radius:2px}
.m-lst-1 a{ display: block; } 
.m-lst-1 h2,.m-lst-1 p{display: block;}
.m-lst-1 h2{margin-bottom:3%; font-size:22px; color:#333}
.m-lst-1 span{padding:1% 2%; margin-right: 2%; background: #f60; color: #fff; font-size: 12px; border-radius:4px ;}
.m-lst-1 p{color: #999;}

.m-lst-2 li{display: block;  border-bottom:1px dashed #e3e3e3;padding:5% 5% 5% 7%; overflow: hidden; background:url(li2.png) 1% center no-repeat; background-size:3%}
.m-lst-2 img{display:block; float: right; width: 110px; height:84px; margin-left: 4%;}
.m-lst-2 strong{display: block; line-height:24px; font-size:16px; font-weight: normal; color:#222}
.m-lst-2 span{ margin-right: 10px;}
.m-lst-2 p{ color: #999;}
.g-box-2{padding:4%; background: #fff; overflow: hidden;}
.g-box-2 img{ display:block;width:100%;}
.u-btn-2{ float:left;width:45%; padding:4% 0; margin-left:4%; text-align: center;}
.u-btn-2 a{ display: block;width: 100%; height: 36px; margin-bottom:4%; color: #fff; line-height: 36px; background: #f60; text-align: center; border-radius:6px;}
.u-btn-2 span{margin:0 2%; color: #039; font-weight: bold;}
.m-tt-1{display: block; height:45px; padding:0 4% 0 12%;font-size:20px; font-weight: normal;  line-height: 45px;}
.m-tt-1 a{ float: right;color: #999; font-size: 14px;}
.m-ico1{background: #fff url(icon1_07.png) 4% center no-repeat;background-size:7%}
.m-ico2{background: #fff url(icon1_01.png) 4% center no-repeat;background-size:7%}
.m-ico3{background: #fff url(icon1_02.png) 4% center no-repeat;background-size:7%}
.m-ico4{background: #fff url(icon1_03.png) 4% center no-repeat;background-size:7%}
.m-ico5{background: #fff url(icon1_04.png) 4% center no-repeat;background-size:7%}
.m-ico6{background: #fff url(icon1_05.png) 4% center no-repeat;background-size:7%}
.m-ico7{background: #fff url(icon1_06.png) 4% center no-repeat;background-size:7%}
/*轮播图*/
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30pxno-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{top:320px;width:92%;padding:4%;color:#333;z-index:2; font-size:16px}
.hiSlider-pages{bottom:5%;right:42%;text-align:right}
.hiSlider-pages a{height:10px;width:10px;margin:0 3px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ccc}
.hiSlider-pages a.active{background:#c90000}
#wrap{width:100%;min-width:300px;background:#fefefe;}
.hiSlider{overflow:hidden;height:450px;width:100%;background:#fff; }
.hiSlider img{width: 100%}
.hiSlider-item{float:left}
/*拖动*/
.wrapper {position:relative;height:190px;padding:2% 0;overflow: hidden;}
.scroller {position:absolute;}
.scroller li{display:block;float: left;width:170px;padding-left:15px; }
.scroller p{ display: block; padding:6%; height:70px;line-height:20px; font-size:14px; color:#222; background:#fff}
.scroller img{display: block; width:100%; height:100px;}
/*公益视频*/
.m-video{ overflow: hidden; padding:2% 0 4 0%;  background: #fff;}
.m-video li{ display: block;float: left; width: 44%;margin:0 0 4% 4%; position: relative;}
.m-video strong,.m-video span{ display:block; width:96%; padding:0 2%; height:40px; line-height:16px; overflow:hidden; font-size:14px; color: #fff; position:absolute; bottom:0; left:0; z-index:2; font-weight:normal}
.m-video span{background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1;}
.m-pic-1{ width:100%;}
.m-vid{position: absolute; left:50%;top:40%; width:32px; height:32px; margin-left:-16px ;}
.m-link{ overflow: hidden; padding:4% 0;}
.m-link li{ display: block; float: left; width:29%; margin: 0 0 3% 3%; border: 1px solid #e3e3e3; background: #fff;border-radius:8px ;}
.m-link img{ display: block;width: 100%; border-radius:8px}
.m-tel{padding:4%; background: #dfdfdf; font-size:14px; line-height: 24px; color: #555; text-align: center;}
.g-con{padding:5% 0; background: #039; color: #fff; text-align: center; line-height: 28px;}
.m-tt-2{ display:block; height:40px; line-height:40px; color:#C00; font-size:20px; padding-left:4%; background:#fff}
.m-tt-3{ display:block; padding:0 0 6% 0;text-align:center; font-size:28px; color:#222; }
.m-tt-3 strong{font-weight: normal; border-bottom:2px solid #c90000}
.m-tt-4{padding:0 4% 4% 4%; font-size:18px; color:#c90000}

.m-pic-2{overflow:hidden; padding-top:4%}
.m-pic-2 li{ display:block; float:left; width:45%; margin:0 0 4% 3%; background:#fff;-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1); border-radius:2px}
.m-pic-2 img{ display:block; width:100%; height:120px}
.m-pic-2 strong{ display:block; height:80px; padding:6%; font-size:15px; font-weight:normal}

.g-box-3{width: 92%;padding:0;background: #fff;margin: 0 auto; border-radius:4px;-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}
.m-pic-3{overflow: hidden;  }
.m-pic-3 li{ display:block; float:left; width:45%; margin:0 0 4% 3%;-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}
.m-pic-3 img{ display:block; width:100%; height:120px}
.m-pic-3 strong{ display:block; height:70px; padding:6% 4% 0 4%; text-align:left; font-size:14px;  color:#222; font-weight:normal}
.m-pic-3 p{ height:60px; padding:0 6% 6% 6%}
.m-pic-3 h5{ display:block; padding:4% 0 2% 4%; color:#C00;}

.g-box-6{width: 92%;padding:0;background: #fff;margin: 0 auto; border-radius:4px;-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}
.m-pic-6{overflow: hidden;  }
.m-pic-6 li{ display:block; float:left; width:45%; margin:0 0 4% 3%;}
.m-pic-6 img{ display:block; width:100%; height:120px}
.m-pic-6 strong{ display:block; height:70px; padding:6% 4% 0 4%; text-align:left; font-size:14px;  color:#222; font-weight:normal}
.m-pic-6 p{ height:60px; padding:0 6% 6% 6%}
.m-pic-6 h5{ display:block; padding:4% 0 2% 4%; color:#C00;}

/*banner*/
.m-banner{position:relative}
.m-pic01{width:100%; display:block}
.m-am-01,.m-am-02,.m-am-03,.m-am-04,.m-am-05,.m-am-06{position:absolute; z-index:2}

.m-am-01{width:80%; top:25%; left:50%; margin-left:-40%;opacity:0}
@-webkit-keyframes am01 {
	0%{width:1px; height:1px; top:25%; left:50%;margin-left:0;opacity:0}
    100%{width:80%; opacity:1.0;}
        }
.m-am-01{animation-name:am01;animation-duration:1.5s;animation-fill-mode:forwards;}


.m-am-02{width:78%; top:44%; left:50%; margin-left:-40%;opacity:0}
@-webkit-keyframes am02 {
	0%{width:1px; height:1px;left:50%; margin-left:0;opacity:0}
    100%{width:78%; opacity:1.0}
        }
.m-am-02{animation-name:am02;animation-delay:0.2s;animation-duration:1.5s;animation-fill-mode:forwards;}

.m-am-03{width:80%; top:63%; left:50%; margin-left:-40%;opacity:0}
@-webkit-keyframes am03 {
	0%{ top:70%;opacity:0}
    100%{top:63%; opacity:1.0;}
        }
.m-am-03{animation-name:am03;animation-delay:1s;animation-duration:1.5s;animation-fill-mode:forwards;}

.m-am-04{width:130%;  top:5%; z-index:1; left:50%; margin-left:-70%}
@-webkit-keyframes am04 {
	0%{-webkit-transform:rotate(-15deg)}
	50%{-webkit-transform:rotate(15deg); -webkit-filter:contrast(2); opacity:0.6}
    100%{-webkit-transform:rotate(-15deg)}
        }
.m-am-04{animation-name:am04;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;}


#m-snav{ z-index:3}

/*旋转*/
.m-hu{ width:100%; height:500px; padding-top:10%; background:url(wap_03.jpg) center top no-repeat; background-size:100%; position:relative; overflow:hidden}
.m-mt{width:80%; height:300px; margin: 0 auto; background: url(zch-r.png) center no-repeat; background-size:100%; position: relative;}
@-webkit-keyframes mt {
	0%{transform: rotate(0deg);}
    100%{transform: rotate(359deg);}
        }
.m-mt{animation-name:mt;animation-duration:80s;animation-timing-function:linear;animation-iteration-count:infinite;}
.m-mt:hover {animation-play-state:paused;}
.m-tt1,.m-tt2,.m-tt3,.m-tt4,.m-tt5,.m-tt6{position: absolute; display: block; width:24%; height:70px; border-radius:70px}
.m-tt1{top:7%;left:20%}
.m-tt2{top:5%;left:58%}
.m-tt3{top:39%;left:77%}
.m-tt4{top:73%;left:58%}
.m-tt5{top:71%;left:19%}
.m-tt6{top:39%;left:0}
.m-news-x{position: absolute;width: 34%;height:112px;left: 58%;margin-left:-94px;top:50%;z-index: 10;}
.m-news-x a{ display:block; margin-bottom:6px;font-size:18px; color:#222;}
.m-news-x p{ color:#666; font-size:12px;}


.gjby{width:85%; border:2px solid #C00; border-radius:4px; position:relative}
.gjby h3{ position:absolute; width:70%; top:-20px; left:50%; margin-left:-35%}
.gjby h3 img{ display:block; width:100%}
.gjby strong{  display:block; padding:4% 0;font-size:16px; text-align:center; color:#222}
.gjby h4{ display:block; margin-bottom:2%; color:#C00; font-size:14px}
.gjby p{display:block; margin-bottom:2%; color:#333; font-size:12px}
.tts{width:100%; background:#fff}
.tts h2 img{ width:92%; display:block; margin:0 auto}




@media(max-width:414px){
.m-hu{height:400px;padding-top:22%;}
.m-mt{height:400px;}
.hiSlider{height:330px;}
.hiSlider img{width: 100%;height:200px;}
.hiSlider-title{top:210px}
.hiSlider4,.hiSlider4 img{width: 100%;height:180px;}
.m-pic-2 img,.m-pic-3 img{ display:block; width:100%; height:120px}
.m-tt1,.m-tt2,.m-tt3,.m-tt4,.m-tt5,.m-tt6{position: absolute; display: block; width:24%; height:80px; border-radius:80px}
.m-tt1{top:11%;left:19%}
.m-tt2{top:12%;left:58%}
.m-tt3{top:39%;left:77%}
.m-tt4{top:68%;left:58%}
.m-tt5{top:67%;left:19%}
.m-tt6{top:39%;left:0}
	}

@media(max-width:375px){
.m-hu{height:350px;padding-top:30%;}	
.m-mt{height:300px;}
.m-tt1,.m-tt2,.m-tt3,.m-tt4,.m-tt5,.m-tt6{position: absolute; display: block; width:24%; height:70px; border-radius:70px}
.m-tt1{top:7%;left:20%}
.m-tt2{top:5%;left:58%}
.m-tt3{top:39%;left:77%}
.m-tt4{top:73%;left:58%}
.m-tt5{top:71%;left:19%}
.m-tt6{top:39%;left:0}
.m-news-x{left:60%; top:47%}
.hiSlider{height:300px;}
.hiSlider img{width: 100%;height:180px;}
.hiSlider4,.hiSlider4 img{width: 100%;height:160px;}
.hiSlider-title{top:180px}
.m-pic-2 img,.m-pic-3 img{ display:block; width:100%; height:110px}
	}
@media(max-width:320px){
.m-hu{height:300px;padding-top:25%;}	
.m-mt{height:300px;}
.m-news-x{left: 62%; top:50%}
.hiSlider{height:270px;}
.hiSlider img{width: 100%;height:170px;}
.hiSlider4,.hiSlider4 img{width: 100%;height:140px;}
.m-pic-2 img,.m-pic-3 img{ display:block; width:100%; height:100px}
	}

/*地图*/
.wrap{ position:relative}
.mapTipText{width:280px;height:110px;background-color:#ffffff}
.mapTipText .mapTipImg{height:66px;width:66px;float:left;border:2px solid #ffffff;border-radius:50%;overflow:hidden;margin:-12px 5px 0 -12px}
.mapTipText .mapTipImg img{width:100%;height:100%}
.mapTipText .mapTipList{float:left;margin-left:4px}
.mapTipText .mapTipList h2{text-align:left}
.mapTipText .mapTipList h2 a{font-size:24px;color:#262626;text-decoration:none}
.mapTipText .mapTipList h2 a:hover{color:#0085d2}
.mapTipText .mapTipList h2 a span{font-size:16px;margin-left:3px}
.mapTipText .mapTipList ul{width:203px;padding-right:10px}
.mapTipText .mapTipList ul li{list-style:none;float:left;padding:7px 3px 0 3px}
.mapTipText .mapTipList ul li a{color:#262626;text-decoration:none}
.mapTipText .mapTipList ul li a:hover{background-color:#2ebcfe;color:#ffffff}
.m-nsh{ position:absolute; left:24%; top:770px}

.m-pic-lst{}
.m-pic-lst img{width:94%; margin:0 auto 4% auto; display:block; border:2px solid #C00;-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1); border-radius:4px}
.m-lst-n9 { overflow:hidden; padding:2%}
.m-lst-n9 a{ display:block; width:30%; float:left; margin:0 0 2% 2%; -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);box-shadow: 0 2px 20px 0 rgba(0,0,0,.1); border-radius:4px}
.m-lst-n9 img{ display:block; width:100%; border-radius:4px}

.m-link-3{position:relative; padding:4% 0}
a.m-more{ display:block; width:90%; margin:0 auto; height:36px; line-height:36px; border-top:1px dashed #442299; margin-bottom:4%; text-align:center; color:#fff; font-size:14px}
a.m-more-c{ display:block; padding:4% 0 2% 0; text-align:center; font-size:12px; color:#666; border-top:1px solid #e3e3e3}

/*动画*/
.m-link-3 a{ display:block; position:absolute; border-radius:100%; color:#fff; text-align:center}
.m-am-01a{ position:absolute;width:80px; height:80px; line-height:80px; font-size:24px;top:36%; left:36%;background: linear-gradient(to bottom,  rgba(255,93,116,1) 0%,rgba(125,100,223,1) 100%);}
@-webkit-keyframes am01 {0%{top:36%;}50%{top:39%;}100%{top:36%;}}
.m-am-01a{animation-name:am01;animation-delay:0.4s;animation-duration:3s;animation-iteration-count:infinite;}

.m-am-02a{position:absolute;width:60px; height:60px; line-height:60px; font-size:18px;top:14%; left:20%;background: linear-gradient(to bottom,  rgba(226,0,202,1) 0%,rgba(0,121,255,1) 100%);}
@-webkit-keyframes am02 {0%{top:14%;}50%{top:16%;}100%{top:14%;}}
.m-am-02a{animation-name:am02;animation-delay:0.2s;animation-duration:4s;animation-iteration-count:infinite;}

.m-am-03a{position:absolute;width:70px; height:70px;line-height:70px; font-size:18px;top:45%; left:16%;background: linear-gradient(to bottom,  rgba(241,195,76,1) 0%,rgba(35,216,184,1) 100%);}
@-webkit-keyframes am03 {0%{top:45%;}50%{top:47%;}100%{top:45%;}}
.m-am-03a{animation-name:am03;animation-delay:0s;animation-duration:3s;animation-iteration-count:infinite;}

.m-am-04a{position:absolute;width:80px; height:80px; line-height:80px; font-size:20px;top:70%; left:8%;background: linear-gradient(to bottom,  rgba(0,100,235,1) 0%,rgba(0,190,249,1) 100%); }
@-webkit-keyframes am04 {0%{top:70%;}50%{top:72%;}100%{top:70%;}}
.m-am-04a{animation-name:am04;animation-delay:0s;animation-duration:5s;animation-iteration-count:infinite;}

.m-am-05a{position:absolute;width:60px; height:60px;line-height:60px; font-size:16px;top:8%; left:55%;background: linear-gradient(to bottom,  rgba(60,231,184,1) 0%,rgba(206,183,207,1) 100%);}
@-webkit-keyframes am05 {0%{top:8%;}50%{top:10%;}100%{top:8%;}}
.m-am-05a{animation-name:am05;animation-delay:0s;animation-duration:3s;animation-iteration-count:infinite;}

.m-am-06a{position:absolute;width:80px; height:80px; line-height:80px; font-size:24px;top:30%; left:60%;background: linear-gradient(to bottom,  rgba(247,142,49,1) 0%,rgba(247,54,49,1) 100%); }
@-webkit-keyframes am06 {0%{top:30%;}50%{top:27%;}100%{top:30%;}}
.m-am-06a{animation-name:am06;animation-delay:0.4s;animation-duration:4s;animation-iteration-count:infinite;}

.m-am-07a{position:absolute;width:70px; height:70px; line-height:70px; font-size:20px;top:45%; left:70%;background: linear-gradient(to bottom,  rgba(28,187,117,1) 0%,rgba(10,129,245,1) 100%); }
@-webkit-keyframes am07 {0%{top:45%;}50%{top:48%;}100%{top:45%;}}
.m-am-07a{animation-name:am07;animation-delay:0.4s;animation-duration:4s;animation-iteration-count:infinite;}

.m-am-08a{position:absolute;width:60px; height:60px; line-height:60px; font-size:16px;top:60%; left:70%;background: linear-gradient(to bottom,  rgba(255,22,75,1) 0%,rgba(255,160,145,1) 100%);}
@-webkit-keyframes am08 {0%{top:60%;}50%{top:58%;}100%{top:60%;}}
.m-am-08a{animation-name:am08;animation-delay:0.4s;animation-duration:3s;animation-iteration-count:infinite;}

.m-am-09a{position:absolute;width:70px; height:55px; padding-top:15px; line-height:20px; font-size:18px;top:73%; left:45%;background: linear-gradient(to bottom,  rgba(240,133,219,1) 0%,rgba(244,100,140,1) 100%);}
@-webkit-keyframes am09 {0%{top:73%;}50%{top:76%;}100%{top:73%;}}
.m-am-09a{animation-name:am09;animation-delay:0.2s;animation-duration:4s;animation-iteration-count:infinite;}