﻿/*通用*/
ul,li,a,em,i{
    list-style: none;
    margin:0;
    padding:0;
}

*{
    /*font:12px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, sans-serif;*/
    font:14px/1.5 'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
}
input:focus{outline:none;}
a,a:hover,a:link{
    text-decoration: none;
}
a:focus{
    border:none;
}
*:hover{
    transition: .5s;
    -webkit-transition: .5s;
}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
body{
    /*min-width:1000px;*/
    overflow-x:hidden;
}

.myCarousel {
    height:550px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    width:100%;
    min-height: 550px;
}

.carousel-inner .item .hidden-xs{
    height:550px;width:100%;
}

.clear{
    clear:both;
}
/*首页 header*/

.container{
    /*width:1200px;*/
    margin:0 auto;
    padding-left:0;
    padding-right:0;
}


.navbar-toggle{
    background:#1B3F9B;
}

.icon-bar{
    background:white;
}


/**/

.navs,.navs .nav li,.navs .nav li .navbar,.nav,.nav>ul>li ul,.nav>ul>li ul li{
    z-index: 9999;
}
.carousel-inner,#myCarousel{
    z-index:1;
}


/*index-banner*/
.carousel-indicators{
    bottom:0;
}

.carousel-indicators li{
    width:12px;
    height:12px;
    background:#fff;
    box-shadow:2px 2px 5px #666;
    border:1px solid #eee;
    border-radius:50%;
}

.carousel-indicators .active{
    width:12px;
    height:12px;
    background:#1674CB;
    border:1px solid #115ca1;
    border-radius:50%;
    margin:1px;
}

.carousel-caption.banner1{
    background:rgba(0,0,0,.3);
    color:white;
    padding:10px;
    border-left:12px solid #fe9a3c;
    z-index:10;
    text-align:left;
    max-width:350px;
    margin-bottom:260px;
    left:30%;
}

.carousel-caption span{
    color:white;
    display:block;
    overflow:hidden;
}

.carousel-inner>.item>img{
    height:550px;
}

.carousel-caption.banner2 {
    color: white;
    padding: 10px;
    z-index: 10;
    text-align: left;
    margin-bottom: 100px;
    left: 50%;
}

.carousel-caption.banner3 {
    color: white;
    padding: 10px;
    z-index: 10;
    text-align: left;
    margin-bottom:100px;
    left:25%;
}

/*分页*/
.pageNavi {
    padding: 30px 0 25px 0;
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
    color:#6f6f6f;
}

.pageNavi li{display:inline-block}

.pageNavi li a{
    display:inline-block;
    color:#6f6f6f;
}
.pageNavi li strong{
    font-weight:bold;
}

.pageNavi li a:hover{
    color:#ff2222;
}
.met_page a,.met_page i{
    color:#666;
    display:block;
    float:left;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.met_page a:hover{
    color:#ff2222;
}

.met_page .pageleft{
    width:100%;
    height:22px;
    overflow:hidden;
}

.met_page .pageright{
    overflow:hidden;
    height:22px;
    width:100%;
}
.met_page a{
    width:80%;
}

.met_page{
    overflow:hidden;
    width:100%;
    margin:0 auto;
    margin-top:30px;
}

/*inner-banner*/
.inner-banner{
    max-width:1920px;
    margin:0 auto;
    height:550px;
    background:center;
}

/******/
.carousel-inner .hidden-xs{
    transform: scale(1.2);
    -webkit-transform:scale(1.2) ;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

.carousel-inner .active .hidden-xs{
    transform: scale(1.0);
    -webkit-transform:scale(1.0) ;
    -webkit-transition: all 4s linear;
    transition: all 4s linear;
}

/*.fixTop{*/
    /*position:fixed;*/
    /*top:0;*/
    /*margin:0 auto;*/
    /*width:100%;*/
    /*z-index: 999999;*/
/*}*/

/*2018.1.31*/
.inner-banner{
    max-width:1920px;
    margin:0 auto;
    height:350px;
    background-position:center;
}


#sitemap{
    width:100%;
    height:350px;
    border:1px solid #ccc;
}
#sitemap label{
    max-width:none !important;
}


/**/
#scroll-top{
    position:fixed;
    display:none;
    bottom:60px;
    right:60px;
    z-index: 9;
}
#scroll-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:64px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
#scroll-top a:hover{
    color:#979797;
}
#scroll-top a{
    background:transparent url(../images/backTop.png) no-repeat;
    border-radius:6px;
    display:block;
    height:40px;
    width:40px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}

