/* writeen by 吴灿 || WeChat:kingdomWC; || phone:18588262364*/
html, body, div, p, span, label, img, a, ol, ul, dl, dt, dd, li, table, tr, td, th, tbody, thead, tfoot, form, fieldset, legent, h1, h2, h3, h4, h5, h6, strong, b, em, blockquote, cite, pre, code, hr, br, input, button, textarea, nav, section{padding:0px; margin:0px; }
html,body{font-family:'Microsoft Yahei',Arial,Simsun; font-size:100%; width:100%; max-width:640px; margin:0 auto;}
html {font-size: 62.5%}
body{ min-height:420px;font-size:14px;color:#666;}
*{ margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul, li{list-style:none; list-style-type:none;}
:focus{outline:0;}
a,img{border:0 none;}
img{vertical-align:middle;}
a{text-decoration:none;}
caption, cite, code, em, th, var {font-weight:normal; font-style:normal; }
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;}
p {line-height: 2.4rem;margin: 10px 0;text-align: justify;}
.fl{float:left}
.fr{float:right}

.nav_button span,.nav_button {-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.home_bodyer {position: fixed;width:100%;height: 100%;top:0px;left:0px;}
.home_content {position: relative;width:100%;height: 100%;background-size:cover;}
.home_contentBlock {position: absolute;top:28%;width:100%;}
.home_title {position: relative;width:100%}
.home_title img {width:100%;animation:fadeInUp 1s .1s ease both}
@keyframes fadeInUp{
    0%{ transform: translateY(-1000px); opacity: 0;}
    100%{ transform: translateY(0px); opacity: 1;}
}
.home_text {position: relative;margin-top:-31%;width:100%}
.home_text img {width:100%;animation:fadeInLeft 2s .1s ease both}
@keyframes fadeInLeft{
     0%{ transform: translateX(-1000px); opacity: 0;}
     100%{ transform: translateX(0px); opacity: 1;}
}
.nav_content {position:absolute;top:0px;right:0px;z-index: 999;}
.nav_button {position: absolute;right:22px;top:5px;z-index: 99;}
.nav_button.current {right:10px;top:4px;}
.nav_button span {display: block;position: relative;width:30px;height: 2px;background: #fff;margin: 8px 0;}
.nav_button.current span {background:#3b8cbf;}

.nav_button.current span:nth-child(2){ display: none;}
.nav_button.current span:nth-child(1){
 transform: rotate(45deg) translate(7px,7px);
-ms-transform:rotate(45deg) translate(7px,7px); /* IE 9 */
-moz-transform:rotate(45deg) translate(7px,7px); /* Firefox */
-webkit-transform:rotate(45deg) translate(7px,7px); /* Safari and Chrome */
-o-transform:rotate(45deg) translate(7px,7px); /* Opera */
}
.nav_button.current span:nth-child(3){ 
transform: rotate(-45deg) translate(0px,0px);
-ms-transform:rotate(-45deg) translate(0px,0px); /* IE 9 */
-moz-transform:rotate(-45deg) translate(0px,0px); /* Firefox */
-webkit-transform:rotate(-45deg) translate(0px,0px); /* Safari and Chrome */
-o-transform:rotate(-45deg) translate(0px,0px); /* Opera */
}

@-webkit-keyframes rotateY 
{
	0%{ opacity:0; -webkit-transform:rotateY(90deg);}
	100%{ opacity:1; -webkit-transform:rotateY(0deg);}
}
@-webkit-keyframes rotateYB 
{
	0%{ opacity:1; -webkit-transform:rotateY(0deg);-webkit-transform-origin:right;}
	100%{ opacity:0; -webkit-transform:rotateY(-90deg);-webkit-transform-origin:right;}
}
.navBlock_contnet {-webkit-animation:rotateYB 0.6s ease-in-out forwards;-webkit-transform-origin:right;}
.navBlock_contnet.current {-webkit-animation:rotateY 0.6s ease-in-out forwards;-webkit-transform-origin:right;}

.nav_contentBlock {position: fixed;top:0px;right:0px;width:100%;height: 100%;}
.nav_bg {position: fixed;top:0px;left:0px;width:100%;height: 100%;background: #000;opacity:0.6;display: none;}
.navBlock_contnet {position:fixed;top:0px;right:0px;width:100%;background:#fff;height:100%;color:#333;display:none;}
.navBlock_title{width:48%;position: relative;padding-top:20%;margin: auto;text-align:center;padding-bottom:10px;}
.navBlock_title img{width:100%}
.navBlock_contentBlock {position: relative;width:62%;margin:auto;padding: 10px 0;}
.navBlock_aBlock {position: relative;display: block;padding: 3px 0px;padding-left:78px;border-top:1px solid #ccc;height: 50px;line-height: 50px;color:#333;font-size:1.6rem;padding-bottom: 6px;}

.navBlock_aBlock.a1 {background: url(../Images/b_1.png) no-repeat 16px center;background-size:34px;}
.navBlock_aBlock.a2 {background: url(../Images/b_2.png) no-repeat 16px center;background-size:34px;}
.navBlock_aBlock.a3 {background: url(../Images/b_3.png) no-repeat 16px center;background-size:34px;}
.navBlock_aBlock.a4 {background: url(../Images/b_4.png) no-repeat 16px center;background-size:34px;}
.navBlock_aBlock.a5 {background: url(../Images/b_5.png) no-repeat 16px center;background-size:34px;}

.navBlock_aBlock span {font-size:2.4rem;padding-left: 14px;position: absolute;right: 10px;top: 2px;}
.navBlock_bottom {position: relative;}
.navBlock_aBlock.a2 {border-bottom:0px;}
.navBlock_bottom {position:absolute;right:0;bottom:0;width:100%}
.navBlock_buttonA {position:absolute;right:20px;bottom:10px;width:23%;font-size:1.4rem;text-align:center;color:#333}
.navBlock_buttonA .icon {position: relative;width:30px;margin: auto;padding-bottom: 4px;animation:rt 2s;-webkit-animation:rt 1s ease-in-out}
@keyframes rt{
	0%{opacity:0;transform:rotate(0deg);-webkit-transform:rotate(0 deg)}
	100%{opacity:1;transform:rotate(360deg);-webkit-transform:rotate(360 deg)}
	}
.navBlock_buttonA img {width:100%;}



.common_bodyer {position: relative;width:100%;}
.pro_content {position: relative;width:100%;height:100%}
.pro_titleBlock {position: relative;width:100%;color:#fff;background-color: #1a87cc;text-align:center;height:50px;line-height:50px;font-size:1.6rem;}
.pro_titleBlock .wire {width:18px;height: 2px;background: #e6b935;margin-bottom:18px;}
.pro_titleBlock .en {font-size:1.6rem;text-transform: uppercase;}
.pro_titleBlock .ch {font-size:2rem;}
.pro_contentBlock {position: relative;margin-top:24px;padding-top:28px;}
.pro_title {padding-left: 24px;background: url(../images/b1_1.png) no-repeat 0px 0px;background-size: 16px;padding-bottom:10px;}
.pro_title .ch {font-size:2.2rem;color:#e6b935;}
.pro_title .en {color:#999;}
.pro_textBlock {position: relative;width:100%;}
.pro_textBlock img {width:100%;margin: 10px 0;}
.pro_textBlock p {position: relative;margin:10px 0;text-align: justify;text-justify:inter-ideograph;}

.swiper-container {width:100%;}
.swiper-slide img {width:96%;}

.pic_navImg {position: relative;background: #fff;padding: 6px 0;max-height: 100px;}
.swiper-slide .pic_block {position: absolute;top:0px;left:2px;width:96%;height: 100%;background: #000;opacity: 0.3;z-index: 999;}
.swiper-slide.current .pic_block {display: none;}

#swipe{width:90%;margin:0 auto;overflow: hidden;padding-top:20px} /*定位*/
.imgBlock{float:left;position: relative;border:6px solid #fff}
.imgBlock img{width:100%;} 
.imgBlock video{width:100%}   
.pic_txt{width:90%;margin:0 auto 20px;border-bottom:1px solid #ccc;text-align:center;color:#333;padding:5px 0 10px} 
.pic_txt span{ display:none;}
.pic_txt span.current{ display:block;}

.exh_title {position: absolute;bottom:0px;width:100%;left:0px;height: 30px;background: #e6b935;text-align: center;overflow: hidden;white-space: nowrap;color:#fff;line-height: 30px;font-size:1.6rem;}
.exh_block .swiper-slide img {padding-bottom:30px;}
.exh_block .swiper-container {border: 1px solid #e6b935;}
.ech_contentBlock {position: relative;width:100%;}
.ech_navBlock {position: relative;padding-top:30px;text-align: center;}
.ech_content {position: relative;padding-top:30px;overflow: hidden;}
.ech_navContent {position: relative;float: left;width:50%;}
.ech_title {position: relative;float: left;border-bottom:1px solid #b5c4c8;font-size:1.4rem;padding-bottom:2px;}
.ech_navContentBlock {position: relative;padding-top:16px;clear:both;padding-bottom:40px;}
.ech_navContentBlock a {display: block;position: relative;width:44%;height: 24px;text-align:center;line-height: 24px;float: left;margin-right: 2%;margin-bottom:8px;border: 1px solid #d4d4d4;color:#333;font-size:1.4rem;}
.ech_navContentBlock a.current {background: #e6b935;color:#fff;}
.ech_navContentBlock {position: relative;width:100%;}
.boo_content {position: relative;width:100%;border-top:2px solid #ececec;margin-top:24px;}
.boo_block {position: relative;width:100%;padding: 20px 0;border-bottom:1px dashed #ccc;height:33px;}
.boo_text {position: relative;float: left;width:70px;color:#443933;line-height: 28px;font-size:1.4rem;}
.boo_input {position: absolute;float: left;width:220px;height: 28px;padding-left:10px;top:20px;left:70px;}
.boo_textarea {position: absolute;width:211px;height: 80px;padding: 10px;overflow: hidden;color:#443933;left:70px;top:20px;}
.boo_submit {margin-top: 40px;width: 100%;height: 32px;background-color: #e6b935;border: 0px;color: #fff;font-size:1.6rem;}
.boo_block.last {height: 104px;}
.boo_select {position: absolute;width:234px;height: 32px;padding-left:10px;left:70px;top:20px;}


.pro_titleIn{width:100%;position:absolute;top:90px;left:0}
.pro_titleIn img{width:100%}
.wy_contentBlock{width:86%;position:absolute;bottom:50px;left:50%;margin-left:-43%}
.wy_contentBlock li{width:49%;height:60px;line-height:60px;background:#4780a4;float:left;margin-right:1%;margin-bottom:1%;color:#fff;opacity:0.8;font-size:1.8rem;text-align:center}
.wy_contentBlock li a{color:#fff}
.hl_tBlock{width:100%;position:absolute;top:21%;}
.hl_tBlock.hlt2{top:44%}
.hl_tIn{width:100%}
.hl_tIn img{width:100%}
.hl_txtIn{width:60%;margin-top:10px;margin-left:5%;font-size:1.8rem;color:#fff}
.fb_contentBlock{width:100%;margin-top:120px}
.fb_contentBlock li{width:100%;color:#21749b;margin-bottom:20px}
.fb_contentBlock .fb_cn{margin-left:5%;display:inline-block}
.fb_contentBlock li:last-child .fb_cn{}
.fb_contentBlock li input,.fb_contentBlock li select{width:180px;padding-left:10px;height:20px;line-height:20px;border:1px solid #21749b;background:none;margin-left:10px}
.fb_contentBlock li select{width:190px}
.fb_contentBlock li textarea{width:210px;padding-left:10px;height:100px;border:1px solid #21749b;background:none;margin-left:10px}
.fb_btn{height:30px;margin:20px 55px}
.fb_btnIn{width:80px;height:24px;line-height:24px;text-align:center;color:#fff;background:#21749b;border:1px solid #21749b;letter-spacing:6px;float:left;margin-right:15px}
.fb_btnIn.bIn2{color:#21749b;border:1px solid #21749b;background:0}
.sv_contentBlock{width:100%}
.sv_contentBlock li{width:88%;padding:6%;border-bottom:1px solid #a8a8a8;position:relative;zoom:1}
.sv_contentBlock li:after{content:" ";display:block;clear:both;height:0}
.sv_link{width:100%;display:block}
.sv_img{width:56%;float:left}
.sv_img img{width:100%}
.sv_cont{width:39%;float:right;color:#333}
.sv_ct{font-size:1.6rem;margin-top:10px}
.sv_cc{font-size:1.2rem;line-height:1.6rem;margin-top:20px;text-align:justify}
.sv_more{width:130px;height:30px;line-height:30px;color:#fff;background:#1a87cc;position:absolute;bottom:15%;left:48%;display:block}
.sv_mi{width:12%;float:left;margin:5% 15px 0 15px}
.sv_mi img{width:100%}
.svd_cont{width:86%;margin:0 auto;position:relative}
.svd_ct{width:100%;font-size:1.6rem;margin-top:15px}
.svd_ci{width:100%;position:relative;margin-top:15px}
.svd_imgBlock{width:100%}
.svd_imgBlock img{width:100%;position:relative;display:none}
.svd_navBlock{position:absolute;left:50%;margin-left:-22px;bottom:10px;z-index:99;}
.svd_navBlock li{width:6px;height:6px;float:left;margin-right:5px}
.svd_navBlock li .dot{width:6px;height:6px;border-radius:3px;background:#fff}
.svd_navBlock li .dot.at{background:#3b8cbf}
.svd_prev{width:10%;position:absolute;top:50%;margin-top:-5%;left:5px;z-index:99}
.svd_prev img{width:100%}
.svd_next{width:10%;position:absolute;top:50%;margin-top:-5%;right:5px;z-index:99}
.svd_next img{width:100%}
.svd_cc{text-align:justify}
.svd_cc p{line-height:2rem}
.svd_cc img{width:100%}
.new_contentBlock{width:100%;list-style:square}
.new_contentBlock li{width:100%;height:38px;line-height:38px;list-style:square;list-style-position:inside;padding-left:5%;border-bottom:1px solid #e6e6e6}
.new_contentBlock li.at{color:#1a87cc}
.new_cont{width:100%}
.new_cin{width:100%;position:relative;background:#f5f5f5;padding-bottom:100px;}
.new_list{width:90%;margin:0 auto;padding:15px 0}
.new_list li{width:100%;margin-bottom:10px;zoom:1;position:relative}
.new_list li:after{content:" ";display:block;clear:both;height:0}
.new_list li a{width:100%;display:block}
.new_li{width:112px;height:80px;float:left}
.new_li img{width:100%}
.new_lc{width:175px;height:78px;float:left;background:#fff;border:1px solid #e6e6e6;border-left:0;position:relative}
.new_lct{color:#333;padding:5px 5%;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.new_lcb{width:90%;height:24px;line-height:24px;border-top:1px solid #e6e6e6;font-size:1.2rem;color:#999;padding:0 5%;margin-top:5px;position:absolute;bottom:0}
.new_lbm{display:inline-block}
.nd_cd{font-size:1.2rem;margin-top:5px}
.nd_img{width:100%;margin:10px 0}
.nd_img img{width:100%}
.nav_back{width:3%;position:absolute;left:22px;top:15px;z-index:99}
.nav_back img{width:100%}
.new_list.nll li{background:#fff;border:1px solid #e6e6e6}
.nll_t{width:90%;font-size:1.6rem;color:#333;padding:3% 4%}
.nll_c{width:90%;color:#333;padding:0 4%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:90px}
.pf_img{width:100%;position:absolute;top:120px;left:0}
.pf_img img{width:100%}
.pf_cont{width:80%;padding:15px 5%;position:absolute;top:180px;left:0;color:#fff;background:rgba(57,144,185,0.6);z-index:99}
.pf_ct,.pf_ct img{width:100%}
.pf_ct.ct2{font-size:1.6rem;margin-bottom:10px}
.pf_ct.ct3{max-height:23rem;overflow:auto}
.h_img{width:100%;margin:0}
.h_img img{width:100%}
.h_t{width:90%;padding:20px 5%;color:#666;line-height:1.8rem;text-align:justify;border-bottom:3px solid #89aec5}
.h_list{width:100%;position:relative}
.h_ul{width:100%}
.h_ul li{border-bottom:1px solid #e6e6e6}
.h_lt{width:74%;padding:20px 13%;color:#333;border-bottom:1px solid #e6e6e6}
.h_li{width:100%;border-bottom:1px solid #e6e6e6}
.h_lci{width:90%;margin:15px auto;display:none}
.h_lci img{width:100%}
.h_lbt{width:12%;margin:20px auto}
.h_lbt img{width:100%}
.b_list{margin-top:110px;padding-left:10px}
.b_list li{width:100%;margin-bottom:15px}
.b_list li:after{content:" ";display:block;clear:both;height:0}
.b_lt{width:26%;float:left;position:relative}
.b_ltt{font-size:1.4rem;color:#857158;position:absolute;top:50%;margin-top:-16px;right:10%}
.b_lti{width:55%;float:right}
.b_lti img{width:100%}
.b_lc{width:66%;float:left;margin-left:10px}
.b_lc img{width:100%}
.b_lc p{font-size:1.2rem;line-height:1.6rem;margin:0}
.s_list{width:100%;position:relative}
.s_ul{width:96%;margin-top:120px;padding:0 2%;overflow:auto}
.s_ul li{width:46%;margin:0 2%;float:left;overflow:auto}
.s_li{width:100%}
.s_li img{width:100%}
.s_lt{color:#4f4435;text-align:center;border-bottom:2px solid #b9b9b9;padding:5px 0;width:100%;overflow: hidden;height: 18px;text-overflow:ellipsis;white-space:nowrap}
.s_lb{width:60px;margin:15px auto;font-size:1.2rem;background:rgba(142,184,204,0.8);color:#fff;display:block;padding:5px 10px}
.s_lb_more{display:inline-block;margin-left:5px}
.sd_cont{width:90%;padding:0 5% 40px}
.sd_t{width:100%;padding-top:20px;font-size:1.6rem}
.sd_list{width:102%;margin-left:-1%;margin-top:10px;overflow:auto}
.sd_list li{width:48%;margin:0 1% 10px;float:left;overflow:auto}
.sd_lin{width:100%}
.sd_lin img{width:100%}
.sd_txt p{line-height:2rem}
.stf_pop{width:100%;height:100%;position:fixed;top:0;left:0;display:none}
.pop_bg{width:100%;height:100%;background:#000;opacity:0.5;z-index:99}
.pop_cont{width:90%;z-index:999;position:absolute;top:20%;left:5%}
.pop_ci{width:100%}
.pop_ci img{width:100%}
.swiper-button-next.Svd-next,.swiper-button-prev.Svd-prev{width:38px}
.swiper-button-prev.Svd-prev,.swiper-container-rtl .swiper-button-next.Svd-prev{background:url(../images/p_4.png) no-repeat;}
.swiper-slide.Stf-slide img{width:100%}
.swiper-pagination.Stf-page{top:70%;left:50%;margin-left:-13px}
.Stf-page .swiper-pagination-bullet{width:26px;height:26px;line-height:26px;position:absolute;background: #000;color:#fff;opacity:0;margin:0}
.Stf-page .swiper-pagination-bullet-active{opacity:1;background:#000}
#swipe{width: 280px;overflow: hidden;} /*定位*/
.imgBlock {width: 100%;float: left;position: relative;}
.imgBlock img {width:100%;}

@media screen and (max-height: 500px){
	.navBlock_contentBlock .navBlock_aBlock {margin-top:1px;padding-bottom: 1px;}
	.navBlock_title {padding-top:10%;}
	.navBlock_bottom {padding: 14px 10%;}
	.pf_ct.ct3{min-height:18rem}
}
@media screen and (min-height: 620px){
	.navBlock_contentBlock .navBlock_aBlock {height:60px;line-height:60px}
	.navBlock_title {padding-top:26%;}
	.navBlock_bottom {padding: 30px 30%;}
	.new_lc{width:66%}
	.s_list{margin-top:140px;padding-bottom:40px}
	.pf_ct.ct3{min-height:31rem}
}

.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center; 
        background: #fff; 
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.sv_more.animated{
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
.s_lb.animated    
{
	animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-delay:0.2s;
    -webkit-animation-delay:0.2s;
}
.ct2.animated{animation-delay:0.3s;-webkit-animation-delay:0.3s}
.ct3.animated{animation-delay:0.6s;-webkit-animation-delay:0.6s}
.bIn{-webkit-animation: bIn ease-in 0.2s;animation: bIn ease-in 0.2s}
@keyframes bIn{
	0%{opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);}
    50%{opacity: 1;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);}
    100%{opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
}
	
#swipe{width: 100%;overflow: hidden;} /*定位*/
.swipe_imgBlock {width: 100%;float: left;position: relative;overflow: hidden;}
.swipe_imgBlock img {width:100%;}
.swipe_left {position: absolute;width:20px;height: 20px;border-radius:50px;border: 1px solid #fff;background: #1a87cc;color:#fff;left:20px;top:50%;margin-top:-10px;z-index: 99;line-height: 20px;text-align:center;}
.swipe_right {position: absolute;width:20px;height: 20px;border-radius:50px;border: 1px solid #fff;background: #1a87cc;color:#fff;right:20px;top:50%;margin-top:-10px;z-index: 99;line-height: 20px;text-align:center;}
.swipe_content {position: relative;width:100%;}
.swipe_numBlock {position: absolute;bottom:10px;right:0px;color:#fff;z-index: 99;width:50px;color:#ccc;font-size:12px;}