/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#000; opacity:1;}
.ban .swiper-pagination-bullet-active{ background:#f48619;}

nav{ height:7.45rem; margin-top:2rem;}
nav a{ display:inline-block; width:25%; float:left; text-align:center; font-size:1.2rem; color:#333;}
nav em{ display:block; width:50%; height:4rem; margin:0 auto 0.4rem; border-radius:0.9rem; background:#f48619;}
nav em img{ display:block; width:100%;}

.g-yun ul{ width:90.625%; margin:0 auto;}
.g-yun li{ width:32.758%; float:left; margin:0 0.8% 0.5rem 0; position:relative;}
.g-yun li img{ display:block; width:100%;}
.g-yun li em{ display:block; width:100%; height:rem; background:#f48619; line-height:2rem; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:absolute; bottom:0; left:0; text-align:center; font-size:1rem;}
.g-yun li:nth-child(3n){ margin-right:0;}

.tit1{ text-align:center; font-size:1.5rem; font-weight:bold; color:#25292f; background:url(../images/yun_h.gif) no-repeat center top; background-size:100% auto; height:3.4rem; overflow:hidden; padding-top:2.3rem;}

.g-yiz{ width:90.625%; margin:1rem auto 0; border:1px solid #efefef; box-sizing:border-box;}
.g-yiz p{ width:33.33%; float:left; height:4.7rem; padding-top:1.6rem; text-align:center; font-size:1.8rem; color:#25292f;}
.g-yiz p em{ display:block; font-size:1rem; color:#717070;}
.g-yiz p:nth-child(2n){ background:#f1f1f1;}

.guan{ height:17.8rem; overflow:hidden; background:url(../images/guan1.jpg) no-repeat center top; background-size:100% 100%; margin-top:2.4rem;}
.guan h2{ width:34.375%; padding:3rem 0 0 0; float:right; height:9.4rem;}
.guan h2 a{ display:block; width:70%; height:2.2rem; background:#fff; text-align:center; line-height:1rem; color:#ee7700; font-size:1rem; line-height:2.2rem; border-radius:1.3rem;}
.guan h2 span{ display:block; font-size:1.2rem; color:#fff; line-height:1.6rem; padding:0.7rem 0 0 7%;}
.guan h2 span em{ display:block; font-size:1.3rem; font-weight:bold;}
.guan p{ height:5.1rem; padding-left:3%;}
.guan p span{ display:inline-block; font-size:1.2rem; color:#333; width:60%;}
.guan p span a{display:block; width:45%; height:2.2rem; background:#ee7700; text-align:center; line-height:1rem; color:#fff; font-size:1rem; line-height:2.2rem; border-radius:1.3rem; margin-bottom:0.3rem;}
.guan p span:nth-child(2){ width:38%;}
.guan p span:nth-child(2) a{ width:64%;}

.g-pro{ margin-top:1.5rem;}
.g-pro .tit1{ height:4.7rem; background:url(../images/pro_h.gif) no-repeat center top; background-size:100% auto;}
.g-pro .pp{ width:90.625%; margin:0 auto; border:1px solid #e0e0e0; border-bottom:0; box-sizing:border-box; height:8rem;}
.g-pro .pp a{ font-size:1.1rem; text-decoration:underline; color:#333; line-height:4rem; display:block; float:left; width:33.33%; padding-left:5%; height:4rem; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;box-sizing:border-box;}
/*.g-pro .pp a:last-child{ text-decoration:none;}*/
.g-pro .pp a:nth-child(3n){ border-right:0;}
.pro{ position:relative;}
.pro dl{ width:90.625%; margin:0 auto 0.5rem; position:relative;}
.pro dt img{ display:block; width:100%;}
.pro dd{ width:79.82%; text-align:center; height:9rem; position:absolute; top:5rem; left:10%; background:url(../images/di_bg.png) no-repeat center top; background-size:100% auto;}
.pro dd em{ display:block; font-size:1.3rem; color:#fff; padding:1rem 0 0.3rem 0;}
.pro dd span{ display:block; text-align:center; height:2.1rem; overflow:hidden; margin-top:0.3rem;}
.pro dd span a{ display:inline-block; height:2.1rem; font-size:1rem; line-height:2.1rem; border-radius:1rem; color:#fff; margin:0 2%; background:#f48619; width:30%;}
.pro dd p{ font-size:1rem; line-height:3rem; color:#fff;}
.pro .swiper-pagination-bullet{ background:#fff;opacity:1;}
.pro .swiper-pagination-bullet-active{ background:#f48619;}
.g-pro ul{ width:90%; margin:0 auto;}
.g-pro li{ width:49.13%; position:relative;}
.g-pro li img{ display:block; width:100%;}
.g-pro li p{ position:absolute; top:0; left:0; text-align:center; background:rgba(0,0,0,0.1); width:100%; height:100%;font-size:1.3rem; color:#fff;}
.g-pro li p span{ display:block; padding:2rem 0 0.6rem 0;}
.g-pro li p em{}
.g-pro li p i{display:block; height:2.1rem; font-size:1rem; line-height:2.1rem; border-radius:1rem; color:#fff; margin:0 auto; background:#f48619; width:50%;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.anl{ margin-top:2.6rem; background:url(../images/anl_bg.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:2.5rem;}
.anl .tit1{ background:url(../images/anl_h.gif) no-repeat center top; height:4.4rem; padding-top:3.5rem;}
.anl1{ width:90.625%; margin:0 auto; overflow:hidden;}
.an2{ position:relative; width:100%; overflow:hidden;}
.anl1 dl{ background:#fff; overflow:hidden;}
.anl1 dt img{ display:block; width:100%;}
.anl1 dd{ width:90%; padding:1rem 5%;background:rgba(0,0,0,0.95); text-align:center;}
.anl1 dd h3{ font-size:1.3rem; font-weight:bold; color:#fff;}
.anl1 dd p{ font-size:1rem; line-height:1.5rem; color:#fff; padding-top:0.2rem;}
.anl1 dd p em{ color:#ee7700;}
.an2 .swiper-button-next{ display:block; background:url(../images/pro_r.png) no-repeat;background-size:100% auto; width:2.2rem; height:5.1rem; position:absolute; top:12rem; right:0;}
.an2 .swiper-button-prev{ display:block; background:url(../images/pro_l.png) no-repeat;background-size:100% auto; width:2.2rem; height:5.1rem; position:absolute; top:12rem; left:0; z-index:1;}
.tabs2{margin:1.5rem 0 0 4.6875%;}
.tabs2 a{ display:inline-block; width:22.6%; height:2.4rem; border:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:2.4rem; color:#000; margin:0 1.5% 0.4rem 0; font-size:1.1rem;}
.tabs2 a:nth-child(4n){ margin:0 0 0.4rem 0; }
.tabs2 .active{ background:#f48619; border:1px solid #f48619; color:#fff;}
.tabs2 a:last-child{ background:#f48619; border:1px solid #f48619; color:#fff;}

.case .tit1{ background:url(../images/case_h.gif) no-repeat center top; background-size:100% auto; padding-top:2.3rem; height:4.75rem; margin-top:2.2rem;}
.case2{ width:90.625%; margin:0 auto 0.45rem; overflow:hidden; background:#f4f4f4;}
.case2 dt{ width:50%; float:left;}
.case2 dt img{ display:block; width:100%;}
.case2 dd{ width:42%; padding-right:2%; float:right;}
.case2 dd h3{ font-size:1.2rem; font-weight:bold; color:#1d1a1a; padding:1.2rem 0;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.case2 dd h3 em{ font-weight:normal; padding-left:2%; text-transform:uppercase;}
.case2 dd p{ font-size:1rem; line-height:1.6rem; color:#1d1a1a;}
.case2 dd i{ display:block; text-align:right; color:#ee7700; font-size:1rem;}
.tabs{ width:90.625%; margin:0 auto;}
.tabs a{display:block; float:left; width:24.1%; margin-right:1.2%; text-align:center; font-size:1rem; color:#000; position:relative;}
.tabs img{ display:block; width:100%; margin-bottom:0.3rem; height:7.7rem;}
.tabs em{ display:block; font-size:0.9rem; text-transform:uppercase;}
.tabs p{ width:100%; height:7.7rem; position:absolute; top:0; left:0; background:rgba(244,134,25,0.8); display:none;}
.tabs p i{ display:block; width:1.25em; height:1.25rem; margin:2.7rem auto 0; background:url(../images/case_sou.png) no-repeat; background-size:100% 100%;}
.tabs .active p{ display:block;}
.tabs a:last-child{ margin-right:0;}

.tix2{ padding-bottom:1rem;}
.tix .tit1{ background:url(../images/tix_h.gif) no-repeat center top; background-size:100% auto; height:5.05rem; padding-top:2.5rem; margin-top:2.3rem;}
.tix dl{ overflow:hidden; width:61.25%; margin:0 auto 4rem; position:relative;}
.tix dt img{ display:block; width:100%;}
.tix dd{ background:rgba(244,134,25,0.8); text-align:center; position:absolute; bottom:0; left:0; width:100%; padding:1rem 0; color:#fff;}
.tix dd h3{ font-size:1.2rem;}
.tix dd p{ padding:0 5%; font-size:1rem; line-height:1.6rem;}
.tix .swiper-pagination-bullet{ background:url(../images/dot1.png) no-repeat; background-size:100% 100%;opacity:1;}
.tix .swiper-pagination-bullet-active{background:url(../images/dot2.png) no-repeat; background-size:100% 100%;}

.coop{ margin-bottom:1.5rem;}
.coop .tit1{ background:url(../images/coop_h.gif) no-repeat center top; background-size:100% auto; height:5.35rem; padding-top:3.5rem;}
.coop ul{ width:90.625%; margin:0 auto;}
.coop li{ width:25%; float:left; border:1px solid #ccc; box-sizing:border-box;}
.coop li img{ display:block; width:100%;}

.g-news{ width:90.625%; margin:0 auto; border:1px solid #ccc;margin-top:2rem;}
.news_nav{ height:2.1rem; background:#f6f6f6; position:relative;}
.news_nav:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ccc;}
.news_nav p{ float:left; padding:0 2.5%; line-height:2.1rem; color:#231815; font-size:1.1rem;}
.news_nav p.cur{ background:#fff; position:relative; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.news_nav p.cur:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff;}
.news_nav a{ display:block; position:absolute; top:0.4rem; right:3%; width:1.1rem; height:1.1rem; background:url(../images/more.gif) no-repeat; background-size:100% 100%; z-index:2;}
.news_con dl{ height:12.2rem; width:95.69%; margin:1rem auto 0;}
.news_con dt{ width:41.45%; float:left;}
.news_con dt img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.news_con dd{ width:54.54%; float:right;}
.news_con dd h3{ font-size:1.1rem; color:#272727; line-height:1.6rem; color:#272727;}
.news_con dd p{ font-size:1rem; line-height:1.7rem; color:#707070;}
.news_con dd em{ display:block; color:#f76319; font-size:1rem; line-height:1.7rem;}
.news_con ul{ width:90.625%; margin:0 auto;}
.news_con li{ height:3.3rem; font-size:1rem; line-height:3.3rem; color:#272727; overflow:hidden; border-top:1px solid #ccc;}
.news_con li em{ float:right; color:#7a7a7a;}



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;}}