#scroll-top a:hover{
    background:transparent url(../images/backTop_hover.png) no-repeat;
    display:block;
    height:40px;
    width:40px;
    border-radius:6px;
    transition: all .6s;
    -webkit-transition:  all .6s;;
}


/*****2018.3.5 鲍***********/
.header{
    background:#fff;
}

.header .welcome{
    float:left;
    line-height:40px;
    color:#666;
    font-size:12px;
    margin-top:0;
    margin-bottom:0;
}

.header .header-r{
    float:right;
    overflow:hidden;
}

.header .header-r a{
    display:block;
    float:left;
    font-size:12px;
    color:#666;
    line-height:40px;
    margin-left:15px;
}

.header-r .sc{
    background:url("../images/fffsa.gif") no-repeat left center;
    padding-left:15px;
}

.header-r .dt{
    background:url("../images/fffs.gif") no-repeat left center;
    padding-left:15px;
}

.header-r .chinese{
    background:url("../images/china.jpg") no-repeat left center;
    padding-left:20px;
    background-size:15px 10px;
}

.header-r .english{
    background:url("../images/usa.jpg") no-repeat left center;
    padding-left:20px;
    background-size:15px 10px;
}

.header .header-r a:hover{
    color:#ff2222;
}

/*******导航******/
.navs{
    background:#16479F;
}

.logo{float:left;margin-top:16px;display:block;}

.navs .nav{
    float:left;
}
/*.navs{overflow:inherit;}*/
.nav>ul>li{
    float:left;
}
.nav>ul>li:hover>a{
    color:#ff2222;
    transition: .5s;
}
.nav>ul>li>a{
    line-height:70px;
    height:70px;
    color:#fff;
    padding-left:15px;
    padding-right:15px;
    display:block;
}

.search input{
    padding-left:15px;
    padding-right:15px;
    width:140px;
    height:30px;
    line-height:30px;
    position:absolute;
    right:35px;
    top:-5px;
    border-radius:3px;
    border:1px solid #ccc;
    color:#666;
}
.search a{
    display:block;
    background:url("../images/searchfg.png") no-repeat;
    width:17px;
    height:17px;
    float:right;
}
.search{position:relative;margin-top:28px;z-index: 999999}

.nav ul li ul li a{
    color:#fff;
}
.nav>ul>li ul{
    position:absolute;
    top:70px;
    left:0;
    z-index: 999;
    border-top:1px dashed #9991ff;
}
.nav>ul{
    overflow: inherit;
}
.nav>ul>li{overflow:inherit;position:relative}
.nav>ul>li ul li{
    width:160px;
    /*padding-left:15px;*/
    background:#16479f;
    border-bottom:1px dashed #9991ff;
}

.nav>ul>li ul li a{
    padding:15px 15px 15px 30px;
    display:block;
    font-size:13px;
}
.nav>ul>li ul li a:hover{
    color:#ff2222;
    font-weight:bold;
    transition: .5s;
}

.navs ul>li.current-nav>a{
    color:#ff2222;
}

.fixNav{display:none;}
/*****end 导航*************/

/******轮播*********/
.index-banner ul li.banner1{
    background:url(../images/banner1.jpg) no-repeat center center;
}
.index-banner ul li.banner2{
    background:url(../images/banner2.jpg) no-repeat center center;
}
.index-banner ul li.banner3{
    background:url(../images/banner3.jpg) no-repeat center center;
}
.index-banner ul li.banner4{
    background:url(../images/banner4.jpg) no-repeat center center;
}

/*banner*/
.index-banner{
    overflow:hidden;
    position:relative;
    z-index: 1;
}

#full-screen-slider {
    width:100%;
    height:505px;
    float:left;
    position:relative
}

#slides {
    display:block;
    width:100%;
    height:505px;
    list-style:none;
    padding:0;
    margin:0;
    position:relative
}

#slides li {
    display:block;
    width:100%;
    height:100%;
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
}

#slides li a {
    display:block;
    /*text-indent:-9999px;*/
    color:#fff;
    background:#072958;
    width: 190px;
    height:40px;
    text-align:center;
    line-height:40px;
    position:absolute;
    left: 18.5%;
    bottom: 30%;
}

#pagination {
    display:block;
    list-style:none;
    position:absolute;
    left:50%;
    top:465px;
    z-index:9900;
    padding:5px 5px 5px 0;
    margin:0;
}

#pagination li {
    display:block;
    list-style:none;
    width:12px;
    height:12px;
    float:left;
    margin-left:10px;
    border-radius:50%;
    background:#FFF;
}

