@charset "utf-8";
html{color:#000;background:#FFF;font-size: 62.5%; }
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{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
.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;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}


.content{
    width:95%;
	max-width:1400px;
	margin:0 auto;
	
}
/*全局背景色1*/
.body-color{background: #ffffff;}
.bark-body-color{background:#181818;}

.blk{margin-bottom: 25px;}
/*Main模板*/
.blk-main{max-width:1200px;width:95%; margin: 0 auto;}
/*小模块*/
.blk-xs{width:25%;}
/*中模块*/
.blk-sm{width:74%;padding-left: 1%}
/*小版块*/
.blk{margin-bottom:30px;}
.endit-content{ line-height:28px;font-size:16px;}
.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 #0079d5;
    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: #0079d5;
    border: 1px solid #0079d5;
    margin: 0px 3px 0px 0px;
}
.pages .disabled{
    display: none;
}







.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: 'iconfont';
    src: url('./fonts/iconfont.ttf?t=1700707768544') format('truetype');
}











.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;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #0079d5;
    color: #fff;
    height: 53px;
    width: 230px;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-main {
    background: #0079d5;
    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;
}
/*公共头部*/

.wrap{max-width: 1600px; margin: auto;}

/*1440*/
@media (max-width:1679px){
  .wrap{max-width: 1350px;}
}
/*1366*/
@media (max-width:1439px){
  .wrap{max-width: 1280px;}
}
/*1280*/
@media (max-width:1365px){
  .wrap{max-width: 1200px;}
}
/*MP*/
@media (max-width:1279px){
  .wrap{max-width: 100%;}
}
.topWrap{position: relative;z-index: 3;}
        .header{width:96%;
            max-width: 1400px;margin: 0 auto; position: relative;}
        .t_top{height:100px;display: flex;align-items: center;justify-content: space-between}
        .logo{}
        .logo img {height:85px}
@media (max-width:1600px){
    .logo img{height:75px}
}
@media (max-width:1200px){
    .logo img{height:65px}
}
@media (max-width:1000px){
    .logo img{height:60px}
    .h_contact {display: none}

}
        .t_sz{height:38px; line-height:38px; font-size:14px; color: #999999}
        .t_sz span {float:right;display: block;height: 38px;color: #999999;font-size:14px;padding-right:99px;}
        .t_sz span a {padding:0 8px 0 22px;color: #999999;margin-right:10px;}
        .t_sz span a:nth-child(1){background: url(../images/t_ico1.jpg) no-repeat left center;}
        .t_sz span a:nth-child(2){background: url(../images/t_ico2.jpg) no-repeat left center;}
        .t_sz span a:nth-child(3){background: url(../images/t_ico3.jpg) no-repeat left center;}
        .t_wz{float:left; padding:0 0 0 19px; width:487px;position: relative;height:65px;}
        .t_wz span {color: #000000;font-size:22px;display: block;overflow: hidden;height:65px;line-height:65px;}
        .t_wz span b{font-weight: bold; color: #000000}
        .t_tel { float: right;font-size:14px; color: #333333;padding-left:25px;background: url(../images/t_tel_bj.jpg) no-repeat left 25px;height: 60px;font-weight: bold;line-height:24px;margin-top:12px;}
        .t_tel span {font:26px arial;color: #333333;vertical-align: middle;display: block;}
        .nav {height:65px; line-height:65px;}
        .nav li {float:left;height:65px;  width: 12.2%;line-height:65px;background: url(../images/nav_x.jpg) no-repeat right;position:relative;}
        .nav li a {font-size:16px;color:#000000;text-decoration:none;display:inline-block;position: relative;z-index:2;padding:0 41px;}
        .nav li:hover a,.nav .cur a {color: #fff;background: #0079d5}
        .nav li em{position: absolute;left:0;top:65px;z-index:999; font-style:normal;background:#0079d5; display:none;width:100%;text-align:center;width:170px;}
        .nav li em a {display:block;height:40px; line-height:40px;text-align: center;color:#fff;background:none;padding:0;border-bottom:1px solid #a8a9a8;font-size:14px;}
        .nav li em a:hover{background:#f0332d;}
        .nav .cur em a{background:none;}
         .nav li:hover em{ display:block;}
        .t_a{background: url(../images/t_a1.jpg) no-repeat;width:99px;padding-right:21px;text-align: center;height: 52px;padding-top:11px;text-align: center;position: absolute;top:0;right:-21px;}
        .t_a span {font-size:14px;color: #fff;display: block;}
		 .w1120 { width: 1120px; margin: 0 auto; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
.k1200 {
    width: 1200px;
    margin: 0 auto;
}
.wrop {
    width: 1200px  !important;
}
.headerLogo img {
    max-width: 420px !important;
    margin-top: 15px !important;
}
.h_contact {
            /*display: flex;*/
        }
        
        .h_contact p {
            padding-left: 35px;
            background: url(../images/h_tel.png) no-repeat left 4px;
        }
        
        .h_contact p.ding {
            margin-left: 20px;
        }
        
        .h_contact span {
            display: block;
            font-size: 14px;
            color: #333;
            line-height: 100%;
        }
        
        .h_contact em {
            font-style: normal;
            display: block;
            font-size: 24px;
            color: #2A2A36;
            line-height: 100%;
            margin-top: 4px;
            font-weight: bold;
        }
/* 底部样式 开始 */

.Footer{background-color: #333;}
.Footer .container{max-width:1400px;width:95%;margin:0 auto;}

.FooterBot{text-align: center;padding: 25px 0;}
.FooterBot p:first-child{margin-top: 0;}
.FooterBot p{color: #fff;font-size: 14px;margin-top: 5px;}
.FooterBot p a{color: #fff;}
.FooterBot p a:hover{text-decoration: underline;}

.FooterCenter{background: url(../images/footerbox.png) center center;height: 60px;line-height: 60px;text-align: center;}
.FooterCenter a{font-size: 16px;color: #fff;background: url(../images/footerxt.jpg) no-repeat center left;width: 145px;display: inline-block;*display: inline;*zoom: 1;}
.FooterCenter a:hover{text-decoration: underline;}
.FooterCenter a:first-child{background: none;}

.FooterTop{padding: 50px 0 60px;}
.FooterTop dl{float: left;width:20%;}
.FooterTop dl:first-child{margin-left: 0;}
.FooterTop dl dt{font-size: 24px;margin-bottom: 30px;}
.FooterTop dl dt a{color: #fff;}
.FooterTop dl dt:hover a{text-decoration: underline;}
.FooterTop dl dd{margin-top: 20px;}
.FooterTop dl dd a:hover{text-decoration: underline;}
.FooterTop dl dd a{display: block;color: #fff;font-size: 16px;margin-top: 15px;}
.FooterTop dl dd a:first-child{margin-top: 0;}

.FooterBox{width: 20%;}
.FooterBox h3{font-weight: normal;font-size: 20px;color: #fff;background: url(../images/footerphon01.png) no-repeat left 5px;padding-left: 30px;margin-top: 42px;}
.FooterBox h3 em{display: block;font-size: 20px;margin-top: 15px;}
.FooterBox h4{font-weight: normal;font-size: 20px;color: #fff;margin-top: 42px;background: url(../images/footerphon02.png) no-repeat left 5px;padding-left: 30px;}
.FooterBox h4 em{display: block;font-size: 20px;margin-top: 15px;}

.FooterEwm img{width: 126px;height: 126px;display: block;margin-top: 40px;}
.FooterEwm p{text-align: center;color: #f1f1f1;font-size: 14px;margin-top: 10px;}

/* 底部样式 结束 */


/* 首页导航栏开始 */
.header-nav {
    width:100%;
    height:65px;
    background-color: #0480de;
}
.header-nav .menu {
    width:96%;
    max-width: 1400px;
    margin: 0 auto;position: relative;height: 100%;
    display: flex;
}
.header-nav .menu li{
    flex-grow: 1;
    height:100%;
    display: flex;align-items: center;
    justify-content: center;
}
.header-nav .menu li.rel{
    position: relative;
}

.header-nav .menu .menu_item a{
    font-size: 18px;
    color:#fff;
}
@media (max-width:1600px){
    .header-nav .menu .menu_item a {
        font-size: 16px;
    }
}
.header-nav .menu .menu_item a>i{
     font-size: 0.8vw;
     color:#fff;
 }
/* 下拉菜单开始 */
.header-nav .menu li:hover .submenu {
    display: flex;
    flex-direction:column;
}
.header-nav .menu li:hover .submenu.pro {
    display: flex;
    flex-direction:row;
}
.header-nav .menu li:hover .submenu.cate {
    width:100%;
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    height:70vh;
}

.header-nav .menu li .submenu {
    display: none;
    position: absolute;
    top:65px;
    left:0;
    width:auto;
    background: #fff;
    z-index: 9;
    padding:10px;
    box-shadow: 0.1rem 0.1rem 0.7rem 0.1rem #ddd;
}

.header-nav .menu li .submenu .twoli {
    width:200px;
    color:#333;
    border-top: solid 1px #00aeef;
    text-align: left;
    padding-top:10px;
    margin:0 5px;
}
.header-nav .menu li .submenu .twoli .twoa {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.header-nav .menu li .submenu .threeli {
    width:100%;
    color:#333;
    padding-top:5px;
}
.header-nav .menu li .submenu .threeli .threea{
    display: block;
    width:100%;
    color:#333;
    font-size: 16px;
    line-height: 28px;
    padding-top: 5px;
}


.header-nav .menu li .submenu.cate .oneli{
    width:20%;
    margin-bottom: 10px;
}
.header-nav .menu li .submenu.cate  .oneli .twoli:nth-child(n+2){
    margin-top: 30px;
}
.header-nav .menu li .submenu.cate .twoli .twoa {
    font-size: 18px;
}
.header-nav .menu li .submenu.cate .threeli .threea{
    display: block;
    color:#333;
    font-size: 16px;
}
.header-nav .menu li .submenu .twoli .twoa:hover,.header-nav .menu li .submenu .threeli .threea:hover{
    color:#0480de;
}


@media (max-width:1600px){
    .header-nav .menu li .submenu.cate  .oneli .twoli:nth-child(n+2){
        margin-top: 20px;
    }
    .header-nav .menu li .submenu.cate .threeli .threea{
        font-size: 14px;
        padding-top:0;
    }
}


.header-nav .menu .menu_item {
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.5s;
    width:100%;
    height:100%;
}
.header-nav .menu .menu_item {
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.5s;
    text-align: center;
}
.header-nav .menu .menu_item .obverse{
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 65px;
    background: #0480de;
    z-index: 11;
    transform: translateZ(32.5px);
    transition: all 0.36s;
    position: relative;
}
.header-nav .menu li.act .menu_item .obverse{
    background: #fdbf05;

}
.header-nav .menu .menu_item .opposite{
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    transform: translateY(32.5px) rotateX(-90deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 65px;
    background-color: #fd0101;
}
.header-nav .menu li:hover .menu_item {
    cursor: pointer;
    transform: rotateX(90deg);
}