﻿.wrap { background:#fff;}	
.wrap img { display:block; width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/* */



.g-nav{color:#ffffff; background:#17b5b8; width:100%;}
.g-nav a{float: left; text-align: center; margin-bottom: 0.8rem;margin-top:0.8rem;
 color:#ffffff; width: 30%; font-size:1rem;}
.g-nav img{width: 4.56rem; margin: 0 auto; padding-bottom: 0.5rem;}
.g-nav a:nth-child(3n-2){ margin-left: 5%; }


/*  */


.g-went{background: #eee; padding-bottom: 0.5rem;}
.g-went h3{text-align: center; font-size: 1.5rem; color: #333; font-weight: bold; padding: 1.8rem 0 2.2rem;}
.g-went h3 span{color: #ffae02;}
.g-went li{width: 44.4%; float: left; margin-right: 3.4%; height: 5.8rem; background: #ffae02; font-size: 1rem; color: #fff; text-align: center; line-height: 1.5rem; padding-top: 2rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-radius: 0.4rem;-moz-border-radius: 0.4rem;-o-border-radius: 0.4rem;-webkit-border-radius: 0.4rem; position: relative; margin-bottom: 2rem;}
.g-went li b{display: block; }
.g-went li:nth-child(2n-1){margin-left: 4.1%;}
.g-went li:nth-child(1):before{content: "01"; width: 4rem; height: 3.33rem;background:url(img/went_bg1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.4rem; color: #ffae02; font-size: 1.5rem; line-height: 3rem; font-weight: bold; }

.g-went li:nth-child(2):before{content: "02"; width: 4rem; height: 3.33rem;background:url(img/went_bg2.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.4rem; color: #1b9ae9; font-size: 1.5rem; line-height: 3rem; font-weight: bold; }
.g-went li:nth-child(3):before{content: "03"; width: 4rem; height: 3.33rem;background:url(img/went_bg2.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.4rem; color: #1b9ae9; font-size: 1.5rem; line-height: 3rem; font-weight: bold; }
.g-went li:nth-child(4):before{content: "04"; width: 4rem; height: 3.33rem;background:url(img/went_bg1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.4rem; color: #ffae02; font-size: 1.5rem; line-height: 3rem; font-weight: bold; }
.g-went li:nth-child(5):before{content: "05"; width: 4rem; height: 3.33rem;background:url(img/went_bg1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.4rem; color: #ffae02; font-size: 1.5rem; line-height: 3rem; font-weight: bold; }
.g-went li:nth-child(6):before{content: "06"; width: 4rem; height: 3.33rem;background:url(img/went_bg2.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0.8rem; top: -1.4rem; color: #1b9ae9; font-size: 1.5rem; line-height: 3rem; font-weight: bold; }
.g-went li:nth-child(2),.g-went li:nth-child(3),.g-went li:nth-child(6){background: #1b9ae9;}


/*  */


.g-ycsj h3{text-align: center; color: #333; font-size: 1.083rem; padding: 2rem 0 1.5rem; }
.g-ycsj h3 b{display: block; font-size: 1.5rem; }
.g-ycsj h3 span{color: #ffae02;}

.g-ycsj .m-cnt{ text-align: center; padding-bottom: 0.7rem;}
.g-ycsj .m-cnt li{ width: 29.4%; height: 7.8rem; line-height:7.8rem; font-size: 1rem; background: #1b9ae9; display: inline-block;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; margin: 0 1.2%; position: relative;}
.g-ycsj .m-cnt li span{display: inline-block; vertical-align: middle; line-height: 1.75rem; font-size: 1.25rem; color: #fff; font-weight: bold; }
.g-ycsj .m-box p{width: 74%; margin: 0 auto; padding:1.3rem 9%; background: #eee; color: #333; line-height: 1.5rem; font-size: 1rem; text-align: center; border-radius: 0.4rem;-moz-border-radius: 0.4rem;-o-border-radius: 0.4rem;-webkit-border-radius: 0.4rem;}


/*  */


/*.g-fd{margin-top: 2.2rem;}*/
.g-fd h3{text-align: center; color: #333; font-size: 1.083rem; padding: 2rem 0 1rem; line-height: 1.8rem;}
.g-fd h3 b{display: block; font-size: 1.5rem; }
.g-fd h3 span{color: #17b5b8;}

.m-fd{ padding: 0 4.1% 2.3rem; }
.g-fd .m-cnt{ margin-bottom: 1.3rem; }
.g-fd .m-cnt li{ width: 33.33%; height: 4.8rem; line-height:4.8rem; font-size: 1rem; background: #1b9ae9;float: left; position: relative; text-align: center; border-right: 1px solid #eee;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-fd .m-cnt li span{display: inline-block; vertical-align: middle; line-height: 1.75rem;color: #fff; font-weight: bold; }
.g-fd .m-cnt li b{display: block; font-size: 1.5rem; color: #f6f600;}
.g-fd .m-cnt li.z-on{ background: #ffae02; }
.g-fd .m-cnt li.z-on b{color: #fff;}

.g-fd dt{float: left; width: 45%; padding-top: 0.3rem;}
.g-fd dd{float: left; margin-left: 5%; width: 45%; font-size: 1rem; color: #333; line-height: 1.5rem; height:9rem; overflow: hidden; }
.g-fd .m-box .con{ display: inline; float: left; min-height: 1rem; }


/*  */

.g-yj h3{font-size: 1.5rem; line-height: 2rem; color: #333; text-align: center; font-weight: bold; padding: 2rem 0 1rem;}
.g-yj h3 span{color: #ffae02;}


.m-yj{margin: 0 4.1% 2.2rem; position: relative;}
.m-yj li{float: left; width: 49.5%; background: #1b9ae9; font-size: 1.167rem; margin-bottom: 0.21rem; height: 6rem; line-height: 6rem; padding-left: 12%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position: relative;}
.m-yj li span{display: inline-block; vertical-align: middle; line-height: 1.75rem;color: #fff; text-align: center;}
.m-yj li b{display: block;}
.m-yj li:nth-child(2n){ float: right;  padding-left: 0; padding-right: 12%; text-align: right;}

.m-yj li:nth-child(1):before{content: "01"; font-weight: bold; position: absolute; left: 0; top: 0; width: 2.21rem; text-align: center; color: #fff; height: 2.58rem; line-height: 2.58rem; background: #ffae02; -webkit-border-radius: 0 0 1.105rem 1.105rem; -o-border-radius: 0 0 1.105rem 1.105rem; -moz-border-radius: 0 0 1.105rem 1.105rem; border-radius: 0 0 1.105rem 1.105rem;}
.m-yj li:nth-child(2):before{content: "02"; font-weight: bold;position: absolute; right: 0; top: 0; width: 2.21rem; text-align: center; color: #fff; height: 2.58rem; line-height: 2.58rem; background: #ffae02;-webkit-border-radius: 0 0 1.105rem 1.105rem; -o-border-radius: 0 0 1.105rem 1.105rem; -moz-border-radius: 0 0 1.105rem 1.105rem; border-radius: 0 0 1.105rem 1.105rem;}
.m-yj li:nth-child(3):before{content: "03";font-weight: bold; position: absolute; left: 0; bottom: 0; width: 2.21rem; text-align: center; color: #fff; height: 2.58rem; line-height: 2.58rem; background: #ffae02;-webkit-border-radius: 1.105rem 1.105rem 0 0 ; -o-border-radius: 1.105rem 1.105rem 0 0 ; -moz-border-radius:1.105rem 1.105rem 0 0 ; border-radius:1.105rem 1.105rem 0 0;}
.m-yj li:nth-child(4):before{content: "04";font-weight: bold; position: absolute; right: 0; bottom: 0; width: 2.21rem; text-align: center; color: #fff; height: 2.58rem; line-height: 2.58rem; background: #ffae02;-webkit-border-radius: 1.105rem 1.105rem 0 0 ; -o-border-radius: 1.105rem 1.105rem 0 0 ; -moz-border-radius:1.105rem 1.105rem 0 0 ; border-radius:1.105rem 1.105rem 0 0;}

.m-yj p{width: 9rem; height: 9rem; background: #ffae02;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; border: 0.25rem solid #fff; position: absolute; top: 1.4rem; left: 50%; margin-left: -4.8rem; color: #fff; text-align: center;}
.m-yj p em{display: block; font-size: 1.5rem; font-weight: bold; padding: 2.6rem 0 0.6rem;}
.m-yj p a{display: block; width: 6rem;margin: 0 auto; line-height: 1.4rem; font-size: 0.92rem; color: #fff; border: 0.13rem solid #fff; border-radius: 1.7rem;-moz-border-radius: 1.7rem;-o-border-radius:1.7rem;-webkit-border-radius: 1.7rem;}

/*  */


.g-fw{ padding-bottom: 1.5rem; background-color:#eeeeee;}
.g-fw h3{text-align: center; line-height: 1.3rem; font-size: 1rem; color: #333; padding: 2.1rem 0 1.4rem;background: #eee;}
.g-fw h3 b{display: block; font-size: 1.5rem; margin-bottom: 0.5rem;}
.g-fw h3 span{color: #999; font-size: 0.8rem;}
.g-fw .m-box .con{ display: inline; float: left; min-height: 1rem; }
.m-ccnt{text-align: center; padding-bottom: 1.4rem;margin-bottom: 1.4rem;}
.m-ccnt li{ padding:0 0.5rem;font-size: 1rem; color: #fff; display: inline-block; height: 2.25rem; line-height: 2.25rem;  background: #00a4a7; border-radius:0.4rem margin: 0 1%; position: relative;margin-bottom: 0.4rem; }
.m-ccnt li a{ color:#fff;display: block;}

.g-fw .sclwrap_box{ width: 96%; margin: 0 auto; }
.g-fw .m-box li{float: left; width: 48%; margin-right: 4%; margin-bottom: 1.1rem;}
.g-fw .m-box li:nth-child(2n){margin-right: 0;}
.g-fw .m-box li span{display: block; font-size: 1rem; text-align: left; line-height: 1.8rem; height: 1.8rem; overflow: hidden; color: #333; /*  border-left: 5px solid #2b983d;*/margin-top: 0.5em;text-indent: 0.5em;}


/*  */

.g-zyb h3{ height: 3rem; line-height: 3rem;background: #1b9ae9; margin-bottom: 1rem; }
.g-zyb h3 b a{ float: left; font-size: 1.5rem; color: #fff; padding-left: 3.5rem;background:url(img/zyb_ic.png) no-repeat 0.9rem center; background-size: 2.25rem;}
.g-zyb h3 span a{ float: right; font-size: 1rem; color: #fff; width: 22.8%; text-align: center; background: #ffae02; text-transform: uppercase;}

.m-zyb{margin: 0 4.1%;}
.m-zyb dl{float: left; width: 49.2%;}
.m-zyb dl:last-child{float: right;}

.m-zyb dt{width: 60%; margin: 0 auto;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; border: 0.21rem solid #fff; overflow: hidden; position: relative; z-index: 9;}

.m-zyb dd{background: #efefef; font-size: 1rem; text-align: center; margin-top: -4rem;line-height: 1.3rem;}
.m-zyb dd h4{font-size: 1rem;  height: 1.3rem; overflow: hidden; padding: 4.8rem 0 0.4rem;}
.m-zyb dd h4 a{color: #666; font-weight: bold;}
.m-zyb dd b{display: block; color: #333;  height: 1.3rem; overflow: hidden;}
.m-zyb dd span{display: block; color: #666;height: 1.3rem; overflow: hidden; margin-bottom: 0.4rem;}
.m-zyb dd p{background: #1b9ae9; color: #fff; padding: 0.5rem 0 0.8rem; font-weight: bold;}
.m-zyb dd em{display: block; font-size: 2.7rem; line-height: 3.5rem; border-top: 1px solid #0a79e5;}
.m-zyb dd i{display: block; font-weight: normal; border-bottom: 1px solid #2abbff; padding-bottom: 0.3rem;}

.m-con .m-box li{float: left; width: 48%; margin-right: 4%; margin-bottom: 1.1rem;}
.m-con .m-box li:nth-child(2n){margin-right: 0;}
.m-con .m-box li span{display: block; font-size: 0.8rem; text-align: center; line-height: 2.2rem; height: 2.2rem; overflow: hidden; color: #333; border-bottom: 0.13rem solid #c9c9c9; background: #fff; -webkit-border-radius: 0 0 1.105rem 1.105rem; -o-border-radius: 1.105rem 1.105rem 0 0 ; -moz-border-radius: 0 0 1.105rem 1.105rem; border-radius: 0 0 1.105rem 1.105rem;}

.g-fw .pem{ display:block; padding:0 2.4%;}

/*  */

.g-xy{background: #eee; /*margin-top: 2.2rem;*/}
.g-xy h3{text-align: center; font-size: 1.5rem; font-weight: bold; padding: 2rem 0 1rem;}
.g-xy h3 a{color: #333;}
.g-xy h3 span{color: #ffae02;}

.g-xy ul{padding: 0 2.4%; text-align: justify;}
.g-xy ul:after{content: "";display:inline-block; width:100%; height:0; overflow:hidden;}
.g-xy li{display: inline-block; width: 48%; padding: 0.13rem; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin-bottom: 1rem;}
.g-xy li a{display: block; position: relative;}
.g-xy li p{font-size: 0.75rem; color: #fff; position: absolute; left: 0; width: 100%; bottom: 0; background:rgba(236,156,35,0.7); padding: 0.3rem 0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; line-height: 1.5rem;}
.g-xy li p b{display: block; height: 1.5rem; overflow: hidden;}
.g-xy li p span{display: block;height: 1.5rem; overflow: hidden;}
.g-xy li p i{display: block;height: 1.5rem; overflow: hidden;}


/*  */

.g-ms{position: relative; padding-bottom: 2rem;}
.g-ms h3{text-align: center; font-size: 1rem; line-height: 2rem; color: #333; padding: 2rem 0 1rem;}
.g-ms h3 b{display: block; font-size: 1.5rem;}
.g-ms h3 a{color: #333;}
.g-ms h3 span{color: #ffae02;}

.g-ms .sclwrap_box{ width:76.7%; margin:0 auto;}
.g-ms li{float: left; width:47.4%; margin-right: 5%; text-align: center; font-size: 1rem;}
.g-ms li:nth-child(2n){margin-right: 0;}
.g-ms li img{border: 1px solid #bfbfbf; border-bottom: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-ms li span{display: block; background: #ffae02; color: #fff; font-weight: bold; line-height: 2rem;}
.g-ms li p{color: #fff; background: #1b9ae9; line-height: 2rem; padding: 0.3rem 0.8rem 0.5rem;}
.g-ms li p b{display: block; border-top: 1px solid #49aeed;}
.g-ms .prev{ width: 2.21rem; left: 0;  top: 12.5rem; position: absolute; display: block; }
.g-ms .next{width: 2.21rem; right: 0;  top:12.5rem; position: absolute; display: block;  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);}

/*  */


.g-jp{background: #eee; font-size: 1.083rem; padding-bottom: 2rem;}
.g-jp h3{text-align: center; font-weight: bold; font-size: 1.5rem; text-align: center; padding: 2.2rem 0 1rem;}
.g-jp h3 a{color: #333;}

.g-jp p{ text-align: center; background:url(img/jp_bg.png) no-repeat center 1.1rem; background-size: 100%;}
.g-jp b{display: block;}
.g-jp b a{display: inline-block; width: 6.25rem;  line-height: 2.21rem; background: #1b9ae9; color: #fff; margin: 0 0.6rem; border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem;}
.g-jp span{display: block; margin-top: 2rem;}
.g-jp span a{display: inline-block; width: 6.33rem; height: 6.33rem;line-height: 6.33rem; color: #fff; border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; background: #ffae02; border: 0.17rem solid #ffdd94;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;font-weight: bold;margin: 0 0.6rem;}


/*  */

.g-about h3{ height: 38px; line-height: 38px;background: url(img/32_guja.png) no-repeat; margin-bottom: 1.3rem; }
.g-about h3 b a{ float: left; font-size: 1.167rem; color: #fff; padding-left: 0.5rem;}
.g-about h3 span a{ float: right; font-size: 0.75rem; color: #ffae02; width: 14.8%; text-align: center; text-transform: uppercase;}
.g-about dl{width: 87%; margin: 0 auto;}
.g-about dl p{line-height: 1.5rem; color: #666; font-size: 1rem; margin-top: 0.5rem; position: relative;}
.g-about dl{line-height: 1.5rem; color: #666; font-size: 1rem; margin-top: 0.5rem; position: relative;}
.g-about dd a{color: #008eda; position: absolute; right: 0; bottom: 0;}


/*  */

.g-news{padding: 2.5rem 0;}
.g-news h3{ height: 34px; line-height: 34px;background: url(img/32_guja.png) no-repeat;margin-bottom: 1.3rem; }
.g-news h3 b a{ float: left; font-size: 1.167rem; color: #fff; padding-left: 0.5rem;}
.g-news h3 span a{ float: right; font-size: 0.75rem; color: #ffae02; width: 14.8%; text-align: center; text-transform: uppercase;}
.g-news ul{padding: 0 6.2%;}
.g-news li{line-height:2.5rem; height: 2.5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  font-size: 1rem; border-bottom: 1px dashed #ccc;}
.g-news li:before{ content: "●"; font-size: 0.75rem;padding-right: 0.5rem; color: #333;}
.g-news li a{color: #333;}


/*  */


.pagelist{
	width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

.pagelist a{
    display: inline-block;
    width: 20%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #0655cb;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    margin: 0 2%;
}

.pagelist select {
    display: inline-block;
    width: 20%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px #cccccc inset;
    -moz-box-shadow: 2px 2px 2px #cccccc inset;
    box-shadow: 2px 2px 2px #cccccc inset;
}

.pagelist select{
	font-size: 0.4rem;
    padding: 0.2rem 0.2rem;
    width: 18%;
    line-height: 0.5rem;
    margin-right: 0.1rem;
}


/*  */




/*  */

@media screen and (min-width:320px) {
html { font-size:75%;}
}
@media screen and (min-width:360px) {
html { font-size:87%;}
}
@media screen and (min-width:375px) {
html { font-size:88%;}
}
@media screen and (min-width:400px) {
html { font-size:98%;}
}
@media screen and (min-width:414px) {
html { font-size:100%;}
}
@media screen and (min-width:480px) {
html { font-size:112%;}
}
@media screen and (min-width:568px) {
html { font-size:131%;}
}
@media screen and (min-width:639px) {
html { font-size:150%;}
}