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

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

.ry{width:80vw;margin:0 auto 4vw auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:30px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:316px;overflow:hidden;border: 0px solid #ddd;padding: 15px;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:316px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:90%;margin-top:20px;}
.marqueeleft li dd{font-size: 1.25vw;
    width: 100%;
    line-height: 60px;
    text-align: center;
    border-bottom: 0px solid #dadce3;
    font-weight: bold;
    color: #333;
}
.marqueeleft li p{
    font-size: 1.15vw;
    text-align: center;
    width: 100%;
    line-height: 24px;
    margin-top: 0px;
}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;overflow: hidden;}
.lubo_box{ position: relative; width: 100%; padding-bottom:40%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);z-index: 99;}
.lubo_box li a{ display: block;width: 100%;  height: 100%;position: relative;}
.lubo_box li img{ width: 100%;position: relative;}

.lubo_box li a h3{font-size:3.2vw;color:#fff;position: absolute;left:10%;top:30%;font-weight:bold;text-shadow: 6px 5px 6px #000;}
.lubo_box li a p{font-size:18px;color:#fff;position: absolute;left:6%;top:35%;}
.lubo_box li a dd{font-size:16px;color:#fff;position: absolute;left:10%;top:42%;background:#58c6fb;padding: 15px 55px;border-radius: 0px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #003366; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #fff !important;}

.anliliebiao{width:80%;overflow: hidden;margin-top: 60px;margin: 0 auto;}
.anliliebiao ul{padding: 0; margin: 0;}
.anliliebiao ul li{float: left;
    width: 24.5%;
    text-align: center;
	position: relative;
    border-left: 1px solid #d4dbfa;
    border-right: 1px solid #d4dbfa;
    margin: 0px -1px 35px 0;}
.anliliebiao ul li:before {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: #d4dbfa;
    margin: 0 10%;}
.anliliebiao ul li:after {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: #d4dbfa;
    margin: 0 10%;
}
.anliliebiao ul li img{margin: 30px auto;
    width:35%;height: 3.5vw;transition: all .3s ease;
}
.anliliebiao ul li:hover img{
    transform: scale(1.05);
}

/*about*/
.about{width:89vw;margin:8vw 0vw 0vw 10vw;overflow: hidden;}
.aboutl{float:left;width:30%;}
.aboutl h3{color:#222;font-size:2.8vw;padding: 15px 0 30px 0;}
.aboutl dt{background:#58c6fb;width:70px;height:8px;}
.aboutl span{font-size:1.15vw;color:#777;display: block;padding-bottom: 6vw;}
.aboutl a{background:#58c6fb;font-size:0.85vw;color:#fff;padding: 16px 45px;}
.aboutr{float:left;width:70%;position: relative;}
.aboutbg{position: relative;}
.aboutbg img{position: relative;}
.aboutlb{position: absolute;top: 5vw;z-index: 98;left:6vw;}
.aboutlb img{}

/*product*/
.productall{width:100%;background: #f7f6f6;padding:5vw 0;margin-bottom:8vw;}
.product{width:80vw;margin:0vw 0vw 0vw 10vw;overflow: hidden;}
.productl{float:left;width:26%;margin-top: 5vw;}
.productl h3{color:#222;font-size:2.8vw;padding: 15px 0 30px 0;}
.productl dt{background:#58c6fb;width:70px;height:8px;}
.productl span{font-size:1.15vw;color:#777;display: block;padding-bottom: 3vw;}
.productl a{background:#58c6fb;font-size:0.85vw;color:#fff;padding: 16px 45px;}
.productr{float:left;width:74%;position: relative;}

.bodyCon08{background:none}
.bodyCon08 .students{margin:0 auto;width:100%;height:480px;position:relative;top: 0vw;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:100%;height:420px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:94%;height:420px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:400px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{border:0px solid #dadce3;float:left;width:316px;height:440px;margin-left:1.5vw;padding-top:10px;color:#6C6E85;}
#four_flash .flashBg ul.mobile li:hover{border:0px solid #dadce3; color:#999;}
#four_flash .flashBg ul.mobile li img{width:305px;height:auto;display:block; margin:2vw auto;border:0px solid #dadce3; border-radius:10px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
#four_flash .flashBg ul.mobile li dd{font-size:1.25vw;width:100%;line-height:60px;text-align:center;border-bottom:0px solid #dadce3;font-weight:bold;color:#333;}
#four_flash .flashBg ul.mobile li p{font-size:1.15vw; text-align:center;width:100%; line-height:24px;margin-top:10px;}
#four_flash .flashBg ul.mobile li:hover p{color:#58c6fb;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
#four_flash .flashBg ul.mobile li:hover dd{color:#58c6fb;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
#four_flash .flashBg ul.mobile li:hover img{transform: scale(1.05,1.05);}
#four_flash .flashBg ul.mobile li a{display:block;background:url(../images/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}
#four_flash .flashBg ul.mobile li a:hover{background:url(../images/jiantou2.png);}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:190px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:190px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}


/*news*/
.newsall{position: relative;height:45vw;}
.news{width:80vw;margin:0vw auto;overflow: hidden;position: absolute;left: 10vw;z-index: 99;top: 0vw;}
.newsr{float:right;width:30%;}
.newsr h3{color:#222;font-size:2.8vw;padding: 15px 0 30px 0;}
.newsr dt{background:#58c6fb;width:70px;height:8px;}
.newsr dd{font-size:1.15vw;color:#777;display: block;padding-bottom: 1vw;}

.newsr ul{padding:0;margin:0;}
.newsr ul li{width:100%;border-bottom: 1px solid #ddd;padding: 1.2vw 0;}
.yihang{width:100%;}
.mc{color: #58c6fb;font-size: .7vw;}
.riqi{font-size: 0.8vw;font-weight: 500;color: #222;}
.erhang{font-size: 1.1vw;margin-top: 0.8vw;color: #333;}
.erhang:hover{color: #58c6fb;}

.company_nr {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 666px;
    text-align: justify;
    margin: 0px 0px;
	background: #58c6fb;
    position: absolute;
    bottom: 0.2vw;
    padding: 0 0 0 2vw;
    height: 10vw;
    border-top-left-radius: 100px;
}
.company_nr a{margin-top:2vw;margin-left: 2vw;}
.company_nr h4{font-size: 1.3vw;margin-top: 0.8vw;color: #fff;font-weight:normal;}

.newsl:hover .company_nr {background: #fff;}
.newsl:hover .company_nr h4{color:#333;}
.newsl:hover .zmc{color: #58c6fb;font-size: .7vw;}
.newsl:hover .zriqi{font-size: 0.8vw;font-weight: 500;color: #333;}
.newsl: .zyihang{width:100%;color:#333;}

.zyihang{width:100%;color:#fff;}
.zmc{color: #fff;font-size: .7vw;}
.zriqi{font-size: 0.8vw;font-weight: 500;color: #fff;}

.newsl{float:left;width:66%;position: relative;margin-top: 5vw;}
.newsl img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.newsl:hover img{transform: scale(1.05,1.05);}
.newsbg{position: relative;}
.newsbg img{position: relative;}
.newslb{position: absolute;top: 2vw;z-index: 98;left:0vw;}
.newslb img{}

@media (max-width:760px){
.lubo {
    width: 100%;
    min-width: 100%;
    clear: both;
    position: relative;
    overflow: hidden;
}
.about {
    width: 96%;
    margin: 8vw 2% 0vw 2%;
    overflow: hidden;
}
.aboutl {
    float: left;
    width: 100%;
}
.aboutl h3 {
    color: #222;
    font-size: 5.8vw;
    padding: 15px 0 30px 0;
}
.aboutl span {
    font-size: 3.5vw;
    color: #777;
    display: block;
    padding-bottom: 6vw;
}
.aboutl a {
    background: #58c6fb;
    font-size: 3vw;
    color: #fff;
    padding: 16px 45px;
}
.mumping_mun li {
    width: 47%;
    display: inline-block;
    margin: 20px auto;
    margin-right: 3%;
}
.mumping_mun h2 {
    font-size: 6vw;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    color: #58c6fb;
}
.mumping_mun img {
    padding: 3px 0px 20px 0px;
}
.mun_top {
    margin-bottom: 0px;
}
.digital {
    width: 100%;
    height: auto;
    background: url(../images/about/xiaodd_03.jpg) center no-repeat;
    padding: 0 0px;
    color: #fff;
    margin: 8vw auto 4vw auto;
}
.aboutlb {
    position: relative;
    top: 5vw;
    z-index: 98;
    left: 0;
}
.aboutr {
    float: left;
    width: 100%;
    position: relative;
}
.aboutbg {
    position: relative;
    display: none;
}
.aboutlb img {
    width: 100%;
}
.product {
    width: 96%;
    margin: 0vw 2% 0vw 2%;
    overflow: hidden;
}
.productl {
    float: left;
    width: 100%;
    margin-top: 5vw;
}
.productl h3 {
    color: #222;
    font-size: 6vw;
    padding: 15px 0 30px 0;
}
.productl span {
    font-size: 3.5vw;
    color: #777;
    display: block;
    padding-bottom: 3vw;
}
.productl a {
    background: #58c6fb;
    font-size: 3vw;
    color: #fff;
    padding: 16px 45px;
}
.marqueeleft li dd {
    font-size: 4.25vw;
    width: 100%;
    line-height: 25px;
    text-align: center;
    border-bottom: 0px solid #dadce3;
    font-weight: bold;
    color: #333;
}
.marqueeleft li p {
    font-size: 3.15vw;
    text-align: center;
    width: 100%;
    line-height: 24px;
    margin-top: 0px;
}
.newsall {
    position: relative;
    height: 100%;
}
.news {
    width: 96%;
    margin: 0vw auto;
    overflow: hidden;
    position: relative;
    left: 2%;
    z-index: 99;
    top: 0vw;
}
.newsl {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 5vw;
}
.company_nr {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 100%;
    text-align: justify;
    margin: 0px 0px;
    background: #58c6fb;
    position: absolute;
    bottom: 0.2vw;
    padding: 0 0 0 2vw;
    height: 10vw;
    border-top-left-radius: 100px;
}
.newsr {
    float: right;
    width: 100%;
    margin-top: 8vw;
}
.newsr h3 {
    color: #222;
    font-size: 6vw;
    padding: 15px 0 10px 0;
}
.newsr dd {
    font-size: 3.15vw;
    color: #777;
    display: block;
    padding-bottom: 4vw;
}
.newsr ul li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 3.2vw 0;
}
.mc {
    color: #58c6fb;
    font-size: 3.7vw;
}
.riqi {
    font-size: 3.8vw;
    font-weight: 500;
    color: #222;
}
.erhang {
    font-size: 3.1vw;
    margin-top: 0.8vw;
    color: #333;
}
.newsbg img {
    position: relative;
    display: none;
}
}