@charset "utf-8";
/* CSS Document */

/* Title */
.Title{text-align: center;width: 100%;padding-top: 1.8rem;}
.Title h3 {font-size: 1.5rem;color: #333333;font-weight: lighter;}
.Title h3 a{color: #333333;}
.Title p{font-size: 1rem;color: #666666;margin-top: 0.3rem;}
.Title img{display: block;width: 100%;}
.Title i{ display: inline-block;width: 22%;position: relative;top: -0.2rem;}


/* banner */
.banner{width: 100%;}
.banner img{display: block;width: 100%;}


/* nav */
nav{width: 94%;padding: 1.8rem 4% 1rem;}
nav a{display: block;width: 23%;margin-left: 2%;text-align: center;float: left;margin-bottom: 1rem;}
nav img{display: block;width: 100%;}
nav a:nth-child(4n+1){margin-left: 1%;}
nav a span{display: block;font-size: 0.9rem;color: #666666;margin-top: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/* adv1 */
.adv1{width: 100%;}
.adv1 li{width: 50%;float: left;padding: 0.9rem 0;text-align: center;}
.adv1 li img{width: 44%;display: block;margin: 0 auto;}
.adv1 li span{display: block;font-size: 1rem;color: #fff;margin-top: 0.5rem;}
.adv1 li:nth-child(1){background: #eea94a;}
.adv1 li:nth-child(2){background: #319c66;}
.adv1 li:nth-child(3){background: #399ae1;}
.adv1 li:nth-child(4){background: #e9696a;}


/* dz */
.dz{width: 100%;padding-bottom: 1.6rem;}
.dz .mainCon{width: 94%;margin: 1.7rem auto 0;}
.dz .mainCon li{width: 49%;float: left;margin-left: 2%;box-sizing: border-box;border: 1px solid #eeeeee;margin-top: 0.8rem;}
.dz .mainCon li:nth-child(1),.dz .mainCon li:nth-child(2){margin-top: 0;}
.dz .mainCon li:nth-child(2n+1){margin-left: 0;}
.dz .mainCon li span{display: block;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #666666;}
.dz img{display: block;width: 100%;}

/* ad1 */
.ad1{width: 100%;background: url(../images/Index/ad1Bg.jpg) no-repeat center;background-size: cover;padding-top: 1.25rem;padding-bottom: 1.5rem;}
.ad1 h3{font-size: 1.1rem;color: #fff;text-align: center;}
.ad1 .p1{font-size: 1rem;color: #fff;font-weight: lighter;text-align: center;margin-top: 0.3rem;}
.ad1 .p2{font-size: 1rem;color: #fff;font-weight: lighter;text-align: center;margin-top: 0.6rem;}
.ad1 .p2 a{color: #ffd300;font-weight: bold;}
.ad1 .btn{text-align: center;margin-top: 0.9rem;}
.ad1 .btn a{display:inline-block;width: 30%;height: 2.5rem;line-height: 2.5rem;text-align: center;box-sizing: border-box;border: 1px solid #de7678;font-size: 1rem;color: #fff; font-weight: lighter;border-radius: 1.5rem;}
.ad1 .btn a:first-child{background: #fff;border-color: #fff;color: #333333;margin-right: 2%;}




/* show */
.show{width: 100%;padding-bottom: 2.2rem;background: #f6f6f6;}
.show .Title p i.prev{margin-right: 2%;}
.show .Title p i.next{margin-left: 2%;}
.show .mainCon{width: 94%;margin: 1.7rem auto 0;}
.show .mainCon .conBox ul li{width: 49%;float: left;margin-left: 2%;box-sizing: border-box;border: 1px solid #eeeeee;margin-top: 0.8rem;}
.show .mainCon .conBox h3{height: 3rem;line-height: 3rem;font-size: 1.1rem;color: #333333;font-weight: lighter;text-align: center;background: #ffd300;}
.show .mainCon .conBox h3 a{color: #333333;}
.show .mainCon .conBox ul li:nth-child(2n+1){margin-left: 0;}
.show .mainCon .conBox ul li span{display: block;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #666666;}
.show img{display: block;width: 100%;}
.show .mainCon .btnList{width: 100%;text-align: center;margin-top: 2rem;}
.show .mainCon .btnList span{display: inline-block;width: 15%;height: 0.3rem;background: #666666;margin-left: 1%;}
.show .mainCon .btnList span.on{background: #da3437;}
.show .mainCon .btnList span:first-child{margin-left: 0;}




/* goods */
.goods{width: 100%;padding-bottom: 1.6rem;}
.goods .mainCon{width: 94%;margin: 1.7rem auto 0;}
.goods .mainCon li{width: 49%;float: left;margin-left: 2%;box-sizing: border-box;border: 1px solid #eeeeee;margin-top: 0.8rem;}
.goods .mainCon li:nth-child(1),.goods .mainCon li:nth-child(2){margin-top: 0;}
.goods .mainCon li:nth-child(2n+1){margin-left: 0;}
.goods .mainCon li span{display: block;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #666666;}
.goods img{display: block;width: 100%;}


/* adv */
.adv{width: 100%;background: url(../images/Index/advBg.jpg) no-repeat center;background-size: cover;padding-bottom: 1.5rem;}
.adv .Title h3{color: #fff;}
.adv .Title p{color: #fff;}
.adv .Title i{width: 19%;}
.adv .mainCon{width: 94%;margin: 1.7rem auto 0;}
.adv .mainCon .box1{width: 100%;}
.adv .mainCon .box1 li{width:25%;float: left;padding-top: 1rem;background: url(../images/Index/advBg02.png);border-radius: 3px;border-left: 1px solid #c2433f;box-sizing: border-box;text-align: center;height: 7rem;}
.adv img{display: block;width: 100%;} 
.adv .mainCon .box1 li img{width: 55%;display: inline-block;}
.adv .mainCon .box1 li span{ display: block;font-size: 1rem;color: #333333;margin-top: 0.3rem;}
.adv .mainCon .box2{width: 100%;margin-top: 1.8rem;}
.adv .mainCon .box2 .title2{text-align: center;}
.adv .mainCon .box2 h3{font-size: 1.3rem;color: #fff;font-weight: lighter;}
.adv .mainCon .box2 h3 span{font-weight: bold;color: #efba00;font-size: 2rem;}
.adv .mainCon .box2 p{font-size: 1rem;color: #fff;margin-top: 0.3rem;}
.adv .mainCon .box2 .con{width: 100%;margin-top: 1.8rem;}
.adv .mainCon .box2 .con dl{width: 100%;margin-bottom: 1.5rem;}
.adv .mainCon .box2 .con dt{width: 12%;float: left;}
.adv .mainCon .box2 .con dd{float: left;margin-left: 3%;width: 75%;}
.adv .mainCon .box2 .con dd h3{font-size: 1.1rem;color: #fff;font-weight: bold;}
.adv .mainCon .box2 .con dd h3 em{font-weight: lighter;margin-right: 2%; }
.adv .mainCon .box2 .con dd p{font-size: 0.9rem;color: #efba00;margin-top: 0.2rem;}


/* build */
.build{width: 100%;padding-bottom: 1.6rem;}
.build h3 em{font-weight: bold;color: #efba00;}
.build .mainCon{width: 94%;margin: 1.4rem auto 0;}
.build .mainCon li{width: 32%;float: left;margin-left: 2%;}
.build .mainCon li:nth-child(3n+1){margin-left: 0;}
.build img{display: block;width: 100%;border-radius: 3px;}


/* flow */
.flow{width: 100%;padding-bottom: 1.6rem;background: #f3f3f3;}
.flow .mainCon{width:100%;margin: 1.7rem auto 0;}
.flow .Title i{width: 34%;}
.flow img{display: block;width: 100%;}
.flow .Title p i.prev{margin-right: 2%;}
.flow .Title p i.next{margin-left: 2%;}



/* ad2 */
.ad2{width: 100%;background: url(../images/Index/ad2Bg.jpg) no-repeat center;background-size: cover;padding-top: 1.25rem;padding-bottom: 1.5rem;}
.ad2 h3{font-size: 1.2rem;color: #fff;text-align: center;}
.ad2 .p1{font-size: 1rem;color: #fff;font-weight: lighter;text-align: center;margin-top: 0.3rem;}
.ad2 .p1 em{font-weight: bold;}
.ad2 .p2{font-size: 1rem;color: #fff;font-weight: lighter;text-align: center;margin-top: 0.6rem;}
.ad2 .p2 a{color: #ffd300;font-weight: bold;}
.ad2 a.zx{display:block;width: 30%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem; font-weight: lighter;border-radius: 1.5rem;background: #fff;color: #333333;margin: 1rem auto 0;}

/* problem */
.problem{width: 100%;padding-bottom: 1.6rem;background: #fafafa;}
.problem .mainCon{width:94%;margin: 1.7rem auto 0;}
.problem .Title i{width: 23%;}
.problem img{display: block;width: 100%;}
.problem .Title p i.prev{margin-right: 2%;}
.problem .Title p i.next{margin-left: 2%;}
.problem .mainCon h3{height: 3rem;background: #ec412f;color: #fff;position: relative;line-height: 3rem;text-align: center;font-size: 1rem;font-weight: normal;margin-bottom: 1.3rem;}
.problem .mainCon h3 i{display: block;width:0.6rem;height: 0.5rem;left: 50%;margin-left: -0.3rem;bottom: -0.5rem;position: absolute;}
.problem .mainCon dl{width: 100%;margin-bottom: 1.8rem;}
.problem .mainCon dt{overflow: hidden;margin-bottom: 0.4rem;}
.problem .mainCon dd{overflow: hidden;}
.problem .mainCon dt span{display: block;float: left;width: 7%;font-size: 1.1rem;color: #efba00;font-weight: bold;}
.problem .mainCon dt em{display: block;width: 93%;font-size: 1.1rem;color: #333333;font-weight: bold;white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.problem .mainCon dd span{display: block;float: left;width: 7%;font-size: 1.1rem;color: #cccccc;font-weight: bold;}
.problem .mainCon dd em{display: block;width: 93%;font-size: 1.1rem;color: #999999;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.3rem;}
.problem .mainCon a.more{width: 58%;display: block;margin: 0 auto;}


/* about */
.about{width: 100%;}
.about .mainCon{width:100%;margin: 1.2rem auto 46%;position: relative;}
.about .Title i{width: 23%;}
.about img{display: block;width: 100%;}
.about .Title p i.prev{margin-right: 2%;}
.about .Title p i.next{margin-left: 2%;}
.about .mainCon .box{width: 94%;box-sizing: border-box;border: 2px solid #efba00;position: absolute;bottom: -62%;left: 3%;padding: 5% 5% 8%;background: #fff;}
.about .mainCon .box h3{font-size: 1.3rem;color: #333333;margin-bottom: 0.8rem;}
.about .mainCon .box h3 a{color: #333333;}
.about .mainCon .box .p1{font-size: 1rem;color: #333333;line-height: 1.3rem;}
.about .mainCon .box .p2{font-size: 1rem;color: #666666;line-height: 1.3rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.about .mainCon .box a.more{display: block;width: 7rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #333333;background: #efba00;text-transform: uppercase;position: absolute;left: 50%;margin-left: -3.5rem;bottom: -1.25rem;}


/*news*/
.news{width: 100%;padding-bottom: 1.6rem;padding-top:1rem;}
.news .mainCon{width: 96%;margin: 0 auto;}
.news .top{width: 96%;height: 2.5rem;border-bottom: 1px solid #cccccc;margin: 0 auto;}
.news .top ul{float: left;height: 2.5rem;width:75%;}
.news .top li{font-size: 1.1rem;color: #666666;margin-right: 4%;height: 2.5rem;line-height: 2.5rem;float: left;position: relative;}
.news .top li.on{border-bottom: 1px solid #efba00;}
.news .top li i{width: .5rem;height: .3rem;position: absolute;bottom: -0.3rem;left: 50%;margin-left: -0.25rem;display: none;}
.news .top li.on i{display: block;}
.news .top a{display: block;float: right;font-size: 1.1rem;color: #666666;line-height: 2.5rem;}
.news img{display: block;width: 100%;}
.news .mainCon .box{padding-top: 1.583rem;}
.news .mainCon dl{padding-bottom: 1.5rem;}
.news .mainCon dt{width: 35%;float: left;}
.news .mainCon dd{width: 62%;float: right;}
.news .mainCon dd h3{font-size: 1.1rem;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .mainCon dd h3 a{color: #333333;}
.news .mainCon dd p{font-size: 1rem;color: #666666;line-height: 1.3rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-top: 0.5rem;}
.news .mainCon dd p a{color: #666666;}
.news .mainCon ul{width: 100%;border-top: 1px solid #eeeeee;;}
.news .mainCon ul li{overflow: hidden;height: 2.5rem;line-height: 2.5rem;border-bottom: 1px dotted #eeeeee;}
.news .mainCon ul li a{display: block;width: 80%;font-size:1rem;color: #666666;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .mainCon ul li  span{display: none;float: right; font-size: 1rem;color: #999999;}
.news .mainCon .box .details{color: #004c90;font-size: 1rem;margin-top: 0.5rem;display: block;}



/* liuy */
.liuy{width: 100%;background: url(../images/Index/lyBg.jpg) no-repeat center;background-size: cover;padding-top: 1.25rem;padding-bottom: 1.5rem;}
.liuy img{display: block;width: 100%;}
.liuy .mainCon{width: 94%;margin: 0 auto;}
.liuy .title{padding-top: 0.5rem;text-align: center;}
.liuy .title h3{font-size: 1.2rem;color: #efba00;font-weight: lighter;margin-top: 0.4rem;}
.liuy .title i{display: block;width:15%;margin: 0.5rem auto 0;height: 1px;background: #efba00;}
.liuy .title p{font-size: 1rem;color: #fff;margin-top: 0.5rem;}
.liuy .title p span{font-weight: bold;}
.liuy .mainCon .box{width:100%;margin-top: 1.2rem;}
.liuy .mainCon .box .Input{float: left;width:49%;margin-left: 2%;height: 2.6rem;background: #fff;border-radius: 3px ;}
.liuy .mainCon .box .Input1{margin-left: 0%;}
.liuy .mainCon .box .Input label{display: block;float: left;width: 30%;height: 2.6rem;line-height: 2.6rem;text-align: center;border-right: 1px solid #eeeeee;box-sizing: border-box;color: #666666;font-size: 1rem;}
.liuy .mainCon .box .Input input{display: block;width: 70%;float: left;height: 2.6rem;border: none;outline: none;}
.liuy .mainCon textarea{width: 100%;}
.liuy .mainCon textarea{height: 6rem;background: #fff;border: none;outline: none;resize: none;margin-top: 1rem;border-radius: 3px;box-sizing: border-box;padding: 3%;color: #666666;font-size: 1rem;}
.liuy .mainCon .btn{width: 100%;text-align: center;margin-top: 1rem;}
.liuy .mainCon .btn a{display: inline-block;text-align: center;width: 30%;height: 2.6rem;line-height: 2.6rem;border-radius: 3px;background: #fff;font-size: 1rem;color:#333333;}
.liuy .mainCon .btn a:first-child{background: #efba00;}