.public_p{padding: 100px 0 100px 0;}
.public_t{padding-top: 100px;}
.public_b{padding-bottom: 100px;}
.public_m{margin-top: 64px;}
.public_m52{margin-top: 52px;}
.public_m32{margin-top: 32px;}
.public_m24{margin-top: 24px;}

.pb_tit{font-size:48px;height:58px;line-height:58px;font-weight:normal;color:#333;position:relative;text-align:center;}
.pb_p{font-size:16px;height:1em;line-height:1em;color:#0181df;margin-bottom:9px;text-transform:uppercase;text-align:center;}
.pb_pp{font-size:16px;line-height:28px;color:#FFF;margin-top:16px;text-align:center;position:relative;z-index:1;}
.pb_a{display:block;width:175px;border:1px solid #D6D9DA;border-radius:30px;position:absolute;right:0;top:22px;text-align:center;}
.pb_a span{display:inline-block;height:46px;line-height:46px;padding-right:27px;background:url(../images/btn_icon1.png) no-repeat right center;font-size:14px;}

.pb_btn{display:block;position:relative;z-index:1;}
.pb_btn:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;}
.pb_btn:hover:before{width:100%;}

@-webkit-keyframes avia_pop {0% {-webkit-transform: scale(0.8)} 100% {-webkit-transform: scale(1)}}
@keyframes avia_pop {0% {transform: scale(0.8)}100% {transform: scale(1)}}

.top{height:102px;position:fixed;z-index:100;left:0;top:0;width:100%}
.body_ref .top{background:#FFF}
.top .container{width:calc(100% - 60px);max-width:1670px}
.top .logo{float:left;display:block;margin:15px 0}
.top .logo img{display:block;width:auto;height:60px;}
.top .logo img.mr{display:block}
.top .logo img.hd{display:none}
.top .logo .l_title{overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;height:0}
.top .t_right{float:right;position:relative}
.pcnav{}
.pcnav .f_nav{float:left}
.pcnav .f_nav .f_li{float:left;position:relative;margin-left:15px}
.pcnav .f_nav .f_li .f_n{position:relative;overflow:hidden}
.pcnav .f_nav .f_li .f_n:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:2px;opacity:0;background:#0181df}
.pcnav .f_nav .f_li .f_n>a{display:inline-block;height:102px;line-height:102px;width:100%;color:#FFF;font-size:16px;text-align:center;padding:0 15px;position:relative}
.pcnav .f_nav .f_li .f_n>a:after{content:attr(data-title);position:absolute;width:100%;height:100%;left:0;top:0;transform:translateY(-100%);color:#0181df}
.pcnav .s_nav{position:absolute;left:0;min-width:100%;background:#FFF;display:none;z-index:10}
.pcnav .s_nav a{display:block;height:46px;line-height:46px;color:#76838F;border-bottom:1px solid #CCC;white-space:nowrap;font-size:14px;box-sizing:border-box;text-align:left;padding:0 15px 0 10px}
.pcnav .s_nav a:hover{background:#DDD;padding:0 10px 0 15px}
.pcnav .f_nav .f_li:hover .f_n:before{width:100%;opacity:1}
.pcnav .f_nav .f_li:hover .f_n a{-weblit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.pcnav .f_nav .f_li:hover .s_nav{height:auto;background:#F2F2F2}
.pcnav .f_en{margin-left:25px;height:102px;line-height:102px;padding-left:37px;color:#FFF;float:left;position:relative;font-size:16px}
.pcnav .f_en:before{content:'';width:1px;height:16px;position:absolute;left:0;top:50%;margin-top:-8px;border-left:1px dashed rgba(255,255,255,.5)}
.t_right .t_search{width:41px;float:left;position:relative;margin-left:19px}
.t_right .t_search i{display:block;width:100%;height:102px;background:url(../images/search.png) no-repeat center center;cursor:pointer}
.t_right .t_search .ts_c{background:#FFF;padding:6px 10px;position:absolute;width:320px;right:-50px;top:90%;border:1px solid #dedede;border-radius:2px;display:none;-webkit-box-shadow:0 3px 13px rgba(0,0,0,.2);-moz-box-shadow:0 3px 13px rgba(0,0,0,.2);-o-box-shadow:0 3px 13px rgba(0,0,0,.2);box-shadow:0 3px 13px rgba(0,0,0,.2);-webkit-animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);-moz-animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);-o-animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275)}
.t_right .t_search .ts_c .ts_f{position:relative;}
.t_right .t_search .ts_c input{width:calc(100% - 42px);float:left;background:#F8F8F8;height:42px;line-height:42px;outline:none;padding:0 6px}
.t_right .t_search .ts_c .ts_btn{width:42px;height:42px;background:url(../images/search.png) no-repeat center center #0181df;float:right;cursor:pointer}
.t_right .top_tel{float: left;line-height: 102px;position: relative;}
.t_right .top_tel span{font-size: 18px;color: #ffffff;font-weight: bold;padding-left: 28px;margin-left:24px;background:url(../images/icon_phone.svg) left center no-repeat;position:relative;}
.t_right .top_tel span:before{content: '';width: 1px;height: 18px;position: absolute;left: -16px;top: 3px;background: #ffffff;}
.top.topfix{background:#FFF;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);-o-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.topfix .logo img.mr{display:none}
.top.topfix .logo img.hd{display:block}
.top.topfix .f_nav .f_li .f_n a{color:#333}
.top.topfix .pcnav .f_en{color:#333}
.top.topfix .pcnav .f_en:before{border-color:#333}
.top.topfix .t_right .t_search i{background:url(../images/search_hover.png) no-repeat center center}

.top.topfix .t_right .top_tel span{color: #0181df;background:url(../images/icon_phone_h.svg) left center no-repeat;}
.top.topfix .t_right .top_tel span:before{background: #333;}

.body_ref .top .logo img.mr{display:none}
.body_ref .top .logo img.hd{display:block}
.body_ref .top .f_nav .f_li .f_n a{color:#333}
.body_ref .top .pcnav .f_en{color:#333}
.body_ref .top .pcnav .f_en:before{border-color:#333}
.body_ref .top .t_right .t_search i{background:url(../images/search_hover.png) no-repeat center center}
.top .nav{float:right;display:none}
.top .nav_bg{display:none;position:fixed;top:60px;left:0;z-index:989;width:100%;height:calc(100% - 60px);background:rgba(0,0,0,0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s}
.top .nav .nav_box{display:none;position:absolute;top:60px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box}
.top .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px}
.top .nav .nav_one>li>span{height:42px;line-height:42px;font-size:15px}
.top .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}
.top .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px}
.top .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block}
.top .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.top .nav .nav_one>li .mob_tit{font-size:16px;height:40px;line-height:40px}
.top .nav .nav_one>li>ul{display:none;padding:5px 0 10px}
.top .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px}
.top .nav .nav_one>li>ul>li.li1{font-size:16px;height:40px;line-height:40px;font-weight:bold;margin-top:15px}
.top .nav .nav_one>li>ul>li.li2{margin-top:0}
.top .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block}
.top .nav .nav_one>li>ul>li.li1>a{font-size:16px;height:40px;line-height:40px;font-weight:bold;color:#000}
.top .nav .push-nav{position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-top:7px;border-radius:5px;margin-right:15px}
.top .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%)}
.top .nav .push-nav.on .nav-toggle{margin-left:-4px}
.top .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#0181df;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s}
.top .nav .push-nav .nav-toggle span:last-child{margin-bottom:0}
.top .nav .push-nav.on .nav-toggle span{opacity:1}
.top .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.top .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0)}
.top .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.top .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666}
.top .nav .nav_contact .nav_txt{width:100%}
.top .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}
.top .nav .nav_contact .nav_txt span a{color:#666}
.top .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px}
.top .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px}
.top .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px}

.foot{background:#0D182E;padding:75px 0 31px;}
.foot .pb_tit{color:#FFF;}
.foot .pb_pp{margin-top:9px;color:#9B9B9B;}
.foot .ft_form{margin-top:44px;}
.foot .ft_form input{display:block;width:250px;height:60px;line-height:58px;margin-left:21px;background:transparent;padding:0 15px;outline:none;float:left;border:1px solid #ffffff;color:#FFF;}
.foot .ft_form input:first-child{margin-left:0;}
.foot .ft_form input#content{width:645px;}
.foot .ft_form .ft_btn{width:193px;height:60px;line-height:60px;font-size:14px;color:#FFF;float:right;background:#0181df;text-align:center;cursor:pointer;}
.foot .ft_txt{margin-top:44px;text-align:center;}
.foot .ft_txt .ft_pp{display:inline-block;margin-left:60px;vertical-align:top;padding-top:18px;text-align:left;}
.foot .ft_txt .ft_pp:first-child{margin-left:0;}
.foot .ft_txt .ft_pp p{font-size:14px;line-height:24px;color:#C3C3C3;padding-left:28px;background-repeat:no-repeat;background-position:left top;}
.foot .ft_txt .ft_pp p span{display:inline-block;margin-right:20px;font-size:16px;}
.foot .ft_txt .ft_pp p.icon1{background-image:url(../images/ft_icon1.png);}
.foot .ft_txt .ft_pp p.icon2{background-image:url(../images/ft_icon2.png);}
.foot .ft_txt .ft_pp p.icon3{background-image:url(../images/ft_icon3.png);}
.foot .ft_txt .ft_pp.ft_ewm{padding-top:0;}
.foot .ft_txt .ft_pp.ft_ewm img{width:103px;height:auto;display:block;float:left;}
.foot .ft_txt .ft_pp.ft_ewm em{font-size:14px;height:24px;line-height:24px;margin-left:20px;text-align:left;color:#C3C3C3;display:block;float:left;font-style:normal;margin-top:19px;}
/*footbottom*/
.footbottom{margin-top:40px;text-align:center;}
.footbottom span{display:inline-block;margin-right:5px;font-size:14px;height:26px;line-height:26px;color:#C3C3C3;}
.footbottom a{color:#C3C3C3;}

.izl-rmenu{position:fixed;right:0;top:200px;z-index:999;width:72px;}
.izl-rmenu .iz_btn{width:72px;margin-bottom:1px;cursor:pointer;position:relative;padding:12px 0 7px;background:#0181df;display:block;}
.izl-rmenu .iz_btn i{display:block;width:100%;height:33px;background-repeat:no-repeat;background-position:center center;}
.izl-rmenu .iz_btn i.icon1{background-image:url(../images/r_qq.png);}
.izl-rmenu .iz_btn i.icon2{background-image:url(../images/r_wx.png);}
.izl-rmenu .iz_btn i.icon3{background-image:url(../images/r_phone.png);}
.izl-rmenu .btn-qq{position:relative;}
.izl-rmenu .btn-wx{position:relative;}
.izl-rmenu .btn-wx .pic{position:absolute;left:0;top:0px;background:#FFF;padding:10px;width:160px;height:160px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;}
.izl-rmenu .btn-wx:hover .pic{left:-160px;opacity:1;}
.izl-rmenu .btn-phone{position:relative;}
.izl-rmenu .btn-phone .phone{background-color:#0181df;position:absolute;width:160px;left:0;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;}
.izl-rmenu .btn-phone:hover .phone{left:-160px;opacity:1;}
.izl-rmenu .iz_btn span{display:block;font-size:13px;height:21px;line-height:21px;color:#FFF;text-align:center;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;padding:16px 0 15px;height:73px;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*friendlink*/
.friendlink{background:#000000;padding:10px 0 10px;}
.friendlink span{width:75px;float:left;display:block;height:24px;line-height:24px;font-size:14px;color:#AFAFAF;margin-top:5px;}
.friendlink .fl_a{width:calc(100% - 75px);float:right;}
.friendlink .fl_a a{color:#AFAFAF;white-space:nowrap;display:inline-block;font-size:14px;position:relative;height:24px;line-height:24px;margin-right:25px;margin-top:5px;}

@media screen and (max-width:1699px){

    .foot .ft_form input{width: 230px;margin-left: 16px;}
    .foot .ft_form input#content{width: 540px;}


}

@media screen and (max-width:1499px){

    .public_p{padding: 80px 0 80px 0;}
    .public_t{padding-top: 80px;}
    .public_b{padding-bottom: 80px;}
    .public_m{margin-top: 42px;}
    .public_52{margin-top: 40px;}
    .public_m32{margin-top: 24px;}
    .public_m24{margin-top: 16px;}

    .pb_tit{font-size: 36px;height: 43px;line-height: 43px;}
    .pb_pp{line-height: 24px;margin-top: 10px;}

    .top{height: 88px;}
    .pcnav .f_nav .f_li .f_n>a{height: 88px;line-height: 88px;}
    .t_right .t_search i{height: 88px;}
    .t_right .top_tel{line-height: 88px;}

    .foot{padding: 60px 0 30px;}
    .foot .ft_form {margin-top: 32px;}
    .foot .ft_form input{height: 48px;line-height: 48px;padding: 0 12px;margin-left: 12px;}
    .foot .ft_form input#content {width: 525px;}
    .foot .ft_form .ft_btn{width: 180px;height: 48px;line-height: 48px;}
    .foot .ft_txt{margin-top: 32px;}

    .footbottom{margin-top: 32px;}
    .footbottom span{height: 24px;}

    .friendlink .fl_a a{margin-right: 12px;}



}

@media screen and (max-width:1299px){

    .public_p{padding: 60px 0 60px 0;}
    .public_t{padding-top: 60px;}
    .public_b{padding-bottom: 60px;}
    .public_m{margin-top: 32px;}
    .public_52{margin-top: 32px;}
    .public_m32{margin-top: 20px;}
    .public_m24{margin-top: 12px;}

    .pb_tit{font-size: 28px;height: 32px;line-height: 32px;}
    .pb_pp{font-size: 14px;margin-top: 10px;}

    .foot{padding: 50px 0 30px;}
    .foot .ft_form {margin-top: 24px;}
    .foot .ft_form input{width: 210px;height: 42px;line-height: 42px;margin-left: 10px;}
    .foot .ft_form input#content {width: 415px;}
    .foot .ft_form .ft_btn{width: 130px;height: 42px;line-height: 42px;}
    .foot .ft_txt{margin-top: 24px;}
    .foot .ft_txt .ft_pp{margin-left: 48px;max-width: 240px;}
    .foot .ft_txt .ft_pp p span{margin-right: 10px;font-size: 14px;}
    .foot .ft_txt .ft_pp.ft_ewm img{float: none;}
    .foot .ft_txt .ft_pp.ft_ewm em{float: none;display: block;margin-top:5px;margin-left: 0;}

    .footbottom{margin-top: 24px;}

    .friendlink .fl_a a{margin-right: 10px;}


}

@media screen and (max-width:1023px){

    .public_p{padding: 40px 0 40px 0;}
    .public_t{padding-top: 40px;}
    .public_b{padding-bottom: 40px;}
    .public_m{margin-top: 24px;}
    .public_m52{margin-top: 24px;}
    .public_m32{margin-top: 16px;}
    .public_m24{margin-top: 10px;}

    .pb_tit{font-size: 24px;height: 28px;line-height: 28px;}
    .pb_pp{margin-top: 6px;}

    .top {background: #FFF;height: 60px;}
    .top .logo {margin-left: 15px;}
    .top .logo img.mr {display: none;}
    .top .logo img.hd {display: block;}
    .top .container {max-width: none;width: 100%;}
    .top .t_right {display: none;}
    .top .nav {display: block;}

    .foot{padding:30px 0 20px;}
    .foot .ft_form{margin-top:0;}
    .foot .ft_form input{height:42px;line-height:40px;margin-left:2%;width:49%;margin-top:15px;}
    .foot .ft_form input#content{width:calc(98% - 170px);margin-left:0;}
    .foot .ft_form .ft_btn{width:170px;height:42px;line-height:42px;margin-top:15px;}
    .foot .ft_txt{margin-top:0;}
    .foot .ft_txt .ft_pp{margin-left:2%;width:49%;float:left;margin-top:15px;}
    .foot .ft_txt .ft_pp:nth-child(odd){margin-left:0;}
    .foot .ft_txt .ft_pp p span{font-size:14px;margin-right:15px;}
    .footbottom{margin-top:20px;text-align:left;}

}

@media screen and (max-width:767px){

    .public_p{padding: 24px 0 24px 0;}
    .public_t{padding-top: 24px;}
    .public_b{padding-bottom: 24px;}
    .public_m{margin-top: 15px;}
    .public_m52{margin-top: 15px;}
    .public_m32{margin-top: 10px;}
    .public_m24{margin-top: 6px;}
    
    .pb_tit{font-size: 22px;height: auto;line-height: 24px;}
    .pb_pp{line-height: 22px;margin-top: 5px;}

    .foot {padding: 20px 0 15px;}
    .foot .ft_form input{width: 100%;margin-left: 0;height: 38px;line-height: 38px;margin-top: 8px;}
    .foot .ft_form input#content{width: 100%;}
    .foot .ft_form .ft_btn{width: 100%;height: 38px;line-height: 38px;margin-top: 10px;}
    .foot .ft_txt{text-align: left;margin-top: 10px;}
    .foot .ft_txt .ft_pp{float: none;width: 100%;margin-left: 0;padding-top: 0;margin-top: 8px;}
    .foot .ft_txt .ft_pp p{line-height: 22px;}

    .footbottom{margin-top: 10px;}
    .footbottom span {font-size: 12px;height: auto;line-height: 20px;}

    .friendlink{padding: 6px 0 6px;}
    .friendlink span{width: 64px;height: 20px;line-height: 20px;font-size: 12px;}
    .friendlink .fl_a{width: calc(100% - 66px);}
    .friendlink .fl_a a{font-size: 12px;height: 20px;line-height: 20px;margin-right: 5px;}



}