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

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }


.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:50px;font-weight:bold;color:#fff;position:absolute;top:300px;left:9vw;text-shadow: 3px 3px 7px #333;}
.banner dd{font-size:24px;font-weight:bold;color:#fff;position:absolute;top:370px;left:9vw;text-shadow: 3px 3px 7px #333;}

.caidan{width:100%;position: relative;overflow: hidden;}
.caidanj{width: 100vw;margin:30px auto;overflow: hidden;border-bottom: 1px solid #ddd;}
.caidanj ul{padding:0;margin:0px auto;width: 80vw;}
.caidanj ul li{float:left;width:150px;}
.caidanj ul li a{font-size:18px;color:#333;line-height: 55px;}
.caidanj ul li a.active{color: #58c6fb;border-bottom: 1px solid #58c6fb;font-weight:bold;}

.about{width:80vw;position: relative;overflow: hidden;margin:50px auto 80px auto;}
.about h3{font-size:40px;font-weight:bold;color:#333;margin:0;line-height:55px;}
.about dd{font-size:18px;font-weight:normal;color:#333;margin-bottom: 2vw;}

.aboutl{width:45%;margin-right:3%;float:left;}
.aboutl img{width:100%;}

.aboutr{float:left;width:50%;}
.aboutr p{font-size:0.9vw;color:#666;line-height:2vw;margin-bottom: 0.6vw;}

.digital{width:80vw;height: 420px;background: url(../images/about/xiaodd_03.jpg) center no-repeat;padding:0 0px;color: #fff;margin:0 auto 0px auto;}
.mainall{width: 100%;height: auto;margin:0 auto;font-size: 0;}
.mumping_mun li{width: 18.5%;display: inline-block;margin: 110px auto;margin-right:3%;}
.mumping_mun li:nth-child(5){margin-right:0px;}
.mun_top{margin-bottom:20px;}
.mumping_mun{width: 100%;list-style: none;}
.mumping_mun dd{font-size: 16px;width: 100%;display: block;clear: both;color: #666;text-align: left;font-weight:bold;}
.mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;color: #666;text-align: left;}
.mumping_mun h2{font-size: 2.4vw;font-weight:bold;float: left;margin-right: 10px;color: #58c6fb;}
.mumping_mun img{padding:14px 0px 20px 0px;}

.changfang{width:80vw;margin:0 auto 4vw auto;overflow: hidden;}
.changfang h3{font-size:40px;font-weight:bold;color:#333;margin:0;line-height:55px;}
.changfang dd{font-size:18px;font-weight:normal;color:#333;margin-bottom: 2vw;}
.changfang ul{padding:0;margin:0;}
.changfang ul li{float:left;width:23%;margin-right:2%;}
.changfang ul li:nth-child(4){margin-right:0px;}
.changfang ul li img{width:100%;}
.changfang ul li h4{font-size:16px;color:#666;line-height:36px;font-weight: normal;text-align: center;}

.linian{width:100%;overflow: hidden;margin-bottom: 3vw;box-shadow: rgba(33, 86, 178, 0.28) 0px 0px 16px 0px;}
.linian ul{padding:0;margin:0;}
.linian ul li{width:99.5%;margin-right:0%;float: left;border-bottom: 0px solid #8db5f3;box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}
.linian ul li img{width:50%;float:left;}

.zongzhi{width:46.5%;float:left;margin-left:3%;}
.xifen{width:100%;}
.xifen h4{font-size:18px;color:#fff;text-align: center;width: 160px;height: 40px;line-height: 40px;background: #58c6fb;margin: 26px auto 0 auto;}
.xifen p{font-size:0.85vw;color:#666;padding: 1.5vw 1vw 1vw 1vw;;text-align:center;}

.ry{width:80vw;margin:0 auto 4vw auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:257px;overflow:hidden;border: 1px solid #ddd;padding: 15px;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:257px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:90%;}

.jiagou{width:80vw;box-shadow: rgba(33, 86, 178, 0.28) 0px 0px 16px 0px;margin:100px auto;padding:50px;}
.jiagou img{width:96%;}

/**功能**/
.gongneng{width:1080px;margin:150px auto;overflow: hidden;}
.gongnengl{float:right;width:500px;margin-top:0px;}
.gongnengl h3{font-size:36px;color:#000;padding-bottom:0px;}
.gongnengl p{font-size:16px;color:#999;line-height:28px;padding-top:30px;}
.gongnengl p span{font-weight:bold;color:#000;padding-right:10px;}

.gongnengr{float:left;width:500px;}
.gongnengr img{width:100%;}

.ryxq{width:600px;margin:50px auto;}
.ryxq img{width:100%;}

/**效益**/
.xyall{background:#f3f7f4;width:100%;padding:10px 0;}
.xy{width:1080px;margin:150px auto;overflow: hidden;}
.xyl{float:left;width:450px;margin-top:0px;}
.xyl h3{font-size:36px;color:#000;padding-bottom:0px;}
.xyl p{font-size:16px;color:#999;line-height:28px;padding-top:30px;}
.xyl p span{font-weight:bold;color:#000;padding-right:10px;}

.xyr{float:right;width:500px;}
.xyr img{width:100%;}

.more1{ width: 160px; height: 40px; display: inline-block; line-height: 40px; border: 1px solid #58c6fb; text-align: center; margin-top: 50px; position: relative;border-radius: 5px; }
.more1 a{ display: block; font-size: 16px; font-weight: normal; color: #58c6fb; position: relative;left: 10px;}
.more1:after{ content: ""; position: absolute; left: 25px; top: 20px; width: 27px; height: 2px; background-color: #58c6fb; }
.more1:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #fff; background: #58c6fb;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 5px;  }
.more1:hover:before{ width:160px; }
.more1:hover:after{ background-color: #fff;  }
.more1:hover{ border: 1px solid #58c6fb;}
.more1:hover a{ color: #fff; }

@media (max-width:760px){
.banner h3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 80px;
    left: 9vw;
    text-shadow: 3px 3px 7px #333;
}
.banner dd {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 113px;
    left: 9vw;
    text-shadow: 3px 3px 7px #333;
}
.caidanj {
    width: 100vw;
    margin: 30px auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-top: 15vw;
}
.caidanj ul {
    padding: 0;
    margin: 0px auto;
    width: 96%;
}
.caidanj ul li {
    float: left;
    width: 110px;height: 45px;
}
.caidanj ul li a {
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.about h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0;
    line-height: 40px;
}
.about {
    width: 96%;
    position: relative;
    overflow: hidden;
    margin: 0px auto 80px auto;
}
.about dd {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin-bottom: 5vw;
}
.aboutl {
    width: 100%;
    margin-right: 0%;
}
.aboutr {
    float: left;
    width: 100%;
}
.aboutr p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-bottom: 10px;
}
.linian ul li img {
    width: 100%;
}
.zongzhi {
    width: 100%;
    padding-bottom: 15px;
    margin-left: 0%;
}
.xifen p {
    font-size: 14px;
    color: #666;
    padding: 1.5vw 1vw 1vw 1vw;
    text-align: center;
}
.jiagou {
    width: 100%;
    box-shadow: rgba(33, 86, 178, 0.28) 0px 0px 16px 0px;
    margin: 25px auto;    padding:0px;
}.jiagou img {
    width: 100%;
}
.gongneng {
    width:96%;
    margin: 5px auto;
    overflow: hidden;    margin-bottom: 30px;
}
.gongnengl {
    float: right;
    width: 100%;
    margin-top: 15px;
}
.gongnengl h3 {
    font-size: 20px;
    color: #000;
    padding-bottom: 0px;
}
.gongnengl p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    padding-bottom: 0px;
    padding-top: 10px;
}
.xyall {
    background: #f3f7f4;
    width:100%;
    padding: 10px 0;
}
.xyl {
    width: 100%;
    margin-top: 0px;
}
.xy {
    width:96%;
    margin: 20px auto;
    overflow: hidden;
}
.xyl h3 {
    font-size: 20px;
    color: #000;
    padding-bottom: 0px;
}
.xyl p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    padding-bottom: 15px;
}
.xyr img {
    width: 100%;
    margin-top: 25px;
}
.caidan {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 9vw;
}
}