

/*移动端样式*/


body{ text-align: inherit;font-family:Arial, Helvetica, sans-serif;  }
body,html{  min-width: 320px;  overflow-x:hidden; font-size:1rem; }
html{font-size:14px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,div,a{-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;outline:none;}
 a{ font-size:1rem ;}
.img100{ width: 100%;}
.pc_xian{ display: none; }
.mob_xian{ display: block; }
.con1_2_cc ul li a {
    width: 77%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    display: inline;
}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.slh{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.header,.header_bar,.nav_warp{ display: none; }
.mob_hea{ background: #1476BD; width: 100%; position: fixed; top: -1px; left: 0; z-index: 223; height: 5rem;box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.mob_hea .logo img{ width: 18rem; margin-top: .5rem;}
.mob_hea.cur .logo img{ width: 2.3rem;}

.mob_hea .logo{ margin-left: .875rem;/* margin-top: .15rem;*/}
.meau{ background-color: #fff; top: 4.9rem; left: 0; width: 100%; height: 100%; display: none; overflow-y:auto; position: fixed;}
.meau.cur{ top: .9rem;}
.meau ul{ margin-top: .4rem; margin-bottom: .7rem;}
.meau .fun{ margin-left: .4rem; }
.meau .fun a{ display: inline-block; margin-right:.4rem; }
.meau li{ line-height: 4.2rem;border-bottom: 1px solid #eee;}
.meau li>a{ color: #222; width: 84%; margin: 0 auto; display: block; font-size: 1.3rem; position: relative; font-weight: bold;}
.meau li>a:after{ width: .8rem; height: .8rem; content: ""; display: block;  border: .02rem solid #222; border-width: 0 .02rem .02rem 0;
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute; top: 50%; right: 1px; margin-top: -.1rem;}
.menu-button-target{ background: transparent; border: none; outline: none; cursor: pointer; position: absolute; z-index:200; right:1.875rem; height:3rem; top:1.1rem; 
	margin-top:0rem; webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.mob_hea.cur .menu-button-target{top:.25rem;}

.meau li.cur a:after{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.meau li .v1 dl{ width:100%; }
.meau li .v2 a{ width: 100%; padding:0 12%; line-height: 3rem; }
.meau li .v2{ display: none; margin:.5rem 0; }


.menu-button-target.active .menu-button{ transition: background .2s ease; background-color: transparent;}
.menu-button-target.active .menu-button:before, .menu-button-target.active .menu-button:after{ transition: top .3s ease, -webkit-transform .3s .2s ease;}
.menu-button-target.active .menu-button:before{ top:0; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu-button-target.active .menu-button:after{ top:0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-button{ position: relative; top: 0%; left: 0; display: block; width:2.5rem; height:.1875rem; background-color: #fff;border-radius: 10px; transition: background .2s .2s;}
.menu-button:before, .menu-button:after{ content: ""; display: block; position: absolute; width: 100%; height:.1875rem; left: 0; background-color: #fff; transition: top .3s .2s ease, -webkit-transform .3s ease; border-radius: 10px; -webkit-transform-origin: 50% 50%;}
.menu-button:before{ top:-1rem; -webkit-transform: rotate(0deg);}
.menu-button:after{ top:1rem; -webkit-transform: rotate(0deg);}

/*手机导航==========================================*/


#search_input{ background:#e6ffb7; border:1px solid #acd656; padding-left:8px; padding-right:48px; padding-bottom:4px; padding-top:4px; color:#3e3e3e;
}
#search_button{ background:#bbe46c; border:1px solid #85bb16; padding-left:6px; padding-right:6px; padding-bottom:4px; padding-top:4px; color:#000000; cursor:pointer;}



#search{ margin:1.5rem auto 1rem; width:80%;}
.rearch .rearch_kuang{ width: 80%; height: 2.5rem; line-height:2.5rem; background:none; border:#ccc 1px solid; border-radius: .8rem;font-size: 1.2rem;}
.rearch .rearch_btn{ height: 2.5rem; width: 2.5rem; border-radius: 0 .8rem .8rem 0; float: left; position: relative; left: -5px;border:#ccc 1px solid;}

/* 首页   */
.main{ width: 100%;}
.con1,.con2{width: 94%; margin:1rem auto 0;}
.con1_l,.con1_2,.con1_3{ width: 100%; float: none;}
.con1_1_tit,.con1_1_cc,.con1_2_tit,.con1_2_cc,.con2_tit,.footer{ width: 100%;}
.mob_slick1{ margin-top: 5rem;}
.con1_2{ margin-left: 0; margin: 1rem 0;}
.con1_2_cc ul li{ width: 100%; padding-left:.7rem; line-height:3rem; height: 3rem;}
/*.con1_2_cc ul li a{ width: 78%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block;}*/
.con1_3 a img{ width: 100%; height: auto;}
.con1_1_cc img{ padding-bottom: 0;}
.friendlink,.friendlink_tit{ width: 100%;}
.footer{ background-size: 100% 100%;height:100%;}
.footer p{ float: none; padding:1rem .7rem}


.mob_slick1 .slick-dots{ position: absolute; bottom: .5rem; width: 50%; right: .5rem; text-align: right;}
.mob_slick1 .slick-dots li button,.mob_slick1 .slick-dots li button:before{ height: 5px; border-radius: 5px;}
.mob_slick1 .slick-dots li.slick-active button:before{ background: #006bcb;}
.mob_slick1 .slick-dots li{ margin:0 3px;}
.slick-dots li.slick-active button, .slick-dots li.slick-active button:before{ width: 20px;}

.con2{ height: auto;}
.mob_slick2 img{ display: block; width:100%; height: 12rem;}
.mob_slick2{ text-align: center; padding:0 1rem 1rem 1rem;}

 
/* 关于 */
.lm{ width: 94%; margin:1rem auto 0;}
.lm_r,.lm_r_tit,.lm_r_cc{ width: 100%;}
.lm_r{ margin-top: 1rem; border-radius: 5px; overflow: hidden;}
.lm_r_cc{ background-size: 100% 100%; padding:15px 10px 30px 10px}

.lm_r_cc img{ max-width: 100%; height: auto;}


.lm_l_tit,.lm_l_cc ul li{ width: auto;height: 2.2rem; line-height:2.2rem; background-size: 100% 100%;}
.newslsit li{ width: 100%;}
.newslsit li a{ width: 75%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block;}
.newslsit li span{ padding-right: 0px;}
.lm_r_tit{ background-size: 100% auto;}

.cfsb li{ width: 31.33%; margin:0 3% 10px 0;}
.cfsb li:nth-child(3n){ margin-right:0px;}
.cfsb li img{ width:100%; height: 12rem;}
.cfsb li p{ width: 100%;}
.pro_main .lm_r_cc{ padding-top: 4rem;}
.pro_main .lm_r_cc table img{ width: 35vw; height: auto;}


.fank_main #form1 table{ width: 100%;}
.fank_main #form1 table textarea{ width: 90% !important;padding:0 5px;}
.fank_main #form1 table tr td:first-child{ width: 25%; font-size: 1rem;}
.fank_main #form1 table input{ height: 2rem; padding:0 5px;}
.fank_main #form1 table tr td{ padding:5px 0;}
.friendlink_cc{ width: 100%;}
@media (max-width: 768px){
	.mob_slick2 img,.cfsb li img{ height: 6rem;}
	.lm_r_tit{ background-size: auto auto;}
}








body,html{-webkit-overflow-scrolling:touch;}