/* 容器 */
/**{transition: all .3s;}*/
.container-width{max-width: 1200px; margin: 0 auto; padding: 0 15px;}
@media (max-width:1200px) {
    .container-width{padding: 0 15px;}
}

/* top */
.logo{float: left;padding: 10px 0;}
.logo img{max-width: 100%; height: 60px;}
@media(max-width: 768px) {
    .logo{padding: 5px 0;}
    .logo img{height: 50px;}
}
.logo-sign{float: left; padding-left: 15px; margin-top: 13px; margin-left: 15px; border-left: 1px solid #ddd;}
.logo-sign h3{padding-bottom: 5PX;}
.logo-sign-ico ul li{float: left; margin-right: 10px; color: #777;}
.logo-sign-ico ul li span{display: inline-block; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background-color: #e35300; color: #fff;}
@media(max-width: 768px) {
    .logo-sign{display: none;}
}
/* top-tel */
.top-tel{position: relative; float: right; padding-left: 45px;margin-top: 20px;}
.top-tel span{position: absolute; top: 3px; left: 0; text-align: center;  }
.top-tel span img{max-width: 100%;}
.top-tel h3{padding-top: 8px; font-weight: bold;font-size: 18px; color: #1f7ebc;}
.top-tel h3 a {font-weight: bold;font-size: 18px; color: #e35300;}
@media (max-width:768px) {
    .top-tel{float: left;margin-top: 0;}
    .top-tel span{display: none;}
    .top-tel h3{padding-top: 20px;}
}
/* open */
.navbar-open {float: right; width: 40px;height: 40px;  cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 25px;}
.navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;}
/*  */
@media(max-width: 768px) {
    .navbar-open {display: block;padding: 5px 0;}
    .navbar-open span {display: block;width: 20px;}
    .navbar-open span:first-child {margin-top: 12px;}
    .navbar-open span:nth-child(2) {margin-top: 6px;}
    .navbar-open span:last-child {margin-top: 6px;}
}
@media(max-width: 640px) {
    .navbar-open {margin-top: 5px;}
}
/* ---------------左侧导航--------------- */
.navbox{background-color: #f7f7f7;height: 55px;line-height: 55px;border-bottom: 1px solid #e35300;}
@media (max-width:1300px) {
    .navbox{height: 45px;line-height: 45px;}
}
.serviceMenu{position: relative;z-index: 3; float: left; width: 230px;height: 55px; background-color: #e35300; text-align: center; color: #fff; cursor: pointer;}
.serviceMenu h3{ font-size: 18px; height: 55px; overflow: hidden;}
.serviceMenu h3 i{font-size: 36px; vertical-align: middle; margin-right: 5px;}
.serviceMenu >ul {position: absolute; top: 55px; left: 0; width: 100%; z-index: 2; background-color: rgba(0,0,0,.7); text-align: left;}
.serviceMenu >ul >li{position: relative;padding: 3px 0; border-bottom: 1px solid #333;}
.serviceMenu >ul >li:last-child{border-bottom: none;}
.serviceMenu >ul >li>i{position: absolute; top: 0; right: 25px;}
.serviceMenu >ul >li >a{display: block; padding-left: 25px; color: #fff; font-size: 16px;}
.serviceMenu >ul >li >a i{font-size: 28px; vertical-align: middle; margin-right: 8px;}
.serviceMenu >ul >li >a:hover{background-color: #666;}

.ni-box {-webkit-box-shadow: rgba(3,58,150,.1) 0px 0px 5px; -moz-box-shadow: rgba(3,58,150,.1) 0px 0px 5px; box-shadow: rgba(3,58,150,.1) 0px 0px 5px;z-index: 99;width: 600px;background: #fff;position: absolute;top: 3px;left: 230px;padding: 0 40px 23px 30px;box-sizing: border-box;display: none; }
.ni-box2:before {position: absolute;content: "";width: 0;height: 0;left: -6px;top: 22px;border-right: 6px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
.ni-box h2 {font-size: 16px;color: #333;font-weight:normal;border-left: 2px solid #e35300;padding-left: 17px;margin: 20px 0 20px;line-height: 40px;}
.ni-box-down {border-top: 1px solid #e5e5e5;}
.ni-box-down li {width: 170px;height: 14px;margin-bottom: 17px;}
.ni-box-down li.last {width: 136px;}
.ni-box-down li a {font-size: 14px;color: #666;border-left: 1px solid #e5e5e5;padding-left: 10px;}
.ni-box-down li a:hover {color: #e35300;border-color: #e35300;}
.serviceMenu>ul>li:hover .ni-box {display: block;}

@media (max-width:1900px) {
    .serviceMenu >ul >li{line-height: 45px;}
    .serviceMenu h3{height: 45px; font-size: 16px;}
    .serviceMenu h3 i{font-size: 24px;}
}
@media (max-width:1600px) {
    .serviceMenu >ul li{line-height: 40px;}
}
@media (max-width:1450px) {
    .serviceMenu >ul >li{line-height: 35px;}
    .serviceMenu >ul >li >a{display: block; padding-left: 25px; color: #fff; font-size: 14px;}
    .serviceMenu >ul >li >a i{font-size: 20px; vertical-align: middle; margin-right: 8px;}
}
@media (max-width:1300px) {
    .serviceMenu >ul { top: 45px;}
    .serviceMenu{width: 180px; height: 45px;}
    .serviceMenu >ul{visibility: hidden;opacity: 0; transform: translateY(10px);}
    .serviceMenu:hover >ul{visibility: visible;opacity: 1; transform: translateY(0);}

    .ni-box{left: 190px;}
}
@media (max-width:768px) {
    .navbox{display: none;}
}

/* nav */
.navMenu{float: left; padding-left: 20px;}
.navMenu ul li{position: relative; float:left; padding: 0 15px; text-align: center;}
.navMenu ul li a{line-height: 30px;  font-size: 16px;}
.navMenu ul li.current-menu-item>a{color: #e35300;}
.navMenu ul li:hover a{color: #e35300;}
.navMenu ul li:last-child{display: none;}
@media (max-width:1400px){
    .navMenu{float: left; padding-left: 20px;}
}
@media (max-width:1250px){
    .navMenu ul li{ padding: 0 10px; }
}
@media (max-width:920px){
    .navMenu ul li{ padding: 0 5px; }
}

@media (max-width:860px) {
    .navMenu{float: left; padding-left: 10px;}
    .navMenu ul li a{font-size: 14px;}
}
.navSearch{float: right;padding: 0 10px 0 15px; margin-top: 13px; line-height: 28px; border: 1px solid #4276CC; background-color: #fff; border-radius: 40px;}
.navSearch input{line-height: 27px; width: 80%;}
.navSearch button{background-color: snow; width: 15%;}
.navSearch button i{font-size: 18px;}
@media (max-width:1300px) {
    .navSearch{float: right;padding: 0 10px 0 15px; margin-top: 8px;}
}
@media (max-width:1000px) {
    .navSearch{max-width: 130px;}
}
/* -----------手机-------------- */
/* close */
.close-navbar{position: absolute;top: 0;right: 0;z-index: 9;width: 50px;height:  50px; cursor: pointer;}
.close-navbar:before,
.close-navbar:after{position:absolute; display: block; content: ''; z-index: 1; width: 30px; height: 2px; background-color: #333;}
.close-navbar:before{ left:10px; top:23px; transform: rotate(45deg);}
.close-navbar:after{ left:10px; bottom:25px; transform: rotate(-45deg);}
/* 手机菜单容器 */
.m-nav-bg {position: fixed;top: 0;right: 0;z-index: 98;width: 100%;height: 100%;background-color:#003F84;opacity: 0;visibility: hidden; transition: all .3s;}
.m-nav{position: fixed;top: 0;right: 0;z-index: 99;padding: 35px 45px 10px 25px;width: 80%;height: 100%;background-color: #fff;transform: translateX(120px);opacity: 0;visibility: hidden; transition: all .3s;}
/* 一级菜单 */
.m-nav-box{position: relative; font-family: arial;}
.m-nav-menu li{line-height: 45px;font-size: 18px;background-color: #fff;cursor: pointer;}
.m-nav-menu li a{display: block; border-bottom: 1px solid #eee; font-size: 18px; color: #444; }
.m-nav-menu li h3{border-bottom: 1px solid #eee; font-size: 18px; color: #444; }
.m-nav-menu li h3 a {display: block;}
/* 二级菜单 */
.m-nav-menusub {position: absolute;top: 50px;right: 0;z-index: -1; width: 100%;height: 100%;background-color: #fff;transform: translateX(12px); visibility: hidden; opacity: 0; transition: all .3s;}
.m-nav-menusub li{font-size: 14px; line-height: 40px;}
.m-nav-menusub li{transform: translateX(9px); opacity: 0; transition: all .3s;}
/*添加状态*/
.m-nav-bgshow{opacity: 1;visibility: visible;}
.m-nav-show{transform: translateX(0);opacity: 1;visibility: visible;}
.m-nav-menu-active>h3{font-size: 20px; color: #CBAA81!important;}
.m-nav-menusub-active {transform: translateX(0)!important; visibility: visible!important; opacity: 1!important;}
/* 增加动画 */
.m-nav-menusub-active li{transform: translateX(0);opacity: 1;}



/* =================footer================ */
.footer-bg {padding-top: 40px; background-color:#393936; color: #b9b9b9;}
.footer-nav{float: left; width: 22%;}
.footer-nav dl{float: left; width: 50%;}
.footer-nav dl dt{padding-bottom: 15px; font-size: 16px; color: #fff;}
.footer-nav dl dd{ padding-bottom:10px; }
.footer-nav dl a{color: #aeaeaf;}

.footer-address,
.footer-tel,
.footer-info{float: left;}


.footer-address{width: 38%; padding:0 25px;}
.footer-address h3{padding-bottom: 15px; color: #fff;}
.footer-address p{ padding-bottom: 10px;}

.footer-tel{width: 25%; padding-top: 5px; padding-left: 35px; font-family: arial;}
.footer-tel p{font-size: 16px; color: #fff; }
.footer-tel p i{font-size:28px; vertical-align: middle;}
.footer-tel h3{font-size: 12px; color: #fff; padding: 5px 0;}
.footer-tel a{display: inline-block; padding: 0 25px; margin: 15px 0; font-size: 24px; background-color: #e35300; line-height: 36px; color: #fff;}

.footer-info{width: 15%;border: none; text-align: center; margin-top: 16px;}
.footer-info img {max-width: 100%;}
.footer-info p {line-height: 35px;}
@media (max-width:1150px) {
    .footer-nav{float: left; width: 50%;}
    .footer-address{width: 50%;padding: 0 15px;}
    .footer-tel{width: 100%; padding:0 ;text-align: center;}
    .footer-info{width: 100%;}
}

@media (max-width:768px) {
    .footer-nav{width: 100%;}
    .footer-address,
    .footer-tel,
    .footer-info{float: left; height: auto; border-right: none; margin-top: 10px; margin-bottom: 10px;}
    .footer-address{width: 100%;padding:0;text-align: center;}
}

@media (max-width:640px) {
    .footer-nav dl{text-align: center;}
    .footer-left ul li {float: left;width: 100%;padding: 10px;}
}
.fd-link{border-top: 1px solid #52514d;  padding: 10px;}
.fd-link:last-child{border-top:none; border-bottom: 1px solid #52514d;}
.fd-link li{display: inline-block; margin-right: 15px; color: #b1b1b1;}
.fd-link a{color: #b1b1b1;}
.fd-link a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #393936; border-top: 1px solid #333; ;}
.site-copyright a{color: #777;}


@media (max-width:940px) {
    .site-copyright span{display: block; width: 100%; text-align: left;}
}
@media (max-width:768px) {
    .site-copyright{padding-bottom: 60px;}
}

/* window-search */
.close-search {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
}

.close-search span {
    position: absolute;
    top: 17px;
    left: 6px;
    width: 25px;
    height: 1px;
    background-color: #333;
}

.close-search span:first-child {
    transform: rotate(45deg);
}

.close-search span:last-child {
    transform: rotate(-45deg);
}

.window-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 201;
    padding-top: 180px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.window-search>img {
    max-width: 100%;
    display: block;
    margin: 35px auto;
}

.searchform {
    max-width: 600px;
    font-size: 0;
    margin: 0 auto;
    padding: 0 15px;
}

.searchform input {
    float: left;
    display: block;
    padding-left: 10px;
    width: 79%;
    border: none;
    background: none;
    border: 1px solid #f38519;
    line-height: 43px;
    color: #666;
    font-size: 16px;
    outline: none;
}

.searchform button {
    float: left;
    display: block;
    border: 1px solid #f38519;
    line-height: 43px;
    width: 20%;
    padding: 0 10px;
    font-size: 16px;
    background-color: #f38519;
    color: #fff;
    outline: none;
}
.searchShow {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}
/* window-service */
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #e35300; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #fff; text-align: center; cursor: pointer}
.window-service ul li a{ color: #fff; }
.window-service ul li i{font-size: 28px;}
.window-service ul li p{font-size: 12px;}
.window-service-tel,
.window-service-wx{opacity: 0; visibility: hidden; transform: translateX(10px); transition: all .3s;}
.window-service-wx img{width: 120px;margin-bottom: 10px;}
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: 1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; font-family: arial;  background-color:#e35300;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #e35300; border-radius: 4px; background-color:#e35300;}
.window-service-wx h3{color: #fff; font-size: 14px;}
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx{opacity: 1; visibility: visible; transform: translateX(0)}
/*手机端底部悬浮框*/
.bottomxf {display: none;width: 100%;padding: 5px 0; position: fixed;bottom: 0;z-index: 12;background: #056fb8;box-sizing: border-box;}
.bottomxf > a {display:block;float:left;width: 33.3%;height: 45px;text-align: center;position: relative;border-right: 1px solid #fff;}
.bottomxf > a:last-child {border: 0;}
.bottomxf > a > .iconfont {font-size: 22px;color: #FFF;margin-bottom: 5px;}
.bottomxf > a > p {color:#FFF;}
.bottomxf .contactUs {display:block;float:left;width: 33.3%;height: 45px;text-align: center;position: relative;border-right: 1px solid #fff;}
.bottomxf .contactUs > .iconfont {font-size: 22px;color: #FFF;margin-bottom: 5px;}
.bottomxf .contactUs > p{color:#FFF;}
@media(max-width:768px){
    .bottomxf{display: block;}
    .window-service{display: none;}
}

/*弹窗*/
.window-alert-bg{position: fixed; top: 0; left: 0; z-index: 99; width:100%; height: 100%; padding-top: 250px; background-color: rgba(0,0,0,.7); visibility: hidden;opacity: 0;}
.window-alert{position: relative; max-width: 560px; border-radius: 10px; margin: 0 auto; background-color: #fff; text-align: center; overflow: hidden;visibility: hidden; opacity: 0; transform: translateY(10px);}
.window-alert-close{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; cursor: pointer;}
.window-alert>img{max-width: 100%; padding: 0 15px;}
.window-alert-title{text-align: center;padding-top: 20px; padding-bottom: 20px;}
.window-alert-title h3{font-size: 24px; padding: 8px; font-weight: bold; letter-spacing: 3px;}
.window-alert-title span{position: relative; display: inline-block; width: 0 ; height: 0; border-top: 10px solid #e35300; border-left:10px solid transparent; border-right:10px solid transparent;}
.window-alert-title span:before,
.window-alert-title span:after{position: absolute; top:-5px; content: ''; width: 140px; height: 1px; background-color: #ccc;}
.window-alert-title span:before{ left: -160px;}
.window-alert-title span:after{right: -160px;}
.window-alert-nav{margin-bottom: 30px; padding: 0 15px; font-size: 18px;}
.window-alert-nav a{position: relative; padding: 0 10px; display: inline-block;}
.window-alert-nav a:before{position: absolute; top:5px; right: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;}
.window-alert-nav a:last-child:before{display: none;}
.window-alert-btn{padding: 15px 0; margin-top: 30px; text-align: center; background-color: #e35300;}
.window-alert-btn div{display: inline-block; padding: 0 50px; color: #fff; margin: 0 10px; border-radius: 35px; border: 1px solid #fff; line-height: 35px;}
.window-alert-btn .zx2{display: none;}
@media (max-width:1200px) {
    .window-alert-bg{ padding-top: 220px;}
}
@media (max-width:768px) {
    .window-alert-bg{ padding-top: 140px;}
    .window-alert-btn .zx1{display: none;}
    .window-alert-btn .zx2{display: inline-block;}
    .window-alert{max-width: 90%;}
    .window-alert-title h3{font-size: 20px;}
    .window-alert-nav{font-size: 14px;padding: 0 5px;}
    .window-alert>img{max-width: 80%;}
    .window-alert-btn a{margin-bottom: 10px;}
}
.window-alert-show{visibility: visible!important; opacity: 1!important; }
.window-alert-show1{visibility: visible!important; opacity: 1!important; transform: translateY(0)!important;}

/*在线咨询*/
.window-zixun-bg{position: fixed; top: 0; left: 0; z-index: 99; width:100%; height: 100%; padding-top: 250px; background-color: rgba(0,0,0,.7); visibility: hidden;opacity: 0;}
.window-zixun{position: relative; max-width: 560px; border-radius: 10px; margin: 0 auto; background-color: #fff; text-align: center; overflow: hidden;visibility: hidden; opacity: 0; transform: translateY(10px);padding: 50px 0 20px 0}
.window-zixun-close{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; cursor: pointer}
.window-zixun>img{max-width: 100%; padding: 0 15px;}
@media (max-width:1200px) {
    .window-zixun-bg{ padding-top: 220px;}
}
@media (max-width:768px) {
    .window-zixun-bg{ padding-top: 140px;}
    .window-zixun-btn .zx1{display: none;}
    .window-zixun-btn .zx2{display: inline-block;}
    .window-zixun{max-width: 90%;}
    .window-zixun-title h3{font-size: 20px;}
    .window-zixun-nav{font-size: 14px;padding: 0 5px;}
    .window-zixun>img{max-width: 80%;}
    .window-zixun-btn a{margin-bottom: 10px;}
}
.window-zixun-show{visibility: visible!important; opacity: 1!important; }
.window-zixun-show1{visibility: visible!important; opacity: 1!important; transform: translateY(0)!important;}

/*404页面*/
.ui-errors{margin:100px 0;position:relative;text-align: center;}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

/*文章编辑器设置浮动*/
.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0;}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em;}
blockquote.aligncenter {margin-bottom: 1.473684211em;}
.single-content img{max-width:100%;height:auto;display: block;margin: 15px auto;}
.single-content p{margin-bottom: 15px;}
.screen-reader-response{display: none;}
#gray{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0px;display:none;z-index:99;}
.popup{
    height:auto;background-color:#fff;position: fixed;;z-index:100;left:450px;top:90px;display:none;
}
.login_tc{ width:380px; background:#fff; margin:0 auto;  padding:30px; padding-top:10px; }
.guanbi i{ color:#999; font-size: 18px;}
.guanbi{text-align: right;padding-right: 15px;padding-top: 15px;}
.login_tc div.validateTips{ width:100%; padding:5px; font-size:12px; color:#666; background:#f9f9f9; text-align:center; margin-bottom:20px;}
.login_tc li{height:48px;}
.login_tc li span{ width:80px; float:left; font-size:14px;color:#666; text-align:right; display:block; line-height:36px;}
.login_tc li input{ width:240px; float:left; height:35px; border:1px solid #efefef; padding-left:5px}
.login_tc li input.w20{ width:140px;}
.login_tc li button.yzm{ background:#2c97df; color:#fff; line-height:34px; text-align:center; border:none; font-size:12px; width:100px;}
.login_tc .mail_btn input{ width:245px; line-height:35px; text-align:center; background:#f78739 ; color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; border:none; margin-right:10px; float:left;}
.login_tc .mail_btn a.quxiao{ background:#ebebeb; color:#666; display:block;width:130px; line-height:35px; text-align:center; float:left; font-size:16px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; }
.login_tc .mail_btn{ text-align:center; padding:10px 0 50px 20px;}
.login_tc .mail_btn input{ font-size:16px;}
.login_tc .mail_btn .mail_btn_que{
    width:300px;
    height:36px;
    line-height: 35px;
    background-color: #e35300;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    color: #fff;
}
.selectcity{
    list-style: none;
    background: #fff;
    line-height: 23px;
    padding: 0px 5px;
    z-index: 99999999;
    position: relative;
}