.wrap{ background:url(../images/index/bg.jpg); background-size:6.55rem 6.55rem;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#1283c7; opacity:1;}
.ban .swiper-pagination-bullet-active{ background:#fd9b00;}

.tit1{ text-align:center; font-size:2rem; color:#1283c7; font-weight:bold;}
.tit1 img{ display:block; width:100%;}
.tit1 em{ display:block; height:2.35rem; background:url(../images/index/pro_h.png) no-repeat center top; background-size:100% auto; font-size:1.2rem; color:#666; line-height:2.35rem; font-weight:normal; margin-top:0.8rem;}

.pro{ background:url(../images/index/pro_bg.jpg) no-repeat center 2.5rem; background-size:100% auto;padding:0 0 2rem 0;margin-top:2.5rem;}
.pro2{ width:93.75%; margin:0.8rem auto 0; overflow:hidden;}
.prot{ height:3.6rem; overflow:hidden; margin:1.5rem 0;}
.prot a{ display:inline-block; width:47.83%; height:3.6rem; font-size:1.2rem; text-align:center; line-height:3.6rem; color:#666;border:1px solid #ccc; box-sizing:border-box;}
.prot a:nth-child(2n-1){ float:left; background:#fff url(../images/index/pro_icon11.png) no-repeat 15% center; background-size:1.55rem 1.5rem; }
.prot a:nth-child(2n){ float:right; background:#fff url(../images/index/pro_icon22.png) no-repeat 15% center; background-size:1.55rem 1.5rem; }
.prot a:nth-child(2n-1).active{background:#1283c7 url(../images/index/pro_icon1.png) no-repeat 15% center; background-size:1.55rem 1.5rem; color:#fff; }
.prot a:nth-child(2n).active{ background:#1283c7 url(../images/index/pro_icon2.png) no-repeat 15% center; background-size:1.55rem 1.5rem; color:#fff; }
.prot a.active{border:1px solid #1283c7; box-sizing:border-box;}
.pro2 li{ width:47.83%;}
.pro2 li em{ display:block; height:3.3rem; font-size:1.2rem; color:#666; line-height:3.3rem; overflow:hidden; text-align:center;}
.pro2 li img{ display:block; width:100%;}
.pro2 a:nth-child(2n-1) li{ float:left;}
.pro2 a:nth-child(2n) li{ float:right;}
.pro h5{ text-align:center; background:url(../images/index/pro_btn.png) no-repeat center top; background-size:100% auto; height:3.4rem; font-size:1.2rem; color:#fff; line-height:3.4rem; margin-top:0.8rem;}

.pinz2,.new2{ width:93.75%; margin:0 auto;}
.pinz .tit1,.new .tit1{ margin-bottom:1.5rem;}
.pinzt,.newt{ height:3.6rem; overflow:hidden; margin-bottom:1.5rem;}
.pinzt a,.newt a{ display:inline-block; width:47.83%; height:3.6rem; font-size:1.2rem; text-align:center; line-height:3.6rem; color:#666;border:1px solid #ccc; box-sizing:border-box;}
.pinzt a.active,.newt a.active{border:1px solid #1283c7; box-sizing:border-box; font-weight:bold; color:#1283c7;}
.pinzt a:nth-child(2n-1),.newt a:nth-child(2n-1){ float:left;}
.pinzt a:nth-child(2n),.newt a:nth-child(2n){ float:right;}
.pinz3{ overflow:hidden;}
.pinz3 dl{ height:7.5rem; margin-bottom:1rem; background:#fff; overflow:hidden; border-radius:4rem;}
.pinz3 dt{ width:25.66%;}
.pinz3 dt img{ display:block; width:100%; border-radius:4rem;}
.pinz3 dd{ width:68%; padding:0 3%;}
.pinz3 dd h3{ font-size:1.2rem; font-weight:bold; color:#666; padding:0.9rem 0 0 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pinz3 dd p{ font-size:1.05rem; color:#666; line-height:1.8rem;}
.pinz3 dl:nth-child(2){ text-align:right;}

.g-key{ padding:2.3rem 0 3.3rem 0;}
.g-key .swiper-slide:nth-child(3) dd h3{ background:url(../images/index/ys_02.png) no-repeat left top; background-size:62.5% auto;}
.g-key .swiper-slide:nth-child(4) dd h3{ background:url(../images/index/ys_03.png) no-repeat left top; background-size:62.5% auto;}
.g-key dl{ width:93.75%; margin:1rem auto 0;}
.g-key dt img{ display:block; width:100%;}
.g-key dd{ margin:1rem 0 0.5rem 0;}
.g-key dd h3{ background:url(../images/index/ys_01.png) no-repeat left top; background-size:62.5% auto; height:4.95rem; overflow:hidden; font-size:1.8rem; font-weight:bold; color:#666;}
.g-key dd h3 em{ display:block; float:left; width:12.5%; text-align:center; padding-top:2.3rem; font-size:1.2rem; color:#fff; margin-right:3%;}
.g-key dd h3 i{ display:block; font-size:0.7rem; color:#ccc; text-transform:uppercase; font-weight:normal; padding-top:1rem;}
.g-key dd p{font-family:"Microsoft YaHei"; color:#666; font-size:1.2rem; line-height:2rem; position:relative; padding-left:3%;margin-top:1rem;}
.g-key dd p:before{ content:""; position:absolute; top:0.7rem; left:0; width:0.35rem; height:0.35rem; border-radius:0.35rem; border:2px solid #666;}


/*-----------------------------------------------------------------------------------------------------------------------*/
.arr{ position:relative; width:100%; margin-top:2.1rem; padding-bottom:2rem;}
.arr .swiper-pagination{ width:100%;}
.arr .swiper-pagination-bullet{ width:0.7rem; height:0.7rem; border-radius:0.7rem; background:#999; margin:0.8rem 2% 0 2%; opacity:1;}
.arr .swiper-pagination-bullet-active{ background:#fd9b00; width:2rem;}
.arr .swiper-button-next{ width:3.1rem; height:3.2rem; background:url(../images/index/right.png) no-repeat; background-size:100% 100%; right:25%;}
.arr .swiper-button-prev{ width:3.1rem; height:3.2rem; background:url(../images/index/left.png) no-repeat; background-size:100% 100%; left:25%;}

.wit{ background:url(../images/index/wit_bg.jpg) no-repeat center top; background-size:100% auto; padding-bottom:3rem;}
.wit h3{ width:93.75%; margin:0 auto 1.3rem; position:relative;}
.wit h3 img{ display:block; width:100%;}
.wit h3 em{ display:block; width:100%; height:2rem; font-size:1.2rem; color:#fff; line-height:2rem; overflow:hidden; position:absolute; bottom:0; left:0; text-align:center; background:rgba(0,0,0,0.6);}
.wit ul{ width:93.75%; margin:0 auto;}
.wit li{ width:48.33%;}
.wit li img{display:block; width:100%; padding:2px; border:1px solid #cdcdcd; box-sizing:border-box;}
.wit li em{display:block; width:100%; height:3.5rem; font-size:1.2rem; color:#666; text-align:center; line-height:3.5rem; overflow:hidden;}
.wit a:nth-child(2n-1) li{ float:left;}
.wit a:nth-child(2n) li{ float:right;}
.wit h5{ text-align:center; background:url(../images/index/pro_btn.png) no-repeat center top; background-size:100% auto; height:3.4rem; font-size:1.2rem; color:#fff; line-height:3.4rem; margin-top:0.8rem;}

.new3{ overflow:hidden; padding-bottom:2rem;}
.new3 dt{ width:41.66%; float:left; margin-bottom:0.6rem;}
.new3 dt img{display:block; width:100%; padding:2px; border:1px solid #cdcdcd; box-sizing:border-box;}
.new3 dd{ width:55%; float:right;}
.new3 dd h3{ font-size:1.2rem; color:#111; height:3rem; line-height:3rem; overflow:hidden;}
.new3 dd p{ font-size:1.1rem; line-height:1.8rem; color:#666;}
.new3 dd p em{ color:#fd9b00;}
.new3 li{ height:2.75rem; border-bottom:1px dashed #ccc; font-size:1.1rem; line-height:2.75rem; overflow:hidden; color:#666;}
.new3 li em{ float:right; color:#999;}
.new3 a:last-child li{ border:0;}

.about dl{ background:#e4e4e4 url(../images/index/about_bg.jpg) no-repeat center top; background-size:100% auto; padding:1.5rem 0 ;}
.about dt{ width:80.9375%; margin:0 auto; height:14.35rem;overflow:hidden;}
.about dt img{ display:block; width:100%; height:100%;}
.about dd{ width:93.75%; margin:2rem auto 0; text-align:center;}
.about dd h3{ font-size:1.2rem; font-weight:bold; color:#1283c7; line-height:4rem; height:4rem; overflow:hidden;}
.about dd p{ font-size:1.1rem; color:#666; line-height:1.8rem;}
.about dd p em{ color:#fd9b00;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}