html{ font-size:14px; }
body{
	margin:0;
	padding:0;
	background-color:#fff;
	overflow-x:hidden;
}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{border:none;display: block;}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

.menu_bg{background-color:#000;}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;}
.lubo_box{ position: relative; width: 100%; padding-bottom:48%;}
.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:50px;color:#fff;position: absolute;left:6%;top:35%;font-weight:normal;}
.lubo_box li a p{font-size:18px;color:#fff;position: absolute;left:6%;top:43%;}
.lubo_box li a dd{font-size:14px;color:#fff;position: absolute;left:6%;top:50%;background:#0081cc;padding: 10px 35px;border-radius: 20px;}

/*圆点*/
.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;}

/*关于*/
.company_box{width:90%;padding:50px 0px 8vw 0px;height:auto;margin:0 auto;overflow: hidden;max-width: 1600px;min-width: 1200px;}
.page{width: 100%;margin: 0 auto;overflow: hidden;}
.tupian{float:left;width:60%;position: relative;}
.tupian img{width:100%;position: relative;}
.tupian h3{left: 10%;position: absolute;font-size: 40px;color: #fff;top: 46%;}
.tupian span{left: 10.5%;position: absolute;top: 67%;}

#gallery {width: 100%;
    float:left;
    }
#gallery a { width: 100%;
    margin-right: 0%;
    position: relative;
    text-align: center;
    }
#gallery a img { display: block; border: 0;position: relative; width: 100%;}			
#gallery a span {
	bottom: 35%;
    left: 10%;
}
#gallery a span img{width:51px;}

#gallery a h3{text-align: left;line-height: 3vw;}
	
