
/*弹出*/
.tanchu{background-color: rgba(0,0,0,0.8);overflow:hidden; width:100%; height:100%; overflow:hidden; position:fixed;left:0; top:0; z-index:99999; padding-top:20%;  display:none; }
.tanchu_con{ width:80%; margin:0 auto; background:#fff; border-radius:10px; padding-bottom:20px; position:relative;}
.tanchu_con h3{ font-size:18px; text-align:center; color:#f39800; font-weight:bold; line-height:56px; border-bottom:1px solid #f39800;}
.tanchu_con ul{ width:90%; margin:0 auto; text-align:center; padding-top:15px;}
.tanchu_con ul li{ width:90%; margin:8px auto;}
.tanchu_con ul li a{ display:inline-block; width:100%; line-height:40px; text-align:center; color:#fff; background:#f39800; border-radius:20px;}
.tc_close{ position:absolute; top:-10px; right:-10px; cursor:pointer;}


/*入口*/
.rukou{ width:100%; background:#fff;}
.rukou ul{ width:100%; padding-bottom:20px;}
.rukou ul li{ float:left; background:#f6f6f6; overflow:hidden; border-radius:5px; width:31%; text-align:center; margin-top:18px;}
.rukou ul li a{ display:inline-block; width:100%; font-size:14px; color:#666; height:80px;}
.rukou ul li a img{ margin-top:15px;}
.rukou ul li a p{ line-height:26px;}
.rukou ul li:nth-child(2){ margin:18px 3.5% 0 3.5%;}
.rukou ul li:nth-child(5){ margin:18px 3.5% 0 3.5%;}

/*公共tit  背景 间距*/
.gy_bj{ background:#fff; margin-top:15px; width:100%; padding:15px 0;}
.gy_bj h3{ font-size:18px; line-height:30px; overflow:hidden; width:100%; font-weight:100; margin-bottom:5px;}
.gy_bj h3 a{ display:inline-block; float:right; color:#666; font-size:13px;}



.topbg{ background: rgba(255,255,255,1); height: 3.5625rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
.topbg .logo{padding-top: 0.8rem; padding-left: 1rem; width: 40%;}
.topbg .logo img{ width: 80%; float: left;}
.flog{ float: right; width: 36%;color: #e00101; font-size: 0.8rem;text-align: center;}
/*banner*/
.c_banner{ padding-top:3rem; margin-bottom:11px;}
.c_banner img{ width:100%;}

.quanbg{ padding: 0 15px;}
.quanQ{ background: url(../images/quanbg.png) no-repeat left top; padding-bottom: 1.8rem;width: 33.8%; float: left;    padding-top: 1.5rem; margin-left: -2px; padding-left: 5px;}
.quanQ:last-child{ border-right: 0;}
.quanQ h1{ color: #fff; font-weight: normal; margin-bottom: 0.75rem;}
.quanQ h1 i{ font-size: 1.6rem; width: 35%;float: left;font-style: normal; text-align: center;} 
.quanQ span{ font-size: 0.875rem; width: 63%; float: right;-webkit-transform-origin: 0% 0%;       -webkit-transform:scale(0.8);}
.span14{ background: #f32e00; border-radius: 1rem; text-align: center;}
.quanQ span.span14{ font-size: 1rem; width: 80%; float: none; margin: 0 auto; display: block; padding: 5px 0;}
.quanQ span.span14 a{ color: #fff;}



/*  弹窗  */
.gen h3 img.hby_cuo{position: absolute;top:10px;right:10px;}
.gen h3 img.hby_cuo:hover{ cursor: pointer;}
.gen h2{font-size:30px;color:#cf3c36;margin:2rem 0;text-align: center;}
.gen p{width:100%;margin:15px auto;border-radius: 10px;overflow:hidden;height:2.5rem;line-height: 2.5rem;}
.gen p span{width:22%;float:left;text-align: left; font-size: 18px;}
.gen p input{width:78%;float:left; font-size: 14px;border:1px #c4c4c4 solid; height: 40px; text-indent: 1em;}
.gen p input.yan{width:48%;}
.gen p a.code{float:left;width:30%;text-align: center;font-size:14px;color:#424242;line-height: 2.5rem; background: #f27100; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.gen p select{width:78%;float:left; line-height: 25px; height: 40px; font-size: 14px;border:1px #c4c4c4 solid; text-indent: 1em;}
.gen a.save{display: block; width:100%;margin:30px auto;text-align: center;height:3rem;line-height: 3rem;background:#f27100; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size:20px;color:#fff;transition: all 0.5s ease-out;letter-spacing:8px; margin-bottom: 0;}
.gen a.save img{vertical-align: -0.2rem;}
.gen a.save:hover{background:#e5be00;box-shadow: none;}
.tcqbg{ background: url(../images/quanbg.png) no-repeat; height: 122px; width: 65%; margin: 0 auto; position: absolute;
    top: -3rem; left: 1rem;  background-size: 60%;}
.tcqbg h1{ font-size: 3rem; margin-right: 4rem; margin-top: 1.5rem; color: #f27100;}
.tcqbg h1 span{ font-size: 0.875rem; }
.line25{ border-bottom: 2px solid #F1F1F1; margin-bottom: 25px; }
.wd65{width: 90%; margin: 0 auto;}


.gen h1{ color: #fff; font-weight: normal; margin-bottom: 0.75rem;}
.gen h1 i{ font-size: 2.5rem; width: 35%;float: left;font-style: normal; text-align: center;} 
.gen span{ font-size: 1rem; width: 63%; float: right;}
.gen span.W30{ width: 30%; position: absolute; top: 1rem; right:6rem;}


.alertblock{ display: none; z-index: 999;}
.alertbg{display:none;position: fixed;width:100%;height:100%;top:0;left: 0;background:rgba(0,0,0,0.5);}
.gen{position:fixed;bottom:0;left:0;width:100%; z-index: 8888;}
.gen .biaodan{overflow:hidden;background:#fff; padding: 5rem 0; padding-bottom: 3.7rem;}
.fixbox{position:fixed;bottom:0;left:0;width:100%;}
.fixbox ul{overflow:hidden;background:#fff;border: 3px solid #f39801;}
.fixbox ul li{float:left;width:33.3%;text-align: center;border-right: 3px #f39801 solid;padding:1rem 0; padding-top: 0;}
.fixbox ul li a{color:#f39801;font-size:1.2rem;}
.fixbox ul li a img{width:23%; position: relative;top: 10px;}
.fixbox ul li:last-child{background:#f39801;color:#fff;}
.fixbox ul li:last-child a{color:#fff;}


/*  内容区   */
.cenTmain{ background: #fff; padding: 1.875rem 1rem; margin-bottom: 2em;}
.cenTmain dl { width: 49%; height: 180px; float: left; margin-right: 2%; margin-bottom: 2%;}
.cenTmain dl:nth-child(2n+1){ margin-right: 0;}
.cenTmain dl dt{ float: left; background: #f3ac1a; color: #cd1026; width: 15%; text-align: center;height: 180px; padding-top: 2rem;}
.cenTmain dl dd{ float: right; width: 85%; background: #cd1026; height: 180px; text-align: center; color: #fff; padding: 0.5rem; padding-top: 2rem; background-size: 100% 100%;}
/*.cenTmain dl:nth-child(2) dd{ background: url(../images/alist2.jpg) no-repeat;}
.cenTmain dl:nth-child(3) dd{ background: url(../images/alist3.jpg) no-repeat;}
.cenTmain dl:nth-child(4) dd{ background: url(../images/alist4.jpg) no-repeat;}*/
.cenTmain h1{ font-size: 1.5rem; font-weight: normal; margin-bottom: 2.1875rem;}
.cenTmain dl dd h1{ font-size: 1.2rem; margin-bottom: 1rem;}

.bgfff1{ background: #fff;padding:1rem;margin-bottom: 2em;}
.bgfff1 h1{ color: #333; font-size: 24px;  margin-bottom: 1.5rem; font-weight: normal;}
.bgfff1 span{ width: 6px; height: 6px; border-radius: 50%; background: #f28100; display: inline-block; position: relative; top:-2px; margin-right: 5px;}
.bgfff1 h1.colf28100{ color: #f28100; border-left: 0; padding-left: 0; font-size: 1rem; margin-bottom: 0.1rem;}
.bgfff1 dl dd h5 i{ float: right; color: #f28100; font-size: 0.75rem; font-weight: normal; font-style: normal;}
.bgfff1 dl dd h5{ font-weight: normal; font-size: 0.75rem;}
.bgfff1 dl{ width: 48%; margin-right: 10px; border: 1px solid #eee; float: left; margin-bottom: 10px;}
.bgfff1 dl:nth-child(2n+1){ margin-right: 0;}
.bgfff1 dl dt img{ width: 100%;}
.bgfff1 dl dd{ padding: 5px; margin-top: -4px;}
.bgfff1 dl dd p{ font-size: 0.875rem; margin-bottom: 0.5rem; height: 3.5rem;}
.bgfff1 dl:hover{ box-shadow: 0 0 10px rgba(0,0,0,.5); cursor: pointer;}

.kccure dl dd p{ height: 48px;}
.dlright{ float: right; width: 49%;}
.bgdd .dlright ul li{ width: 100%; margin-bottom: 2px;}




.dl100 dl{ width: 100%; height: 119px;}
.dl100 dl dt{ width: 50%; float: left; overflow: hidden;}
.dl100 dl dt img{ width: 100%;}
.dl100 dl dd{width: 50%;float: right; padding: 6px; padding-left: 15px;}
.dl100 dl dd h1{ margin-bottom: 0.5rem !important;}
.dl100 dl dd p{ font-size: 0.75rem;color: #333;}
.dl100 dl dd h5{ color: #333;}
.bgdd ul li { width: 48%; height: auto; float: left; margin-right: 10px; margin-bottom: 15px; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
.bgdd ul li img{width: 100%;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.bgdd ul li:nth-child(2n){ margin-right: 0;}
.bgfff1.bgdd ul li:nth-child(3n){ margin-right:10px;}
.bgdd .txt { width: 100%; height: 32px; background: rgba(0,0,0,.6); position: absolute; left: 0; bottom: 5px; color: #fff; font-family: "微软雅黑"; padding: 8px;}
.bgdd .txt h3 { font-size: 1rem; font-weight: 100; height: 32px; text-align: center; line-height: 18px; }
.bgdd ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.5); cursor: pointer;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.bgdd ul li:hover img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.bgdd ul li h5{ color: #888;}

.White dl a{ display: block;}
.White dl{ width: 100%; float: left; padding-bottom: 0; height: 145px;    margin-right: 2.6rem; background: url(../images/e1.jpg) no-repeat top left; background-size: 100% 100%;}
.White dl:last-child{ background: url(../images/e2.jpg) no-repeat top right; background-size: 100% 100%;}
/*.White dl:last-child dd{ float: left;}*/
.White dl dd{ width: 50%; float: right; padding: 10px; padding-bottom: 22px;}
.White dl dd h1{ border-left: 0; font-size: 1.25rem; margin-bottom: 1rem; padding-left: 0; color: #fff;}
.White dl dd h1 span{ margin-right: 0.5em; background: #fff;}
.White dl dd p, .White dl dd h5{ color: #fff;}
.bgfff1.White dl:nth-child(2) dd h5 i{ color: #f3cb10;}
.bgfff1.White dl:nth-child(3) dd h5 i{ color: #f23900;}

.bgbule{ background: url(../images/bgbule.jpg) no-repeat top left; background-size:80% ; height: 270px; margin-top: 70px;}
.bgf39800{ float: right; background: rgba(251,195,39,.9); width: 75%; height: 261px; margin-top: -40px; margin-right: 0; padding: 10px; padding-top: 2rem;}
.bgf39800 li p{ text-align: center; font-size: 0.875rem; color: #000;}
.bgf39800 li{ width: 100%; margin-bottom: 1rem;}

.bgpost{ position: relative;}
.btmrig{ position: absolute; right: 50px; bottom: -20px;}

.bg1f1f30 li{ background: #cd1024; border-radius: 5px; width: 30.6%; float: left; font-size: 0.875rem; padding: 8px 0; text-align: center; margin-bottom: 4%; margin-right: 4%;}
.bg1f1f30 li:nth-child(3n){ margin-right: 0;}
.bg1f1f30 li a{ color: #fff;}


.liw25 ul li{ width: 25%; border: 1px solid #f1f1f1; margin-right: 0; margin-bottom: 0;}
.liw25 ul li:nth-child(4n){ margin-right: 0;}
.liw25{ margin-bottom: 2em;}
.bottom {width: 100%; background: #353841; color: #929396;text-align: center;font-size: 12px;padding: 0; padding-bottom:65px;   line-height: 24px;padding-top: 0;}

.bgfff1.liw25 ul li:nth-child(3n){ margin-right: 0;}

.bgfff1 dl dd{ color: #333;}
.quanQ .rightl{ border-right: 2px dashed #fff;}
.btmrig{ display: none;}


/*   xin  */
.dlone{ width: 48%; float: left; margin-right: 10px;}
.dlone img{ width:100%}
.bgdd .dlfert .dlone{ width: 49%; margin-right: 5px;}
.bgdd .ulikm li{ width: 32%; margin-right: 7px;}
/*.bgdd .ulikm li:nth-child(1){ margin-top: 2px;}*/
.bgdd ul.ulikm li:nth-child(2n){ margin-right: 7px;}
.bgdd ul li:nth-child(3n){ margin-right: 0;}

.dllistgg .dlone{ width: 100%; margin-bottom: 3px;}

 	.swiper-container {
        width: 100%;
        height: 150px;
        margin-left: auto;
        margin-right: auto;
        top: -24px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        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;
    }

.bgfff1.liw25 .lifloat li{ float: left; width: 33%; border: 1px solid #cacaca;}
.bgfff1.liw25 .lifloat li img{ width: 100%;}
.bgfff1.liw25 span{ background: #333; width: 14px; height: 14px;}
.bgfff1.liw25 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0 !important; }

.kccure dl dd p{ color: #666; font-size: 0.75rem;}
.kccure dl dd h5{ color: #888;}



@media screen and (max-width:414px){
	
}

@media screen and (max-width:375px){
.header_left_tc,.header_right_tc, .header_mid_tc{ top: 3rem;}
.quanQ span{ width: 70%; float: right; display: block; font-size: 0.75rem;} 
.quanQ h1 { margin-bottom: 0.4rem;}
.quanQ h1 i{ width: 30%; float: left; font-size: 1rem;}
.quanQ{padding: 0 10px; padding-bottom: 2rem;padding-top: 2rem;}
.quanQ span.span14{ font-size: 0.75rem;}
.gen h3 img.hby_cuo { width: 30px;}

.gen p input, .gen p select{ width: 74%;}
.gen p input.yan{ width: 45%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
.gen p span{ width: 24%; font-size: 1rem;}

.bg1f1f30 li{ font-size: 0.75rem;}
.bgf39800{ padding-top: 1.5rem; margin-top: -3.5rem;}

.bgfff1 h1,.cenTmain h1{ font-size: 1.25rem;}
.cenTmain h1{ margin-bottom: 1rem;}
.White dl dd{ width: 53%;}
.bgfff1 h1.colf28100{ font-size: 0.875rem;}
.bgfff1 dl dd{ padding: 5px;}
.bgfff1 dl dd h5{ font-size: 0.75rem; }
.cenTmain dl dd p{ font-size: 0.875rem;}


.bgdd .txt h3{ font-size: 0.875rem;}

.dl100 dl{ width: 100%; height: 107px;}
.dl100 dl dd{width: 50%;float: right; padding: 6px; padding-left: 15px;}
.dl100 dl dd h1, .dl100 dl dd p{ margin-bottom: 0.2rem !important;}
.quanQ { padding:0; padding-bottom: 2rem; padding-top: 1rem; background-size: 100% 80%; padding-left: 5px;}
.quanQ h1 i { width: 30%; float: left;font-size: 1.1rem; font-weight: 800;}


.bgfff1 dl dd p{ margin-bottom: 0;}
.bgdd ul.ulikm li:nth-child(2n){ margin-right: 6px;}




}
@media screen and (max-width:365px){

.yuyan li p{font-size:12px;}
/*弹出*/
.tanchu_con h3{ font-size:16px;line-height:50px;}
.tanchu_con ul li a{ line-height:36px; }

/*.quanQ span{ width: 100%; float: none; display: block; font-size: 0.875rem;}*/ 
.quanQ h1 { margin-bottom: 0.4rem;}
/*.quanQ h1 i{ width: 100%; float: none; font-size: 1.25rem;}*/
.quanQ span{ padding-left: 5px;}
.quanQ{ padding-bottom: 1rem;}
.quanQ span.span14{ font-size: 0.75rem;}
.gen h3 img.hby_cuo { width: 30px;}

.gen p input, .gen p select{ width: 74%;}
.gen p input.yan{ width: 45%;}
.gen p span{ width: 24%; font-size: 1rem;}

.bgfff1 dl{ width: 100%;}

.quanQ { padding:0; padding-bottom: 2rem; padding-top: 1rem; background-size: 100% 80%; padding-left: 5px;}
.quanQ h1 i { width: 30%; float: left;font-size: 1.1rem; font-weight: 800;}

/*.bgfff1 dl dd p{ height: 3rem;}*/
.dl100 dl{ height: 104px;}
.kccure .dlone{ display: none;}
.gen h1 i{ font-size: 2.1rem;}


}
@media screen and (max-width:320px){
	.header_left_tc,.header_right_tc, .header_mid_tc{ top: 3rem;}
	
	.gen span.W30 {width: 40%;position: absolute; top: 1rem; right: 1rem; font-size: 0.875rem;}
	.tcqbg{ width: 75%;}
	.quanQ span{ width: 100%; float: none; display: block; font-size: 0.875rem;} 
	.quanQ h1 { margin-bottom: 0;    padding-left: 10px;}
	.quanQ h1 i{ width: 100%; float: none; font-size: 1.25rem;}
	.quanQ{ padding-bottom: 1rem;}
	.quanQ span.span14{ font-size: 0.75rem; padding-left: 5px;}
	.gen h3 img.hby_cuo { width: 30px;}
	
	.gen p input, .gen p select{ width: 74%;}
	.gen p input.yan{ width: 45%;}
	.gen p span{ width: 24%; font-size: 1rem;}
	
	.bg1f1f30 li{ width: 48%;}
	.bgbule{ height: auto;}
	.White dl dd{ width: 60%;}
	.bgdd .txt h3{ font-size: 0.75rem; line-height: 0.5rem;}
	.bgdd .txt{ height: 1.5rem;}
	.bgfff1 h1.colf28100{ font-size: 0.875rem;}
	.bgfff1 dl{ width: 100%;}
	.dl100 dl dt{ width: 45%; padding: 10px 0;}
    .dl100 dl dd { width: 54%; float: right; padding: 1px; padding-left: 4px; padding-top: 7px;}
	.quanQ { padding:0; padding-bottom: 2rem; background-size: 100% 80%; padding-left: 5px;}

	.kccure .dlone{ display: none;}
	.bgdd .ulikm li{ margin-right: 5px;}

	
}



