/*-----------------[鍒濆鍖朷--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family:"Microsoft Yahei";
}
body{color: #666;font-size: 14px;font-family: "微软雅黑";
    background:#fff;}
.clearfix{*zoom:1;}
.clearfix::after{ clear: both; display: block; height: 0; content: ''; visibility: hidden;}
.wrapper{width: 100%;}
img{max-width: 100%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
input,textarea,select{font-size: 12px;color: #444;font-family:"Microsoft Yahei";outline: 0;
}
input[type='submit'],input[type='reset'],input[type='button'],input[type='checkbox']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
button{padding:0;border:0;cursor: pointer;}

h1,h2,h3,h4,h5{font-weight: normal;}

a{color:#333;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
a:hover{color:#026e9f;text-decoration: none;}
.wp{margin:0 auto;width: 1200px;}

.m-fullpage{position: relative;z-index: 6;padding-top: 90px;}

/*******************************
    -------[=鏍囬]-------
********************************/
.c-fff{color:#fff !important;}
.c-000{color:#000 !important;}
.c-5b5a5a{color:#5b5a5a !important;}
.g-tit{text-align: center;padding-bottom: 50px;/*margin-bottom: 35px;*/}
.g-tit p{padding-bottom: 13px;font-size: 30px;color:#333;}
.g-tit em{display: inline-block;width: 58px;height: 3px;
    background:#ff0000;}

/*******************************
    -------[=澶撮儴]-------
********************************/
#hd.fixed{position: fixed;left: 0;top: 0;width: 100%;}
#hd{position: relative;z-index: 9;
    padding:11px 0 ;
    padding: 0 ;
    background: #fff url(../images/hd-bg.jpg) repeat-x center bottom;}

.logo{float: left;margin-left: 42px;}
.logo img{width: 411px;height: 65px;}
.nav{float: right;padding: 15px 5px 0 0;}
/*.nav ul{overflow: hidden;}*/
.nav li{float: left;margin-right: 13px;}
.nav li a{display: block;padding: 0 28px;padding: 0px;text-align: center;
    overflow: hidden;font-size: 16px;color:#666;border-radius: 6px;border-radius: 0px;}
.nav li .menu_nav a{
    font-size: 14px;
    line-height: 40px;
    filter: alpha(opacity=85);
    background: rgba(255, 255, 255, 0.85);
}
.nav li .menu_nav{
    position: absolute;
    left: -20px;
    top:87px;
}
.nav li a:hover,
.nav li.on a{color:#0068b7;}

/*******************************
    -------[=fullpage]-------
********************************/
#fullpage .section{
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*******************************
    -------[=鍏辩敤妗堜緥]-------
********************************/
.g-ul-case{overflow: hidden;}
.g-ul-case .item{float: left;width: 20%;}
.g-ul-case a{position: relative;display: block;margin:0 15px 30px 15px;
    overflow: hidden;}
.g-ul-case .img{position: relative;overflow: hidden;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;}
.g-ul-case .img {padding-top: 67%;}
.g-ul-case a:hover h5{opacity: 0;}
.g-ul-case h5{
    position: absolute;left: 0;bottom: 0;width: 100%;
    padding: 10px;overflow: hidden;background:rgba(0,0,0,.5);
    text-align: center;color:#fff;}
.g-ul-case h5 em{line-height: 1.3;height: 16px;overflow: hidden;
    font-size: 14px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;}
.g-ul-case .txt{position: absolute;left: 0;top: 0;z-index: 2;
    padding: 0 20px;width: 100%;opacity: 0;
    height: 100%;background: rgba(0,0,0,.5);color:#fff;}
.g-ul-case .txt h4{margin:26px 0 23px;font-size: 14px;text-align: center;}
.g-ul-case .txt p{font-size: 14px;line-height: 24px;
    height: 96px;overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;}

.g-ul-case a:hover .img h4{opacity: 0;}
.g-ul-case a:hover .txt{opacity: 1;}

.g-ul-case .txt,
.g-ul-case .img {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}

.g-ul-case2{padding:10px 14px;}
.g-ul-case2 li{width: 25%;float: left;}
.g-ul-case2 a{margin:10px 6px;}
.g-ul-case2 a:hover .img h4{opacity: 1;}
.g-ul-case2 a:hover .img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
    transform-origin: 50% 50%;
}



/*******************************
    -------[=搴曢儴]-------
********************************/
#fd{position: relative;z-index: 3;background:#1e1e1e;}
.fd-contact,
.fd-wx{float: left;width: 50%;padding: 0 90px;}

.fd-contact h3{padding-bottom: 13px;}
.fd-contact h3 em{display: inline-block;padding-bottom: 6px;
    font-size: 18px;color:#666;
    border-bottom: 1px solid #7c7c7c;}
.fd-contact li{margin-top: 18px;
    padding:9px 0 9px 50px;color:#7c7c7c;line-height: 20px;
    background: url(../images/fd-icn1.jpg) no-repeat left top;}
.fd-contact .li2{background-image: url(../images/fd-icn2.jpg);}
.fd-contact .li3{background-image: url(../images/fd-icn3.jpg);}

.fd-con{position: relative;padding: 20px 0;}
/*.fd-con:after{content:'';position: absolute;top: 20px;left: 50%;width: 1px;height: 217px;
    background:#585858;}*/

.copy{padding: 22px 10px;text-align: center;color:#666;line-height: 20px;
    background:#282828;}


.fd-wx .con{padding: 30px;background:#262626;color:#f8f8f9;}
.fd-wx h5{font-size: 14px;}
.fd-wx .img{padding:16px 0 15px;overflow: hidden;}
.fd-wx .img img{float: left;margin-right: 23px;
    width: 98px;height: 98px;}
.fd-wx .tel{font-size: 14px;}
.fd-wx .tel *{vertical-align: middle;}
.fd-wx .tel strong{font-size: 20px;font-weight: normal;}
/*.fd-wx .img{float: left;}*/
/*.fd-wx .img img{display: block;width: 98px;height: 98px;}
.fd-wx .img a{display: block;margin-top: 24px;
    width: 98px;height: 30px;line-height: 30px;text-align: center;
    overflow: hidden;background:#f5f5f5;}
.fd-wx .img a em{display: inline-block;padding-left: 22px;
    background: url(../images/wx-icn.jpg) no-repeat left center;}

.fd-wx .txt{float: left;padding-left: 10px;color:#fff;}
.fd-wx .txt p{font-size: 14px;line-height: 22px;}
.fd-wx .txt em{display: block;padding:12px 0 2px;}
.fd-wx .txt strong{font-family: "arial";font-size: 20px;font-weight: normal;}
*/
.fd-wx .tel{}

/*******************************
    -------[=鍐呴〉甯冨眬]-------
********************************/
.g-row{position: relative;overflow: hidden;}
.g-row:after{content:'';position: absolute;
    left:0;top: 0;bottom: 0;width: 304px;background:url(../images/col-l-bg.jpg) repeat-y;}
.g-row .col-l{position: relative;z-index: 2;
    float: left;padding-bottom: 50px;width: 303px;background:#f0f0f0;}
.g-row .col-r{float: none;padding-left: 303px;}


/*******************************
    -------[=宸︿晶瀵艰埅]-------
********************************/
.g-subnav h2{padding:30px 10px;
    text-align: center;}
.g-subnav h2 em{display: block;font-size: 32px;color:#e60b00;line-height: 1.4;
    height: 42px;overflow: hidden;}

.g-subnav a{display: block;padding:0 38px;overflow: hidden;}
.g-subnav .a1{position: relative;
    font-size: 20px;color:#fff;height: 58px;line-height: 58px;
    background:#e60a00 url(../images/subnav-bg.jpg) no-repeat right bottom;}
.g-subnav .a1:after{content:'';position: absolute;right: 25px;top: 0;
    width: 16px;height: 100%;background: url(../images/jia.png) no-repeat center;}
.g-subnav .a1.on:after{background-image: url(../images/jian.png);}
.g-subnav dl{display: none;}
.g-subnav dd a{height: 46px;line-height: 46px;font-size: 14px;
    color:#555;background:#f0f0f0;border-bottom: 1px solid #e6e6e6;}
.g-subnav dd a:hover,
.g-subnav dd a.on{background:#fff;}


/*******************************
    -------[=鍐呴〉ban]-------
********************************/
.ins-ban{
    width: 100%;
    height: 580px;
    background-position: center;
    background-repeat: no-repeat;}

.ins-ban img{
    display: block;
    width: 100%;
}
.ins-ban1{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;}

.ins-ban1 img{
    display: block;
    width: 100%;
}
/*******************************
    -------[=閫夐」鍗-------
********************************/
.g-tab{padding:60px 0 70px;text-align: center;}
.g-tab ul{display: inline-block;zoom:1;*display: inline;}
.g-tab li{float: left;}
.g-tab li a{display: block;padding: 0 10px;
    width: 130px;height: 25px;line-height: 24px;font-size: 14px;
    color:#666;border:1px solid #b2b2b2;}
.g-tab li.on a{color:#fff;background:#ff0000;border-color:#ff0000;}


/*******************************
    -------[=绉诲姩绔鑸猐-------
********************************/
.m-navbtn{position: absolute;right:15px;top:35px;z-index: 9;display: none;
    margin-top: -11px;}
.m-navbtn.ok{/*position: fixed;*/top:32px;}
.m-navbtn em{position: relative;display: block;
    width: 26px;height: 2px;margin:4px 0;background:#000;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
    border-radius: 4px;}
.m-navbtn.ok .em1{
    top:8px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.m-navbtn.ok .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.m-navbtn.ok .em3{
    top:-5px;
    transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -webkit-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
}

@media only screen and (max-width: 1199px) {
    .wp{width: 98%;}

    .m-navbtn{display: none;}
    .nav{display: none;position: absolute;top: 100%;right: 0;
        padding:15px 10px;width:300px;background:rgba(255,255,255,.85);}
    .nav li{float: none;text-align: center;}
    .nav_logo{
        display: none;
    }
    .logo{
        display: block;
    }

}