﻿.slick-dots li button{font-size: 0;line-height: 0;display: block;cursor: pointer;color: transparent;border: 0; outline: none; background: transparent;}

.g-adv{width:100%; display:block;}
.g-adv img{ width:100%; display:block;}

nav{width:81.25%; margin:2rem auto 1rem; overflow: hidden;}
nav a{width:31.33%; line-height:2.5rem; margin:0px 3% 1.5rem 0; font-size:1.1rem;color:#666; font-weight:normal; text-align:center; display:block;box-sizing:border-box; float:left;}
nav a:nth-child(3n){margin-right:0;}
nav a em{ display:block;width:2.65rem;padding:1.175rem; background:#e9e9e9; border-radius:20px; margin:0 auto; }
nav a em img{ width:100%; display:block;}
nav a.cur em{color:#2256cd; background:#2256cd;}

.pp{ height:18.25rem; background:url(/mobile/images/Index/ppbg.jpg) no-repeat; background-size:100% 100%; overflow: hidden;}
.pp h2{ font-size:1.6rem; text-align:center; padding-top:3.5rem;}
.pp h2 span{font-weight:bold;color:#1b4cbb; font-weight:bold;}
.pp h2 em{font-size:0.6rem; display:block; color:#c4c4c4; text-transform:uppercase; overflow:hidden; }
.pp p{width:90.625%; margin:0.8rem auto 0; font-size:0.9rem; color:#454545; line-height:1.6rem; text-indent:2rem;}


.sl{ height:41rem;width:90.625%; margin:0 auto; overflow: hidden; }
.sl h2{ font-size:1.6rem; color:#1b4cbb;text-align:center;  font-weight:normal; padding-top:3.5rem; margin-bottom:1.4rem;}
.sl h2 span{font-weight:bold; font-weight:bold;}
.sl h2 em{font-size:0.6rem; display:block; color:#c4c4c4; text-transform:uppercase; overflow:hidden; }
.sl dl dt{width:100%;}
.sl dl dt img{ width:100%; display:block;}
.sl dl dd{font-size:1.1rem;color:#373737;line-height:2.5rem;padding-top:1rem;}
.sl dl em{ display:inline-block; font-family:Times New Roman;font-size:1.5rem;color:#444444;font-weight:bold;  }
.sl dl b{ font-weight:bold;color:#444444;}
.sl dl p{font-size:0.9rem;line-height:1.6rem; color:#666; text-align:left;}
.sl .left1{ position:absolute;left:27.6%;margin-top:2rem;}
.sl .left1 img,.sl .right1 img{width:2.7rem; display:block; cursor:pointer;}
.sl .right1{ position:absolute; right:27.6%;margin-top:2rem;}
.sl .slick-dots{ position:absolute;left:41.6%;margin-top:2.5rem;}                                       
.sl .slick-dots li{width:0.5rem;height:0.5rem;margin:0 0.5rem; border-radius:100%; background:#4c4f57; float:left;}
.sl .slick-dots li.slick-active{ background:#1b4cbb;}  


.pro{height:52.15rem; overflow: hidden; background:url(/mobile/images/Index/pro_bj.jpg) no-repeat; background-size:100%;}
.pro h2{ font-size:1.6rem; color:#1b4cbb;text-align:center;  font-weight:normal; padding-top:3.5rem; height:4.65rem;}
.pro h2 span{font-weight:bold; font-weight:bold;}
.pro h2 em{font-size:0.6rem; display:block; color:#c4c4c4; text-transform:uppercase; overflow:hidden; }
.g-list{margin: 0 4.6%;height:8.6rem; overflow: hidden;}
.g-list a{margin: 0 1.8% 15px 0;height:3.0rem;border:1px solid #e8e8e8;background:#fff;width:31.4%;display: block; float: left; font-size: 1.1rem; color:#333333;text-align: center;line-height: 3rem;}
.g-list a:nth-child(3n){margin-right: 0;}
.g-list a:nth-child(1){background:#1b4cbb; color:#fff;}
.pro ul li{ float: left;width:43.125%;margin: 0 0 1.35rem 4.6%;  overflow: hidden;line-height: 0;border:1px solid #e5e5e5;}
.pro li span{display: block;overflow: hidden; background:url(/mobile/images/Index/propspan.jpg) no-repeat;background-size:100% ; height:2.95rem;text-align: center; color:#fff;font-size: 0.9rem; color:#fff; line-height: 2.95rem;width:100%; }

.g-ys{ height:43.6rem;width:90.625%; margin:3.5rem auto 0; overflow: hidden;  }
.g-ys h2{ font-size:1.6rem; color:#1b4cbb;text-align:center;  font-weight:normal;height:4.25rem;}
.g-ys h2 span{font-weight:bold; font-weight:bold;}
.g-ys h2 em{font-size:0.6rem; display:block; color:#c4c4c4; text-transform:uppercase; overflow:hidden; }
.g-ys dl {margin-top: 1.35rem;}
.g-ys .con:nth-child(2) dl:nth-child(2){background:url(/mobile/images/Index/01.gif) no-repeat; background-size:3.2rem 4.1rem;}
.g-ys .con:nth-child(3) dl:nth-child(2){background:url(/mobile/images/Index/02.gif) no-repeat; background-size:3.2rem 4.1rem;}
.g-ys .con:nth-child(4) dl:nth-child(2){background:url(/mobile/images/Index/03.gif) no-repeat; background-size:3.2rem 4.1rem;}
.g-ys .con:nth-child(5) dl:nth-child(2){background:url(/mobile/images/Index/04.gif) no-repeat; background-size:3.2rem 4.1rem;}
.g-ys dl dt{padding-left: 15.5%; font-size: 1.2rem; color:#333333; line-height: 2rem;padding-bottom: 1rem;}
.g-ys dl dt b{display: block; font-size: 1.4rem; color:#1244b5;}
.g-ys dl dd{font-size:0.9rem;color:#555555;line-height:1.5rem;margin: 0 0 0 10.5%;position: relative;padding-left: 5%;}
.g-ys dd:before{position: absolute; content:""; width:0.6rem;height:0.1rem;background:#878787; top: 0.8rem; left:0;}
.g-ys .left2{ position:absolute;left:27.6%;margin-top:3rem;}
.g-ys .left2 img,.g-ys .right2 img{width:2.7rem; display:block; cursor:pointer;}
.g-ys .right2{ position:absolute; right:27.6%;margin-top:3rem;}
.g-ys .slick-dots{ position:absolute;left:41.6%;margin-top:4rem;}                                       
.g-ys .slick-dots li{width:0.5rem;height:0.5rem;margin:0 0.5rem; border-radius:100%; background:#4c4f57; float:left;}
.g-ys .slick-dots li.slick-active{ background:#1b4cbb;}  

.g-coo{ height:28.1rem;background:url(/mobile/images/Index/coo_bj.jpg) no-repeat;background-size:100%;overflow: hidden;position: relative;}
.g-coo h2{ font-size:1.6rem;padding-top: 3.2rem; color:#fff;text-align:center;  font-weight:normal;height:4.4rem;}
.g-coo h2 span{font-weight:bold; font-weight:bold;}
.g-coo h2 a{color:#fff;}
.g-coo h2 em{font-size:0.6rem; display:block; color:#fff; text-transform:uppercase; overflow:hidden; }
.g-coo .con{height:16.5rem; overflow: hidden;}
.g-coo dl {width:43.4375%;float: left;margin-left: 4.6%; overflow: hidden; line-height: 0;height:14.85rem;background:#fff;}
.g-coo dl dt{line-height: 0;position: relative; z-index: 1;}
.g-coo dl dd{position: relative;margin-top: -0.35rem; z-index: 3;}
.g-coo dl dd img{display: block;width:2.8rem;position: absolute; top: 0;left: 3%;}
.g-coo dl dd h3{padding:1.65rem 0 0 4.25rem; font-size: 1.0rem;font-weight: bold; line-height: 1.2rem;}
.g-coo dd h3 a{ color:#646464; display: block;}
.g-coo dd p{padding:0.7rem 0.75rem 0; font-size: 0.9rem; color:#646464; line-height: 1.2rem;}
.g-coo dd p a{color:#646464;}
.g-coo dd p i{ color:#1b4cbb;}
.g-coo .slick-dots{ position:absolute;left:41.6%;margin-top:0rem;}                                       
.g-coo .slick-dots li{width:0.5rem;height:0.5rem;margin:0 0.5rem; border-radius:100%; background:#fff; float:left;}
.g-coo .slick-dots li.slick-active{ background:#bd2d2d;}  

.g-lc{margin-top: 3.25rem;height:34.75rem; overflow: hidden;}
.g-lc h2{ font-size:1.6rem;color:#1b4cbb;text-align:center;  font-weight:normal;height:4.75rem;}
.g-lc h2 span{font-weight:bold; font-weight:bold;}
.g-lc h2 a{color:#1b4cbb;}
.g-lc h2 em{font-size:0.6rem; display:block; color:#c4c4c4; text-transform:uppercase; overflow:hidden; }
.g-lc ul{height: 27.5rem; background:url(/mobile/images/Index/lc_bj.jpg) no-repeat;background-size:100%;}
.g-lc li{width:25%; float: left;height:9.3rem; overflow: hidden;display: block;text-align: center; font-size: 1.0rem ;color:#333333;text-align: center;}
.g-lc li img{display: block;width:5.85rem;margin: 0 auto;}

.g-about{padding-top: 3.2rem;padding-bottom:2.5rem;background:#f3f3f3;overflow: hidden;}
.g-about h2{height:5.0rem; overflow: hidden;text-align: center; font-size: 1.6rem; position: relative;}
.g-about h2:before{ position: absolute; content:"";width:1.15rem;height:0.1rem; background:#454545;  top: 1rem; left: 30%;}
.g-about h2:after{ position: absolute; content:"";width:1.15rem;height:0.1rem; background:#454545;  top: 1rem; right: 30%;}
.g-about h2 a{ color:#454545;}
.g-about h2 i{display: block;font:0.6rem/1rem "Arial"; color:#999999; text-transform: uppercase;}
.g-about dl{width:90.625%;margin: 0 auto; overflow: hidden;}
.g-about dd h3 {padding-top: 1.5rem; font-size: 1.0rem;font-weight: bold;line-height: 1.5rem;}
.g-about dd h3 a{ color:#555555;}
.g-about dd p a{ display: block; font-size: 0.9rem; line-height: 1.7rem; color:#555;}
.g-about dd p i{ color:#1b4cbb;}

.g-news{height:19.5rem;width:90.625%;margin: 3.5rem auto 0; overflow: hidden;position: relative;}
.g-news h2{position: absolute; top: 0;right: 0; z-index: 3;width:4.3rem; font-size: 0.9rem; color:#666666;line-height: 3rem; text-transform: uppercase;}
.g-news .m-cnt{height:3.0rem;line-height: 3rem; background:#f7f7f7;}
.g-news .m-cnt li{float: left; font-size: 1.2rem; padding: 0 1.6rem;height:3rem; color:#666666;}

.g-news .m-cnt li.z-on{ background:#1b4cbb; color:#fff;}
.g-news .con{ float: left;width:100%; display:inline;}
.g-news .con ul{margin-top: 1.25rem;}
.g-news .con li{height:2.7rem;border-bottom: 1px dashed #dddddd;overflow: hidden;padding-left: 1.9rem; color:#666666;line-height: 2.7rem; font-size: 1rem; background:url(/mobile/images/Index/newsico.gif) no-repeat 0 1rem;background-size:0.55rem 0.55rem;}

















html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.4px;}}
@media screen and (min-width: 360px) {html {font-size: 11.8px;}}
@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;}}