body {
    font-family: "Microsoft Yahei";
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: "Microsoft Yahei";
}
a {
    color: #333;
    font-family: "Microsoft Yahei";
}
a:hover,a:focus {
    color: #2064a6;
    text-decoration: none;
    font-family: "Microsoft Yahei";
}
ul li{
	list-style: none;
}
input , select , textarea{
   -webkit-appearance: none;
   }
.row{
 	margin: 0px;
 }
input,select,option,textarea,a{
     -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
     outline: none;
}
*{
    box-sizing: border-box;
}
/*top开始*/
@media (min-width:1200px){
.container{
	width: 1200px;
	margin: 0px auto;
	padding:0px 0px;
    position: relative;
}
}
@media (max-width:768px) {
.container{
	width:100%;
	margin: 0px;
	padding:0px 0px;
}
}
/*top*/
.top{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.logo{
    width: 500px;
    height: 140px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.logo img{
    float: left;
    width: 100%;
}
.search{
    width: auto;
    float: right;
    position: relative;
    margin:50px 0px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    display: block;
}
.search .text{
    width: 300px;
    float: left;
    border:1px #ccc  solid;
    height:38px;
    line-height: 38px;
    font-size: 12px;
    color: #666;
    margin: 0px;
    padding: 0px 10px;
    border-right: none;
}
.search  .btn{
    width: 67px;
    height:38px;
    line-height: 38px;
    float: left;
    margin: 0px;
    padding: 0px;
    background: url(../images/search.png) no-repeat -3px -2px;
}
@media (max-width: 768px){
.m-hidden{
    display: none!important;
}
.logo{
    width:80%;
    height:auto;
    float:none;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}
.logo img{
    width: 100%;
}
}
.nav{
    width: 100%;
    position: relative;
    background-color: #0564a6;
    margin: 0px;
    padding: 0px;
}
.nav ul{
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.nav ul li{
    width: 200px;
    float: left;
    text-align: center;
}
.nav ul li a{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
}
.nav ul li a.active , .nav ul li a:hover{
    background-color: #0a7ccc;
}
.nav li ul{
    line-height: 27px;  
    list-style-type: none;
    text-align:left;
    left: -999em; 
    width:200px; 
    position: absolute;
    z-index: 999;
    border-bottom: 2px #fff solid;
    background-color:#0564a6;
}
.nav li ul li{
    float: left; 
    width: 200px;
    height:35px;
    line-height: 35px;
    position: relative;
}
.nav li ul li a , .nav li ul li a:hover{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    height:35px;
    line-height: 35px;
}
.nav li:hover ul{
 left: auto;
}
@media (max-width: 768px){
.nav ul{
    padding:3px 5px;
    overflow: hidden;
}
.nav ul li{
    float: left;
    width:31.33%;
    margin:1%;
}
.nav ul li a{
    height: 35px;
    line-height: 35px;
    background-color: #0a7ccc;
    font-size: 14px;
}
}
/*首页 banner*/
.banner{
    width: 100%;
    margin:0px auto;
    padding: 0px;
    position: relative;
    display: block;
}
.banner .carousel {
    position:static;
}
.banner .carousel-inner .item img{
    width: 100%;
}
.banner .carousel-control.left , .banner .carousel-control.right {
    background:none;
}
@media (max-width: 768px){
.banner{
    width:100%;
    margin:0px;
    padding: 0px;
    position: relative;
    display: block;
}
}
.carousel-indicators{
    bottom: 20px;
}
@media (max-width: 768px){
.banner .carousel-inner .item img{
  width: 100%;
}
.carousel-indicators {
   bottom:10px;
}
}
@media (min-width: 1300px){
.carousel-indicators{
    bottom: 20px;
}
}
.banner .carousel-indicators li{
    border-radius: 0px;
    width:35px;
    height:2px;
    background-color: #fff;
    border: none;
    margin: 0px;
    padding: 0px;
}
.banner .carousel-indicators .active{
    border-radius: 0px;
    width:35px;
    height:2px;
    background-color: #2064a6;
    border: none;
    margin: 0px;
    padding: 0px;
}
.banner .item div{
    width:100%; 
    height:415px;
    background-position: center center; 
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}
@media (max-width:768px){
.banner .item div{
    width:auto; 
    height:220px;
    background-position: 35% center; 
    background-repeat: no-repeat;
}
}
/*首页开始*/
.main{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
    background:url(../images/back.jpg) no-repeat 0px 0px;
    background-size: 100% 100%;
    margin: 0px;
    padding: 0px;
}
.main-one{
    width: 100%;
    margin: 20px 0px 0px;
    float: left;
    position: relative;
    overflow: hidden;
}
.one-left{
    float: left;
    width: 350px;
    height: 300px;
    position: relative;
    overflow: hidden;
    border: 1px #e5e5e5 solid;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}
.left-tit{
    width: 100%;
    background-color: #f5f5f5;
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 42px;
    line-height: 42px;
}
.left-tit a{
    width:auto;
    display:inline-block;
    padding: 0px 40px;
    background-color: #2064a6;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.one-left ul{
    width: 100%;
    padding:6px 10px;
    margin: 0px;
    position: relative;
    overflow: hidden;
}
.one-left ul li{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
}
.one-left ul li a{
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size:14px;
    font-weight: 400;
}
.one-left ul li a img{
    display: inline-block;
    margin: 0px 8px 0px 0px;
    height: 4px;
}
.one-right{
    float: left;
    width:350px; 
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    border: 1px #e5e5e5 solid;
}
.right-tit{
    width: 100%;
    border-bottom: 2px #e5e5e5 solid;
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 42px;
    line-height: 42px;
}
.right-tit h4{
    float: left;
    width: auto;
    padding: 0px 0px 0px 10px;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    border-bottom: 2px #2064a6 solid;
    height: 42px;
    line-height: 40px;
    margin: 0px;
}
.right-tit a{
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #666;
    font-weight: 400;
}
.right-tit a:hover{
    color: #2064a6;
}
.one-right ul{
    width: 100%;
    padding:6px 10px;
    margin: 0px;
    position: relative;
    overflow: hidden;
}
.one-right ul li{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
}
.one-right ul li a{
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size:14px;
    font-weight: 400;
}
.one-right ul li a img{
    display: inline-block;
    margin: 0px 8px 0px 0px;
    height: 4px;
}
.one-center{
    width: 460px;
    height: 300px;
    margin: 0px 20px;
    float: left;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.one-center .title{
    width: 100%;
    display: block;
    position: absolute;
    z-index:44;
    bottom: 0px;
    left: 0px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#66000000',EndColorStr='#66000000');
}
.one-center .title a{
    width:300px;
    float: left;
    height: 35px;
    line-height: 35px;
    margin: 0px;
    padding: 0px 10px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}
.one-center .contenttu{
    width: 100%;
    position: relative;
}
.one-center .change{
    width:auto;
    height: 35px;
    position: absolute;
    bottom:0px;
    right: 5px;
    z-index: 66;
    text-align: right;
}
.one-center .change i{
    width: 5px;
    height: 5px;
    margin:15px 3px;
    background-color: #fff;
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
}
.one-center .change i.cur{
    background-color: #2064a6;
}
@media (max-width:768px) {
.main-one{
    margin: 10px 0px 0px;
}
.one-left{
    width: 96%;
    margin: 0px 2%;
}
.one-center{
   width: 96%;
   margin:10px 2%; 
   zoom:0.86;
}
.one-right{
    width: 96%;
    margin: 0px 2%;
}
}
@media (max-width:400px) {
.one-center{
   width: 96%;
   margin:10px 2%; 
   zoom:0.78;
}
}
.main-banner{
    width: 100%;
    float: left;
    margin: 20px 0px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
@media (max-width:768px) {
.main-banner{
    margin-top: 10px;

}
}
.main-two{
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px;
    overflow:hidden;
    padding: 0px;
}
.main-news{
    float: left;
    width: 955px;
    height:320px;
    overflow: hidden;
    position: relative;
    margin:0px;
    padding: 0px;
    background-color: #fff;
    border-bottom: 1px #e5e5e5 solid;
}
.news-tit{
    width: 100%;
    background-color: #f5f5f5;
    height:42px;
    line-height: 42px;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.news-tit h4{
    width: auto;
    background-color: #2064a6;
    padding: 0px 40px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin: 0px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 42px;
    line-height: 42px;
}
.news-item{
    float: left;
    width: 310px;
    padding:0px 10px;
    position: relative;
    margin:10px 0px 0px;
}
.two-border{
    width: 310px;
    border-left: 1px #e5e5e5 dotted;
    border-right: 1px #e5e5e5 dotted;
    margin: 10px 15px 0px 10px;
    padding:0px 10px 0px 20px;
}
.item-tit{
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding:0px;
    display: block;
}
.item-tit h5{
    width: 100%;
    border-left: 3px #2064a6 solid;
    padding-left:8px;
    font-size:15px;
    color: #333;
    font-weight:bold;
}
.news-item ul{
    width: 100%;
    float: left;
    margin:5px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.news-item ul li{
    width: 100%;
    float: left;
    background: url(../images/dian.png) no-repeat 0px center;
    height: 35px;
    line-height: 35px;
    padding: 0px 0px 0px 10px;
}
.news-item ul li a{
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.information{
    width:230px;
    height: 320px;
    float: left;
    margin-left: 15px;
    position: relative;
    overflow: hidden;
    padding:0px;
    background-color: #fff;
    border: 1px #e5e5e5 solid;
}
.inf-tit{
    width: 100%;
    float: left;
    text-align: center;
    background-color: #2064a6;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    position: relative;
    overflow: hidden;
}
.update{
    width: 100%;
    float: left;
    text-align:right;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.update p{
    width: 100%;
    font-size: 12px;
    color: #666;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    margin: 0px;
    padding: 0px 10px 0px 0px;
}
.parking{
    width: 100%;
    height: 240px;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.park-sel{
    width: 90%;
    margin:10px 5%;
    position: relative;
    overflow: hidden;
}
.park-sel select{
    width: 100%;
    border:1px #e5e5e5 solid;
    background-color: #fff;
    font-size: 14px;
    color:#333;
    height:35px;
   line-height:33px;
   margin: 0px;
   padding: 0px 10px;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.el-input-icon{
    color: #999;
    font-size: 13px;
    transition: transform .3s;
    transform: translateY(-50%) rotate(180deg);
    line-height: 16px;
    top: 55%;
    right:8px;
    cursor: pointer;
    position: absolute;
    z-index:66;
}
.park-sel:hover .el-input-icon{
    transform: translateY(-50%)
}
.shu{
    width: 100%;
    margin: 0px;
    position: relative;
    padding: 0px;
    text-align: center;
}
.shu p{
    width: 100%;
    font-size: 84px;
    height:180px;
    color: #666;
    margin: 0px;
    padding: 0px;
    line-height:180px;
    overflow: hidden;
    position:relative;
}
@media (max-width:768px) {
.main-two{
    width: 96%;
    margin:10px 2% 0px;
}
.main-news{
    width: 100%;
    height: auto;
}
.news-item{
    width: 96%;
    margin:10px 2% 0px;
    padding: 0px;
    padding-bottom: 5px;
    border-bottom: 1px #e5e5e5 dotted;
}
.news-item ul{
    margin: 0px;
}
.two-border{
    padding: 0px 0px 5px;
    border: none;
    border-bottom: 1px #e5e5e5 dotted;
}
.information{
    width:100%;
    margin: 10px 0px 0px;
    padding: 0px;
}
}
.three .main-news{
    width: 100%;
    border: none;
}
.three  .news-item{
    width:285px;
}
@media (max-width:768px) {
.three .news-item{
    width: 96%;
}
}
.four{
    width: 100%;
    float: left;
    margin: 20px 0px;
    position: relative;
    overflow: hidden;
     background-color: #fff;
}
.four ul{
    margin:10px 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
    width:100000px;
    position:relative;
}
.four li{
    float: left;
    width: 200px;
    margin: 0px 14px 0px 0px;
}
.four ul li img{
    width:100%;
    float: left;
}
.four ul li p{
    width: 100%;
    text-align: center;
    height: 25px;
    line-height:25px;
    position: relative;
    overflow: hidden;
    margin:0px 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: 400;
}
@media (max-width:768px) {
.four{
    width: 96%;
    margin: 10px 2% 0px;
}
}
/*footer*/
.footer{
    width: 100%;
    background-color: #2268ad;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.footer-img{
    width: 100%;
    text-align: center;
    border-bottom: 1px #6999c7 solid;
    margin: 0px;
    padding:10px 0px;
}
.footer-img .img-logo{
    display: inline-block;
    margin: 0px 10px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.footer-img .img-logo img{
    width:auto;
    height: 85px;
}
.footer-conter{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin:20px 0px;
    padding: 0px;
}
.f-item{
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    text-align: center;
    border-right: 1px #6999c7 dashed;
    min-height:270px;
}
.noborder{
    border: none;
}
.f-title{
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.f-title img{
    width: 60px;
    height:60px;
}
.f-title p{
    font-size: 18px;
    color: #b1daf5;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.f-item ul{
    width: 100%;
    margin:10px 0px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.f-item ul li{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.f-item ul li a{
    width: 100%;
    display: block;
    color: #b1daf5;
    font-size:14px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.f-item ul li a:hover{
    color: #fff;
}
.bottom{
    width: 100%;
    background-color: #393939;
    margin: 0px;
    padding:10px 0px;
    position: relative;
    overflow: hidden;
}
.bottom p{
    width: 100%;
    text-align: center;
    font-size:14px;
    color: #fff;
    font-weight: 400;
    margin:10px 0px;
    padding: 0px;
}
@media (max-width:768px) {
.footer{
    margin-top: 0px;
}
.footer-img .img-logo img{
    width: 80%;
    height: auto;
}
.f-item{
    min-height:180px;
    border-right: none;
}
.f-title img{
    width: 40px;
    height: 40px;
}
.f-title p{
    font-size: 14px;
}
.f-item ul li a{
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}
.bottom p{
    font-size: 12px;
}
}
/*联系我们*/
.con-banner{
    width: 100%;
    height: 270px;
    background: url(../images/con-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.home{
    width: 100%;
    margin:30px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.home .home-font{
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.home .home-font a{
    float: left;
    font-size:14px;
    color: #333333;
    font-weight: 100;
    display:block;
}
.home .home-font span{
    float: left;
    font-size: 14px;
    color: #333;
    margin: 0px 10px;
    padding: 0px;
    position: relative;
}
.home .home-font p{
    float: left;
    font-size: 14px;
    color: #333;
    margin: 0px 0px;
    padding: 0px;
    position: relative;
}
.home .home-font a.pitch{
    color: #2064a6;
}
@media (max-width: 768px){
.con-banner{
    width: 100%;
    height: 200px;
    background: url(../images/con-banner.jpg) no-repeat center bottom;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.home{
    width: 100%;
    margin:10px 0px;
}
.home .home-font{
    width:96%;
    margin: 0px 2%;
}
}
.contact{
    width: 100%;
    float: left;
    min-height: 700px;
    position: relative;
    overflow: hidden;
    margin:20px 0px;
    padding: 0px;    
}
.contact-font{
    float: left;
    width:50%;
    position: relative;
    overflow: hidden;
    text-align:left;
    padding:0px 0px;
}
.contact-font h4{
    width: 100%;
    position: relative;
    font-size:30px;
    color: #1a1a1a;
    font-weight: 400;
    margin:0px 0px;
}
.contact-font h5{
    width: 100%;
    position: relative;
    font-size:20px;
    color: #1a1a1a;
    font-weight: 400;
    margin:40px 0px 15px;
}
.contact-font  p{
    width: 90%;
    font-size: 15px;
    color: #666666;
    margin:5px 0px 10px;
    padding: 0px;
}
.ma{
    width:100%; 
    margin:50px 0px 0px;
    overflow: hidden;
    display: block;
}
.ma img{
    width:140px;
    float: left;
}
.ma p{
    float: left;
    width: auto;
    text-align: left;
    font-size: 16px;
    color: #666;
    margin:35px 0px 0px 20px;
    position:relative;
    display: block;
    line-height: 35px;
}
.map{
    width:48%;
    float: left;
    padding: 0px 0px;
    margin-left: 2%;

}
.map img{
    width: 100%;
    border: 1px #ccc solid;
}
@media (max-width: 768px){
.contact{
    min-height: auto;
}
}
@media (max-width: 768px){
.contact-font{
    width:96%;
    margin: 10px 2% 0px;
    padding: 0px;
}
}
@media (max-width: 768px){
.contact-font h4{
    margin:0px 0px 20px;
}
}
@media (max-width: 768px){
.map{
    width: 100%;
    float: left;
    border:none;
    margin: 20px 0px 0px;
    padding: 0px 4%;
}
.ma{
    width:100%; 
    margin:40px auto 0px;
    overflow: hidden;
}
}
/*关于我们*/
.about-banner{
    width: 100%;
    height: 270px;
    background: url(../images/about-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.about{
    width: 100%;
    float: left;
    margin:25px 0px 50px;
    position: relative;
    overflow: hidden;
    padding: 0px; 
    min-height: 600px; 
}
.about .about-left{
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px;
    text-align: center;
}
.about .about-left h4{
    width: 100%;
    font-size: 28px;
    color: #333333;
    font-weight: 400;
    margin:0px 0px 20px;
    padding: 0px;
    position: relative;
}
.aboutlogo{
    margin:0px auto 10px;
    width:30%;
    position: relative;
    overflow: hidden;
}
.aboutlogo img{
    width: 100%;
}
.about .about-left p{
    width: 100%;
    float: left;
    text-align:left;
    font-size: 15px;
    color: #333;
    font-weight: 100;
    text-indent: 2em;
    line-height:28px;
    margin:5px  0px;
}
.about-img{
    float: left;
    margin: 0px 0px;
    position: relative;
    overflow: hidden;
}
.about-img img{
    width: 100%;
}
@media (max-width: 768px){
.about-banner{
    width: 100%;
    height: 200px;
    background: url(../images/about-banner.jpg) no-repeat 40% center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.about{
    margin: 20px 0px 0px;
}
}
@media (max-width: 768px){
.about .about-left {
    width: 96%;
    margin: 0px 2%;
}
}
@media (max-width: 768px){
.about .about-left h4{
    font-size:20px;
    margin: 0px 0px 10px;
}
}
@media (max-width: 768px){
.aboutlogo {
    margin: 20px auto;
    width: 40%;
    position: relative;
    overflow: hidden;
}
}
@media (max-width: 768px){
.about .about-img{
    width:96%;
    margin: 10px 2%;
}
}
/*动态*/
.news-banner{
    width: 100%;
    height: 270px;
    background: url(../images/news-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.news{
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
    min-height: 600px;
}
.news-main{
    width: 100%;
    margin-top: -50px;
    position: relative;
    padding: 0px;
    background-color: #fff;
    overflow: hidden;
}
.news-left{
    float: left;
    width:230px;
    padding: 24px 20px 80px;
    background-color: #2064a6;
    margin: 0px;
}
.news-tu{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.news-tu img{
    float: left;
    width:40px;
    margin:0px 10px 0px 10px;
    height:40px;
}
.news-tu p{
    float: left;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.news-left ul{
    width: 100%;
    padding: 15px 0px 0px;
    position: relative;
    overflow: hidden;
    margin: 0px;
}
.news-left ul li{
    width: 100%;
    float: left;
    background-color: #fff;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin:5px 0px;
}
.news-left ul li:hover{
    background-color: #0a7ccc;
}
.news-left ul li:hover a{
    color: #fff;
}
.news-rigth{
    float: left;
    width: 970px;
    padding:20px;
    position: relative;
    overflow: hidden;
}
.news-title{
    width: 100%;
    border-bottom: 2px #e5e5e5 solid;
    height:42px;
    line-height: 42px;
    position: relative;
}
.news-title h4{
    width: auto;
    float: left;
    display: inline-block;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    border-bottom: 2px #2064a6 solid;
    height:42px;
    line-height: 42px;
    padding: 0px 10px;
    margin: 0px;
}
.news-rigth ul{
    width: 100%;
    position: relative;
    margin:10px 0px;
    padding: 0px 10px;
    overflow: hidden;
}
.news-rigth ul li{
    width: 100%;
    height: 35px;
    line-height: 35px;
    float: left;
    margin:0px 0px;
    padding: 0px 0px 0px 10px;
    position: relative;
    overflow: hidden;
    background: url(../images/dian.png) no-repeat 0px center;
}
.news-rigth ul li a{
    float:left;
    width: 80%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;
}
.news-rigth ul li span{
    float: right;
    width: 20%;
    text-align: right;
    font-size: 12px;
    color: #999;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
}
.news-rigth ul.pagination{
    width: 100%;
    text-align: right;
    margin:20px 0px;
    padding: 0px;
    float: right;
}
.news-rigth ul.pagination li{
    background:none;
    width:30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
    float: none;
    display: inline-block;
}
.news-rigth ul.pagination li a{
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    color: #333;
}
.news-rigth ul.pagination li a span{
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
}
.news-rigth ul.pagination li a:hover{
    background-color: #2064a6;
    color: #fff;
}
.news-rigth ul.pagination li a:hover span{
    color: #fff;
}
.newpage {
   width: 100%;
   position: relative;
   overflow: hidden;
   float: left;
   margin: 0px;
   padding: 0px;
   text-align: center;
}
.newpage-top{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 10px;
    padding: 0px 0px 10px;
    border-bottom: 1px #ccc solid;
}
.newpage-top h4{
    font-size: 26px;
    color: #1a1a1a;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    margin: 20px 0px;
}
.time{
    float: left;
    position: relative;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
.time i{
    color:#999;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size:20px;
    margin: 0px 5px 0px 0px;
}
.newpage .time p{
    width: auto;
    float: left;
    font-size: 14px;
    color: #999;
    position: relative;
    overflow: hidden;
    font-weight: 100;
    margin: 0px;
    padding:0px;
    height:30px;
    line-height:30px;
    text-indent:0px;
}
.newpage p {
   width: 100%;
   float: left;
   margin: 15px 0px;
   font-size: 16px;
   color: #333333;
   font-weight: 100;
   text-indent: 2em;
   line-height: 30px;
   text-align: left;
}
.newpage  img{
   width: auto;
   margin: 0px auto;
}
@media (max-width: 768px){
.news-banner{
    width: 100%;
    height: 200px;
    background: url(../images/news-banner.jpg) no-repeat 30% center;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: none;
}
.news-main{
    margin-top: 0px;
}
.news-left {
    float: left;
    width: 100%;
    padding:10px 10px;
}
.news-left ul li {
    width:46%;
    margin:5px 2%;
}
.news-rigth {
    width:96%;
    padding: 0px 2%;
}
.news-rigth ul li a {
    float: left;
    width: 70%;
}
.news-rigth ul li span{
    width:30%;
}
.newpage{
    width: 96%;
    margin: 0px 2%;
}
.newpage-top h4 {
    font-size:20px;
}
.newpage p{
    font-size: 14px;
    margin: 10px 0px;
}
.newpage img{
    width: 100%;
}
}
.pro-banner{
    width: 100%;
    height: 270px;
    background: url(../images/pro-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.ser-comtent{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.oem-title{
    width: 100%;
    margin: 0px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px #dcdcdc solid;

}
.oem-title h4{
    width: 100%;
    font-size:20px;
    color: #14191d;
    font-weight: 400;
    margin:0px 0px;
    padding:20px 0px;
    overflow: hidden;
}
.list-right {
  float: left;
  width: 100%;
  margin: 0px 0px 20px;
  position: relative;
  overflow: hidden;
}
.list-right ul.prolist{
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.list-right ul.prolist li{
    margin:20px 1% 0px;
    float: left;
    border: none;
    height: auto;
    width:23%;
    background: none;
    position: relative;
    overflow: hidden;
}
.list-right ul.prolist li img{
    width: 100%;
}
.list-right ul.prolist .proicon{
    display: none;
}
.list-right ul.prolist li a:hover .proicon{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#66000000',EndColorStr='#66000000');
}
.list-right ul.prolist li a:hover .proicon img{
    width: 40px;
    height: 40px;
    margin: 10% auto 0px;
    display: block;
    position: relative;
    overflow: hidden;
}
.model{
   width: 100%;
   text-align: center;
   margin: 35% 0px 0px; 
}
.model h5{
    width: 90%;
    margin: 0px 5%;
   font-size:18px;
   color: #fff;
   font-weight: 400;
   display: block;
   line-height:20px;
   height:40px;
   overflow: hidden;
   position: relative;
}
@media (max-width:768px){
.pro-banner{
    width: 100%;
    height: 200px;
    background: url(../images/pro-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.model h5{
   font-size:16px;
   line-height:20px;
   height:40px;
   color: #fff;
   font-weight: 400;
   display: block;
   overflow: hidden;
} 
.ser-comtent{
    width: 96%;
    margin: 0px 2%;
}  
.list-right ul.prolist li {
    width:48%;
    margin: 5px 1% 0px;
}
}
.product{
    width: 100%;
    float: left;
    margin:0px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.product-right{
    float: left;
    width:670px;
    margin: 0px 0px 0px 20px;
    position: relative;
    overflow: hidden;
    text-align:left;
}
.product-right h2{
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 0px;
    padding: 0px;
    font-size:20px;
    color: #333;
    font-weight:700;
}
.product-p{
    width: 100%;
    float: left;
    padding:10px;
    margin:20px 0px;
    background-color:#f5f5f5;
    border: 1px #dedede dotted;
}
.product-right p{
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin:8px 0px;
    padding: 0px;
    font-size:14px;
    color: #666;
    font-weight:400;
}
.detailtop-img {
float: left;
width:450px;
position: relative;
margin:0px 50px 0px 0px;
padding: 0px;
}
.container_image{
  width:100%;
  margin:0px 0px 10px;
  position:relative;
  overflow: hidden;
}
.container_image .i_btn{
    display:block;
    width:30px;
    height:71px;
    position:absolute;
    top:255px;
    z-index:3;
    background-image:url(../images/a_l.png);
}
.container_image .prev_L{
    left:10px;
    background-position:0 0;
}
.container_image .next_R{
    right:10px;
    background-position:-43px 0;
}
.container_image .prev_L:hover{
    left:10px;
    background-position:0px -84px;
}
.container_image .next_R:hover{
    right:10px;
    background-position:-43px -84px;
}
.slide_img {
    width:1000px;
    height:600px;
    position:relative;
    z-index:1;
    margin: 0px auto 20px;
}
.slide_img li{
    width:300px;
    height:300px;
    overflow:hidden;
    position:absolute;
    top:15px;
    background:#ffffff;
}
.slide_img li a{
    display:block;
    position:relative;
    width:100%;
    height:100%;
}
.slide_img li a img{
    position:absolute;
    height:100%;
}
.slide_img li.on{
    width:450px;
    left:300px;
    top:0;
    overflow:hidden;
}
.slide_img li.on img{
    width:100%;
}
.slide_img li.left{
    left:0;
}
.slide_img li.right{
    right:0px;
}
#zSlider {
    margin:0px;
    width:450px;
    position: relative;
    padding: 0px;
}
#picshow {
    position:relative;
}
#picshow, #picshow_img {
    width:450px;
    height:450px;
    float:left;
    margin: 0px;
    padding: 0px;
}
#picshow_img ul{
    margin: 0px;
    width: 100%;
    padding: 0px;
    position: relative;
    border: none;
}
#picshow_img li {
    width:450px;
    height:450px;
    float:left;
    display:none;
    border: none;
    position: relative;
    top: 0px;
}
#picshow_img img {
    width:100%;
    border: 1px #e9e9e9 solid;
}
#select_btn {
    width:100%;
    float:left;
    margin:0px 0px;
    display:inline;
    position: relative;
}
#select_btn ul{
    width:450px;
    height:70px;
    margin:10px 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
#select_btn li {
    float: left;
    padding:0px;
    width:70px;
    height:70px;
    border: 1px #eeeeee solid;
    cursor:pointer;
    position: relative;
    margin:0px 15px 0px 0px;
    border-radius:0px;
    top: 0px;
}
#select_btn li:hover {
   border: 1px #cdcdcd solid;
}
#select_btn li.current {
    border:1px #cdcdcd solid;
}
#select_btn li.current:hover {
    border:1px #cdcdcd solid;
}
#select_btn a {
    display: block;
}
#select_btn img {
    width:100%;
    float: left;
    margin: 0px;
    padding: 0px;
    height: auto;
    position:relative;
}
.details{
    width:920px;
    float: left;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.similar-title{
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px #f5f5f5 solid;
    background-color: #f5f5f5;
    margin:0px 0px;
    padding: 0px;
}
.similar-title h4{
    float: left;
    text-align: center;
    font-size:16px;
    height:42px;
    line-height:42px;
    background-color: #2064a6;
    color: #fff;
    font-weight:400;
    margin: 0px;
    padding: 0px 50px;
    display: inline-block;
}
.details .deta-contact{
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0px 20px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}
.details .deta-contact p{
    text-align: left;
    text-indent: 2em;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    font-weight: 400;
    margin: 5px 0px;
}
.details .deta-contact img{
    width: auto;
    margin: 0px auto;
}
@media (max-width:768px){
.detailtop-img{
    width: 100%;
}
#zSlider{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#picshow_img li{
    width: 100%;
    height:auto;
}
#picshow, #picshow_img{
    width: 100%;
    height:auto;
}
#select_btn ul{
    width: 100%;
    height: auto;
}
#select_btn li{
    width:18%;
    height: auto;
    height: auto;
    margin:0px 1%;
}
.similar-title h4{
    font-size: 16px;
}
.product-right{
    width: 100%;
    margin: 0px;
    text-align:left;
}
.product-right h2{
    margin:10px 5px;
    font-size:18px;
}
.product-right p{
    font-size:14px;
    margin:5px 5px;
}
.details .deta-contact{
    margin: 0px 0px 20px;
    overflow: hidden;
}
.details .deta-contact p{
    font-size: 13px;
    line-height: 25px;
}
.details .deta-contact img{
    width: 100%;
    float: left;
}
}
@media (max-width:768px){
.moble-slider .i_btn{
   display: block;
   width:20px;
   height:61px;
   position: absolute;
   top:33%;
   z-index: 3;
   background-image: url(../images/a_l.png);
}
.moble-slider .prev_L {
    left: 10px;
    background-position: 0 0;
}
.moble-slider .next_R{
   right: 10px;
   background-position: -53px 0;
}
.moble-slider .prev_L:hover{
    left: 10px;
    background-position:0px -84px;
}
.moble-slider .next_R:hover{
   right: 10px;
   background-position:-53px -84px;
}
.model{
    width: 100%;
    text-align: center;
    margin:30% 0px 0px;
}
}
.ind-banner{
    width: 100%;
    height: 270px;
    background: url(../images/ind-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
@media (max-width:768px){
.ind-banner{
    width: 100%;
    height: 200px;
    background: url(../images/ind-banner.jpg) no-repeat center center;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: none;
}
}
.news-search{
    width: 100%;
}
.news-search li a span{
    width: auto;
    float:left;
    display: inline-block;
    font-size: 14px;
    color: #2064a6;
    margin: 0px 10px 0px 0px;
    font-weight:500;
}
.introduce{
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin:25px 0px 15px;
    padding: 0px;
}
.selling{
    width:240px;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    border: 1px #e5e5e5 solid;
}
.selling .selling-title{
    width: 100%;
    background-color: #f5f5f5;
    height:40px;
    line-height:40px;
    position: relative;
    overflow: hidden;
}
.selling .selling-title h4{
    font-size: 16px;
    color: #666;
    margin: 0px 0px 0px 10px;
    position: relative;
    font-weight: 400;
    padding: 0px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}
.selling ul{
    width: 100%;
    margin:0px 0px;
    padding:10px;
    position: relative;
    overflow: hidden;
}
.selling ul li{
    float: left;
    width: 218px;
    margin:5px 0px;
    position: relative;
    overflow: hidden;
}
.selling ul li a{
    display: block;
    width: 200px;
    margin: 0px 9px;
    padding: 0px 0px 5px;
    border-bottom: 1px #ececec dashed;
}
.selling ul li a img{
    width: 100%;
}
.selling ul li p{
    width: 100%;
    font-size: 12px;
    color: #666;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    text-align: center;
}
@media (max-width:768px){
.introduce{
    margin: 0px;
}
.details{
    width:100%;
    margin: 0px;
}
}
/*新闻新增上下篇*/
.piece{
    width:99%;
    float: left;
    background-color: #fafafa;
    position: relative;
    padding: 10px 0px;
    margin:50px 0px 80px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px hsla(0,0%,0%,0.1);
    box-shadow: 1px 1px 1px 1px hsla(0,0%,0%,0.1);
    border: none;
   border-radius: 2px;
}
.piece ul{
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    box-shadow:none;
}
.piece ul li , .piece ul li:hover{
    width: 33.33%;
    float: left;
    border: none;
    box-shadow:none;
    -webkit-box-shadow:none;
    margin: 0px;
    padding: 0px;
}
.piece ul li a{
    width: 100%;
    display: block;
    font-size:18px;
    color: #333;
    font-weight: 400;
    margin: 0px;
    padding: 0px 10%;
    text-align: center;
    height: 35px;
    line-height: 35px;
}
.piece ul li a:hover{
    color: #269cf4;
}
.piece ul li a img{
    width:35px;
    height:27px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 3px 0px 0px;
}
@media (max-width: 768px){
.piece ul li a{
    font-size: 16px;
}
.piece ul li a img{
    width:25px;
    height:auto;
    display: inline-block;
    vertical-align: top;
    margin:6px 3px 0px 0px;
}
}
.new-content{
    width: 1000px;
    margin:0px 100px;
    overflow: hidden; 
}
@media (max-width: 768px){
.new-content{
    width: 100%;
    margin:0px;
} 
.home .home-font a.pitch1{
    display: none;
}
}
.m-fixed{
    display: none;
}
@media (max-width: 768px){
.bottom{
    margin: 0px 0px 50px;
}
.m-fixed{
    width: 100%;
    height: 50px;
    z-index: 9999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    display: block;
    background-color: #0a7ccc;
} 
.m-fixed a{
    float: left;
    width: 33.33%;
    text-align: center;
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}
.m-fixed a:hover{
    color: #fff;
}
.m-fixed a img{
    width: 20px;
    height: 20px;
    margin: 6px 0px 3px;
}
}
/*留言*/
.messbanner{
    width: 100%;
    height: 270px;
    background: url(../images/messbanner.jpg) no-repeat 70% center;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.mess-form{
    width:100%;
    margin:0px auto;
    position: relative;
    overflow: hidden;
    display: block;
}
.form-group{
    float: left;
    width:42%;
    margin: 0px 7% 40px 1%;
    border-bottom: 1px #dcdcdc solid;
    position: relative;
    overflow: hidden;
}
.form-group label{
    width:60px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    border: none;
    line-height: 40px;
    text-align: left;
    display: block;
    z-index: 22;
}
.form-group .form-control{
    width:100%;
    padding:0px 0px 0px 70px;
    position: relative; 
    border: none;
    font-size:14px;
    color: #585858;
    font-weight: 400;
    height:40px;
    line-height:40px;
    -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075);
    z-index: 11;
} 
.error{
    position: absolute;
    right:25px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    color: #ff0000;
    z-index: 22;
}
.form-text{
    width:92%;
    float: left;
    margin: 10px 0px 30px 1%;
    padding: 0px;
    border: none;
}
.form-text textarea{
    border: none;
    width:100%;
    height:90px;
    line-height:30px;
    margin:0px 0px;
    padding:5px 0px 5px 70px;
    z-index: 11;
    border-bottom: 1px #dcdcdc solid;

}
.form-sub{
    width: 92%;
    float: left;
    margin:40px 0px 0px 1%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.form-sub .mess-btn{
    width:200px;
    text-align: center;
    background: none;
    border: none;
    background-color: #2268ad;
    margin: 0px auto;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
}
.form-text .error{
    position:relative;
    margin: 0px;
    padding: 0px;
    height: auto;
    line-height:30px;
}
@media (max-width: 768px){
.form-group{
    width:94%;
    margin:5px 3%;
}
.form-group  label{
    width:50px;
}
.form-text label{
    width: 100%;
    height:25px;
    line-height: 25px;
    position: relative;
}
.form-text textarea{
    width: 100%;
    margin: 0px;
    padding: 0px 0px;
}
.form-sub{
    margin: 20px 0px;
}
.form-group .form-control{
    width:100%;
    padding: 0px 0px 0px 55px;

}
.error{
    font-size: 12px;
    right: 0px;
}
}
.succmain{
    width: 400px;
    margin:90px auto;
    position: relative;
    overflow: hidden;
}
.img-left{
    width: 50px;
    float: left;
}
.img-left img{
    width: 100%;
}
.succ-right{
    width: 320px;
    float: left;
    position: relative;
    font-size: 24px;
    color: #333;
    font-weight:400;
    line-height: 50px;
    margin:0px 0px 0px 20px;
}
.succmain .back{
     width: 300px;
     float: left;
     position: relative;
     padding: 0px;
     margin:70px 50px 10px;
     display: block;
     text-align:center;
     border: 1px #e5e5e5 solid;
     border-radius: 5px;
     font-size: 16px;
     color: #2268ad;
     font-weight: 400;
     height: 40px;
     line-height: 40px;
}
@media (max-width: 768px){
.succmain{
    width: 90%;
    margin:30px 5%;
}
.img-left{
    width:15%;
}
.succ-right{
    width:80%;
    font-size: 16px;
    margin-left:5%;
    line-height: 45px;
}
.succmain .back{
    width: 80%;
    margin: 40px 10% 10px;
}
}
#wrapper{
      overflow:hidden;
      height:257px;
      width:100%;
    }