﻿@charset "utf-8";

.w1200{display: block;width: 1200px;margin: 0 auto;}
.greybg{background: url(../images/commonheader.jpg) repeat-x;background-size: 100% 100%;}
.menuTitle{display: block;font-size: 14px;line-height: 30px;margin: 10px 5px;text-align: center;color: #00458b;border: 1px solid #ebebeb;}
.seeMore{display: block;font-size: 16px;line-height: 32px;text-align: center;color: #fff;background: #ff8001;margin: 14px 0;}
.seeMore:hover{color: #fff;text-decoration: none;}
.commonHeader{background: url(../images/commonh2bg.png);padding-bottom: 46px;background-repeat:no-repeat ;background-position-x: center;background-position-y: bottom;margin: 24px 0 14px;}
.commonHeader h2{font-size: 26px;color: #333;line-height: 50px;text-align: center;margin: 0;}
.pageTitle{text-align: center;line-height: 30px;font-size: 14px;font-family: "Microsoft YaHei";border-bottom: 1px solid #e0e1dc;margin-bottom: 15px;padding-bottom: 5px;}
a:focus,a:hover{text-decoration: none;}

.header{height: 80px;}
.languages{padding-top: 5px;text-align: right;}
.navV2{margin-top: 18px;}
.navV2-list li{display: block;float: left;width: 80px;font-size: 15px;color: #333;}

.topnav{height: 45px;background: #3f76ed;}
.navbar-nav > li > a{color: #fff;font-size: 14px;line-height: 45px;}
.nav > li > a:hover, .nav > li > a:focus{background: url(../images/libg.jpg) repeat-x;}

.productsClass{text-align: center;}
.productsClass li{display: inline-block;font-size: 18px;line-height: 40px;width: 205px;background: #ecebe9;
    background: -webkit-linear-gradient(#fff, #f5f5f5); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #f5f5f5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #f5f5f5); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #f5f5f5); /* 标准的语法（必须放在最后） */
    background:#ED1E24;
    color: #fff;
}
.productsClass li a{display: block;color: #fff;}
.productsClass li a,.productsClass li a:hover,.productsClass li a:focus{text-decoration: none;}
.productsClass li:hover,.productsClass li.cur{background: #0c7de3;color: #fff;}
.index-product-list{margin: 0 0 0 10px;}
.index-product-list li{float: left;margin: 20px 0 0 20px;border: 1px solid #ddd;position: relative;width: 370px;height: 384px;margin-bottom: 40px;}
.index-product-list li span.mask{display: block;width: 100%;height: 100%;position: absolute;left: 0;right:0;z-index:999;}
.index-product-list li span.mask,.index-product-list li img{transition: all .3s;-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s
}
.index-product-list li a:hover,.index-product-list li a:focus{text-decoration: none;}
.index-product-list li a:hover span.mask{background: rgba(0,68,139,0.3);}
.index-product-list li span.title,.index-product-list li span.more{display: block;width: 100%;height: 28px;color: #333;text-align: center;font-size: 14px;line-height: 28px;}
.index-product-list li span.more{color: #0c7de3;}
.index-product-list li div.img{width: 370px;height: 309px;overflow: hidden;}
.index-product-list li img{width: 368px;height: 309px;}
.index-product-list li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.advantages{margin-top: 24px;}
.advantages li{display: block;float: left;width: 20%;text-align: center;padding: 80px 80px 0;}
.advantages li h2{font-size: 20px;line-height: 40px;color: #000;padding-top: 15px;}
.advantages li p{font-size: 14px;line-height: 24px;color: #666666;}
.advantages li.ad1{background: url(../images/ad1.png) no-repeat top center;}
.advantages li.ad2{background: url(../images/ad2.png) no-repeat top center;}
.advantages li.ad3{background: url(../images/ad3.png) no-repeat top center;}

.mainBody{padding-bottom: 80px;}



.aboutUs{height: 550px;background: url(../images/abus.jpg) no-repeat center center;position: relative;}
.aboutUs .content{padding: 24px 50px;}
.adImgList li{display: block;float: left;width: 280px;height: 184px;margin: 5px;}
.adImgList li img{width: 100%;height: 100%;}

.topNewsList{margin-bottom: 56px;}
.topNewsList li{margin-top: 30px;}
.topNewsList li img{width: 475px;height: 145px;}
.topNewsList li div.text{width: 680px;padding-left: 25px;}
.topNewsList li div.text h2{margin: 0;}
.topNewsList li div.text h2 a:hover,.topNewsList li div.text h2 a:focus{text-decoration: none;}
.topNewsList li div.text h2 a{display: block;font-size: 18px;line-height: 52px;color: #0c7de3;padding-left: 26px;background: url(../images/tnbg.png) no-repeat left center;}
.topNewsList li div.text p{font-size: 12px;line-height: 26px;color: #999;}

.footer{background: #0c7de3;}
.footNav{border-bottom: 1px solid #5e6b79;}
.footNav li{display: block;float: left;font-size: 16px;line-height: 62px;width: 140px;text-align: center;}
.footNav li a{color: #fff;}
.footerLogo{padding: 44px 0 55px 0px;}
.footerdl{padding: 40px 0 0 52px;color: #fff;font-size: 14px;line-height: 28px;color: #dee9fa;}
.footerdl p{margin: 0;padding: 0;}

.codes{margin-left: 14px;margin-top: 40px;}
.codes li{float: left;width: 100px;height: 128px;margin-left: 5px;}
.codes li img{width: 100px;height: 100px;display: block;}
.codes li span{display: block;text-align: center;color: #fff;font-size: 14px;line-height: 28px;}

.copyright{font-size: 12px;color: #fff;text-align: center}
.copyright a{color: #fff;}
.zyqy{font-size: 12px;color: #fff;text-align: center}
.zyqy a{color: #fff;}





/**********内页面开始*********/
.innerNav{width: 276px;}
.listArea{width: 900px;}
.innerNav,.listArea{margin-top: 54px;}
.innerTitleH2{font-size: 24px;line-height: 68px;margin: 0;padding-left: 32px;background: #3f76ed;color: #fff;}
.innerContactTitle{font-size: 24px;line-height: 90px;margin: 0;text-indent: 120px;background: url(../images/tel.png) no-repeat 16% center;}
.innerNav-list{border: 1px solid #dddedf;position: relative;}
.innerNav-list li.active{background: #cfdaf3;}
.innerNav-list li.active>a{background: url(../images/aactive.png) no-repeat 80% center;}
.innerNav-list ul li:hover{background: #cfdaf3;}
.innerNav-list li:hover ul{display: block;}
.innerNav-list li{display: block;border-bottom: 1px dotted #dddedf;position: relative;font-size: 16px;line-height: 40px;transition: all .3s;-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s}
.innerNav-list li a,.innerNav-list>li a{display: block;padding-left: 24px;}
.innerNav-list li a{display: block;color: #666;}
.innerNav-list ul{}
.innerNav-list ul li a{color: #555;}
.innerNav-list-class3 li{padding-left: 20px;font-size: 14px;}


.innerContact{background: #f0f0f0;margin: 24px 0;}
.innerContact .content{padding: 0 30px;font-size: 12px;line-height: 28px;color: #555;}
a.message1{display: block;width: 133px;background: #ee1d24;font-size: 14px;color: #fff;line-height: 36px;text-align: center;margin: 28px auto;}
.topMes h2{font-size: 18px;line-height: 56px;padding-left: 40px;color: #ee1d24;margin: 0;background: url(../images/rtitle.png) no-repeat left center;}
.position{font-size: 14px;line-height: 56px;color: #777;}
.position a{color: #777;}
.topMes{border-bottom: 1px solid #626262;}
.showContent{padding: 36px 0;}
.showTitle{text-align: center;font-size: 24px;font-weight: bold;line-height: 60px;}


/*产品列表*/
.product-list{padding-bottom: 20px;margin-left: -19px;}
.product-list li{float: left;margin: 20px 0 0 18px;border: 1px solid #ddd;position: relative;width: 286px;height: 302px;margin-bottom: 40px;overflow: hidden;}
.product-list li span.mask{display: block;width: 100%;height: 100%;position: absolute;left: 0;right:0;z-index:999;}
.product-list li span.mask,.product-list li img{transition: all .3s;-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s
}
.product-list li a:hover,.product-list li a:focus{text-decoration: none;}
.product-list li a:hover span.mask{background: rgba(159,189,236,0.3);}
.product-list li span.title{display: block;width: 100%;height: 28px;color: #333;text-align: center;font-size: 14px;line-height: 54px;}
.product-list li span.more{color: #0c7de3;}
.product-list li div.img{width: 286px;height: 240px;overflow: hidden;}
.product-list li img{width: 286px;height: 240px;}
.product-list li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}


/**************************产品内页*******************************/
.content-top div.leftArea, .content-top div.rightArea {
    /*padding-bottom: 20px;*/
}
.content-top div.leftArea{
    width: 40%;}
.content-top div.rightArea{
    width: 58%;}
.content-top div.rightArea {
    /*padding-top: 20px;*/
}
.content-top div.rightArea img{
    width: 96%;
}
.content-top div.rightArea h3 {
    font-size: 30px;
    margin: 0;
    line-height: 45px;
    margin-top: 12px;
    color: #3f76ed;
}
.content-top div.rightArea dl{margin-bottom: 16px;}
.content-top div.rightArea dl dt{margin-top: 12px;font-size: 14px;line-height: 2em;display: block;}
.content-top div.rightArea dl dd{font-size: 12px;line-height: 2em;display: block;}

.share {
    padding: 10px;
 
}
.inquiry a {
    background: url(../images/xunjia.jpg) center center no-repeat;
    display: block;
    width: 112px;
    height: 32px;
    text-indent: -99999px;
}
.content-title{font-size: 18px;line-height: 54px;padding-left: 16px;font-weight: bold;background: url("../images/slip.jpg") no-repeat center center;
    color: #fff;/*margin-bottom: 36px;*/}



/**********新闻列表***********/
.news-list li{display: block;padding-top: 16px;padding-left: 18px;padding-right: 18px;padding-bottom: 10px;border-bottom: 1px solid #d8d8d8;}
.news-list h2{margin: 0;}
.news-list h2 a{font-size: 16px;line-height: 36px;color: #333;font-weight: bold;}
.news-list li p{font-size: 12px;line-height: 24px;color: #777;}
.news-list li a.more{display: block;font-size: 12px;line-height: 38px;color: #2f96de;}
