/*----- Common css ------*/
.fl {float: left;}
.fr {float: right;}
.di {_display: inline;}
.fwn {font-weight: normal;}
.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

/*头部样式*/
.wraptop{
    background: #efefef;
    line-height: 36px;
    color:#999;
}
.wraptop .k1 a,
.wraptop .k1{
    color:#999;
    font-weight: 400;
}
.wraptop .k1 a:hover{
    color:#2b317f;
}
#header{width:1200px;margin:0 auto;}
.logo{
    float:left;
    padding:10px 0;
}

.cot-ser{
    width:274px;
    padding-top:38px;
}
.cot-ser .k2{
    background: url(../images/tel.gif) no-repeat 0 14px;
    padding-left:50px;
}
.cot-ser .k2 p{
    font-size: 26px;
    font-weight: 600;
    color:#2b317f;
    font-family: 'arial';
    line-height: 22px;
}
.ser-btn{
    background: url(../images/ser_btn.png) no-repeat;
    width:32px;
    height:32px;
    margin-top:14px;
    position: relative;
    cursor: pointer;
}

/*热门搜索*/
.search{
    position: absolute;
    top:0;
    right:32px;
    display: none;
}
#formsearch {
    width: 320px;
    float: left;
}
#formsearch input {
    height: 34px;
    background: #f1f1f1;
    border:none;
    line-height: 34px;
}

#formsearch input#keyword {
    height: 34px;
    line-height: 34px;
    padding-left: 4px;
    color: #999;
    width:250px;
    font-size: 12px;
}

#formsearch input#s_btn {
    width: 56px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #2b317f;
    color: #fff;
    border: none;
    cursor: pointer;
}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-bottom:30px;}
.container{
    width:1200px;
    margin:0 auto;
}

/*产品中心*/
.webtitle{
    font-size: 44px;
    text-align: center;
    color:#222;
    line-height: 170px;
}

/*产品分类*/
.menu_cate{
    width:250px;
}
.cate-contact{
    background: url(../images/conbg.jpg) no-repeat;
    height: 70px;
    color:#fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    padding-left:86px;
    padding-top:14px;
}
.cate_title{
    background: #2b317f;
    color:#fff;
    height: 70px;
    text-align: center;
    font-size: 24px;
    padding-top:12px;
    font-weight: 600;
}
.cate_title p{
    font-size: 14px;
    color:#8284ac;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'arial';
}


.recommend_product{
    width:910px;
}
.pro-list li{
    float: left;
    border:1px solid #ebebeb;
    background: #f4f4f4;
    padding:4px;
    margin:0 10px;
    margin-bottom:34px;
    transition: all .3s;
    cursor: pointer;
}
.pro-list li h3{
    line-height: 54px;
    text-align: center;
    font-size: 16px;
}
.pro-list li h3 a{
    display: block;
    font-weight: 400;
    color:#666;
    transition: all .3s;
}
.pro-list li:hover h3 a{
    font-weight: 600;
    color:#fff;
    background: #2b317f;
}
.pro-list li a.img{
    display: block;
    width:266px;
    height:230px;
    overflow: hidden;
}
.pro-list li a.img img{
    width:266px;
    height:230px;
    transition: all .3s;
}
.pro-list li:hover a.img img{
    transform: scale(1.1);
}
.pro-list li:hover{
    border-color:#2b317f;
}




/*优势*/
.advance-title{
    font-size: 44px;
    color:#fff;
    background: url(../images/adbg.jpg) no-repeat center;
    text-align: center;
    font-weight: 600;
    padding:60px 0;
    margin-top:84px;
    margin-bottom:50px;
}
.advance-title p{
    font-size: 24px;
    letter-spacing: 10px;
    font-weight: 400;
    padding-top:10px;
}
.adone-con{
    background: #f4f4f4;
    width:600px;
    height:369px;
}
.wrap-adtwo{
    background: #f4f4f4;
    padding:50px 0;
    margin:50px 0;
}
.adtitle{
    margin-top:42px;  
}
.one-title{
    background: #fff;
}
.adtitle .nos{
    background: #2b317f;
    width:88px;
    height: 80px;
    display: block;
    color:#fff;
    font-size: 48px;
    line-height: 80px;
    text-align: center;
    font-family: 'impact';
}
.one-con{
    font-size: 24px;
    font-weight: 600;
    color:#2b317f;
    padding-left:20px;
    padding-top:12px;
}
.one-con i{
    color:#ea7813;
    font-style: normal;
}
.one-con p{
    font-size: 12px;
    color:#999;
    font-weight: 400;
    text-transform: uppercase;
}