.company_boxg{width:45%;float:left;height: 500px;position: absolute;left:6%;}
.company_bt{width:100%;height:auto;float:left;position:relative;margin-bottom:10px;margin-top: 0px;}
.circular{width:13px;height:13px;border-radius:50px;float:left;border:1px #6dc4c5 solid;margin-top:88px;}
.linec{width:53px;height:1px;float:left;background:#6dc4c5;margin-top:94px;}
.company_bta{width:754px;height:auto;border:0px #6dc4c5 solid;float:left;padding: 6px 0px;}
.company_btb{width:675px;height:auto;font-size:42px;color:#333;line-height:50px;font-weight:normal;padding: 0px 0 0 0;}

.company_nr{font-size:16px;line-height:35px;color:#666;position: relative;width: 100%;text-align: justify;margin: 0px 0px;}
.company_nr a{font-size:15px;color:#0081cc;}
.company_nr a:hover{font-weight:bold;}

.company_button{background:#0081cc;width:138px;height:41px;line-height:41px;position: relative;text-align: center;margin-top: 40px;margin-right:10px;transition: all 1s;border-radius: 10px;}
.company_button a{font-size:15px;color:#fff;font-weight: bold; }
.company_button:hover{background:#dcdcdc;}
.company_button a:hover{color:#666;}
.page_com{width:35%;float:right;}
.page_com span{display:block;font-size:24px;color:#222;font-weight:bold;margin:150px 0 50px 0;line-height:45px;}
.nno{margin-left:0px !important;}

.abfenlei{width:100%;border-top: 1px solid #ddd;}
.abfenlei ul{padding:0;margin:50px 0 0 0;}
.abfenlei ul li{width:25%;float:left;}
.abfenlei ul li a{color:#666;font-size:16px;}
.abfenlei ul li a:hover{background: #0081cc;color:#fff;padding:5px 10px;border-radius: 10px;}

.xijie{width:100%;margin:120px auto;}
.xijie ul{padding:0;margin:0;}
.xijie ul li{float:left;width:32.7%;margin-right:0.6%;position: relative;}
.xijie ul li img{width:100%;position: relative;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.bg{width:100%;height:99%;display:none;overflow: hidden;background:rgb(0,129,204,.7);position: absolute;top: 0;}
.xijie ul li:hover .bg{display:block;}
.xijie ul li span img{position: absolute;top: 10%;left: 10%;width:3.5vw;}
.xijie ul li h3{font-size: 25px;font-weight:normal;margin-right: 10px;color:#fff;position: absolute;bottom: 15%;left: 10%;}
.xijie ul li dd{background: #ddd;width:35px;height:3px;position: absolute;bottom: 30%;left: 10%;display:none;transition: all .3s ease;}
.xijie ul li p{font-size: 14px;width: 100%;display: block;clear: both;color: #fff;text-align: left;position: absolute;bottom: 40%;left: 10%;width:80%;display:none;transition: all .3s ease;line-height:26px;}
.xijie ul li:hover dd{display:block;transition: all .3s ease;}
.xijie ul li:hover p{display:block;transition: all .3s ease;}

/*数字++++++++++*/
.digital{width:100%;height: auto;background:none;padding:0 0px;color: #fff;margin:0;z-index:99;}
.mainall{width: 1140px;height: auto;margin:0 auto;font-size: 0;}
.mumping_mun li{width:32%;display: inline-block;margin: 50px auto 70px auto;margin-right:0%;}
.mumping_mun li:nth-child(3){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: #333;text-align: left;font-weight:normal;}
.mumping_mun p{font-size: 14px;width: 100%;display: block;clear: both;color: #666;text-align: left;}
.mumping_mun h2{font-size:50px;font-weight:bold;float: left;margin-right: 10px;color:#0081cc;}
.mumping_mun img{padding:14px 0px 20px 0px;width: auto;}


/*品牌*/
.pinpaiall{background: #f7f7f7;width:100%;padding-bottom:100px;}
.pinpai{width:90%;margin:0 auto;overflow: hidden;max-width: 1600px;min-width: 1200px;}
.pinpai ul{padding:0;margin:60px 0 0 0;overflow: hidden;}
.pinpai ul li{float:left;margin-right:0.25%;width:24.75%;position: relative;overflow:hidden;}
.pinpai ul li img{width:100%;position: relative;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pinpai ul li:hover img{transform: scale(1.05,1.05);}
.pinpai ul li h3{font-size:24px;color:#333;top:28%;position: absolute;left: 10%;width: 100%;font-weight:normal;}
.pinpai ul li dd{font-size:16px;color:#fff;top:38%;position: absolute;left: 10%;width: auto;font-weight:normal;background: #0081cc;border-radius: 30px;padding: 5px 25px;}
.pinpai ul li p{font-size:16px;color:#666;top:10%;position: absolute;left: 10%;width: 80%;font-weight:normal;height: 50px;line-height: 26px;}

.title{width:100%;margin:0px auto;padding-top:100px;overflow: hidden;text-align:center;}
.title h3{font-size: 42px;color: #333;font-weight: normal;}
.title h3 span{font-size: 22px;color: #333;font-weight: normal;margin-top: 10px;display: block;}

/*xijie*/
.newsall{width:90%;overflow:hidden;margin-top:100px;margin: 0 auto;max-width: 1600px;min-width: 1200px;}
.news{width:100%;text-align:center;line-height:40px;margin-top:30px;margin: 0px auto;}
.news h3{font-size:42px;color:#333;font-weight:normal;margin-top: 120px;margin-bottom:50px;}
.news p{font-size:14px;color:#666;font-weight:nomal;padding-bottom: 20px;line-height:25px;}
.news dd{height: 2px;width:70px;background-color:#f50404;margin:0px auto;}
.xia{width:100%;overflow: hidden;}
.zuoce{width:45%;float:left;margin:20px auto;position: relative;}
.zuoce img{position: relative; width: 666px; height: 600px;}
.zuoce h3{padding: 20px 0px 10px 0px;
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 26%;
	width: 80%;
    line-height: 32px;
    left: 10%;}
.zuoce p{font-size:16px;color:#fff;line-height:20px;position: absolute;bottom: 22%;left: 10%;}
.zuoce dd{font-size:14px;color:#fff;line-height:20px;position: absolute;bottom: 45%;left: 10%;background: #2e8ff5;border-radius: 10px;padding: 3px 10px;}
.youce{position:relative;min-height:1px;width:52%;float:left;margin:0px 35px 0 0px;}
.you{width:100%;overflow: hidden;}
.new{width:100%;}
.new ul{padding:0;margin:0;}
.new ul li{border-bottom: 1px solid #ccc;padding:10px 0px 30px 0px;overflow: hidden;position: relative;padding-left: 100px;margin:10px 0px;}	
.timebox{position: absolute;left: 0;top:10px;width: 70px;height: 70px;border: 1px solid #2e8ff5;text-align: center;background: #2e8ff5;border-radius: 10px;}
.date {color: #fff;font-weight: 600;font-size: 30px;display: block;margin: 3px 0px 5px 0px;}
.year {font-size: 12px;color: #fff;}
.new h4 {margin: 0px 0px 12px 0px;line-height: 28px;}
.new p {display: inline-block;width: 100%;color: #666;font-size: 16px;line-height: 30px;}
.new h4 a{color: #333;font-size: 20px;font-weight: normal;}
.new p a {display: inline-block;width: 100%;color: #666;font-size: 14px;overflow: hidden;line-height: 24px;}

.tt{margin-bottom: 46px;}
.tt h3 {margin: 20px 0px 12px 0px;line-height: 45px;font-size:30px;color:#fff;font-weight:normal;background: #2e8ff5;border-radius: 10px;padding:20px 35px; width: 832px;}
.tt h3 span{font-size:14px;color:#fff;display: block;font-weight: bold;}
.tt dt {margin:35px 0 10px 0;width: 100%;color: #333;font-size: 14px;line-height: 30px;}
.tt p {display: inline-block;width: 100%;color: #666;font-size: 14px;line-height: 30px;}

.moren{width:200px;margin:50px auto 100px auto;}
.moren a{
	font-size:16px;color:#fff;text-align:center;
    background: #2e8ff5;
    border-radius:20px;
    line-height:40px;
    height:40px;
    width:200px;
	} 
.moren:hover a{background: #fff;border:1px solid #ddd;color:#666;}


.ggbg{width:100%;position: relative;}
.ggbg img{position: relative;width:100%;}
.ggbg h3{color: #fff;font-size: 42px;position: absolute;bottom: 55%;left: 6%;font-weight:normal;}
.ggbg p{color: #fff;font-size: 16px;position: absolute;bottom: 50%;left: 6%;}
.ggbg a{color: #fff;font-size: 14px;position: absolute;bottom: 35%;left: 6%;background: #2e8ff5;border-radius: 10px;padding: 8px 25px;}

@media (max-width: 1530px) {
.lubo_box li a h3 {
    font-size: 2vw;
    color: #fff;
    position: absolute;
    left: 6%;
    top: 35%;
    font-weight: normal;
}
.banner p {
    font-size:1.1vw;
    color: #fff;
    position: absolute;
    left: 10vw;
    top: 16.2vw;
    font-weight: normal;
}
.page_com span {
    display: block;
    font-size: 1.1vw;
    color: #222;
    font-weight: bold;
    margin: 8vw 0 50px 0;
    line-height: 45px;
}
.company_button {
    background: #0081cc;
    width: 138px;
    height: 41px;
    line-height: 41px;
    position: relative;
    text-align: center;
    margin-top: 2vw;
    margin-right: 10px;
    transition: all 1s;
    border-radius: 10px;
}
.page_com span {
    display: block;
    font-size: 1.1vw;
    color: #222;
    font-weight: bold;
    margin: 8vw 0 50px 0;
    line-height: 45px;
}
.company_nr {
    font-size: 0.85vw;
    line-height: 26px;
    color: #666;
    position: relative;
    width: 100%;
    text-align: justify;
    margin: 0px 0px;
}
.company_btb {
    width: 675px;
    height: auto;
    font-size: 2vw;
    color: #333;
    line-height: 50px;
    font-weight: normal;
    padding: 0px 0 0 0;
}
.mumping_mun h2 {
    font-size: 1.8vw;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    color: #0081cc;
}
.mumping_mun dd {
    font-size: 0.85vw;
    width: 100%;
    display: block;
    clear: both;
    color: #333;
    text-align: left;
    font-weight: normal;
}
.mumping_mun img {
    padding: 0.3vw 0px 20px 0px;
    width: auto;
}
.mun_top {
    margin-bottom: 0px;
}
.mumping_mun li {
    width: 29%;
    display: inline-block;
    margin: 50px auto 3vw auto;
    margin-right: 5%;
}
.xijie ul li h3 {
    font-size: 1.2vw;
    font-weight: normal;
    margin-right: 10px;
    color: #fff;
    position: absolute;
    bottom: 15%;
    left: 10%;
}
.title h3 {
    font-size: 2vw;
    color: #333;
    font-weight: normal;
}
.pinpai ul li h3 {
    font-size: 1.2vw;
    color: #333;
    position: absolute;
    left: 7%;
    width: 100%;
    font-weight: normal;
}
.pinpai ul li p {
    font-size: 14px;
    color: #666;
    top: 10%;
    position: absolute;
    left: 7%;
    width: 86%;
    font-weight: normal;
    height: 50px;line-height: 25px;
}
.pinpai ul li dd {
    font-size: 0.85vw;
    color: #fff;
    position: absolute;
    width: auto;
    font-weight: normal;
    background: #0081cc;
    border-radius: 30px;
    padding: 5px 25px;
}
.tt h3 {
    margin: 20px 0px 12px 0px;
    line-height: 45px;
    font-size: 1.3vw;
    color: #fff;
    font-weight: normal;
    background: #2e8ff5;
    border-radius: 10px;
    padding: 20px 35px;
}
.new h4 a {
    color: #333;
    font-size: 1vw;
    font-weight: normal;
}
.new p a {
    display: inline-block;
    width: 100%;
    color: #666;
    font-size: 0.8vw;
    overflow: hidden;
    line-height: 24px;
}
.date {
    color: #fff;
    font-weight: 600;
    font-size: 1.3vw;
    display: block;
    margin:0.8vw 0px 5px 0px;
}
.zuoce h3 {
    padding: 20px 0px 10px 0px;
    font-size: 1.1vw;
    color: #fff;
    position: absolute;
    bottom: 26%;
    left: 10%;
}
.head .hrt {
    display: block;
    float: right;
    width: 72% !important;
}
.zuoce p {
    font-size: 0.85vw;
    color: #fff;
    line-height: 20px;
    position: absolute;
    bottom: 22%;
    left: 10%;
}
.news h3 {
    font-size: 2vw;
    color: #333;
    font-weight: normal;
    margin-top: 7vw;
    margin-bottom: 50px;
}
}
@media (max-width: 1300px) {
.news h3 {
    font-size: 2vw;
    color: #333;
    font-weight: normal;
    margin-top: 4vw;
    margin-bottom: 50px;
}
.pinpaiall {
    background: #f7f7f7;
    width: 100%;
    padding-bottom: 6vw;
}
.tupian h3 {
    left: 10%;
    position: absolute;
    font-size: 1.9vw;
    color: #fff;
    top: 46%;
}
}

@media (max-width: 1300px) {
.zuoce dd {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    position: absolute;
    bottom: 38%;
    left: 10%;
    background: #2e8ff5;
    border-radius: 10px;
    padding: 3px 10px;
}
}

@media (max-width: 760px) {
.lubo {
    width: 100%;
    clear: both;
    min-width:100%;
    position: relative;
} 
.lubo_box li a h3 {
    font-size: 5.5vw;
    color: #fff;
    position: absolute;
    left: 6%;
    top: 25%;
    font-weight: normal;
}
.lubo_box li a p {
    font-size: 3vw;
    color: #fff;
    position: absolute;
    left: 6%;
    top: 37%;
}
.company_box {
    width: 90%;
    padding: 13vw 0px 8vw 0px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    max-width: 90%;
    min-width: 90%;
}
.tupian {
    float: left;
    width: 100%;
    position: relative;
}
.tupian h3 {
    left: 10%;
    position: absolute;
    font-size: 5vw;
    color: #fff;
    top: 43%;
}
#gallery a h3 {
    text-align: left;
    line-height: 6vw;
}
#gallery a span img {
    width: 30px;
}
.page_com {
    width: 100%;
    float: right;
}
.company_btb {
    width: 100%;
    height: auto;
    font-size: 5vw;
    color: #333;
    line-height: 50px;
    font-weight: normal;
    padding: 5vw 0 0 0;
}
.company_nr {
    font-size: 3.85vw;
    line-height: 26px;
    color: #666;
    position: relative;
    width: 100%;
    text-align: justify;
    margin: 0px 0px;
}
.mumping_mun h2 {
    font-size: 6vw;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    color: #0081cc;
}
.mumping_mun dd {
    font-size: 14px;
    width: 100%;
    display: block;
    clear: both;
    color: #333;
    line-height:23px;
    text-align: left;
    font-weight: normal;
}
.abfenlei ul li a {
    color: #666;
    font-size: 3.5vw;
}
.pinpai {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 90%;
    min-width: 90%;
}
.title {
    width: 100%;
    margin: 0px auto;
    padding-top: 8vw;
    overflow: hidden;
    text-align: center;
}
.title h3 {
    font-size: 5vw;
    color: #333;
    font-weight: normal;
}
.pinpai ul {
    padding: 0;
    margin: 6vw 0 0 0;
    overflow: hidden;
}
.pinpai ul li {
    float: left;
    margin:0 0.25%;
    width: 49.5%;
    position: relative;
    overflow: hidden;
}
.pinpai ul li p {
    font-size: 14px;
    color: #666;
    top: 10%;
    position: absolute;
    left: 7%;
    width: 86%;
    font-weight: normal;
    height: 50px;
    line-height: 25px;
    display: none;
}
.pinpai ul li h3 {
    font-size: 4vw;
    color: #333;
    position: absolute;
    left: 11%;
    width: 100%;
    top: 12%;
    font-weight: normal;
}
.pinpai ul li dd {
    font-size:3vw;
    color: #fff;
    top: 28%;
    position: absolute;
    left: 10%;
    width: auto;
    font-weight: normal;
    background: #0081cc;
    border-radius: 30px;
    padding: 5px 25px;}
.youce {
    position: relative;
    min-height: 1px;
    width: 100%;
    float: left;
    margin: 0px 35px 0 0px;
}
.newsall {
    width: 90%;
    overflow: hidden;
    margin-top: 100px;
    margin: 0 auto;
    max-width: 90%;
    min-width: 90%;
}
.news h3 {
    font-size: 5vw;
    color: #333;
    font-weight: normal;
    margin-top: 4vw;
    margin-bottom: 1vw;
}
.tt h3 {
    margin: 20px 0px 12px 0px;
    line-height: 25px;
    font-size: 4vw;
    color: #fff;
    font-weight: normal;
    background: #2e8ff5;
    border-radius: 10px;
    padding: 20px 5%;
}
.date {
    color: #fff;
    font-weight: 600;
    font-size: 5.3vw;
    display: block;
    margin: 3.8vw 0px 5px 0px;
}
.new h4 {
    margin: 0px 0px 1vw 0px;
    line-height: 28px;
}
.new h4 a {
    color: #333;
    font-size: 4vw;
    font-weight: normal;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.timebox {
    position: absolute;
    left: 0;
    top: 18px;
    width: 70px;
    height: 70px;
    border: 1px solid #2e8ff5;
    text-align: center;
    background: #2e8ff5;
    border-radius: 10px;
}
.tt {
    margin-bottom: 0px;
}
.zuoce {
    width: 100%;
    float: left;
    margin: 20px auto;
    position: relative;
}
.zuoce h3 {
    padding: 20px 0px 10px 0px;
    font-size: 4.5vw;
    color: #fff;
    position: absolute;
    line-height: 25px;
    bottom: 30%;
    left: 10%;
}
.zuoce p {
    font-size: 3.5vw;
    color: #fff;
    line-height: 20px;
    position: absolute;
    bottom: 22%;
    left: 10%;
}
.moren {
    width: 200px;
    margin: 50px auto 100px auto;
    display: none;
}
.zuoce dd {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    position: absolute;
    bottom: 44%;
    left: 10%;
    background: #2e8ff5;
    border-radius: 10px;
    padding: 3px 10px;
}
.new p a {display: inline-block;width: 100%;color: #666;font-size: 3.5vw;overflow: hidden;line-height: 24px;}
}