@charset "utf-8";
/* CSS Document */
a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
a:visited{text-decoration:none ;}
a:active{text-decoration:none;}
a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
li{list-style: none;}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img,b {
    margin: 0;
    padding: 0;
}

@media (min-width: 1320px) {
    .container{
        width: 1320px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}
.new-pc{display: block;}
.new-mobile{display: none;}
/*top*/

.top{z-index:9999;width:100%; background:#FFF; border-bottom:1px solid #eeeeee;}
.top hr{background-color: #1e77d3;margin: 0;border-top:1px solid #1e77d3;}
.top .logo{width:70%;float:left; padding:15px 0}
.top .logo img{max-width:100%;}
.top .top-mobile{float: right;width: 30%;padding:30px 0 15px;text-align: right;}
.top .top-mobile img{width: 12%;float: right;margin-right: 2%;}
.top .top-mobile .top-right-txt{float: right;width: 40%;font-size: 12px;text-align: left;}
.top .top-mobile .top-right-txt p{color: #ea2215;font-size: 24px;}
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right; width:12%; margin-top:15px;}
.top .top_right  img{display:block;max-width:100%;}
.topfix{ position:fixed; top:0; left:0; z-index:100000}

/*nav*/
#navbg{ width:100%; transition:0.4s; float:left; line-height:50px;}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{float:left;width:12.5%;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li span{color: #E5E5E5;width: 2%;float: right;font-size: 16px;}
#navbg .nav .firstfloor>li.on a{background:#FF9C00; color:#FFF;font-weight: bold;}
#navbg .nav .firstfloor>li>a{color:#fff; display:block; transition:ease-in 0.2s; padding:5px 0;width: 100%;float: left;}
#navbg .nav .firstfloor>li:hover>a{color:#ffffff; background:#FF9C00;font-weight: bold;}
#navbg .nav .secondfloor{position:absolute;left:0;top:60px;z-index:9999;display:none;background:rgb(4,116,195,0.95);width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:35px;height:35px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#fff;}
#navbg .nav .secondfloor li a:hover{background:#FF9C00;color:#FFF;}

.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}
.ad a{ color:#FFF;}
.callbacks_container{margin-top: -1px;}

.callbacks img{height: 36vw;object-fit: cover;}
@media (max-width: 1300px) {
    .callbacks img{height: 500px;}
}
@media (max-width: 768px) {

}
@media (max-width: 1200px) {
    #navbg{ margin-top:0px; height:110px;}
    #navbg .nav .firstfloor>li{ margin-top:40px;}
}





/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/mlogo.png) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */

/*公用标题*/
.cpzs{padding-bottom:30px;  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:38px; color:#333;}
.cpzs .cpzs_bt .fwxm_bt1 i{ padding:0 10px;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:16px; color:#3a3a3a;  padding:10px 0;}
.cpzs .cpzs_bt .fwxm_bt3{ color:#333; font-size:16px; padding:5px 0}
/*底部样式*/
#footer{background: #1b1b1b;color: #ccc;}
#footer a{color: #ccc;}
#footer .nav-footer{width: 60%;border-bottom:1px #4a4747 solid;}
#footer .nav-footer a{font-size: 16px;line-height: 26px;margin:40px auto;margin-right:40px;display: inline-block;}
#footer .con-footer{width: 60%;margin-top: 60px;}
#footer .con-footer .con-footer-list a{display: block;font-size: 14px;line-height: 36px;}
#footer .con-footer .con-footer-list:first-child a.iconfont-bom{background: #555;display: inline-block;width:30px; height:30px;border-radius: 50%;text-align: center;}
#footer .con-footer .con-footer-list{width: 47%;margin-right: 2.3%;}
#footer .con-footer .con-footer-list hr{width: 95%;margin:15px 0;padding: 0;}
#footer .con-footer h3{margin-bottom: 35px;}
#footer .con-footer p{font-size: 14px;line-height: 36px;}
#footer .con-footer p span{font-size: 10px;}
#footer .con-footer:nth-child(3) p span{font-size: 12px;}
.footer{width: 100%;text-align: center;background: #000;line-height: 36px;font-size: 15px;color: #ccc;}
.footer a{color: #ccc;}
/*底部留言*/
#message{width: 35%;background: #036ddb;height: 500px;color: #fff;}
#message form{width: 85%;margin: 0 auto;}
#message form input{width: 100%;display: block;border: 0;border-bottom: 1px #fff solid;background: #036ddb;color: #fff;line-height: 35px;font-size: 14px;margin-bottom: 30px;}
#message form input::-webkit-input-placeholder{
    color:#fff;
    font-size: 14px;
    opacity: 1;
}
#message form input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
    font-size: 14px;
    opacity: 1;
}
#message form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
    font-size: 14px;
    opacity: 1;
}
#message form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#fff;
    font-size: 14px;
    opacity: 1;
}
#message form input:nth-child(3){margin-top: 35px;}
#message form input:last-child{border: 0;border-bottom: 0;background: #ffac0d;}
#message h3{margin-top: 100px;}
#message hr{width: 10%;margin: 15px 0;padding: 0;border: 0;border-bottom: 3px #fff solid;}
/*992屏幕*/
@media screen and (max-width:991px){
    #mobilehead{display:block;}
    .callbacks_nav{width: 5vw;height: 6vw;background-size: 100%;}
    .callbacks_nav.next{background-size: 100%;}
    .top{display:none;}
    #navbg{display:none;}
    #mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
    #mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box.nav_box1{top:70px;}
    #navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
    #navbg .nav .secondfloor{top:55px;}
    #footer .nav-footer{display: none;}
    #footer .con-footer{width: 50%;}
    #footer .con-footer .con-footer-list:first-child,.con-footer-list:last-child{display: none;}
    #footer .con-footer .con-footer-list:nth-child(2){width: 100%;}
    #message{width: 50%;}
    .callbacks img{height: auto;}
}

@media screen and (max-width:768px){
    #mobilehead{background:url(../images/mlogo.png) no-repeat 10px center #FFF;background-size:auto 50px;}
}


/*500屏幕*/
@media screen and (max-width:499px){
    #mobilehead{background:url(../images/mlogo.png) no-repeat 10px center #FFF;background-size:auto 50px;}
    #mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box{top:70px;}
    #mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
    #footer .con-footer{width: 100%;margin: 5vw auto;}
    #footer .con-footer .con-footer-list:first-child,.con-footer-list:last-child{display: none;}
    #footer .con-footer .con-footer-list:nth-child(2){width: 75%;}
    #footer .con-footer h3{margin-bottom: 2vw;}
    #footer .con-footer .con-footer-list:nth-child(2) p{line-height: 25px;}
    #footer .con-footer .con-footer-list:nth-child(2) p:nth-last-child(2){display: none;}
    #footer .con-footer .con-footer-list:nth-child(2) p:last-child{width: 100%;}
    #message{display: none;}
    .erweima{margin-top: -43%;margin-right: 5%;}
    .new-pc{display: none;}
    .new-mobile{display: block;}
}

/*底部导航*/
.nbom{display: none;}

@media screen and (max-width: 640px){
    .nbom {display: block;}
    .footer_x {padding-bottom:110px;}
}

/*底部菜单栏目*/
.nbom{ position:fixed; bottom:0; height:94px; width:100%; left:0; z-index:100000000000;}
.nbom .w1{ position:relative;background:#036ddb; height:94px;}
.nbom .nav-bom{ height:80px;}
.nbom .nav-bom li{height:80px;float:left; width:25%;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#fff; font-size:18px;line-height:23px; text-align:center; position:relative; padding:0; height:94px; display:block;}
.nbom .nav-bom li i{ display:block; width:29.33%; margin:12px auto 0;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}

@media (max-width: 414px) {
    .nbom{height:65px;}
    .nbom .nav-bom li a{ font-size:16px; line-height:18px;}
    .callbacks_tabs.callbacks1_tabs{margin-top: -25px;}
    .izl-rmenu{bottom: 40px;}
}

@media (max-width: 375px) {
    .nbom{height:50px;}
    .nbom .nav-bom li i{ margin-top:5px;}
    .nbom .nav-bom li a{ font-size:14px; line-height:19px;}
}
/*悬浮框*/
.izl-rmenu{position:fixed;right:0;bottom:35%;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:30px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-phone .phone span{display: block;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.izl-rmenu .btn-ss{background:url(../Image/case_icon.png) 0px 0px no-repeat;background-color:#FF9C00;background-size: 100%;}
.izl-rmenu .btn-ss .ss{background-color:#FF9C00;position:absolute;width:280px;right:70px;top:18px;height:40px;color:#FF9C00;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-ss .ss input{margin-top: 5px;height: 29px;}
.izl-rmenu .btn-ss .ss input:last-child{width: 65px;}
@media (max-width: 375px) {
    .izl-rmenu .btn-wx {display: none;}
    .izl-rmenu .btn-phone {display: none;}
    .izl-rmenu .btn-top {background-size: 100%;}
    .izl-rmenu .btn {position: absolute;width: 40px;height: 45px;}
    .izl-rmenu .btn-ss {display: none;}
    .izl-rmenu{bottom: 12%;right: -9vw;}
}