.adconone{
    padding-left:86px;
    padding-right:30px;
    padding-top:44px;
    font-size: 15px;
    color:#333;
    line-height: 48px;
}
.adconone img{
    padding-right:10px;
}
.two-title{
    background: #f4f4f4;
}
.adtwo-con{
    background: #fff;
}

/*首页案例*/
.wrap-case{
    background: url(../images/casebg.jpg) no-repeat top center #f4f4f4;
    border-top:6px solid #ea7813;
    margin-top:50px;
    padding-bottom:80px;
}
.casetitle{
    color:#fff;
}
.picScroll-left {
    position: relative;
}
.picScroll-left .hd {
}
.picScroll-left .hd .prev,
.picScroll-left .hd .next {
    display: block;
    width: 46px;
    height: 45px;
    cursor: pointer;
    background: url(../images/arrow.png) left center no-repeat;
    position: absolute;
    left:-80px;
    top:46%;
}
.picScroll-left .hd .next {
   background: url(../images/arrow.png) right center no-repeat;
   left:auto;
   right:-80px;
}
.picScroll-left .bd {
}
.picScroll-left .bd ul {
    zoom: 1;
}
.picScroll-left .bd ul li {
    margin: 0 11px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.picScroll-left .bd ul li h3{
    background: #2b317f;
    line-height: 60px;
    margin-top:1px;
    transition: all .5s;
}
.picScroll-left .bd ul li h3 a{
    color:#fff;
    font-size: 20px;
    font-weight: 400;
}
.picScroll-left .bd ul li:hover h3{
    background: #ea7813;
}
.picScroll-left .bd ul li img {
    width: 378px;
    height: 214px;
    display: block;
}

/*关于我们*/
.aboutcon{
    width:636px;
    padding-top:30px;
}
.aboutimg{
    width:522px;
    height:328px;
    overflow: hidden;
    cursor: pointer;
}
.aboutimg img{
    width:522px;
    height:328px;
    transition: all .5s;
}
.aboutimg:hover img {
    transform: scale(1.1)
}
.aboutcon ul{
    margin-top:54px;
}
.aboutcon ul li{
    float: left;
    width:152px;
    margin-right:8px;
}
.aboutcon ul li a{
    background: #2b317f;
    display: block;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color:#fff;
    transition: all .3s;
}
.aboutcon ul li:hover a{
    background: #ea7813;
}
.about-fc{
    font-size: 24px;
    color:#222;
    line-height: 72px;
    padding-top:24px;
    position: relative;
    padding-left:26px;
}
.about-fc::before{
    width:5px;
    height: 22px;
    position: absolute;
    left:0;
    top:51%;
    background: #2b317f;
    content:'';
}
.fclist li {
    cursor: pointer;
}
.fclist li .imgs{
    width:282px;
    height:158px;
    overflow: hidden;
    display: block
}
.fclist li .imgs img{
    width:282px;
    height:158px;
    transition: all .3s;
}
.fclist li:hover .imgs img{
    transform: scale(1.1);
}
.fclist li h3{
    line-height: 34px;
    font-size: 14px;
    color:#666;
    font-weight: 400;
}
.fclist li:hover h3{
    color:#2b317f;
    font-weight: 600;
}

.adone-img{
    width:600px;
    height:369px;
    overflow: hidden;
    cursor: pointer;
}
.adone-img img{
    width:600px;
    height:369px;
    transition: all .5s;
}
.adone-img:hover img{
    transform: scale(1.1);
}
/*首页新闻*/
.wrap-news{
    background: url(../images/newbg.jpg) no-repeat top center;
    margin-top:50px;
    padding-bottom:50px;
}
.new-qa{
    width:314px;
    padding:15px;
    background: #fff;
}
.qatitle{
    font-size: 18px;
    color:#333;
    background: url(../images/qabg.jpg) no-repeat left center;
    padding-left:32px;
    position: relative;
    line-height: 52px;
}
.qatitle a{
    position: absolute;
    right:0;
    top:2px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'arial';
    font-weight: 400;
    color:#666;
}
.qatitle a:hover{
    color:#2b317f;
}
.imgnew{
    padding:6px 0 20px 0;
}
#newdemo {
    overflow: hidden;
    height: 186px;
    margin: 0 auto;
    position: relative;
}

#jian {
    height: 100%;
}

.gun_list {
    position: relative;
}

.gun_list li {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px dashed #dddddd;
}

.gun_list li a {
    line-height: 30px;
    padding-left: 30px;
    background: url(../images/wen.jpg) left 3px no-repeat;
    display: block;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}

.gun_list li a:hover {
    text-decoration: none;
    color: #0f51bb;
}

.gun_list span {
    background: url(../images/da.jpg) left 3px no-repeat;
    padding-left: 30px;
    font: 400 12px/20px "Microsoft Yahei";
    color: #999;
    display: block
}


