﻿html{ font-size:12px; }
body{ margin:0;padding:0;color:#323232; background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;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}
.left{float:left}
a{text-decoration:none; color:#666666;}
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; }

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:820px;}
.lubo_box{ position: relative; width: 100%; height:780px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:820px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 820px;}
  
.tanwen {
    position:relative;
    width: 1280px;
    height: 110px;
    top: 280px;
    text-align: center;
	margin:0 auto;
}

.tanwen h2{
    font-weight: bold;text-shadow: 3px 3px 3px #000;
    color: #fff;
    font-size: 50px;
    line-height: 1.5em;
}
.tanwen p{text-shadow: 3px 3px 3px #000;
    color: #fff;
    font-size: 18px;
	line-height: 30px;
}
.tanwen dd{font-size:14px;color:#fff;background:#287ebd;width: 230px;height: 45px;line-height: 45px;text-align: center;border-radius:30px;margin:50px auto;}

.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 10px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);border-radius:50%;}
.cir_on{ background: #287ebd !important;}


.productall{width:100%;background:#eee;padding:100px 0 100px 0;}
.product{width:1280px;margin:0px auto;}
.product h3{font-size:30px;color:#333;text-align:center;margin-bottom:8px;font-weight:normal;}
.product dd{width:50px;height:4px;background:#287ebd;text-align:center;margin:15px auto 50px auto;}

.product ul{padding:0;margin:0;width:1280px;overflow:hidden;}
.product ul li{float:left;overflow:hidden;width:305px;margin-right:20px;margin-bottom: 20px;}
.product ul li:nth-child(4n){margin-right:0px;}
.product ul li img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.product ul li:hover img{transform: scale(1.05,1.05);}
.product ul li h4{background:#287ebd;color:#fff;font-size:14px;height:40px;line-height:40px;font-weight:normal;text-align:center;}


.aboutall{width:100%;overflow:hidden;padding:100px 0 0px 0;background: #fff;}
.about{width:1280px;margin:0 auto;}
.aboutl{float:left;width:auto;margin-right:80px;}
.aboutl h3{color:#333;font-size:30px;padding-top:0px;font-weight:normal;}
.aboutl dd{background: #287ebd;width:43px;height:4px;margin:25px 0 40px 0;}
.aboutl a{color:#333;font-size:14px;line-height:35px;width:auto;text-align:left;margin:0px 0px;display: block;}

.aboutm {padding:0;margin:0px 0 0 0;float: left;}
.aboutm img{width:600px;float:left;padding-right:20px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.aboutm:hover img{transform: scale(1.05,1.05);}

.aboutr{float:right;width:580px;}
.aboutr h4{color:#333;font-size:30px;padding-bottom:20px;font-weight:normal;}
.aboutr h5{color:#333;font-size:20px;padding-top:0px;font-weight:bold;font-style: italic;}
.aboutr p{color:#666;font-size:14px;padding-top:0px;font-weight:normal;line-height:25px;margin-bottom: 2vw;}
.aboutr a{font-size: 14px;color: #fff;background: #287ebd;line-height: 45px;text-align: center;border-radius: 30px;margin: 50px auto;padding: 13px 85px;}

.aboutr ul{padding:0;margin:0;overflow: hidden;}
.aboutr ul li{float: left;border-radius: 0px;
    width: 12%;
    text-align: center;
    margin: 0px -1px 35px 0;
    margin-right: 17%;}
.aboutr ul li:nth-child(4){margin-right:0;}
.aboutr ul li img{margin: 4vw auto 1vw auto;width: 36px;border: 1px solid #287ebd;padding: 0.8vw;border-radius: 50%;}
.aboutr ul li h4{font-size:14px;color:#333;padding:3px 0 3px 0;border: 0px solid #1b62b4;width: 80px;margin:0px auto 0px auto;font-weight:normal;}


.fuwu{width:100%;margin:0px 0 0 0;overflow:hidden;}
.title{width:1280px;margin:0 auto;}
.title h3{color:#333;font-size:30px;padding-top:0px;font-weight:normal;text-align: center;}
.title dd{background: #287ebd;width:43px;height:4px;margin:25px auto 60px auto;}

.fuwu ul{padding:0;margin:0;}
.fuwu ul li{float:left;width:19.6%;overflow:hidden;text-align:center;margin:0 0.5% 0 0px;padding-bottom: 50px;background: #f6f6f6;}
.fuwu ul li:nth-child(5){margin:0 0% 0 0px;}
.fuwu ul li img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.fuwu ul li:hover img{transform: scale(1.05,1.05);}
.fuwu ul li dt{font-size:14px;color:#666;margin: 35px 0 10px 0;}
.fuwu ul li a{font-size: 30px;padding: 8px 30px;color: #287ebd;}
.fuwu ul li:hover a{color:#333;}


.digital{width:100%;height: auto;padding:0 0px;color: #fff;margin:0 auto;z-index:99;height: 14vw;}
.mainll{width:1280px;height: auto;margin:0 auto;font-size: 0;}
.mumping_mun li{width: 11.5%;padding-right:11.35vw;
    display: inline-block;height: 4vw;
    margin: 3vw 0.15vw;
    text-align: center;}
.mumping_mun li:nth-child(4){margin:3vw 0px 3vw 1vw;border-right: 0px solid #fff;padding-right:0vw;}
.mun_top{margin-bottom:-17px;}
.mumping_mun{width:100%;list-style: none;margin: 0px auto;top:1.2vw;
    position: relative;}
.mumping_mun dd{font-size:0.8vw;width: 100%;display: block;clear: both;color: #333;text-align: left;font-weight:normal;padding-bottom: 0.3vw;}
.mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;color: #333;text-align: left;}
.mumping_mun h2{font-size:2.5vw;font-weight:bold;float: left;margin-right: 0.2vw;color:#287ebd;}
.mumping_mun span{color: #000;font-size: 12px;font-weight: normal;float: left;}
.mumping_mun img{padding:5px 0px 20px 0px;width:1.1vw;}


.guang{background:url(404.png) center center no-repeat;height:600px;text-align: center;}
.guang h3{font-size:60px;color:#fff;font-weight:bold;padding:230px 0 30px 0;}
.guang dd{font-size:18px;color:#fff;}


.newsall{width:100%;background:#f6f6f6;padding: 100px 0 10px 0;margin-top: 10px;margin-bottom:100px;}
.news{width:1280px;margin:0px auto 60px auto;overflow:hidden;}

.news ul{padding:0;margin:0;overflow:hidden;}
.news ul li{float:left;width:413px;margin-right:20px;text-align: center;overflow:hidden;position: relative;}
.news ul li img{width:90%;margin-bottom: 20px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;position: relative;background: #fff;padding: 5%;}
.news ul li:hover img{transform: scale(1.05,1.05);}
.news ul li:nth-child(3){margin-right:0px;}
.news ul li a{font-size:14px;color:#666;}

.video {
    background: url(../image/video.png) no-repeat;
    width: 43px;
    height: 43px;
    position: absolute;
    left: 190px;
    top: 120px;
    cursor: pointer;
}

.gengduo{display: block;margin:45px auto 20px auto;width:160px;height:40px;background:#287ebd;text-align:center;line-height:40px;font-size: 14px;color: #fff;font-weight: normal;border-radius: 30px;border:1px solid #287ebd;}
.gengduo:hover{color: #287ebd;border:1px solid #287ebd;background: #fff;}

	
.tch_case{width:1280px;margin:0 auto;overflow: hidden;margin-top: 0vw;margin-bottom: 6vw;}
.tch_case h3 span{font-size:16px;
    font-weight:normal;color: #000;}
.tch_case a{font-size:16px;
    font-weight:normal;color:#fff;float: right;padding-top: 1.2vw;border-bottom: 1px solid #004ea2;}
.tch_case ul{width:100%;margin:0 auto;overflow: hidden;}
.tch_case ul li{width:11.8%;margin-right:1%;float:left;margin-bottom: 1%;background: #f1f1f1;padding: 2%;}
.tch_case ul li:nth-child(6n){margin-right:0%;}
.tch_case ul li img{width:100%;}