#pagination li a {
    display:block;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-indent:-9999px;
}

#pagination li.current {
    background:#16479F;
}

.full-screen-slider li a{
    display:inline-block;
    color:#fff;
    background:#072958;
    width: 190px;
    height:40px;
    text-align:center;
    line-height:40px;
    position:absolute;
    left:50px;
    bottom:200px;

}

.full-screen-slider li {
    position:relative;
}

/******end 轮播*********/
/*首页产品*/
.pro-usual {
    animation: bgmove 2s ;
    -webkit-animation: bgmove 2s ;
    position:relative;
    height:220px;
    overflow:hidden;

}

@keyframes bgmove {
    from{
        background-position:-200px -300px;
        /*transform:rotate(360deg);*/
        /*-webkit-transform: rotate(360deg);*/
    }
    to{
        background-position:right bottom;
    }
}
.pro-usual .pro-box{
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.pro-usual:hover .pro-box{
    transform: scale(1.2);

}
.pro-usual:hover i{
    border-top:1px solid #C20313;
}
.pro-usual:hover em,.pro-usual:hover span{
    color:#16479F;
}
.pro-box{
    position:absolute;
    left:0;
    top:0;
    height:220px;
    width:100%;
}

.pro-sj{
    border-right: #FFF 2px solid;
    border-bottom: #FFF 2px solid;
    background: #f6f7f8 url(../images/bg-gai.png) no-repeat 250px bottom;
    height:220px;
}

.pro-wj{
    border-right: #FFF 2px solid;
    border-bottom: #FFF 2px solid;
    background: #f6f7f8 url(../images/pre.jpg) no-repeat right bottom;
    height:220px;

}
.pro-sw{
    border-right: #FFF 2px solid;
    border-bottom: #FFF 2px solid;
    background: #f6f7f8 url(../images/prea.jpg) no-repeat 70px bottom;
    height:220px;

}
.pro-sjh{
    border-right: #FFF 2px solid;
    border-bottom: #FFF 2px solid;
    background: #f6f7f8 url(../images/prec.jpg) no-repeat 0px bottom;
    height:220px;
}

.index-pro{
    padding-top:40px;
    padding-bottom:40px;
}
.proPosition{
    position:absolute;
    top:10%;
    left:5%;
}
.proPosition i{
    display:block;
    border-top:1px solid #B5B5B5;
    width:40px;
}
.proPosition span{
    display:block;
    margin-top:10px;
    color:#666666;
    font-size:14px;
}
.proPosition em{
    display:block;
    color:#666666;
    font-size:15px;
    margin-top:5px;
}
.pro-container{padding-right:0;}
.pro-video{padding-left:0;}
/*.pro-video img{*/
    /*display:block;*/
    /*max-width:100%;*/
    /*height:100%;*/
/*}*/

/*首页关于*/
.index-about{
    background:url("../images/brey.jpg") no-repeat;
    background-size:100%;
    padding:40px;
}

.index-proBox{
    background:#fff;
    width:50%;
    padding:40px;
}

.index-proBox em{
    display:block;
    color:#666;
    font-size:13px;
}
.index-proBox .index-proLine{
    border-top:1px solid #b5b5b5;
    width:60px;
    margin-top:15px;
}

.index-proBox h4{
    color:#e19c1c;
    font-size:30px;
    margin-top:15px;
}
.index-proBox span{
    display:block;
    margin-top:15px;
    color:#666;
    font-size:16px;
}
.index-proBox p{
    margin-top:15px;
    font-size:12px;
    color:#666;
}
.index-proM a:first-child{
    float:left;
    background:#16479f;
    color: #FFF;
    padding: 0px 6px;
    font-size: 12px;
    margin-top:10px;
}
.index-proM a:first-child:hover{
    background:#ff2222;
}
.index-proM a:last-child{
    float:right;
    margin-top:10px;
    color:#16479f;
    font-size:12px;
    text-decoration: underline;
}
.index-proM a:last-child:hover{
    color:#ff2222;
}
.index-proM{overflow:hidden}

.index-sb ul li a{
    display:block;
}

.index-sb ul li a img{
    display:block;
    width:100%;
}

.index-sbBox i{
    display:block;
    color:#b5b5b5;
    font-size:12px;
}
.index-sbBox span{
    display:block;
    color:#333;
    font-size:14px;
    margin-top:5px;
}
.index-sbBox p{
    color:#666;
    font-size:12px;
    line-height:18px;
    margin-top:10px;
    height:54px;
    overflow:hidden;
}

.index-sbBox em{
    display:block;
    color:#666;
    font-size:12px;
    font-weight:800;
    background:url("../images/index-sb-line.jpg") no-repeat left bottom;
    width:135px;
    line-height:40px;
    position:relative;
    overflow:hidden;
}
.index-sbBox em:after{
    content:"MORE DETAIL";
    position:absolute;
    left:-100px;
    top:0;
    width:0px;
    display:block;
    color: #666;
    font-size: 12px;
    font-weight: 800;
    left:0;
}
.index-sb ul li a:hover .index-sbBox em:after{
    color:#ff2222;
    transition:all 1.5s;
    width:135px;
}


/*.index-sb ul li a:hover em{*/
    /*color:#ff2222;*/
    /*background:url("../images/index-sb-line_hover.jpg") no-repeat left bottom;*/
/*}*/

.index-sb ul li a:hover img{
        transform: scale(1.1);
}

.index-sb ul li a{
    overflow:hidden;
    transition:.6s;
    -webkit-transition:.6s;
}

.index-sb ul li a img {
    transition:2s;
    -webkit-transition:.6s;
}

.index-sb{
    margin-top:40px;
    margin-bottom:40px;
}
.index-sbBox{
    background:#f6f7f9;
    padding:40px;
}
/*****底部********/
.footer{
    background:#2C2D2F;
    padding-top:50px;
    padding-bottom:30px;
}

.foot-ln span{
    display:block;
    color:#fff;
    background:#16479F;
    border:1px solid #fff;
    width:98px;
    height:30px;
    line-height:30px;
    text-align: center;
}
.foot-ln em{
    display:block;
    color:#ccc;
    font-size:12px;
    line-height:18px;
    margin-top:20px;
}

.foot-alink a{
    display:block;
    float:left;
    margin-top:20px;
}
.foot-alink a img{
    display:block;
}

.foot-nav ul li{
    float:left;
    padding-left:30px;
    padding-right:60px;
}
.foot-nav ul{overflow:hidden}

.foot-nav ul li a{
    display:block;
    color:#aaa;
    line-height:22px;
    font-size:12px;
}

.foot-alink a:last-child{
    margin-left:10px;
}
.foot-nav ul li a:first-child{
    color:#fff;
    font-size:13px;
    font-weight:bold;
    padding-bottom:20px;
}

.foot-alink{overflow:hidden}
.foot-nav ul li a:hover{
    color:#ff2222;
}

.foot-box{
    overflow:hidden;
}

.foot-line2{
    border-top:1px solid #4D5156;
    margin-top:30px;
    margin-bottom:30px;
}

.foot-contact span{
    display:block;
    color:#ccc;
    font-size:12px;
    line-height:20px;
}
.copyright{
    background:#16479F;
}

/******begin 内页**********/
/*内页 面包屑导航*/
.navigation{
    color: #666666;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom:1px dashed #ccc;
}
.navigation a {
    color: #666666;
    display: inline-block;
}
.navigation a:hover{
    color:#023797;
}
/*news*/
.newslist {
    overflow: hidden;
}
.news-list-l {
    margin-top: 20px;
}

.news-list-l ul li:first-child a,.news-list-l ul li a.current-aa{
    color: white;
    background: #023797;
    border-radius: 3px;
    border: none;
}
.news-list-l ul li a {
    color: #666666;
    max-width: 210px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    display: block;
    font-size: 16px;
    border-bottom: 1px dashed #023797;

}

.news-list-l ul .news-list-active a, .news-list-l ul li:hover a {
    border-bottom: 1px dashed #023797;
}

.news-list-l ul li a:hover{
    /*background:#023797;*/
    color:#fff;
    border-radius:3px;
    transition: .8s;
    z-index: 10;

}

.news-list-l ul li{
    margin-top:10px;
}
.news-r-title {
    float: left;
    color: #023797;
    border-bottom: 4px solid #023797;
    padding-right: 80px;
    text-align: left;
    line-height: 40px;
    margin-top: 1px;
    font-size: 20px;
    font-weight: 600;
}
.news-r-bord {
    clear: both;
    height: 1px;
    background: #bfbfbf;
    width: 100%;
    margin-bottom: 20px;
}
.news-list-ul {
    margin-top: 20px;
}
.news-list-ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.news-list-ul li a {
    overflow: hidden;
    display: block;
}
.news-list-ul li a span {
    float: left;
    width: 70%;
    text-align: left;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    color: #333333;
    display: block;
    font-size: 14px;
}
.news-list-ul li a i {
    float: right;
    color: #333333;
    display: block;
}
.news-list-ul li:hover span,.news-list-ul li:hover i{
    color:#023797;
}

/*分页*/
.pageNavi {
    padding: 10px 0 25px 0;
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
    color:#6f6f6f;
}

.pageNavi li{display:inline-block}

.pageNavi li a{
    display:inline-block;
    color:#6f6f6f;
}
.pageNavi li strong{
    font-weight:bold;
}

.pageNavi li a:hover{
    color:#DB0000;
}
.met_page a,.met_page i{
    color:#666;
    display:inline-block;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.met_page a:hover{
    color:#DB0000;
}

.news-detail-title {
    font-size: 24px;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    line-height: 30px;
    /* height: 60px; */
    overflow: hidden;
}
.news-detail-second-t {
    color: #666666;
    width: 100%;
    text-align: center;
    padding-bottom:10px;
}

.news-list-r img{
    display:block;
    margin:auto;
}
.news-list-r{
    padding-bottom:30px;
    margin-top:20px;
}

.met_page{
    overflow:hidden;
    color:#666;
    margin: 50px 10% 0 0%;
    width:100%;
}

/*product*/
.product{width:90%;margin:0 auto}
.product ul li a{
    display:block;
}
.product ul{
    overflow:hidden;
}
.product ul li{

}
.product ul li a img{
    display:block;
    width:100%;
    border:2px solid #cccccc;
    height:200px;
}
.product ul li a span{
    display:block;
    text-align: center;
    height:30px;
    overflow:hidden;
    line-height:30px;
    width:100%;
    color:#2c2c2c;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product ul li:hover img{
    border:2px solid #023797;
}
.product ul li:hover span{
    color:#023797;
    font-weight:bold;
}

.product-detail h1{
    font-size: 24px;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    line-height: 30px;
    /* height: 60px; */
    overflow: hidden;
    margin-bottom:0px;
}

.news-list-l ul li{
    margin-top:5px;
    position:relative;
    /*border-bottom: 1px dashed #c9c9c9;*/
}
.news-list-l ul li a{
    border-bottom:1px dashed #ccc;
    z-index: 9;
}
.news-list-l ul li:hover a {
    color: white;
    /*background: #fff;*/
    border-radius: 3px;
    border: none;
    position:relative;
}

.news-list-l ul li:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:45px;
    color:#fff;
    border-radius:3px;
    background:#fff;
    max-width:210px;
}

.news-list-l ul li:hover:after{
    width:100%;
    overflow:hidden;
    height:45px;
    transition:1s;
    background: #023797;
    z-index: 8;
    /*color:#fff;*/
}
/****end 内页******/
#sitemap{
    width:100%;
    height:400px;
    margin-top:15px;
}

