@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

/*清除浮动*/
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b {clear: both;}

/*全局背景色1*/
.body-color{background: #ffffff;}
.bark-body-color{background:#181818;}

.blk{margin-bottom: 25px;}
/*Main模板*/
.blk-main{width:1200px; margin: 0 auto;}
/*小模块*/
.blk-xs{width:240px;}
/*中模块*/
.blk-sm{width:930px;}
/*小版块*/
.blk{margin-bottom:30px;}
.endit-content{ line-height:28px;}
.endit-content img{max-width:100%;}
.p12-pagination-1-main {margin: 0 auto;padding: 20px 0;height: 30px;text-align: center;}
.p12-pagination-1-main ul {display: inline-flex;}
.pages li a{
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    float: left;
    padding: 0px 10px;
    border: 1px solid #0054a4;
    text-decoration: none;
    margin: 0px 3px 0px 0px;
    color: #555;
}
.pages .active a{
    color: white;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    float: left;
    padding: 0px 10px;
    background: #0054a4;
    border: 1px solid #0054a4;
    margin: 0px 3px 0px 0px;
}
.pages .disabled{
    display: none;
}

.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 62px;
    position: relative;
}

.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
    padding-top: 6px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 62px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #0c3785;
    color: #fff;
    height: 53px;
    width: 230px;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-main {
    background: #0c3785;
    width: 97px;
    height: 53px;
    position: relative;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -130px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 115px;
    height: 115px;
}

.index-XialadU .sousuo_1{ top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); margin:0;}
.s_left{float:right;margin-right:20px;width:32px}
.s_left{margin-top:16px;cursor: pointer;-webkit-appearance: none;}
.inp,.inp_1{position:absolute;top:0;left:0;padding:0 0 0 30px;height:100%;width:92%;color:#000;font-size:30px;line-height:60px;text-align:left;white-space:nowrap;border:0;outline:0;background:0 0;overflow:hidden;box-sizing:border-box;display:block}
.Xialad{ z-index:80;position:fixed; left:0; width:100%;top:0; height:100%;display:none;}
.XialadU{position:fixed;top:0; left:0;  height:100%; text-align:center; z-index:1000; width:100%;  background-size:cover; background:rgba(183,149,92,0.8);}
.sousuo_1{left:22.5%;}
.sousuo_1{width:55%;height:60px;border-radius:50px;background:#fff;position:absolute}
.istop .XialadU{ top:55px;}
.Video-bg{ background:#000;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); position:fixed; left:0; top:0; width:100%; z-index:999; display:none;}
.Video-box{ width:900px; position:fixed; left:50%; top:50%; margin-top:30px; transform:translate(-50%,-50%);opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0); z-index:-9;}
.Video-box video{ width:100%; height:auto; display:none;}
.Video-box-on{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);margin-top:0;z-index:1111;}
.Video-box-txt-close{ background:url(../images/video-box-txt-close.png) center no-repeat; width:35px; height:35px; background-size:cover; position:absolute; right:-45px; top:0; z-index:66;}
/*公共头部*/
header{
    width:100%;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    -o-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: 999;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    /* background-color: #fff; */
}
.vt_logo {
    display: block;
    width: 173px;
    height: 23px;
    background: url("../images/logo.png") no-repeat center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.nav_item .sp1,.nav_item .sp2,.nav_item .sp3{
    width: 24px;
    height: 24px;
    display: inline-block;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.nav_item .sp1 {
    background: url("../images/menu.svg") no-repeat center;
}
.nav_item .sp2 {
    background: url("../images/search_b.svg") no-repeat center;
}
.nav_item .sp3 {
    background: url("../images/fy-f.svg") no-repeat center;
}
.main_nav {
    overflow: hidden;
}
.main_nav>li{
    line-height: 80px;
}
.main_nav>li>a{
    position: relative;
}
.nav_arrow {
    width: 12px;
    height: 12px;
    display: block;
    background: url("../images/arrow-b.svg") no-repeat center;
    position: absolute;
    top: 34px;
    right: 12px;
}
.vt_logo{
    float: left;
}
.nav_item {
    float: right;
}
.nav_item a{
    margin: 0 10px;
}
.vt_nav {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
	height:80px;
}
    /* padding: 24px 0; */
.main_nav {
    height: 100%;
    /* display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; */
    width:980px;
	margin:0 auto;
    overflow: hidden;
}
.vt_nav>ul>li{
    float: left;
}
.vt_nav>ul>li>a{
    color: #fff;
    display: block;
    padding: 0 26px;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
	font-size:14px;
}
.default_line {
    width: 100%;
    position: absolute;
    top: 80px;
    left: -892px;
    transition: all .5s;
    opacity: 0;
    line-height: 18px;
    /* z-index: -9; */
}
/* 指示箭头 */
.bottom_line{
    width: 100%;
    height: 8px;
    background-color: #fff;
    position: absolute;
    bottom: -8px;
    left: 0px;
}
.box_line_box1 {
    height: 0px;
    width: 0px;
    border: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: relative;
    top: 0px;
    left:50%;
    background-color:blue;
}
.box_line_box2 {
    height: 0px;
    width: 0px;
    border: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: relative;
    background-color: red;
    top: 0px;
    right:50%;
}
/* 指示箭头结束 */
header.on,header:hover {
    background-color: #fff;
}
header.on .nav_arrow,header:hover .nav_arrow {
    background: url("../images/arrow.svg") no-repeat center;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
header.on .vt_nav>ul>li>a,header:hover .vt_nav>ul>li>a {
    color: #000;
}
header.on .nav_item .sp1,header:hover .nav_item .sp1{
    background: url("../images/menu-6.svg") no-repeat center;
}
header.on .nav_item .sp2,header:hover .nav_item .sp2{
    background: url("../images/search_6.svg") no-repeat center;
}
header.on .nav_item .sp3,header:hover .nav_item .sp3{
    background: url("../images/fy-6.svg") no-repeat center;
}
header.on .vt_logo,header:hover .vt_logo {
    background: url("../images/logo1.png") no-repeat center;
    background-size: 100%;
}
header.on .p_menu span,header:hover .p_menu span{ background:#000;}
.vt_logo{
    position: absolute;
    top: 0px;
    left: 30px;
}
.nav_item {
    position: absolute;
    top:7px;
    right: 30px;
}
.vt_nav>li,.nav_item,.vt_logo  {
    padding: 24px 0;
    box-sizing: border-box;
}
/* 菜单下拉 */
.nav_select {
    width: 100%;
    height: 360px;
    /* opacity: 0.5; */
    position: absolute;
    top: 80px;
    left:0;
    display: none;
    color: #fff;
    background-size: 100%;
}
.nav_select:before{ position:absolute; left:0; top:0; content:'';width:100%; height:100%; background:#000;opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4;}
.nav_select1{
    background: url('../images/bg-1.jpg') no-repeat center;
}
.nav_select2{
    background: url('../images/bg-2.jpg') no-repeat center;
    background-size: cover;
}
.nav_select3{
    background: url('../images/bg-3.jpg') no-repeat center;
    background-size: cover;
}
.nav_select_left {
    width: 18%;
    margin: 0 auto;
    float: left;
    /* background-color: rgba(0, 0, 0, 0.5); */
    height: 100%;
}
.nav_select_left>li,.nav_select_right>li{
    padding: 10px 0;
}
.nav_select_right>li {
    width: 30%;
    float: left;
}
.nav_select_left>li>a,.nav_select_right>li>a{
    color: #fff;
    transition: all .3s;
    opacity: 0.5;
    display: block;
    position: relative;
    color: 0.9;
}
.nav_select_right>li>a {
    display: inline;
}
.nav_select_right>li>a::after{
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    transition: all .3s;
    opacity: 0;
}
.nav_select_right>li>a:hover {
    opacity: 1;
}
.nav_select_right>li>a:hover::after{
    bottom: -5px;
    opacity: 0.8;
}
.nav_select_left>li>a{
    padding: 5px 0;
    display: block;
    box-sizing: border-box;
}
.nav_select_left>li>a::before{
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    transition: all .3s;
}
.nav_select_left>li>a::after{
    width: 25px;
    height: 25px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url("../images/arr-r.svg") no-repeat center;
    transform: rotate(-90deg);
}
.nav_select_left>li>a.active{
    opacity: 0.8;
}
.nav_select_left>li>a.active::before{
    bottom: -5px;
}
.nav_select_box>ul>li,.nav_select_box>ul>li,.nav_select_box>ul>li{
    line-height: 20px;
}
@keyframes yd {
    from {
        transform:translate(-20px);
    }
    to{
        transform:translate(0px);
    }
}
.nav_select_1>ul>li,.nav_select_2>ul>li,.nav_select_3>ul>li{
    line-height: 46px;
}
.nav_select_1,.nav_select_2,.nav_select_3 {
    width: 1300px;
    margin: 0 auto;
    padding:60px 0;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    transform: translate(-20px);
}
.nav_select_2{
    width: 800px;
    position: relative;
    z-index: 5;
    padding-left: 50px;
}
.nav_select_1.yd,.nav_select_left2.yd,.nav_select_2_content.yd{
    animation: yd .5s;
    animation-fill-mode: forwards;
}
.nav_select_left2 li img,.nav_select_left2 li span{ vertical-align:middle;}
.nav_select_left2 li span{ position:relative; top:-2px;}
.nav_select_right{
    width: 68%;
    float: right;
    /* background-color: rgba(0, 0, 0, 0.5); */
    height: 100%;
    display: none;
}
.nav_select_right.active {
    display: block;
}
.split_line {
    width: 14%;
    overflow: hidden;
    float: left;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.split_line_h {
    height: 356px;
}
.split_line_img {
    position: relative;
    left: 13px;
    top: -733px;
    transition: all .35s;
    width: 100%;
}
.nav_select_2_content {
    width: 60%;
    float: right;
    position: relative;
}
.nav_select_2_content li{
    line-height: 30px;
    margin-bottom: 25px;
}
.nav_select_2_content li a{
    color: #fff;
}
.nav_select_2_ul{
    padding-left: 139px;
}
.nav_select_2_ul a{
    font-size: 18px;
    position: relative;
}
.nav_select_left2 {
    width: 40%;
}
.nav_select_left2 li{
    padding: 0px;
    font-size: 30px;
}
.nav_select_2_ul li{
    position: relative;
}
.nav_select_2_ul li:after{
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgb(207, 206, 206);
    transition: all .3s;
}
.nav_select_2_ul li:hover::after{
    bottom: -8px;
}
.nav_select_2_content h5{
    line-height: 30px;
    color: #666;
    font-size: 20px;
    margin-bottom: 30px;
    padding-left: 139px;
}
.nav_item{ }
header.on.onno:hover{ background:#fff;}
header.on.onno{ background:none;}
header.on{box-shadow:0 2px 10px rgba(153,153,153,0.1);-webkit-box-shadow:0 2px 10px rgba(153,153,153,0.1); }
/* 导航部分结束 */

/* 底部样式 开始 */
.copy{ background: #333; padding: 20px 0 0; }
.copy .page { position: relative; margin: 0 auto; width: 1200px; }
.copy .copy_row2 { height: 260px; overflow: hidden; width: 100%; }
.copy .copy_row2 ul{ float: left; padding: 30px 70px 30px 0px; background: url(../images/20180905140430_975406376.jpg) no-repeat right center; margin: 0 40px 0 0}
.copy .copy_row2 ul.ks { height: 183px; }
.copy .copy_row2 ul a{ display: block; color: #bbb; line-height: 28px; font-size: 13px; }
.copy .copy_row2 ul strong { padding: 0px 0 15px; display: block; }
.copy .copy_row2 ul strong a{ font-size: 15px; font-weight: normal; color: #fff}
.copy .copy_row2 ul.ewm .ewm_in{ float: left; margin:30px 10px; }
.copy .copy_row2 ul.ewm .ewm_in img{ display: block; width: 90px;padding: 5px; background: #fff; }
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 30px; text-align: center; }
.copy .copy_row2 ul .copy_tel{ background: url(../images/20180905140455_436962388.jpg) no-repeat left center; padding:10px 0 5px 60px; font-size: 32px; line-height: 50px; display: block; color: #fff; font-family: arial; font-weight: 100; }
.copy .copy_row2 ul.copy_contact { width: 270px; padding-right: 0; margin-right: 0; background: none; }
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 25px; }
.copy .copy_top { cursor: pointer; width: 60px; height: 60px; background: #2a6eb5 url(../images/20180905140514_1315648785.png) no-repeat center; position: absolute; display: block; border-radius: 50%; left: 570px; top: -50px; box-shadow: 0 0 0px 8px rgba(255,255,255,0.2); }
.copy .copy_row3{ width: 100%; height: 55px; line-height: 55px; background:#2a6eb5; }
.copy .copy_row3 .fl, .copy .copy_row3 .fr, .copy .copy_row3 .fl a, .copy .copy_row3 .fr a { color: #e3f3cd; }
.copy .copy_row3 .fl a:hover, .copy .copy_row3 .fr a:hover{ color: #fff; text-decoration:underline; }
/* 底部样式 结束 */


