@charset "utf-8";
/* CSS Document */
input,button,select,textarea{outline:none;}
textarea{resize:none}
input{align-items:flex-start;box-sizing:border-box;}
input:not([type]),input[type="email" i],input[type="number" i],input[type="password" i],input[type="tel" i],input[type="url" i],input[type="text" i],input[type="button" i],input[type="submit" i],input[type="reset" i],input[type="file" i]::-webkit-file-upload-button,button{padding:0px;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:rgb(255,255,255);background-image:none;color:#333;-webkit-box-shadow:0 0 0 100px white inset;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}
a{color:#000;font-weight:normal;text-decoration:none;outline-style:inherit;}
a:link{color:#000;}/* 初始状态 */
a:visited{color:#000;}/* 访问过的状态 */
a:hover{color:#000;}/* 悬浮状态 */
a:active{color:#000;}/* 按下状态 */
input,img{vertical-align:middle; max-width:100%;}
li{list-style:none;}
html{font-size:18px;}
body,div,p,h1,h2,h3,h4,h5,h6,table,dl,dt,dd,ul,li,ol{margin:0;padding:0;}
body{font-family:"微软雅黑";font-size:18px;color:#000;background-color:#dedede; max-width:640px; margin:0 auto;}

.warp{ width:640px; height:auto; margin:0px auto; overflow:hidden; background:#fff;}
#pubCol{background-color:#eeeeee; overflow:hidden; padding:.5rem .5rem; line-height:1.2em; font-size:1.2rem;color:#4e4e4e;}
#pubCol .cLeft{float:left;color:#e12a04; font-weight:bold;}
#pubCol .cRight{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

#header{padding:1rem .5rem; overflow:hidden;}
#header .call{display:block; float:right; background:url(../images/call.png) no-repeat center left; padding-left:54px;}
#header .call span{color:#737373; font-size:.8rem;}
#header .call p{font-size:1.2rem;}

#nav{overflow:hidden; background-color:#30303a;}
#nav a{display:block; width:25%; float:left; border-left:1px solid #fff;border-bottom:1px solid #fff; margin-left:-1px; color:#fff; text-align:center; padding:.6rem 0; height:34px; line-height:34px; font-size:1.2rem;}
#nav .cur{background-color:#009d9f;}
#nav a i{display:inline-block; width:34px; height:34px;background:url(../images/nav_home.png) no-repeat; background-size:cover !important; vertical-align:top; margin-right:.2rem;}
#nav .regi i{background-image:url(../images/nav_regi.png);}
.innav .home{width:22%;}
.innav .regi{width:28%;}



#barNav{overflow:hidden; margin:.55rem;}
#barNav .bLeft{width:34%; float:left;}
#barNav .bRight{width:66%; float:right;display:flex; flex-flow:row wrap;}
#barNav .bRight a{width:32.3%;display:inline-block;margin:0 0 1% 1%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #a1a1a1;border-radius:3px;text-align:center; height:66px; line-height:66px; font-size:1.2em;}
#barNav .bRight .cur{border-color:#c61700;}
#barNav .bRight .dt,#barNav .bRight .jz{width:49%;}
#barNav .bRight a i{display:inline-block;width:28px; height:28px; margin:-.5rem .2rem 0 0; background:url(../images/sg_dt.png) no-repeat center/cover; vertical-align:middle;background-size: 70%;}
#barNav .bRight .jz i{width:34px; height:22px;margin:-.3rem .2rem 0 0; background-image:url(../images/sg_jz.png);}


#project{margin:.55rem;overflow:hidden;}
#project .title{text-align:center; overflow:hidden; position:relative;}
#project .title .more{position:absolute; top:40%; right:0px;background-color:#ff7642; color:#fff; border-radius:100px; padding:.2em .3em; font-size:.8rem;}
#project .swiper-custom{margin:1rem 0 0 0; overflow:hidden; padding-bottom:1rem;}
#project .swiper-custom li{width:24.25%;float:left; margin-left:1%;background-color:#a0a0a0; text-align:center; color:#fff; font-size:1.3rem; line-height:3rem; cursor:pointer;}
#project .swiper-custom li:first-child{margin-left:0;}
#project .swiper-custom li i{display:inline-block; width:32px; height:32px; background:url(../images/dfp_icon.png)  no-repeat; vertical-align:middle; margin-right:3px;}
#project .swiper-custom li:nth-child(2) i{background-position:-32px 0;}
#project .swiper-custom li:nth-child(3) i{background-position:-64px 0;}
#project .swiper-custom li:nth-child(4) i{background-position:-96px 0;}
#project .swiper-custom li a{color: #fff;}

#project .swiper-custom .active{background-color:#30303a; position:relative;}
#project .swiper-custom .active:after{content:"";display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #30303a; position:absolute; bottom:-10px; left:46%;}



#disBox{overflow:hidden;}
#disBox a{width:25%; float:left; text-align:center; margin-bottom:10px;font-size: 1.1em;}
#disBox a p{border-right:1px solid #e6e6e6; padding:10px; position:relative; font-size:1.2rem;}
#disBox a p:after{content:"";display:block;width:60%;border-top:1px solid #d7d7d7; position:absolute; top:0px; left:20%;}
#disBox a:nth-child(-n+4) p:after{border-top:0;}
#disBox a:nth-child(4n+0) p{border-right:0;}

#disBox a i{display:block; width:100px; height:100px; background-color:#00be82; margin:0 auto; border-radius:5px; overflow:hidden;}
#disBox a:nth-child(2) i{background-color:#d58464;}
#disBox a:nth-child(3) i{background-color:#a69861;}
#disBox a:nth-child(4) i{background-color:#39c4d5;}
#disBox a:nth-child(5) i{background-color:#dad08f;}
#disBox a:nth-child(6) i{background-color:#73afb7;}
#disBox a:nth-child(7) i{background-color:#5196f3;}
#disBox a:nth-child(8) i{background-color:#cb9e68;}
#disBox a:nth-child(9) i{background-color:#d58464;}
#disBox a:nth-child(10) i{background-color:#a69861;}
#disBox a:nth-child(11) i{background-color:#7caea1;}
#disBox a:nth-child(12) i{background-color:#00be82;}

/*#disBox a:nth-child(12) i{background:url(../images/dis_icon12.png) no-repeat center; background-size:cover;}
#disBox a:nth-child(12) i:after{display:none;}*/


#disBox a i:after{content:"";display:block;width:60px; height:60px; margin:20px; background:url(../images/dis_icon.png) no-repeat;}
#disBox a:nth-child(2) i:after{background-position:-60px 0;}
#disBox a:nth-child(3) i:after{background-position:-120px 0;}
#disBox a:nth-child(4) i:after{background-position:-180px 0;}
#disBox a:nth-child(5) i:after{background-position:0 -60px;}
#disBox a:nth-child(6) i:after{background-position:-60px -60px;}
#disBox a:nth-child(7) i:after{background-position:-120px -60px;}
#disBox a:nth-child(8) i:after{background-position:-180px -60px;}
#disBox a:nth-child(9) i:after{background-position:0 -120px;}
#disBox a:nth-child(10) i:after{background-position:-60px -120px;}
#disBox a:nth-child(11) i:after{background-position:-120px -120px;}
#disBox a:nth-child(12) i:after{background-position:-180px -120px;}




#s{background-color:#b8dddd; padding:.8rem; overflow:hidden; position:relative;}
#s:after{content:""; display:block;width:60px; height:60px; background:#707070 url(../images/s.png) no-repeat center; border:3px solid #959595; border-radius:50%; position:absolute; top:.8rem; left:.8rem;background-size: 70%;}
#s .key{width:70%; height:60px; float:left; border:1px solid #959595; border-radius:5px; margin-left:4%; text-indent:2.5rem; font-size:1.2rem;font-family: "微软雅黑";}
#s .btn{background-color:#e85d28; width:24%; height:60px; border:0; color:#fff; border-radius:5px;margin-left:1%; text-align:center; font-size:1.4rem; cursor:pointer;font-weight:bold;font-family: "微软雅黑";}


#brand{margin:.55rem;}
#brand .title{position:relative; margin-top:1.55rem;}
#brand .title .more{position:absolute; top:40%; right:0px;background-color:#ff7642; color:#fff; border-radius:100px; padding:.2em .3em; font-size:.8rem;}

.brand-custom{overflow:hidden;padding:1rem 0;}
.brand-custom li{width:33.333333%; float:left; margin-left:0; text-align:center; line-height:3rem; cursor:pointer;box-shadow:0 1px #a0a0a0 inset,-1px -1px #a0a0a0 inset; font-size:1.2rem;}
.brand-custom li:first-child{box-shadow:1px 1px #a0a0a0 inset,-1px -1px #a0a0a0 inset;}
.brand-custom .active{background-color:#30303a; color:#fff;box-shadow:none !important; position:relative;}
.brand-custom .active:after{content:"";display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #30303a; position:absolute; bottom:-10px; left:46%;}


#sgpp{overflow:hidden; width:100%;}
#sgpp .sLeft{width:50%; float:left;}
#sgpp .sRight{width:48%; float:right;}
#sgpp .sLeft ul li{font-weight:bold; line-height:1.8em;font-size: 1.3em;display: flex;align-items: center;}
#sgpp .sLeft ul li span{font-size:.8em;}
#sgpp .sLeft ul li img{margin-right:.2em;}
#sgpp .sLeft p{color:#737373;font-size: 1.1em;}

.stop{display: flex;height:150px;overflow: hidden;}
.stop div{flex: 1;background-color: #c9c9c9;}
.stop div:nth-child(1){margin-right: 1%;}
.stop div:nth-child(2){margin-left: 1%;}
.sbottom{padding-top: .3em;}
.sbottom p{background: url(../images/hd_sjx.png) no-repeat center left;text-indent: .8em;line-height: 2em;}
.sbottom p a{font-size: 1.1em;}
.stop div a img{width:100%;}
@media screen and (max-width:414px){
.stop{display: flex;height:96px;}
.sbottom p{text-indent: .8em;line-height: 1.8em;font-size: .8em;background-size: 2%;}
}
@media screen and (max-width:375px){
.stop{display: flex;height:86px;}
.sbottom p{text-indent: .8em;line-height: 1.8em;font-size: .6em;}
}
@media screen and (max-width:320px){
.stop{display: flex;height:77px;}
.sbottom p{text-indent: .8em;line-height: 1.6em;font-size: .5em;}
}
.abtns{overflow:hidden; margin:.55rem;}
.abtns a{display:block;width:48%; height:70px; float:left; background-color:#e85d28; border-radius:5px; color:#fff;}
.abtns .call{width:36%;background:#e85d28 url(../images/btn_call.png) no-repeat 12% center; padding-left:14%; font-size:1.4em;}
.abtns .call p{font-size:1rem; padding-top:.7rem;line-height: .8em;}
.abtns .more{float:right; background:#49494e url(../images/btn_zx.png) no-repeat 32% center; line-height:70px;text-align:center; font-size:1.2em;padding-left:10%;box-sizing: border-box;}

.ads{margin:1rem 0;}




#doctor{overflow:hidden;}
#doctor .title{position:relative; margin:0 .55rem 1rem .55rem;}
#doctor .title .more{position:absolute; top:40%; right:0px;background-color:#ff7642; color:#fff; border-radius:100px; padding:.2em .3em; font-size:.8rem;}

#doctor .swiper-wrapper{margin-top:1rem;}
#doctor .swiper-slide{text-align:center; border-top:1px solid #00a5a7; padding:1rem 0;}
#doctor .swiper-slide img{background-color:#c9c9c9; border:3px solid #b5b5b5; border-radius:50%; max-width:80%;}
#doctor .swiper-slide p{padding:.5rem 0;}
#doctor .swiper-slide-active{position:relative;color:#00a5a7;font-weight: bold;}
#doctor .swiper-slide-active:after{content:"";display:block;width:80%; margin:0 auto;border-top:3px solid #00a5a7; position:absolute; top:0px; left:10%;}
#doctor .swiper-slide-active:before{content:"";display:block;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #00a5a7; position:absolute; top:0px; left:46%;}
#doctor .swiper-slide-active img{background-color:#77b2ba; border-color:#49b0be;}


.abtns2{overflow:hidden; margin: 0 .55rem;}
.abtns2 a{display:block;width:49%; height:70px; float:left;background:#e85d28 url(../images/btn_zx.png) no-repeat 34% center; border-radius:5px; color:#fff;line-height:70px;text-align:center; font-size:1.2em;padding-left:10%;box-sizing: border-box;}
.abtns2 .yygh{float:right; background:#49494e url(../images/btn_yygh.png) no-repeat 34% center;}



#footer{position:relative;}
#footer ul{position:absolute; top:30%; left:46%; right:2%;}
#footer ul li{padding:0 0 .5rem 2rem; color:#484848; font-size:1rem;font-weight:bold;}
#footer ul li a{color:#484848;font-weight:bold;}
#footer ul li:nth-child(1){background:url(../images/f_time.png) 1px 4px no-repeat;}
#footer ul li:nth-child(2){background:url(../images/f_call.png) no-repeat;}
#footer ul li:nth-child(3){background:url(../images/f_map.png) no-repeat;}
#infos{text-align:center; color:#34343e; padding:1rem 0;}


@media screen and (max-width:414px){
#footer ul li:nth-child(1){background:url(../images/f_time.png) 1px 4px no-repeat;background-size: 9%;}
#footer ul li:nth-child(2){background:url(../images/f_call.png) no-repeat;background-size: 9%;}
#footer ul li:nth-child(3){background:url(../images/f_map.png) no-repeat;background-size: 9%;}
html{font-size:14px;}

#header .logo img{max-width:60%;}
#header .call{background-size:26px auto; padding-left:30px; line-height:1em;}

#nav a i{width:6vw; height:6vw;margin-top:1vw !important;}


#barNav .bRight a{font-size:1rem; height:10.2vw; line-height:10.2vw;}

#project .swiper-custom li{font-size:1.1rem; line-height:2.8rem;}
#project .swiper-custom .active:after{left:40%; bottom:-6px;}

#project .swiper-custom li i{width:24px;height:24px;margin-right:3px; background-size:96px 24px;}
#project .swiper-custom li:nth-child(2) i{background-position:-24px 0;}
#project .swiper-custom li:nth-child(3) i{background-position:-48px 0;}
#project .swiper-custom li:nth-child(4) i{background-position:-72px 0;}


#disBox a{font-size:1.1rem; margin-bottom:5px;}
#disBox a p{padding:8px 0 5px 0;}
#disBox a i{width:60px; height:60px;}
#disBox a i:after{width:40px; height:40px;margin:10px; background-size:160px 120px;}
#disBox a:nth-child(2) i:after{background-position:-40px 0;}
#disBox a:nth-child(3) i:after{background-position:-80px 0;}
#disBox a:nth-child(4) i:after{background-position:-120px 0;}
#disBox a:nth-child(5) i:after{background-position:0 -40px;}
#disBox a:nth-child(6) i:after{background-position:-40px -40px;}
#disBox a:nth-child(7) i:after{background-position:-80px -40px;}
#disBox a:nth-child(8) i:after{background-position:-120px -40px;}
#disBox a:nth-child(9) i:after{background-position:0 -80px;}
#disBox a:nth-child(10) i:after{background-position:-40px -80px;}
#disBox a:nth-child(11) i:after{background-position:-80px -80px;}
#disBox a:nth-child(12) i:after{background-position:-120px -80px;}



#s:after{width:46px; height:46px;}
#s .key{height:46px;}
#s .btn{height:46px;}

#brand .title img{max-width:36%;}
#doctor .title img{max-width:36%;}

#sgpp .sLeft{width:52%;}
#sgpp .sRight{width:47%;}
#sgpp .sLeft ul li{font-size:1rem;}
#sgpp .sLeft ul li img{width:20px;}
#sgpp .sLeft p{font-size:1rem;}

.abtns a{height:60px; background-size:36px auto;}
.abtns .call{width:35%;font-size:1.3rem; padding-left:16%; background-position:8% center;background-size: 20%;}
.abtns .call p{line-height: 1.3em;}
.abtns .more{width:46%; padding-left:10%;line-height:60px; background: #49494e url(../images/btn_zx.png) no-repeat 12% center;background-size: 22%;}

.abtns2 a{text-indent:3rem; height:60px; line-height:60px;padding-left:2%;background: #e85d28 url(../images/btn_zx.png) no-repeat 20% center;background-size: 20%;}
.abtns2 .yygh { background: #49494e url(../images/btn_yygh.png) no-repeat 20% center;background-size: 20%;}


}


@media screen and (max-width:375px){
html{font-size:12px;}
#s { background-color: #b8dddd; padding: .5rem; overflow: hidden; position: relative;}
#header .call{background-size:24px auto; padding-left:28px; line-height:1.4rem;}

#nav a i{width:26px; height:26px;}

#project .title img{max-width:40%;}

#disBox a{font-size:1.1rem; margin-bottom:5px;}
#disBox a p{padding:8px 0 5px 0;}
#disBox a i{width:56px; height:56px;}
#disBox a i:after{width:32px; height:32px;margin:12px; background-size:128px 96px;}
#disBox a:nth-child(2) i:after{background-position:-32px 0;}
#disBox a:nth-child(3) i:after{background-position:-64px 0;}
#disBox a:nth-child(4) i:after{background-position:-96px 0;}
#disBox a:nth-child(5) i:after{background-position:0 -32px;}
#disBox a:nth-child(6) i:after{background-position:-32px -32px;}
#disBox a:nth-child(7) i:after{background-position:-64px -32px;}
#disBox a:nth-child(8) i:after{background-position:-96px -32px;}
#disBox a:nth-child(9) i:after{background-position:0 -64px;}
#disBox a:nth-child(10) i:after{background-position:-32px -64px;}
#disBox a:nth-child(11) i:after{background-position:-64px -64px;}
#disBox a:nth-child(12) i:after{background-position:-96px -64px;}



#s:after{width:46px; height:46px; background-size:32px; border-width:2px;top:.2rem; left:.5rem;}
#s .key{height:42px;text-indent: 2.5em;}
#s .btn{height:42px;}

#brand .title img{max-width:32%;}
#doctor .title img{max-width:32%;}


.abtns a{height:50px;}
.abtns .call{background-size:32px auto;}
.abtns .more{line-height:50px; background-size:32px auto;}

.abtns2 a{text-indent:3rem; height:50px; line-height:50px;background-size:32px auto !important;}

#infos{font-size:1.2rem;}

}
@media screen and (max-width:320px){
#s .key{text-indent: 3.5em;}
html{font-size:10px;}
#header .logo img{max-width:55%;}
#header .call p{font-size: 1.4rem;}

#nav a i{width:28px; height:28px;}
#nav .home i{margin-top:0px;}

#barNav .bRight a i{width:22px; height:22px;}
#barNav .bRight .jz i{width:28px; height:18px;}



#sgpp .sLeft{width:56%;}
#sgpp .sRight{width:44%;}
#sgpp .sLeft ul li{ line-height:1.6rem;}
#sgpp .sLeft ul li img{width:16px;}

.abtns a{height:44px;}
.abtns .call{background-size:28px auto;}
.abtns .more{line-height:44px; font-size:1.6rem;}

#doctor .swiper-slide p{font-size:1.4rem;}

.abtns2 a{height:44px; line-height:44px; font-size:1.6rem;}

#infos{font-size:1rem;}
}

/*技术*/
#pos{background:#e5e5e5 url(../images/home.png) no-repeat .55rem center; background-size:auto 70%;padding-left:2.4rem; line-height:2.4rem; font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#4e4e4e;}
#pos a{color:#4e4e4e;}



.picList{}
.picList li{overflow:hidden; background-color:#def2f2; padding:2%; margin:2% auto; position:relative;}
.picList li .pic{width:32%; float:left;}
.picList li .text{width:66%;  float:right; position:relative; z-index:1;color:#0b9294;}
.picList li .info{width:100%; float:left;}
.picList li .tags{position:absolute; top:0px; left:60%; color:#c1e1e1; font-size:3rem; z-index:0;}
.picList li .text h3{font-size:1.2rem;}
.picList li .text p{margin:2% auto;font-size:.9rem;}
.picList li .text2 p{font-size: 1.2em;}
.picList li .text p span{display:inline-block; border:1px solid #5fb8ba; border-radius:3px; padding:.1rem .3rem; position:relative;font-weight:bold;margin-right:2%;}
.picList li .text p span:before{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-left:6px solid #5fb8ba;border-bottom:6px solid transparent; position:absolute; top:26%; right:-6px;}
.picList li .text p span:after{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-left:6px solid #def2f2;border-bottom:6px solid transparent; position:absolute; top:26%; right:-5px;}
.picList li .btns2{overflow:hidden;  bottom:0px; left:0px; right:0px;margin-top: 26px;}
.picList li .btns2 a{display:block;width:40%; padding:.8rem 0 .8rem 8%; float:left;background:#47474c url(../images/zj_xq.png) no-repeat 10% center; border-radius:5px; text-align:center; color:#fff; font-size:1rem;}
.picList li .btns2 a:last-child{float:right; background-image:url(../images/js_zx_2.png); background-color:#e85d28;}
.picList li .btns{overflow:hidden;}
.picList li .btns a{display:block;width:40%; padding:.2rem 0 .2rem 8%; float:left;background:#47474c url(../images/zj_xq.png) no-repeat 10% center; border-radius:5px; text-align:center; color:#fff; font-size:1rem;}
.picList li .btns a:last-child{float:right; background-image:url(../images/js_zx_2.png); background-color:#e85d28;}
.picList li .info p{font-size:1rem; padding:1% 0 1% 0; background:url(../images/kxjs.png) no-repeat; background-position:0 .4rem;text-indent: 1.5em;line-height:1.6em ;background-size: 4%;color:#040505;}
.picList li .info2 p{font-size:1rem; padding:1% 0 1% 0; background:url(../images/js_1.png) no-repeat; background-position:0 .4rem;text-indent: 1.5em;line-height:1.6em ;background-size: 4%;color:#040505;}
.picList li .info p:nth-child(2){background-image:url(../images/js_2.png);}
.picList li .info p:nth-child(3){background-image:url(../images/js_3.png);}
.picList li .info p span{font-weight:bold;color:#049ea0;}
.picList li .info2 p span{font-weight:bold;color:#000;}
.picList li .info p a{color:#e85f2c;}
.picList li .info .ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


#zjtd li .text h3{ font-size:1.3rem;}
#zjtd li .text p span{background:url(../images/zj_zw.png) no-repeat center left/auto 100%; padding-left:2rem;border:0;margin-right:0; font-weight:bold;}
#zjtd li .text p span:before,#zjtd li .text p span:after{display:none;}
#zjtd li .text p:nth-child(3) span{background-image:url(../images/zj_zc.png);}

#zjtd li .btns2 a:first-child{background-image:url(../images/zj_xq.png);}
#zjtd li .btns a:first-child{background-image:url(../images/zj_xq.png);}
#zjtd li .info p{font-size:1.1rem;}
#zjtd li .info p:nth-child(1){background-image:url(../images/zj_1.png);}
#zjtd li .info p:nth-child(2){background-image:url(../images/zj_2.png);}
#zjtd li .info p:nth-child(3){background-image:url(../images/zj_3.png);}
#zjtd li .info p:nth-child(4){background-image:url(../images/zj_4.png);}



.btnMore{display:block;width:60%; margin:2% auto; padding:.5rem 0;border:1px solid #e85f2b; border-radius:5px;text-align:center;color:#e85f2b !important; font-size:1.4rem;}
.btnMore img{margin-left:2%; max-width:8%;}

.bt_tb{color:#049193;display: flex;align-items: center;margin-bottom: .5rem;}
.bt_tb img{margin-right: 2%;}
.bt_tb span{font-weight: bold;}

@media screen and (max-width:414px){
.bt_tb{font-size: .9rem;margin-bottom: .1rem;}
.bt_tb img{width:7%;}
.picList li .btns2{margin-top: 6px;}
.picList li .btns2 a{background-size:auto 60%; font-size:1rem;padding:.6rem 0 .6rem 8%;}
.picList li .btns a{background-size:auto 60%; font-size:.9rem;padding:.2rem 0 .2rem 8%;}
.picList li .info p{background-size:18px;font-size:.7em;}
#zjtd li .text{height:30vw;}
.picList li .text2 p{font-size: .9em;margin: 1% auto;}
}
@media screen and (max-width:375px){
.picList li .btns2{margin-top: 8px;}
.bt_tb{font-size: .9rem;margin-bottom: .3rem;}
.bt_tb img{width:7%;}
.picList li .info p{text-indent: 1.7em;font-size:.6em;background-size:15px;}
.picList li .btns a{background-size:auto 60%; font-size:.9rem;padding:.1rem 0 .1rem 8%;}
.picList li .text2 p{font-size: .8em;}
}
@media screen and (max-width:320px){
.picList li .btns2 a{font-size:.8rem;}
.picList li .btns a{font-size:.8rem;}
.picList li .info p{text-indent: 2em;font-size:.5em;background-size:13px;}
.picList li .text2 p{font-size: .6em;}
}
/*专家*/
.expert{background-color: #def2f2;padding: .5em;margin-top: .5em;}
.expert_con{display: flex;}
.expert_con .li_left{flex: 1;}
.expert_con .li_right{flex: 2;color: #0b9294;padding-left: 2%;position: relative;}
.expert_con .li_right .li_title{position: absolute;z-index: 2;width: 100%;}
.expert_con .li_right h1{font-size: 1.2em;line-height: 1.8em;}
.expert_con .li_right h3{font-size: 1.2em;line-height: 1.8em;font-weight: 500;display: flex;align-items: center;}
.expert_con .li_right h3 span{font-size: 1.1em;border-radius: 5px;padding: 0 .3em;font-weight: bold;}
.expert_con .li_right h5{position: absolute;top:0;right: 24%;z-index: 1;font-size: 3em;color: #c1e1e1;line-height: .8em;}
.expert_con .li_ft{display: flex;margin-top: 1em;}
.expert_con .li_ft a{display: flex;align-items: center;padding: .4em 0;color: #fff;font-size: 1.4em;border-radius: 5px;}
.expert_con .li_ft_le{flex: 1;margin-right: 2%;}
.expert_con .li_ft_le a{background-color: #47474c;}
.expert_con .liftle_left,.liftri_left{flex: 1;text-align: right;}
.expert_con .liftle_right,.liftri_right{flex: 2;padding-left: 2%;}
.expert_con .li_ft_ri{flex: 1;margin-right: 3%;}
.expert_con .li_ft_ri a{background-color: #e85d28;}
@media screen and (max-width:414px){
.expert_con  .li_right h1{font-size: 1em;line-height: 1.6em;}
.expert_con  .li_right h3{font-size: .9em;line-height: 1.6em;}
.expert_con  .li_right h3 span{font-size: 1.1em;padding: 0 .3em;}
.expert_con  .li_right h3 img{width: 10%;}
.expert_con  .li_right h5{right: 4%;font-size: 2.5em;}
.expert_con  .li_ft{margin-top: .3em;}
.expert_con  .li_ft a{padding: .2em 0;font-size: 1em;}
.expert_con .li_ft a img{width: 70%;}
}
@media screen and (max-width:375px){
.expert_con .li_right h1{font-size: .9em;}
.expert_con .li_right h3{font-size: .7em;}
.expert_con .li_right h3 span{font-size: 1em;padding: 0 .3em;}
.expert_con  .li_right h3 img{width: 8%;}
.expert_con .li_right h5{right: 4%;font-size: 2.5em;}
.expert_con .li_ft{margin-top: .3em;}
.expert_con .li_ft a{padding: .2em 0;font-size: .9em;}
.expert_con .li_ft a img{width: 60%;}
}
@media screen and (max-width:320px){
.expert_con .li_right h1{font-size: .8em;}
.expert_con .li_right h3{font-size: .6em;}
.expert_con .li_right h3 span{font-size: 1em;padding: 0 .3em;}
.expert_con .li_right h3 span img{top:30%;}
.expert_con .li_right h5{right: 4%;font-size: 2em;}
.expert_con .li_ft{margin-top: .3em;}
.expert_con .li_ft a{padding: .2em 0;font-size: .8em;}
.expert_con .li_ft a img{width: 50%;}
}




#dtbanner{}
#dtbanner .swiper-slide{position:relative;}
#dtbanner .swiper-slide p{position:absolute; bottom:0px; left:0px; right:0px; padding:.5rem;color:#fff; background-color:rgba(44,14,8,.8); font-size:1rem;}


.dtTitle{padding:.5rem 0; margin:0 2%;border-bottom:1px solid #7f7f7f; text-align:center; font-size:1.6rem; font-weight:bold;}

.dtCt{margin:2%; font-size:1.4rem;}
.dtCt span{color:#1f8080; font-weight:bold;}

.dtList{margin:0 2%; overflow:hidden;}
.dtList li{width:49%;margin-right:1%; float:left;}
.dtList li:nth-child(2n){margin:0 0 0 1%;}
.dtList li .pic{position:relative;}
.dtList li .pic .tags{position:absolute;right:0;bottom:0;background-color:rgba(0,0,0,.67);color: #fff; font-size:1rem; padding:.2rem .5rem;}
.dtList li h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.2rem; font-weight:normal;}
.dtList li p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#585858; font-size:1.1rem;}
.dtList li .btns{display:block;margin:2% auto 4%;text-align:center;border:1px solid #e85d28;color:#e85d28;font-size:1.2rem;padding:.5em 0;border-radius:5px;}
.dtList li .btns img{margin-left:2%;}

.dtPage{align-items:center;}
.dtPage li{display:inline-block;width:70px;height:70px;text-align:center; line-height:72px;margin:0 0 0 2%;border:1px solid #d4d4d4;border-radius:100%;}



#search{padding:2%; margin:2% auto; background-color:#b8dddd; overflow:hidden; text-align:center;}

#search .sl{width:24%;float:left; line-height:66px;color:#fff; background-color:#197e7e; border-radius:5px 0 0 5px;box-shadow:-3px 0px 3px #2aabab inset;height:66px;font-size: 1.2em;font-family: "微软雅黑";border:0px;}
select {
padding-left: 2%;
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../images/search.jpg") no-repeat scroll 100% center transparent;
background-size: 27%;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}

#search .st{float:left; width:6%; height:66px; line-height:66px; background:#328d8d url(../images/search.png) no-repeat center;}
#search input[type="text"]{float:left; display:block; width:50%; height:66px; border:1px solid #959595;border-left:0px; border-radius:0 5px 5px 0; text-indent:1rem; font-size:1.1rem;font-family: "微软雅黑";}
#search input[type="submit"]{width:25%;height:66px;float:right; background-color:#e85d28; border-radius:5px;border:0; cursor:pointer; color:#fff; font-size:1.4rem;font-family: "微软雅黑";font-weight: bold;}


.hTitle{margin:0 2%;font-size:1.6em;font-weight:bold;border-bottom:1px solid #1f8080; overflow:hidden;}
.hTitle span{float:left;border-bottom:3px solid #1f8080; padding:2% 1% 2% 0;display: flex;align-items: center;width: 25%;}
.hTitle span b{color:#1f8080;}
.hTitle img{width:22%;padding-right: 2%;}
@media screen and (max-width:414px){
.hTitle span{width:35%;}
.hTitle{font-size:1.2em;}
}
@media screen and (max-width:320px){
.hTitle{font-size:1em;}
}




#hots{overflow:hidden; padding:2% 0 0 0; margin-right:2%;}
#hots li{width:23%; margin:0 0 2% 2%;float:left;position:relative;}
#hots li a{display:block;border:1px solid #aaaaaa; border-radius:5px; color:#585858; text-align:center; font-size:1.2rem; padding:1rem 0;}
#hots li img{
opacity:0;
position:absolute;
top:10%; 
left:14%;
}
#hots li img.hot1{  
    -webkit-animation:hot 10s linear 0s infinite ;  
}  
#hots li img.hot2{  
    -webkit-animation:hot 10s linear 2s infinite ;  
}  
#hots li img.hot3{  
    -webkit-animation:hot 10s linear 4s infinite ;  
}  
#hots li img.hot4{  
    -webkit-animation:hot 10s linear 6s infinite ;  
}  
#hots li img.hot5{  
    -webkit-animation:hot 10s linear 8s infinite ;  
}  

@-webkit-keyframes hot  
{  
    0%{
        opacity:0;
    }  
    5%{
        opacity:1;
    }  
    10%{
        opacity:0;
    }  
}  

#hots .h a{border:1px solid #e8602d; color:#e8602d;}

#qual{margin:2% auto;text-align:center;font-size:1.4rem;font-weight:bold;}
#qual span{color:#0b9395;}
#qual img{margin-right:1%;}


.btnCall{display:block; margin:2%; padding:2% 0 2% 30%;background:#e85d28 url(../images/btnCall.png) no-repeat 20% center;background-size:auto 74%;border-radius:5px;color:#fff;}
.btnCall h5{color:#fff;font-size:1rem;font-weight:normal;}
.btnCall p{color:#fff;font-size:1.8rem;}

@media screen and (max-width:640px){
.dtPage li{width:10.4vw; height:10.4vw; line-height:10.4vw;margin:0 0 0 1.6vw;}
}


@media screen and (max-width:414px){
.dtTitle img{height:7vw;}

#search .sl,#search .st,#search input[type="text"],#search input[type="submit"]{height:12vw; line-height:12vw; font-size:1rem;font-weight:bold;}
#search .st{background-size:60% auto;}
#search input[type="text"]{text-indent:.5rem;}
#search input[type="submit"]{font-size:.9em;}

#hots li a{padding:.8rem 0;}
#hots li img{width:24%;top:7%;left:4%;}

}



#xwbanner{}
#xwbanner .swiper-slide{position:relative;}
#xwbanner .swiper-slide p{position:absolute; bottom:5%; left:0px; right:0px; background-color:rgba(44,14,8,.6); color:#fff; font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#xwbanner .swiper-slide p span{display:inline-block;background-color:#14797a; padding:.5rem; margin-right:.5rem;}
#xwbanner .swiper-slide p a{color:#fff;}



#list{margin:0 2%;}
#list li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; border-bottom:1px solid #c9c9c9; padding:.8rem 0; line-height:2rem;}
#list li a{color:#585858; font-size:1rem;}
#list li a img{width:80%;}
#list li .m{float:right; background-color:#7f7f7f; border-radius:3px; color:#fff; padding:0 .5rem; margin-left:1rem;}
#list li span{background-color:#e85d28; color:#fff; font-size:.9rem; padding:.2rem .5rem; border-radius:5px; margin-right:.5rem; position:relative;}
#list li span:after{content:"";display:block;width:0;height:0;
border-left:0px solid transparent;border-right:10px solid transparent;
border-top:10px solid #e85d28; position:absolute; bottom:-8px; left:40%;}



#bz{}

#agg{padding:4% 2%; overflow:hidden;}
#agg .adoc{width:28%;float:left; border-radius:50%; overflow:hidden;box-shadow:0 0 4px #dab190}
#agg .abtn{border:1px solid #898989;border-left:0px;border-radius:0 5px 5px 0; padding:2% 1% 2% 14%; margin:3% 0 2% 16%;}
#agg p{font-size:1.4rem; text-align:center;}
#agg p span{color:#059ea0;}
#agg .btns{overflow:hidden;}
#agg .btns a{width:49%; height:50px; float:left;color:#fff;}
#agg .btns .call{background:#47474c url(../images/acall.png) no-repeat 10% center; border-radius:100px 0 0 100px; width:35%; padding-left:14%;background-size: 15%;}
#agg .btns .call span{font-size:.9rem;}
#agg .btns .call b{font-size:1rem;}
#agg .btns .zx{float:right; background:#e85d28 url(../images/azx.png) no-repeat 12% center; border-radius:0 100px 100px 0; width:40%; padding-left:9%; font-size:1.4rem; line-height:50px; text-align:center;background-size: 15%;}
@media screen and (max-width:414px){
#agg .abtn {margin: 2% 0 2% 16%;}
#agg .btns a{height: 35px;line-height: 13px;}
#agg p{font-size:1.2rem;}
#agg .btns .call span{font-size:.8rem;}
#agg .btns .call b{font-size:.9rem;}
#agg .btns .zx{font-size:1.2rem;line-height: 35px;}
}
#atitle{text-align:center;}
#atitle h1{color:#05a6a8; font-size:1.4rem;}
#ainfo{text-align:center; color:#737373; font-size:1rem; border-bottom:1px solid #cccccc; margin:0 2%; line-height:2rem;}

#awz{padding:2%; background-color:#EEF3F9; margin:2% auto;}
#awz table{width:100% !important;}
#awz p{width:100% !important;line-height: 1.6em;}
#awz article div{ text-indent:2em; margin-top:3%; margin-bottom:3%; font-size:1.2em;}
#awz article div a{ color:#F00;}

.wz_24h{padding:.5em 2%;}
.wz_24h a{display:flex;background-color:#47474c;align-items: center;color: #f8f9cd;padding: .5em;border-radius: 5px;}
.wz_24h a .wz_left{flex:1;text-align: right;}
.wz_24h a .wz_left img{ width:38%;}
.wz_24h a .wz_right{flex:2;padding-left: 2%;}
.wz_24h a .wz_right p{font-size: .8em;}
.wz_24h a .wz_right h3{font-size: 1.8em;}
.wz_24h a .wz_right h3 span{position: relative;float: left;}

.wz_24h a .wz_right1 h3 span:nth-child(1){  
    -webkit-animation:jump 6s linear 0s infinite;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(2){  
    -webkit-animation:jump 6s linear .3s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(3){  
    -webkit-animation:jump 6s linear .6s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(4){  
    -webkit-animation:jump 6s linear .9s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(5){
    -webkit-animation:jump 6s linear 1.2s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(6){  
    -webkit-animation:jump 6s linear 1.5s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(7){  
    -webkit-animation:jump 6s linear 1.8s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(8){  
    -webkit-animation:jump 6s linear 2.1s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(9){  
    -webkit-animation:jump 6s linear 2.4s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(10){  
    -webkit-animation:jump 6s linear 2.7s infinite ;  
} 
.wz_24h a .wz_right1 h3 span:nth-child(11){  
    -webkit-animation:jump 6s linear 3s infinite ;  
}  
.wz_24h a .wz_right1 h3 span:nth-child(12){  
    -webkit-animation:jump 6s linear 3.3s infinite ;  
} 

.wz_24h a .wz_right2 h3 span:nth-child(1){  
    -webkit-animation:jump2 6s linear 3.6s infinite;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(2){  
    -webkit-animation:jump2 6s linear 3.9s infinite ;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(3){  
    -webkit-animation:jump2 6s linear 4.2s infinite ;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(4){  
    -webkit-animation:jump2 6s linear 4.5s infinite ;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(5){  
    -webkit-animation:jump2 6s linear 4.8s infinite ;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(6){  
    -webkit-animation:jump2 6s linear 5.1s infinite ;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(7){  
    -webkit-animation:jump2 6s linear 5.4s infinite ;  
}  
.wz_24h a .wz_right2 h3 span:nth-child(8){  
    -webkit-animation:jump2 6s linear 5.7s infinite ;  
} 

@-webkit-keyframes jump  
{  
    0%{
       -webkit-transform:scale(0.8);
    }  
    5%{
       -webkit-transform:scale(1.4);  
    }  
    10%{
       -webkit-transform:scale(0.8);
    }  
}  
@-webkit-keyframes jump2  
{  
    0%{
       -webkit-transform:scale(0.8);
    }  
    5%{
       -webkit-transform:scale(1.2);  
    }  
    10%{
       -webkit-transform:scale(0.8);
    }  
}  
@media screen and (max-width:414px){
.wz_24h{padding:.2em 2%;}
.wz_24h a{padding: .2em;}
.wz_24h a .wz_right p{font-size: .7em;}
.wz_24h a .wz_right h3{font-size: 1em;}    
}
@media screen and (max-width:320px){
.wz_24h{padding:.2em 2%;}
.wz_24h a{padding: .2em;}
.wz_24h a .wz_right p{font-size: .6em;}
.wz_24h a .wz_right h3{font-size: .9em;}    
}
.wz_xx a{background-color: #1f8080;color: #fff;}

#apn{padding:.5em 2%;}
#apn li{line-height: 3em;color: #737373;overflow: hidden;width:100%;white-space:nowrap;}
#apn li:nth-child(1){border-top:1px dashed #a3a3a3;border-bottom:1px dashed #a3a3a3;}
#apn li:nth-child(2){border-bottom:1px solid #cccccc;}
#apn li a{color: #737373;}
@media screen and (max-width:414px){
#apn li{font-size:.8em;}
}

.zz_list{overflow:hidden; margin:5px; position:relative;}
.zz_list .pic{width:42%; float:left; border:2px solid #d1d1d1;}
.zz_list .text{width:56%; float:right;}
.zz_list h3{color:#082662;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.zz_list p{text-indent:2em; line-height:2em;}
.zz_list p a{color:#f00;}
.zz_list .btn{width:56%; position:absolute; bottom:0px; right:0px;overflow:hidden;}
.zz_list .btn a{float:left; background-color:#082662; padding:5px 20px; margin-right:5px; color:#fff;}
.zz_list .btn .lb{background:#082662 url(../images/zz_lb.png) no-repeat 5px center; padding-left:40px;background-size: 24%;}
.zz_list .btn .zt{background:#a64e00 url(../images/zz_zt.png) no-repeat 92% center; padding-right:45px;background-size: 24%;}

.art_title{height:30px;line-height:30px;border-bottom:1px solid #c5c5c5; margin:10px auto; padding:0 5px;}
.art_title:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.art_title span{height:29px;float:left;border-bottom:3px solid #c5c5c5; color:#041971; font-weight:bold;padding:0 10px 0 5px;font-size:.9em;}
.art_title span img{float:left;margin:3px 3px 0 0;}
.art_title a{float:right; background-color:#dcdcdc; color:#000; padding:3px 5px; font-size:.6em; line-height:20px;}

#knjb{width:620px;height:266px; margin:10px auto;background:url(../images/jblist.png) no-repeat; background-size:cover;}
#knjb li{height:78px;overflow:hidden; margin:0 1% 16px 3%;}
#knjb li .bl{width:34%; height:78px; float:left; text-align:center; line-height:78px; color:#fff; font-size:1.4em; font-weight:bold;}
#knjb li .br{width:64%; height:78px; float:right;}
#knjb li .br p{padding-top:4%;}

#tjyd{margin:10px;}
#tjyd li{padding:8px 0; border-bottom:1px dashed #c9c9c9;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#tjyd li .type{float:left; background-color:#e7e7e7; border:1px solid #a2a2a2; padding:2px 5px; margin-right:8px; border-radius:3px; color:#5c5c5c; position:relative;}
#tjyd li .type:after{content:" ";display:block;width: 0;height: 0;border-top:6px solid transparent;border-left:6px solid #a2a2a2;border-bottom:6px solid transparent; position:absolute; top:24%; right:-6px;}
#tjyd li .time{float:right; color:#5c5c5c;}
#tjyd li a{color:#000;font-size:.8em;}

#zxbtn{width:80%; margin:10px auto; overflow:hidden;}
#zxbtn a{display:block; width:42%; float:left; border:1px dashed #696969; border-radius:3px; padding:10px 2%; color:#0f79a0; font-size:1em;}
#zxbtn .bz{float:right; color:#a64e00;}
#zxbtn a span{font-weight:bold; background:url(../images/zx_wd.png) no-repeat center right; background-size:contain; padding-right:30px; font-size:1.2em;}
#zxbtn .bz span{background:url(../images/zx_ms.png) no-repeat center right; background-size:auto 80%;}

.view_zt{text-align:center; margin:20px auto;}
.view_zt a{background:#a64e00 url(../images/view_zt.png) no-repeat 20px center; padding:10px 20px 10px 55px; background-size:auto 60%; color:#fff;font-size:1.2em; border-radius:100px;}

#mf{overflow:hidden;margin:5px 1% 5px 0;}
#mf li{width:24%; float:left; padding:15px 0; margin-left:1%; text-align:center; background-color:#415d87; border-radius:3px; color:#fff;}
#mf li p{font-weight:bold;padding:8px 0;}
#mf li a{border:1px solid #fff; color:#fff; border-radius:3px; padding:2px 5px;}
#mf li:nth-child(2){background-color:#ba7733;}
#mf li:nth-child(3){background-color:#2fa497;}
#mf li:nth-child(4){background-color:#ab3f3d;}
@media screen and (max-width:414px){
#tjyd li .type{font-size: .8em;}
#mf li{padding:10px 0;}
#mf li img{max-width:40%;}
#mf li p{padding:3px 0;}
#mf li a{font-size:.7em;}
}
@media screen and (max-width:375px){
#mf li{padding:6px 0 10px 0;}
#mf li p{padding:2px 0; font-size:.9em;}
#mf li a{font-size:.6em;}
}
@media screen and (max-width:320px){
#mf li p{font-size:.8em;}
#mf li a{padding:2px 0;}
}
#qtzz{overflow:hidden;}
#qtzz a{float:left; width:24%; margin:5px .5%; background:#e0e0e0 url(../images/zz_list.png) no-repeat 20% center; padding:8px 0; text-align:center; color:#3a3a3a;font-size:1em;}

#zj{margin:5px; overflow:hidden;}
#zj .pic{width:35%; float:left;}
#zj .text{width:62%; float:right;}
#zj .text span{background:#c16500 url(../images/zj_pb.jpg) repeat-y right;color:#fff;font-size:.8em;padding:2px 12px 2px 3px;}
#zj .text .s{background-image:none;padding:2px 3px;color:#fff !important;}
#zj .text p{margin:5px auto; font-size:.9em;}
#zj .text p a{color:#700608;}
#zj .text p img{max-width:74%;}
@media screen and (max-width:414px){
#zj .pic{width:37%;}
#zj .text p{margin:2px auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; font-size:.7em;}
#zj .text p.j{text-indent:2em;}
}
@media screen and (max-width:375px){
#zj .text p{-webkit-line-clamp:1;}
#zj .text p.j{text-indent:0;}
}
@media screen and (max-width:320px){
#zj .text p{-webkit-line-clamp:1; margin:0px auto;}
#zj .text span{font-size:.7em;padding:0 8px 0 2px;}
}

.view{margin:10px auto; text-align:center;}
.view a{display:inline-block;border:1px solid #cc6000;}
.view a span{display:inline-block;background:#cc6000 url(../images/view.png) no-repeat 5px center; background-size:auto 90%; border:2px solid #fff; padding:10px 15px 10px 50px; color:#fff; font-size:1.3em;}
@media screen and (max-width:414px){
.view a span{padding:8px 15px 8px 50px;font-size:1.2em;}
}
@media screen and (max-width:375px){
.view a span{padding:5px 15px 5px 40px;font-size:1em;background-size:auto 94%;}
}
@media screen and (max-width:320px){
.view a span{font-size:.9em;}
}

#gzwt{overflow:hidden;}
#gzwt li{width:23%; height:148px; float:left; margin:10px 1%; background-color:#0f79a0; border-radius:50%; text-align:center; position:relative;}
#gzwt li:before{content:"";display:block;width:8px;height:20px; background-color:#fff; position:absolute; top:50%; right:0px;}
#gzwt li:after{content:"";display:block;width:8px;height:20px; background-color:#fff; position:absolute; top:50%; left:0px;}
#gzwt li:nth-child(2){background-color:#b7522d;}
#gzwt li:nth-child(3){background-color:#b7972d;}
#gzwt li:nth-child(4){background-color:#2fa497;}
#gzwt li:nth-child(5){background-color:#b7972d;}
#gzwt li:nth-child(6){background-color:#2fa497;}
#gzwt li:nth-child(7){background-color:#0f79a0;}
#gzwt li:nth-child(8){background-color:#b7522d;}
#gzwt li a{display:block; height:132px; margin:2px; border:6px solid #fff;border-radius:50%; color:#fff; font-size:1.5em;}
#gzwt li a span{display:block;padding-top:30px;}
@media screen and (max-width:414px){
#gzwt li{height:23.1vw;margin:5px 1%;}
#gzwt li a{height:20.6vw;margin:2px;border:3px solid #fff; font-size:1em;}
#gzwt li a span{padding-top:4.68vw;}
#gzwt li:before,#gzwt li:after{top:46%;width:5px; height:12px;}
}
@media screen and (max-width:375px){
#gzwt li a{height:20.4vw;font-size:1em;}
#gzwt li a span{padding-top:4.68vw;}
}
@media screen and (max-width:320px){
#gzwt li a{height:20vw;font-size:.9em;}
#gzwt li a span{padding-top:4vw;}
}
@media screen and (max-width:414px){
.zz_list h3{font-size:1em;}
.zz_list p{font-size:.8em; line-height:1.6em;}
.zz_list .btn a{font-size:.8em; line-height:1em; padding:5px 10px; background-size:auto 80%!important;}
.zz_list .btn .lb{padding-left:36px;}
.zz_list .btn .zt{padding-right:36px;margin-right:0px;}

#knjb{width:96.8%; height:41.6vw;}
#knjb li{margin-bottom:2.5vw;}
#knjb li,#knjb li .bl{height:12vw;line-height:12vw;}
#knjb li .bl{font-size:1em;}
#knjb li .br{width:66%;}
#knjb li .br p{padding-top:4px; font-size:.8em; line-height:1em;}

#zxbtn{width:90%;}
#zxbtn a{width:44%;font-size:.9em;}

#qtzz a{background-position:3% center;font-size:.8em;}
}
@media screen and (max-width:375px){
.zz_list h3{font-size:.9em;}
.zz_list p{font-size:.7em;}
.zz_list .btn a{font-size:.7em; line-height:1.2em;padding:3px 6px;}

#knjb li .bl{ font-size:.9em;}
#knjb li .br p{font-size:.7em; line-height:1.1em;}

#zxbtn a{font-size:.8em;}

#qtzz a{background-position:1% center; width:23%; padding-left:1%;}
}
@media screen and (max-width:320px){
.zz_list h3{font-size:.8em;}
.zz_list p{font-size:.6em; line-height:1.6em;}
.zz_list .btn a{font-size:.6em;padding:3px 3px;}
.zz_list .btn .lb{padding-left:30px; background-position:2px center;}
.zz_list .btn .zt{padding-right:30px;}

#knjb li .br p{font-size:.6em; line-height:1.1em;}

#zxbtn a{font-size:.6em;}

#qtzz a{background-image:none;}
}

#autoBox{margin:2%; overflow:hidden; border:1px solid #c9c9c9; background-color:#eeeeee; border-radius:100px;}
#autoBox .pic{float:left;overflow:hidden; position:relative;}
#autoBox .pic .autoPic{border-radius:100px;}
#autoBox .pic .autoRotate{animation:rotate 30s infinite linear;}
#autoBox .pic .autoBtn{ position:absolute; top:50%; left:50%; margin:-26px 0 0 -26px; cursor:pointer;}
#autoBox .text{float:left; margin:25px 0 0 10px;}
#autoBox .text .autoZt{background:url(../images/auto_d.png) no-repeat center left;padding-left:30px; line-height:30px; font-weight:bold;color:#0c8788;background-size: 6%;}
#autoBox .text .autoDis{padding:5px 0 0 0;width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
@media screen and (max-width:414px){
#autoBox .pic .autoPic{width:70%;}
#autoBox .pic .autoBtn{width:40%;}
#autoBox .text{float:left; margin:5px 0 0 0px;font-size: .8em;}
#autoBox .pic .autoBtn{ position:absolute; top:50%; left:50%; margin:-20px 0 0 -38px; cursor:pointer;}
#autoBox .text .autoZt{font-size: .9em;}
#autoBox .text .autoDis{font-size: .9em;}
}
@media screen and (max-width:375px){
#autoBox .text .autoZt{font-size: .8em;}
#autoBox .text .autoDis{font-size: .8em;}
}
@media screen and (max-width:320px){
#autoBox .text .autoZt{font-size: .6em;}
#autoBox .text .autoDis{font-size: .6em;}
}
@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}

input[type='range']{-webkit-appearance:none; position:relative;}
input[type='range']::focus{outline:none;}
input[type='range']::-webkit-slider-runnable-track{height:0px;}
input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;margin-top:-4px;border-radius:50%;background-color:#127c7d;box-shadow:0px 0px 0px 4px rgba(3,147,148,.5);cursor:pointer;}
input[type='range']::-ms-track {border-color: transparent; /*去除原有边框*/color: transparent; /*去除轨道内的竖线*/}

#setBtn{margin:2%; width:96%; height:4px; background-color:#e1e1e1;-webkit-appearance:none;}
#autoBtn{text-align:center;}
#autoBtn a{text-align:center; display:inline-block; width:15%; height:30px;}
#autoBtn a:nth-child(1) img{width: 43%;}
#autoBtn a:nth-child(2) img{width: 30%;}
#autoBtn a:nth-child(3) img{width: 43%;}


#autoTitle{position:relative; padding:.5rem 0;}
#autoTitle span{color:#b7b7b7;position:absolute;top:0px;}
#autoTitle #timeCur{left:0px;}
#autoTitle #timeDur{right:0px;}
#autoTitle h1{font-size:1.2rem;text-align:center;}

.load_after{color: #ccc !important;border:#ccc 1px solid !important;}

.dt_nav{display: flex;flex-direction: column;}
.dt_nav ul{flex: 1;display: flex;}
.dt_nav ul li{flex: 1;background-color: #34343e;display: flex;align-items: center;justify-content: center;border-right: 1px solid #fff;}
.dt_nav ul li a{color: #fff;font-size: 1.4em;padding: .5em 0;display: block;}
.dt_nav ul li a img{width: 40%;padding-right: 2%; box-sizing: border-box;}
.dt_nav ul:nth-child(2){border-top:1px solid #fff;}
.dt_nav ul li:nth-child(4){border-right: none;}
.dt_nav ul:nth-child(1) li:nth-child(1){background-color: #119597;}
@media screen and (max-width:414px){
#autoTitle span{font-size: .6em;}
.dt_nav ul li a{font-size: 1em;}
}
@media screen and (max-width:375px){
.dt_nav ul li a{font-size: .9em;}
}
@media screen and (max-width:320px){
.dt_nav ul li a{font-size: .8em;}
}

.mu_p{color: #a3a3a3;font-size: 1em;margin: 1em 0;text-indent: .5em;}
@media screen and (max-width:414px){
.mu_p{color: #a3a3a3;font-size: .6em;margin: 1em 0;}
}
@media screen and (max-width:375px){
.mu_p{color: #a3a3a3;font-size: .5em;margin: 1em 0;}
}
@media screen and (max-width:320px){
.mu_p{color: #a3a3a3;font-size: .5em;margin: 1em 0;}
}

.mu_fx{display: flex;align-items: center;}
.mu_fx li:nth-child(1){flex: 3;display: flex;align-items: center;text-align: center;}
.mu_fx li:nth-child(1) div{flex: 1;}
.mu_fx li:nth-child(1) span{flex: 1;text-align: left;}
.mu_fx li:nth-child(2){flex: 1;display: flex;}
.mu_fx li:nth-child(2) a{flex: 1;border:1px solid #bfbfbf;color: #050505;text-align: center;margin: 0 1%;padding: .5em 0;font-size: .8em;}

.mu_bj{height: 1em;background-color: #e5e5e5;margin-top: 1em;}
.mu_bq {margin-top: 1em;border-bottom:1px solid #127c7d;}
.mu_bq span{background-color: #127c7d;font-size: 1.6em;font-weight: bold;color: #fff;position: relative;height:2em;line-height: 2em;display: block;width:36%;padding-left: 2%;}
.mu_bq span .mu_sjx{position: absolute;bottom:0px;right: -14px;}
.mu_bq span .mu_le{width: 16%;margin-right: 1%;}

.mu_con{padding: .5em;}
.mu_con span{background-color: #333333;color:#fff;font-weight: bold;font-size: 1em;border-radius: 5px;padding: .2em .5em;position: relative;line-height: 2em;}
.mu_con span img{position: absolute;right: 6px;bottom:-8px;z-index: -1;}
.mu_con p{margin-top: 1em;color: #737373;font-size: 1em;line-height: 1.6em;}
@media screen and (max-width:414px){
.jiathis_style_32x32 .jiathis_txt {
font-size: 1.4em !important;
}
.mu_fx li:nth-child(1){font-size: .6em;}
.mu_fx li:nth-child(2){font-size: .8em;}
.mu_bj{height: .5em;}
.mu_bq span{font-size: 1em;}
.mu_con p{font-size: .9em;}
}
@media screen and (max-width:375px){
.jiathis_style_32x32 .jiathis_txt {
font-size: 1em !important;
}
.mu_con span img{bottom:-6px;}
.mu_fx li:nth-child(1){font-size: .6em;}
.mu_fx li:nth-child(2){font-size: .6em;}
.mu_con span{font-size: .9em;}
.mu_bq span{font-size: .9em;}
.mu_con p{font-size: .8em;}
}
@media screen and (max-width:320px){
.mu_fx li:nth-child(1){font-size: .5em;}
.mu_fx li:nth-child(2){font-size: .5em;}
.mu_con span{font-size: .8em;}
.mu_bq span{font-size: .8em;}
.mu_con p{font-size: .7em;}
}
.list_mu li .m1 {float: right; background-color: none;border-radius: 3px;color: #fff;padding: 0 .5rem; margin-left: 1rem;}

#awz{font-size: 1rem;overflow: hidden;}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
    box-sizing: border-box;
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
    box-sizing: border-box;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; box-sizing: border-box;} .col-xs-12 { width: 100%;box-sizing: border-box; } .col-xs-11 { width: 91.66666667%; box-sizing: border-box;} .col-xs-10 { width: 83.33333333%;box-sizing: border-box; } .col-xs-9 { width: 75%; box-sizing: border-box;} .col-xs-8 { width: 66.66666667%; box-sizing: border-box;} .col-xs-7 { width: 58.33333333%;box-sizing: border-box; } .col-xs-6 { width: 50%;box-sizing: border-box; } .col-xs-5 { width: 41.66666667%;box-sizing: border-box; } .col-xs-4 { width: 33.33333333%; box-sizing: border-box;} .col-xs-3 { width: 25%; box-sizing: border-box;} .col-xs-2 { width: 16.66666667%;box-sizing: border-box; } .col-xs-1 { width: 8.33333333%;box-sizing: border-box; }


.npnj_wp{padding:1rem .5rem;display: flex;}
.npnj_wp .npnj_wp_lf{flex: 1;}
.npnj_wp .npnj_wp_ri{flex: 2;border:1px solid #bbbbbb;position: relative;padding: .5rem 3%;border-radius: 5px;height:100%;}
.npnj_wp .npnj_wp_ri .sjx{position: absolute;top:60%;left:-22px;z-index: 1;}
.npnj_wp .npnj_wp_ri ul{display: flex;align-items: center;}
.npnj_wp .npnj_wp_ri ul li{flex: 1;background-color: #97bb7a;margin: 0 .5%;text-align: center;border-radius: 5px;padding: .3rem;font-size:1.2rem;color:#fff;font-weight: bold;}
.npnj_wp .npnj_wp_ri p{font-size: 1.2rem;text-align: center;padding: .1rem 0;}
.npnj_wp .npnj_wp_ri .chat{display: flex;}
.npnj_wp .npnj_wp_ri .chat a{flex: 1;display: flex;align-items: center;text-align: center;}
.npnj_wp .npnj_wp_ri .chat a:nth-child(1){background-color: #7f7f80;margin-right: 1%;padding: .2rem 0;border-radius:100px 0px 0px 100px;}
.npnj_wp .npnj_wp_ri .chat a:nth-child(2){background-color: #e85d28;padding: .2rem 0;border-radius:0px 100px 100px 0px;}
.npnj_wp .npnj_wp_ri .chat a div:nth-child(1){flex: 1;}
.npnj_wp .npnj_wp_ri .chat a div:nth-child(2){flex: 3;}
.npnj_wp .npnj_wp_ri .chat a div:nth-child(2) h3{font-size: 1rem;color:#fff;text-align: left;}
.npnj_wp .npnj_wp_ri .chat a:nth-child(2) div:nth-child(1){text-align: right;flex: 2;}
.npnj_wp .npnj_wp_ri .chat a:nth-child(2) div:nth-child(2){font-size: 1.2rem;color:#fff;flex: 3;text-align: left;padding-left: 2%;}
@media screen and (max-width:414px){
.npnj_wp{padding:.5rem .5rem;}
.npnj_wp .npnj_wp_lf img{width:90%;}
.npnj_wp .npnj_wp_ri .sjx{width:5%;left:-12px;}
.npnj_wp .npnj_wp_ri ul li{font-size: 1rem;}
.npnj_wp .npnj_wp_ri ul li img{width:24%;}
.npnj_wp .npnj_wp_ri p{font-size: 1rem;}
.npnj_wp .npnj_wp_ri .chat a div img{width:55%;}
.npnj_wp .npnj_wp_ri .chat a div:nth-child(2) h3{font-size: .8rem;}
.npnj_wp .npnj_wp_ri .chat a:nth-child(2) div:nth-child(2){font-size: 1rem;}
}
@media screen and (max-width:320px){
.npnj_wp .npnj_wp_ri .sjx{left:-10px;}
}
.ajd{text-align: center;position: relative;padding: 0 1%;}
.ajd .adj_title{margin: .6rem 0;}
.ajd .adj_cont{border:1px solid #aaaaaa;padding:.3rem;font-size: 1.2rem;background-color: #fff;}
.ajd .adj_bottom{position: absolute;bottom: .6rem;border-bottom: 1px solid #b2b2b2;z-index:-10;width:98%;}
@media screen and (max-width:414px){
.ajd .adj_title img{width:32%;}
}
.npnj_smb{display: flex;text-align: center;}
.npnj_smb li:nth-child(1){flex: 1;margin-top: .8rem;}
.npnj_smb li:nth-child(2){flex: 2;padding-top: 2rem;text-align: left;font-size: 1.1rem;color:#707070;}
.npnj_smb li:nth-child(1) a{display: block;background-color: #4c4c4c;color:#FFF;padding: .2rem;width:70%;text-align: center;margin:0 auto;border-radius: 1000px;}
.npnj_smb li:nth-child(2) a{color:#1a9596;}
@media screen and (max-width:414px){
.npnj_smb li:nth-child(1)>img{width:80%;}
.npnj_smb li:nth-child(1) a{font-size: .8rem;}
.npnj_smb li:nth-child(1) a>img{width:20%;}
.npnj_smb li:nth-child(2){font-size: .9rem;line-height: 1.4rem;}
}
@media screen and (max-width:375px){
.npnj_smb li:nth-child(1) a{font-size: .8rem;}
.npnj_smb li:nth-child(2){font-size: 1rem;line-height: 1.4rem;}
}
.nxnpnj{font-size: 1.4rem;color:#fafe02;background-color: #139495;padding:.5rem 0;text-align: center;margin-top: 1rem;}
.disease{display: flex;}
.disease ul:nth-child(1){flex: 1;position: relative;}
.disease ul:nth-child(2){flex: 3;}
.disease ul:nth-child(1) li{margin: .5rem;display: flex;text-align: center;justify-content: center;align-items: center;font-size: 1.2rem;font-weight:bold;color:#2e6826;}
.disease ul:nth-child(1) li:nth-child(1),.disease ul:nth-child(1) li:nth-child(4){font-size: 1.4rem;}
.disease ul:nth-child(1) img{position: absolute;top:8px;right: -15px;width:11.5%;}
.disease ul:nth-child(2) li{border:1px solid #bfbfbf;margin: .5rem .5rem .5rem 1rem;padding: .6rem;line-height: 1.4rem;border-radius: 5px;}
.disease ul:nth-child(2) li a{color:#0f9496;}
#comment_bubble {width: 80%;height: 4rem;background: #7ab472;position: relative;border-radius: 5px 0px 0px 5px;}
#comment_bubble:before {content: "";width: 0;height: 0;left: 100%;top: 0px;position: absolute;border-top: 36px solid transparent;border-left: 16px solid #7ab472;border-bottom: 36px solid transparent;}     
@media screen and (max-width:414px){
#comment_bubble:before {border-top: 28px solid transparent;border-left: 16px solid #7ab472;border-bottom: 28px solid transparent;}   
.disease ul:nth-child(1) li{font-size: 1.1rem;}
.disease ul:nth-child(1) li:nth-child(1),.disease ul:nth-child(1) li:nth-child(4){font-size: 1.2rem;}
.disease ul:nth-child(1) img{position: absolute;top:8px;right: -15px;width:13.5%;}
.disease ul:nth-child(2) li{border:1px solid #bfbfbf;margin: .5rem .5rem .5rem 1rem;padding: .6rem;line-height: 1.4rem;font-size: .8rem;}
}
@media screen and (max-width:375px){
#comment_bubble:before {border-top: 24px solid transparent;border-left: 10px solid #7ab472;border-bottom: 24px solid transparent;}   
.disease ul:nth-child(1) img{position: absolute;top:8px;right: -11px;width:13%;}
}
@media screen and (max-width:320px){
.disease ul:nth-child(2) li{font-size: .9rem;}
#comment_bubble:before {border-top: 20px solid transparent;border-left: 10px solid #7ab472;border-bottom: 20px solid transparent;}   
.disease ul:nth-child(1) img{position: absolute;top:8px;right: -10px;width:12.5%;}
.disease ul:nth-child(2) li{padding: .5rem;}
}
.cwh{padding: 1rem 2% 0 2%;}
.cwh li span{padding: .1rem 1.8rem .1rem .2rem;}
.cwh li:nth-child(1){background-color: #c0e9e4;position: relative;padding:1rem 1rem 1rem 25%;margin:1rem 0 0 5%;box-sizing: border-box;}
.cwh li:nth-child(1) img{position: absolute;left: -5%;top:-1rem;}
.cwh li:nth-child(1) span{font-size: 1.1rem;color:#fff;background: #2b9c88 url(../images/npnj3/cbj_n.jpg) center right no-repeat;font-weight: bold;}
.cwh li:nth-child(1) p{line-height: 1.4rem;font-size: 1.1rem;color:#556966;margin-top: .5rem;}
.cwh li:nth-child(2){background-color: #dcdcdc;position: relative;padding:1rem 25% 1rem 1rem;margin:2.5rem 5% 0 0;box-sizing: border-box;}
.cwh li:nth-child(2) img{position: absolute;right: -5%;top:-1rem;}
.cwh li:nth-child(2) span{font-size: 1.1rem;color:#fff;background: #676565 url(../images/npnj3/cbj_h.jpg) center right no-repeat;font-weight: bold;}
.cwh li:nth-child(2) p{line-height: 1.4rem;font-size: 1.1rem;color:#556966;margin-top: .5rem;}
.cwh li:nth-child(3){background-color: #c0e9e4;position: relative;padding:1rem 1rem 1rem 25%;margin:2.5rem 0 0 5%;box-sizing: border-box;}
.cwh li:nth-child(3) img{position: absolute;left: -5%;top:-1rem;}
.cwh li:nth-child(3) span{font-size: 1.1rem;color:#fff;background: #2b9c88 url(../images/npnj3/cbj_n.jpg) center right no-repeat;font-weight: bold;}
.cwh li:nth-child(3) p{line-height: 1.4rem;font-size: 1.1rem;color:#556966;margin-top: .5rem;}
.cwh li:nth-child(4){background-color: #dcdcdc;position: relative;padding:1rem 25% 1rem 1rem;margin:2.5rem 5% 0 0;box-sizing: border-box;}
.cwh li:nth-child(4) img{position: absolute;right:-5%;top:-1rem;}
.cwh li:nth-child(4) span{font-size: 1.1rem;color:#fff;background: #676565 url(../images/npnj3/cbj_h.jpg) center right no-repeat;font-weight: bold;}
.cwh li:nth-child(4) p{line-height: 1.4rem;font-size: 1.1rem;color:#556966;margin-top: .5rem;}
@media screen and (max-width:414px){
.cwh li img{width:30%;}
.cwh li:nth-child(1){padding:.5rem .5rem .5rem 25%;margin:.5rem 0 0 5%;}
.cwh li:nth-child(2){padding:.5rem 25% .5rem .5rem;margin:2rem 5% 0 0;}
.cwh li:nth-child(3){padding:.5rem .5rem .5rem 25%;margin:2rem 0 0 5%;}
.cwh li:nth-child(4){padding:.5rem 25% .5rem .5rem;margin:2rem 5% 0 0;}
.cwh li span{padding: .1rem 2.5rem .1rem .2rem;}
}
@media screen and (max-width:375px){
.cwh li img{width:30%;}
.cwh li:nth-child(1){padding:.5rem .5rem .5rem 25%;margin:.5rem 0 0 10%;}
.cwh li:nth-child(2){padding:.5rem 25% .5rem .5rem;margin:2rem 10% 0 0;}
.cwh li:nth-child(3){padding:.5rem .5rem .5rem 25%;margin:2rem 0 0 10%;}
.cwh li:nth-child(4){padding:.5rem 25% .5rem .5rem;margin:2rem 10% 0 0;}
.cwh li span{padding: .1rem 3rem .1rem .2rem;}
}
@media screen and (max-width:320px){
.cwh li span{padding: .1rem 3.5rem .1rem .2rem;}
}
.wh_zx{margin: 2rem 18%;}
.wh_zx2{margin: 3rem 18% 0 18%;}
.wh_zx a{display: flex;background-color: #ff6600;padding: .5rem;align-items: center;border-radius: 5px;box-shadow:0px 5px 0px #d05907;}
.wh_zx a div:nth-child(1){flex: 1;text-align: right;}
.wh_zx a div:nth-child(2){flex: 2;padding-left: 2%;color:#fff;}
.wh_zx a div:nth-child(2) p{font-size: 1.1rem;line-height: 1.3rem;}
.wh_zx a div p{text-align: left;}
@media screen and (max-width:414px){
.wh_zx2{margin: 1rem 18% 0 18%;}
.wh_zx a div img{width:35%;}
.wh_zx a div:nth-child(2) p{font-size: .9rem;}
}
@media screen and (max-width:375px){
.wh_zx2{margin: 1rem 18% 0 18%;}
}
@media screen and (max-width:320px){
.wh_zx2{margin: 3.5rem 18% 0 18%;}
}
.four_da{height:791px;background: url(../images/npnj3/four_da.jpg) no-repeat;text-align: center;padding-top: .6rem;position: relative;background-size: 100%;}
.four_da .ajd2{text-align: center;padding: 0 1%;}
.four_da .ajd2 .adj_title2{margin: .6rem 0;}
.four_da .ajd2 .adj_cont2{border:1px solid #92b0ab;padding:.3rem;font-size: 1.2rem;background:#256056;color:#fff;position: absolute;top:3.5rem;z-index: 1;left:32%;}
.four_da .ajd2 .adj_bottom2{position: absolute;top: 3.5rem;border-bottom: 1px solid #92b0ab;z-index:0;width:98%;}
.pros{margin-top: 3rem;}
.four_da ul{display: flex;padding: 0 7%;}
.four_da ul.ul_one{margin-top: 2.7rem;}
.four_da ul.ul_two{margin-top: 5rem;}
.four_da ul.ul_one li:nth-child(1){padding: 0 10% 0 1%;box-sizing: border-box;}
.four_da ul.ul_two li:nth-child(1){padding: 0 10% 0 1%;box-sizing: border-box;}
.four_da ul li{flex: 1;}
.four_da ul li h3{line-height: 3rem;color: #169597;font-size: 1.2rem;}
.four_da ul li p{font-size: 1.2rem;color:#686868;text-align: left;}
@media screen and (max-width:414px){
.four_da .ajd2 .adj_title2 img{width:32%;}
.four_da{height:506px;}
.pros img{width:60%;}
.four_da ul.ul_one{margin-top: 1.4rem;}
.four_da ul.ul_two{margin-top: 3.5rem;}
.four_da ul li h3{line-height: 3rem;font-size: 1rem;}
.four_da ul li p{font-size: 1rem;}
}
@media screen and (max-width:375px){
.four_da{height:455px;}
.four_da ul.ul_one{margin-top: 1.6rem;}
.four_da ul.ul_two{margin-top: 4.3rem;}
}
@media screen and (max-width:320px){
.four_da{height:410px;}
}
.efk p{text-align: center;margin-top: 1rem;font-size: 1.2rem;color:#737373;}
.efk_img {display: flex;flex-direction: column;}
.efk_img ul{display: flex;margin-top: .5rem;padding: 0 .5rem;}
.efk_img ul li{flex: 1;position: relative;}
.efk_img ul li p{position: absolute;bottom: 0px;background: rgba(0,0,0,.57);width: 97%;color:#fff;line-height: 1.6rem;text-indent: 1rem;}
@media screen and (max-width:414px){
.efk_img ul li{margin:0  1%;}
.efk_img ul li p{width: 100%;}
.efk_img ul li p{font-size: 1rem;}
}
.fys{display: flex;margin: 1rem 0;}
.fys div{flex: 1;}
.fys div:nth-child(2){margin-top: .5rem;}
.fys div h1{font-size: 1.6rem;color:#0b9294;}
.fys div span{font-size: 1.2rem; color:#149596;border-bottom: 4px solid #3ca8a9;display: block;}
.fys div p{color:#656569;font-size: 1.1rem;line-height: 1.8rem;}
.fysc_con{border-bottom: 2px solid #3ca8a9;height:4rem;width:75%;}
.fys div a{background-color: #ff6c00;padding: .5rem;margin-top: 1rem;display: block;width: 50%;text-align: center;font-size: 1.2rem;font-weight: bold;color:#fff;border-radius: 5px;box-shadow:0px 5px 0px #d05907;}
.fys div a img{padding-right: 4%;}
@media screen and (max-width:414px){
.fysc_con{width:80%;height:4rem;}
.fys div:nth-child(1){margin-right: 2%;}
.fys div h1{font-size: 1.4rem;}
.fys div span{font-size: 1.1rem; }
.fys div a{margin-top: .6rem;}
.fys div a img{width:20%;}
.fys div p{font-size: 1rem;line-height: 1.6rem;}
}
@media screen and (max-width:375px){
.fysc_con{width:80%;height:4.2rem;}
.fys div a{margin-top: .8rem;}
.fys div p{font-size: 1rem;line-height: 1.8rem;}
}
@media screen and (max-width:320px){
.fysc_con{width:80%;height:4rem;}
}


@media (min-width:320px) and  (max-width:639px){
.warp{ width:100%; }
}
ul, li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style:none}
.page { width:100%; height:auto;  background:#fff; overflow:hidden; clear:both; margin-top:2.5%; }
.page ul{ width:100%; height:auto;line-height:30px;margin:0 auto; overflow:hidden; }
.page ul li {height:26px; line-height:26px; border:1px solid #cccccc; overflow:hidden; zoom:1; float:left; margin:0px 4px 0px 4px; padding:5px; }
.page ul li { color:#555; display:block; padding:0px 5px; }
.page ul li a {color:#666;height:26px;line-height:26px;}
.page ul li a:hover {color:#fff;}
.page ul li:hover { background:#0092d8; display:block; color:#fff; text-decoration:none; }
.page ul li:hover a{ color:#fff;}