.contact h3{
    font-weight:bold;
    line-height:30px;
    font-size:22px;
}

.contact span{
    display:block;
    color:#666;
    font-size:13px;
    line-height:24px;
}

.copyright span{
    display:block;
    float:left;
    font-size:12px;
    color:#fff;
    text-align: left;
}

.copyright a{
    display:block;
    float:right;
    font-size:12px;
    color:#fff;
    text-align: left;
}
.copyright a:hover{
    color:#ff0000;
}
.copyright .container{
    overflow:hidden;
}

.copyright{
    padding-top:20px;
    padding-bottom:20px;
}

.product-detail img{
    display:block;
    max-width:100%;
}
.pro-video{background: url(../images/about-bgaaa.jpg) no-repeat 70% center !important;}
.news-list-r img{max-width:100%;}

#sitemap{margin-bottom:30px;}
/*****适配移动端****/
@media (max-width:767px) {
    .header{padding:15px;  position:relative;  }
    .header .welcome{text-align: left;  padding-left:15px;  float:none;  line-height:30px;  }
    .header .header-r{float:none;  width: 88%;  }
    .navs{padding:15px;  padding-bottom:0;  display:none;  }
    .logo{float:none;  margin:0 auto;  }
    .logo img{display:block;  margin:0 auto;  }
    .navs ul li{width:100%;  }
    .navs ul li a{text-align: center;  }
    .nav{padding-right:0;  padding-top:15px;  }
    .nav>ul>li{  border-bottom:1px dashed #7095fd;  }
    .nav>ul>li:first-child{  border-top:1px dashed #7095fd;  }
    .search{  display:none;  }
    .nav>ul>li>a{  height:40px;  line-height:40px;  }
    .fixNav{
        position:absolute;  right:15px;  top:44px;  background:url("../images/fixNav-bg.png") no-repeat;  width:44px;  height:34px;  z-index: 99999;  display:block;  }

    .nav>ul>li ul{position: static}
    .nav>ul>li ul li{width:100%;}
    .nav>ul>li ul li a{font-size:12px;padding: 10px 15px 10px 40px;}
    .header .header-r a{line-height:24px;}
    #myCarousel{margin-top:0px;}
    .fixTop{position:static}
    .navigation{padding-left:15px;padding-right:15px;}
    #slides li{    width: 100%;  height: 180px;  margin: 0;  position: absolute;  background-size: 100% 180px;}
    #slides{height:180px;}
    #pagination{top:155px;}
    #pagination li{margin-left:5px;}
    #full-screen-slider{height:180px;}
    #scroll-top{bottom: 10px;  right: 20px;}
    .index-proBox{width:100%;padding:15px;}
    .index-about{background-repeat: repeat-y;padding:15px;}
    .index-pro{padding:15px;margin:0;}
    .pro-container{padding-left:0;}
    .pro-video{padding-right:0;margin-top:10px;}
    .pro-video img{height:auto;}
    .pro-wj,.pro-sw,.pro-sjh{margin-top:10px;}
    .index-proBox h4{font-size:24px;line-height:30px;}
    .index-sb{padding:15px;margin:0;}
    .index-sbBox{padding:20px;}
    .index-sbBox p{margin-bottom:0;}
    #sitemap{  height:200px;  }
    .inner-banner{background-size:100% 180px;height:180px;}
    .foot-contact{padding-left:15px;padding-right:15px;}
    .foot-line2{margin-top:15px;margin-bottom:15px;}
    .copyright{padding-left:15px;padding-right:15px;}
    .copyright a{float:none;}
    .copyright span{display:block;padding-bottom:5px;}

    /*foot*/
    .foot-nav{margin-top:20px;}
    .foot-nav ul li{padding-left:0;}
    .foot-nav ul li{  float:none;overflow:hidden;padding-bottom:5px;padding-right:0;}
    .foot-nav ul li a{float:left;display:block;margin-right:10px;}
    .foot-nav ul li a:first-child{float:none;padding-bottom:10px;}
    .foot-ew{  padding-top:20px;  }
    .footer{padding-top:20px;padding-bottom:20px;}
    .news-list-r{padding-bottom:20px;}
    .copyright span{display:block;float:none;}
    .product ul li a img{height:220px;}
    .pro-sjh{
        border-right: #FFF 2px solid;
        border-bottom: #FFF 2px solid;
        background: #f6f7f8 url(../images/prec.jpg) no-repeat -100px bottom;
        height:220px;
    }
    .pro-sj{background:#f6f7f8 url(../images/bg-gai.png) no-repeat 110px bottom}
    .pro-sw{background: #f6f7f8 url(../images/prea.jpg) no-repeat 135px bottom;}
}

@media (max-width:1200px) and (min-width:990px) {

}

@media (max-width:989px) and (min-width:768px) {

    .search{display:none;}
    .navs{display:block !important;}
    .index-sb ul li{padding-bottom:20px;}
    .foot-nav{margin-top:20px;}
    .foot-nav ul li:first-child{padding-left:0;}
    .foot-ew{margin-top:15px;}
    .copyright span{display:block;float:none;}
    .copyright a{float:none;display:block}

}


@media (min-width:1000px) {
    .navs{display:block !important;}
}


.pro-video{
    background:url("../images/about-bgaaa.jpg") no-repeat;
    height:440px;
    background-size:100% 440px;
    position:relative;
}
.videoBox{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.videoBox b{
    border-top:1px solid #B5B5B5;
    width:40px;
    display:block;
    margin-top:22px;
   margin-left:5%;
}
.videoBox span{
    display:block;
    font-size:14px;
    color:#666;
    padding-top:10px;
    padding-left:5%;
}
.videoBox em{
    display: block;
    color: #666666;
    font-size: 15px;
    margin-top: 5px;
    padding-left:5%;
}
.videoBox i{
    display:block;
    color:#666;
    line-height:20px;
    font-size:12px;
    padding-left:5%;
    width:100%;
    padding-top:25px;
}
.pro-video:hover i{color:#7095fd;}
.pro-video:hover span,.pro-video:hover em{color:#023797;}
.pro-video:hover b{border-top:1px solid #ff0000;}