/*前台多页签*/
.news{
    width:792px;
    background: #fff;
    padding:15px 20px;
}
.tab{position:relative;
    border-bottom:1px solid #ccc;
    padding-bottom:4px;
    margin-bottom:22px;
}
.tab li{float:left;width:100px;display:block;margin-right:8px;
    color:#333;
    font-size:18px;
    cursor: pointer;
    font-weight: 600;
    line-height: 52px;
}
.tab li.cur{
    color:#2b317f;
    text-decoration:none;
    position: relative;
}
.tab li.cur::after{
    width:75px;
    height:3px;
    background: #2b317f;
    content:'';
    position: absolute;
    left:0;
    bottom:-6px;
}
.newdate{
    font-size: 36px;
    color:#333;
    font-family: 'arial';
    width:52px;
    text-align: center;
}
.list1 li:hover .newdate{
    color:#2b317f;
}
.newdate span{
    display: block;
    font-size: 12px;
    color:#999;
}
.tt{display: none;}
.list1{
    width:366px;
    padding-top:10px;
}
.list1 li{position:relative;vertical-align: middle;
    margin-bottom:22px;
    padding-bottom:22px;
    border-bottom:1px solid #f0f0f0;
    cursor: pointer;
}
.list1 li a{
    display: block;
    width:290px;
    float: right;
    font-size: 14px;
    line-height: 28px;
}
.list1 li a i{
    display: block;
    font-style: normal;
    font-size: 12px;
    color:#999;
    line-height: 22px;
}
.list1 li a:hover {
    font-weight: 600;
    color: #2b317f;
    text-decoration: none;
}
.list1 li a:hover i{
    font-weight: 400;
}
.list1 li span{ 
}
.new-top li{
    background: #f7f7f7;
    width: 388px;
    cursor: pointer;
    transition: all .5s;
}
.new-top li .img{
    width:388px;
    height:214px;
    overflow: hidden;
    position: relative;
}
.new-top li .img img{
    width:388px;
    height:214px;
    transition: all .3s;
}
.new-top li:hover .img img{
    transform: scale(1.2);
}
.toutiao{
    width:60px;
    height:53px;
    position: absolute;
    right:0;
    top:0;
    background: url(../images/toutiao.png) no-repeat;
}
.new-top li a{
    padding:0 20px;
    font-size: 15px;
    color:#333;
    display: block;
    line-height: 64px;
}
.new-top li a span{
    display: block;
    line-height: 22px;
    color:#999;
    font-size: 12px;
    padding-bottom:30px;
}
.new-top li:hover {
    background:#2b317f;
}
.new-top li:hover a{
    color:#fff;
}
.new-top li:hover a span{
    color:#fff;
}
/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;
    background: #212b37;
    border-top:8px solid #ea7813;
    padding:30px 0 10px 0;
}
.leftmess{
    text-align: left;
    width:850px;
}
.nav_foot{
    color:#fff;
    border-bottom:1px solid #575e67;
    padding-bottom:30px;
}
.nav_foot a{
    color:#fff;
    font-size: 16px;
    padding-right:50px;
    transition: all .3s;
}
.nav_foot a:hover{
    color:#9fa6b0;
}
.copyright{
    color:#a9abae;
    font-size: 14px;
    line-height: 28px;
    padding-top:30px;
}
.copyright a{
    color:#a9abae;
}
.footcode{
    width:278px;
    color:#a9abae;
    font-size: 13px;
    text-align: center;
    line-height: 38px;
}


/*------------内页-------------------*/
.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}
.n_banner {
    width: 1920px;
    position: relative;
    left:50%;
    margin-left: -960px;
}
.n_banner img {
    width: 1920px;
    margin: 0 auto
}
.left {
    width: 250px;
    float: left;
}
.left .box{margin-bottom:20px;}
.left .box h3{
    background: #2b317f;
    color:#fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
}
.left .box .content{
    border:3px solid #f6f6f6;
    padding:10px;
}

.right{width:900px;float:right;padding-bottom:10px;}
.sitemp{}
.sitemp h2{
    font-size: 24px;
    color:#333;
    line-height: 60px;
}
.site{
    line-height: 56px;
    font-size: 13px;
    color:#666;
    position: relative;
    padding-left:20px;
    border-bottom:1px dashed #eee;
    margin-bottom:20px;
}
.site a{
    color:#666;
}
.site::before{
    content:'';
    width:8px;
    height:20px;
    background: #2b317f;
    position: absolute;
    left:0;
    top:18px;
}
.site a:hover{
    color:#2b317f;
}


.right .content{padding-top:25px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}