/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family:arial,"Microsoft Yahei";}
a{color: #333;}
a:hover{color: #0072b9;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:arial,"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -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;}
::-webkit-scrollbar { width: 8px; } 
::-webkit-scrollbar-track { background: #fff; } 
::-webkit-scrollbar-thumb { background: #1b1b1b; } 
::-webkit-scrollbar-thumb:window-inactive { background: #1b1b1b; }
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1100px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
#hd{position: fixed;top: 26px;left: 0;right: 0;z-index: 996;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
#hd .hdl{box-shadow: 0px 0px 10px rgba(0,0,0,.33);height: 74px;float: left;
    background: #42a1ff;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.logo{width: 226px;float: left;text-align: center;line-height: 74px;
    background: #42a1ff;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.logo img{display: inline-block;vertical-align: middle;}
.menuBtn{height: 100%;width: 64px;display: block;float: left;cursor: pointer;
    background: #fff url(../images/ico-menu.png) no-repeat center center;
}
.menuBtn.open{
    background: rgba(255,255,255,.5) url(../images/ico-menu-on.png) no-repeat center center;
}
#hd .hdr{float: right;margin-top: 15px;}
#hd.scroll{top: 0;}
#hd.scroll .hdl{height: 65px;}
#hd.scroll .logo{width: 210px;line-height: 65px;}
#hd.scroll .hdr{display: none;}
#hd.open{top: 26px;}
#hd.open .hdr{display: block;}
#hd.sro-top{position: static;}
.so{float: left;position: relative;width: 180px;margin-right: 10px;}
.so .inp{float: right;height: 40px;background: 0;outline: 0;border: 0;
    width: 0;color: #fff;font-size: 14px;padding: 0 35px 0 10px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.so .inp::-webkit-input-placeholder {color: #fff;}
.so .inp::-moz-placeholder {color: #fff; }
.so .inp::-ms-input-placeholder {color: #fff;}
.so .btn{height: 40px;width: 30px;position: absolute;right: 0;bottom: 0;
    border: 0;cursor: pointer;outline: 0;
    background: url(../images/ico-so.png) no-repeat center center;
}
.so-btn{height: 40px;width: 30px;float: left;cursor: pointer;margin-right: 10px;
    background: url(../images/ico-so.png) no-repeat center center;display: none;
}
.so.on .inp{width: 100%;border-bottom: 1px solid #fff;}
.lang{font-size: 18px;color: #fff;float: right;line-height: 40px;}
.lang a{color: #fff;float: left;}
.lang em{float: left;margin: 0 8px;}
.nav .wp{position: relative;}
.nav .hdr{position: absolute;right: 0;top: 40px;}

.nav{position: fixed;top: 0;left: 0;right: 0;height: 520px;z-index: 995;
    background: rgba(0,114,185,.95);overflow: hidden;display: none;
}
.nav ul{padding: 150px 0 0;}
.nav li{float: left;width: 16.66%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.nav li a{color: #fff;padding-left: 20px;}
.nav li .v1{font-size: 22px;position: relative;margin-bottom: 10px;display: block; height:66px; }
.nav li .v1:after{content: '';width: 15px;height: 15px;position: absolute;left: -7px;top: 10px;
    background: #fff;border-radius: 50%;
}
.nav li .v1:before{content: '';width: 1px;height: 400px;position: absolute;
    background-color: #338dc9;top: 10px;left: 0px;
}
.nav dl{}
.nav dd a{font-size: 13px;display: block;line-height: 50px; height: 50px; overflow: hidden;}

.soBox{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 995;
    background: rgba(0,114,185,.95);overflow: hidden;display: none;
}
.soBox form{display: block;padding: 0 20px;margin-top: 150px;position: relative;}
.soBox .inp{width: 100%;height: 50px;background-color: #fff;border: 0;
    padding: 0 90px 0 10px;font-size: 14px;
}
.soBox .btn{position: absolute;width: 80px;height: 50px;top: 0;right: 20px;border: 0;outline: 0;
    background: url(../images/page-serch1.png) no-repeat center center;
}
.soBox .close{width: 50px;height: 50px;display: block;position: absolute;top: 240px;
    left: 50%;margin-left: -25px;
    background: url(../images/close.png) no-repeat center center;
}



/*******************************
  -------[=banner]-------
*******************************/
#banner{height: 100vh;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner .slick-slide{outline: 0;position: relative;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#banner .slick-dots{position: absolute;left: 0;bottom: 0px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{width: 50%;float: left;}
#banner .slick-dots li button{display: block;width: 100%;height: 11px;
    font-size: 0;line-height: 0;text-indent: 999px;border: 0;
    background-color: rgba(255,255,255,.8);
}
#banner .slick-dots li.slick-active button{background-color: rgba(255,255,255,.5);}
#banner .wp{position: relative;height: 100vh;}
#banner h2{font-size: 65px;color: #fff;text-align: left;position: absolute;bottom: 50%;left: 0;
    text-shadow: 0px 0px 5px rgba(0,0,0,.54);
}
#banner a{display: block;height: 100%;outline: 0;}
#ban{height: 100vh;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#ban .wp{position: relative;height: 100%;}
#ban .txt{position: absolute;top: 50%;right: 0;text-align: right;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#ban .txt h2{font-size: 60px;text-shadow: 0px 0px 5px rgba(0,0,0,.54);}
#ban .txt h3{font-size: 55px;text-shadow: 0px 0px 5px rgba(0,0,0,.54);line-height: 70px;}
#ban .txt p{padding-top: 30px;font-size: 24px;line-height: 35px;text-shadow: 0px 0px 5px rgba(0,0,0,.54);}
#ban .txt1 p{}
#ban .txt2{text-align: center;left: 0;}

/*******************************
  -------[=底部]-------
********************************/
#fd{background-color: #3d3d3d;padding: 80px 0 70px;}
.fd-logo{position: relative;overflow: hidden;display: block;margin-bottom: 75px;}
.fd-logo:after{content: '';position: absolute;top: 50%;left: 305px;height: 1px;
    background-color: #909090;width: 1200px;
}
.fd-link{overflow: hidden;text-align: center;margin-bottom: 35px;}
.fd-link dl{float: left;width: 16%;}
.fd-link dd{ text-align:left}

.fd-link .d1{width: 14%;}
.fd-link .d2{width: 20%;}
.fd-link .d4{width: 18%;}

.fd-link dt{color: #fff;font-size: 18px; height:50px; text-align:left; margin-bottom:38px;}

.fd-link a{color: #909090;font-size: 14px;display: block;line-height: 50px;}
.fd-link a:hover{color: #fff;}
.fd-qr{overflow: hidden;margin-bottom: 20px;}
.fd-qr .qr{float: right;width: 160px;text-align: center;overflow: hidden; margin-right: 5px;}
.fd-qr .qr img{width: 160px;display: block;margin-bottom: 15px; }
.fd-qr .qr p{font-size: 14px;color: #909090;line-height: 22px;}
.fd-copy{overflow: hidden;}
.fd-copy span{position: relative;color: #909090;float: right;padding-left: 10px;text-transform: uppercase;}
.fd-copy span:after{content: '';position: absolute;top: 50%;right: 100%;height: 1px;
    background-color: #909090;width: 1200px;
}
.index #fd{padding: 0;}
.index .fd-logo{margin-bottom: 45px;}
.index .fd-link{margin-bottom: 20px;}
/*.index .fd-link dt{margin-bottom: 38px;}*/
.index .fd-link a{line-height: 50px;text-overflow:ellipsis;height: 50px;overflow: hidden;
white-space: nowrap;}
.index .fd-qr{margin-bottom: 20px;}
/*******************************
    -------[=正文]-------
********************************/
.load-bg{height: 100%;width: 100%;position: fixed;top: 0;left: 0;overflow: hidden;z-index:990;}
.load-bg .top{height: 50%;width: 100%;background-color: #fff;position: absolute;top: 0;left: 0;}
.load-bg .top i{display: block;width: 200px;height: 1px;background-color: #555;position: absolute;
    bottom: 0;left:50%;margin-left: -100px;
    -webkit-transition: .5s;
    transition: .5s;
}
.load-bg .top i.on{left:0%;margin-left: 0px;width:100%; }
.load-bg .bot{bottom: 0;left: 0;position: absolute;width: 100%;height:50%;background-color: #fff;}

.btn-mouse{width: 40px;height: 40px;position: absolute;left: 50%;bottom: 45px;margin-left: -20px;
    background: url(../images/ico-down.png) no-repeat center center;z-index: 9;cursor: pointer;
    animation: mouse .5s linear infinite alternate;
    -moz-animation: mouse .5s linear infinite alternate;
    -webkit-animation: mouse .5s linear infinite alternate;
    -o-animation: mouse .5s linear infinite alternate;
}
@-webkit-keyframes mouse{
    0%{
        bottom: 45px;
    }
    50%{
        bottom: 55px;
    }
    100%{
        bottom: 45px;
    }
}
@keyframes mouse{
    0%{
        bottom: 45px;
    }
    50%{
        bottom: 55px;
    }
    100%{
        bottom: 45px;
    }
}
.g-t1 h3{font-size: 65px;color: #fff;text-align: left;
    text-shadow: 0px 0px 5px rgba(0,0,0,.54);/*margin-bottom: 35px;*/
}
.g-more{width: 170px;height: 42px;display: block;border: 1px solid #fff;font-size: 22px;
    font-weight: bold;text-align: center;color: #fff;line-height: 42px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.g-more i{width: 30px;height: 16px;display: inline-block;vertical-align: middle;
    background: url(../images/ico-jian.png) no-repeat center center;margin-left: 10px;
}
.g-more:hover{color: #fff;
    background: rgba(255,255,255,.3);
}
.bg-1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.ul-tab{position: absolute;top: 58%;z-index: 2;}
.ul-tab li{width: 190px;float: left;margin-right: 20px;}
.ul-tab li a{color: #fff;font-size: 20px;display: block;text-align: center;font-weight: bold;}
.ul-tab li span{display: block;height: 125px;margin-bottom: 15px;
    background-position: center center;background-repeat: no-repeat;
}
.ul-tab .i1 span{background-image: url(../images/i-01.png);}
.ul-tab .i2 span{background-image: url(../images/i-02.png);}
.ul-tab .i3 span{background-image: url(../images/i-03.png);}
.bg-1 .wp{position: relative;height: 100%;}
.bg-1 h3{font-size: 65px;color: #fff;position: absolute;top: 46%;left: 0;
    text-shadow: 0px 0px 5px rgba(0,0,0,.54);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.row{height: 100vh;}
.ban-1{height: 250px;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.g-t2{font-size: 36px;color: #333;padding: 25px 0 25px;}

.m-new{overflow: hidden;margin-bottom: 35px;}
.m-new .pic{width: 530px;height: 255px;float: left;margin-right: 30px;overflow: hidden;}
.m-new .pic img{width: 100%;height: 100%;display: block;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-new .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.m-new .txt{overflow: hidden;padding-top: 5px;}
.m-new .txt h4{font-size: 22px;color: #333;margin-bottom: 8px;text-transform: uppercase;}
.m-new .txt p{font-size: 16px;color: #666;line-height: 30px;max-height: 150px;overflow: hidden;}
.m-new .more{font-size: 14px;color: #333;position: relative;padding: 17px 0 10px;display: inline-block;}
.m-new .more:after{content: '';position: absolute;left: 0;bottom: 0;height: 3px;
    width: 27px;background-color: #0072b9;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-new .more:hover{color: #0072b9;}
.m-new .more:hover:after{width: 100%;}

.m-list2{overflow: hidden;}
.m-list2 li{width: 33.33%;float: left;}
.m-list2 .con{display: block;overflow: hidden;position: relative;margin-right: 1px;}
.m-list2 .pic{padding-top: 53%;height: 0;position: relative;overflow: hidden;}
.m-list2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.m-list2 h4{position: absolute;left: 0;right: 0;bottom: 0;height: 42px;text-align: center;
    line-height: 42px;color: #fff;font-size: 16px;overflow: hidden;text-transform: uppercase;
    background: rgba(0,0,0,.5);
}
.m-list2 .mask{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 3;
    background: url(../images/i-04.png) no-repeat center center rgba(0,114,185,.8);
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.m-list2 li:hover .mask{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
}
.m-list2 li:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#page2,#page4{background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}


/*分页样式*/
.page_info{text-align:center;margin-bottom:30px;color:#333; width: 100%;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-bottom:30px; /*margin-bottom: 50px;*/}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #0072b9;background:#0072b9;}
.page_list a.on{color:#ffffff;border:1px solid #0072b9;background:#0072b9;}
.plist_m{display: none;}