@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Edited by AlexAli
 * Copyright (c) 2019 ibw
 */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
body { background: #fff; color:#333;}
.fl{float: left !important;}
.fr{float: right !important;}
a { color:#333;text-decoration:none;transition: all 0.5s ease 0s;}
a:hover { color: #144cb7; }
.hide {display: none}
.show {display: block}
@media all and (max-width:1279px){
  .g-in{margin:0 2%;}
}
@media (min-width:1280px) {
  .g-in {width: 1200px;margin: 0 auto;}
}

.wrapper{transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);overflow: hidden;}

.m-nav{display: none;}

.lans{float:right;font-size:14px;margin:18px 12% 0 0;display:none;}


@media all and (max-width:1200px){
    .lans{display:block;}
}


.u-menu { position:absolute; right:1%; top:50%; margin-top: -21px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;display: none;}
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:3px; background:#000; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }

.banner{ position:relative;overflow:hidden;width: 100%;height: auto;}
.banner img{width: 100%;height: auto;}
.sj-banner{ position:relative;overflow:hidden;width: 100%;height: auto;}
.sj-banner img{width: 100%;height: auto;}
#bannerpagination{position: absolute; left:0;bottom:10%;height:8px;width: 100%; z-index:980;}
#bannerpagination{width: 100%;height:8px;text-align: center;}
#bannerpagination .swiper-pagination-bullet{display: inline-block;background:#fff;width:8px; height:8px;border-radius: 8px;text-indent:99999em; overflow:hidden; margin:0 4px;cursor: pointer;transition: all 0.5s;opacity: 1;}
#bannerpagination .swiper-pagination-bullet-active{width:52px;background: #144cb7;}

#bannerpagination2{position: absolute; left:0;bottom:10%;height:8px;width: 100%; z-index:980;}
#bannerpagination2{width: 100%;height:8px;text-align: center;}
#bannerpagination2 .swiper-pagination-bullet{display: inline-block;background:#fff;width:8px; height:8px;border-radius: 8px;text-indent:99999em; overflow:hidden; margin:0 4px;cursor: pointer;transition: all 0.5s;opacity: 1;}
#bannerpagination2 .swiper-pagination-bullet-active{width:52px;background: #144cb7;}


.header{position: relative;width: 100%;background: #fff}
.header .logo img{width: 100%;height: auto;}
.header .t{ }
.header .t .toggle{float: right;background: url(ico_01.png)no-repeat;width: 201px;height: 40px;background-size: cover;line-height: 40px;text-align: center;color: #fff;font-size: 14px}
.header .t .toggle a{color: #fff;font-size: 14px}
.header .t .hotLine{float: right;padding-left: 49px;line-height:1.2;background: url(ico_02.png)no-repeat left center;margin-top:5px;font-size: 18px;font-family: arial;color: #ba231e;font-weight: bold; margin-right:30px; width:120px; }
.header .nav ul li{float: left;text-align: center;line-height: 76px;display: block;width: 106px}
.header .nav ul li .a{font-size: 16px;color: #333333;}
.header .nav ul li:hover .a,.header .nav .current .a{color: #144cb7}
.header .subNav{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;z-index: 5}
.header .subNav {position: absolute;z-index: 999;background: #f5f5f5;width:100%;left:0;top:120px;display: none}
.header .subNav .s-l{float: left;width: 40%;padding:0 35px 0 15px;}
.header .subNav .s-l h2{font-size: 24px;line-height: 24px;margin-top:35px;font-weight: normal;margin-bottom: 25px;text-align:left;}
.header .subNav .s-l .cont{font-size: 14px;line-height: 30px;min-height: 140px;text-align: left;}
.header .subNav .s-l .more a{display: block;width: 135px;font-size: 14px;line-height: 35px;border:1px solid #333;text-align: center;}
.header .subNav .s-l .more a:hover{border:1px solid #144cb7;text-align: center;background: #144cb7;color: #fff}
.header .subNav dl{
	float: left;
    width: 317px;
    min-height: 270px;
    padding: 20px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	}
.header .subNav dl dd{    
	font-size: 14px;
    line-height: 22px;
    padding: 9px 0;
    border-bottom: 1px solid #eaebef;
    width: 157px;
    float: left;
    text-align: left;
	}
.header .subNav dl dd a{font-size: 14px;line-height: 22px;}
.header .subNav dl dd:hover a{color: #144cb7}
.header .subNav .s-r{float: right;margin-top:25px;width: 300px;height: 192px;overflow: hidden;}
.header .subNav .s-r img{display:block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;max-width: 100%;}
.header .subNav .s-r:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }




@media all and (max-width:1279px) and (min-width:1090px){
    .header .u-menu{display: none}
}

@media all and (max-width:1089px) and (min-width:800px){
    .header .t{width: 200px;}
    .header .u-menu{display: none}
    .header .nav{display: none}
    .header .t{margin: 0}
    .header .t .toggle{float: unset;}
    .header .t .hotLine{float: unset;margin-bottom: 20px}
}

@media all and (max-width:799px){
	.header .logo{width: 35%;}
    .header .nav{display: none}
    .header .t{display: none}
    .u-menu{display: block;}
    .banner .hd{bottom:20px;}
    body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
    body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
    body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
    body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
    body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
    body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
    body.z-open .u-menu .u-menu-middle { display:none; }
    .m-nav { display:block;width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }
    .m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
    .m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
    .m-nav li a { display:block; }
    .m-nav li a:hover,.m-nav .current a { color:#144cb7; }
    .m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #144cb7; content:'' }
}


.footer{background: #fff}
.footer .f-a{height: 392px;background: url(foot.png)no-repeat top center;background-size: 1920px 392px;box-sizing: border-box;padding-top: 30px;position: relative;z-index: 2}
.footer .f-a .list{margin-top: 50px}
.footer .f-a .list ul li{float: left;width: 33.33%;}
.footer .f-a .list .i{width: 67%;margin: 0 auto}
.footer .f-a .list .i a{display: block;}
.footer .f-a .list .i .text{padding-left: 10%;margin-top: 3px}
.footer .f-a .list .i .text .ti{font-size: 18px;color: #ffffff}
.footer .f-a .list .i .text .sti{font-size: 14px;color: #fff}
.footer .f-b{position: relative;z-index: 3;margin-top: -108px;background: none}
.footer .f-b .c{background: #fff;padding:5px 62px 0 62px;}
.footer .f-b .c .link{padding: 36px 0;border-bottom: 1px solid #ececee}
.footer .f-b .c .link .ti{font-size: 24px;color: #333333}
.footer .f-b .c .link .content{width: 65%}
.footer .f-b .c .link .content a{font-size: 14px;padding:0 2%;color: #999999;line-height: 36px}
.footer .f-b .c .link .more a{width: 140px;height: 30px;line-height: 30px;color: #ffffff;font-size: 14px;text-align: center;background: #2961b7;display: inline-block;border-radius: 25px;border: 1px solid #144cb7;}
.footer .f-b .c .link .more a:hover{background: rgba(255,255,255,.3);border: 1px solid #144cb7;color: #144cb7;}
.footer .f-b .c .center{padding: 45px 0 55px;border-bottom: 1px solid #ececee}
.footer .f-b .c .center .f-nav{width: 22.9%}
.footer .f-b .c .center .f-nav ul li{float: left;line-height: 36px;width: 50%}
.footer .f-b .c .center .f-nav ul li a{font-size: 14px;color: #666666}
.footer .f-b .c .center .contact{margin-top: 10px;border-left: 1px solid #e2e2e6;width: 40%;box-sizing: border-box;padding-left: 5%;font-size: 14px;line-height: 24px;color: #666666}
.footer .f-b .c .center .contact p{float: left;width: 50%;margin-bottom: 18px}
.footer .f-b .c .center .contact p:nth-child(3){width: 100%;margin-bottom: 6px}
.footer .f-b .c .center .site{width: 18%;margin-top: 10px;min-height: 120px;border-left: 1px solid #e2e2e6;box-sizing: border-box;padding-left: 4.5%}
.footer .f-b .c .center .site ul li a{font-size: 14px;color: #666666;line-height: 26px}
.footer .f-b .c .copyright{font-size: 14px;color: #999999;padding: 26px 0 19px}
.footer .f-b .c .copyright a{font-size: 14px;color: #999999;}
.footer .f-b .c .copyright a:hover,.footer .f-b .c .link .content a:hover,.footer .f-b .c .center .f-nav ul li a:hover,.footer .f-b .c .center .site ul li a:hover{color: #144cb7}

/* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:60px; background:#000; line-height:20px; text-align:center; z-index:1;display: flex;justify-content:space-around;flex-wrap:nowrap;display: none;z-index: 10}
#fixed-foot li { float:left; width:25%; margin:0 -1px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); display: block;}
#fixed-foot li a { display:block; padding:9px 0 0; color:#fff; }
#fixed-foot li:first-child a { color:#00b676; }
.fixed-button { display:block; width:30px;height:30px;margin:0 auto;background:url(../images/icon_arr_tel_white.png) no-repeat center; overflow:hidden;background-size:contain;}

@media all and (max-width:1920px) and (min-width:1090px){
    .footer .f-a .list ul li{transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s}
    .footer .f-a .list ul li:hover{transform: translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);-o-transform:translateY(-20px)}
}

@media all and (max-width:1089px) and (min-width:800px){
    .footer .f-a .top .ti{font-size: 30px}
    .footer .f-a .top .sti{font-size: 18px;color: #fff}
    .footer .f-b .c .link .content{width: 80%}
    .footer .f-b .c .link .more{margin-top: 10px;text-align: center;width: 100%}

}

@media all and (max-width:799px){
    .footer{padding-bottom: 60px}
    .footer .f-a .top .ti{font-size: 30px}
    .footer .f-a .top .sti{font-size: 18px;color: #fff}
    .footer .f-a{padding-top: 10px;padding-bottom: 60px;height: 480px}
    .footer .f-a .list{margin-top: 20px}
    .footer .f-a .list ul li{width: 49%;height: 150px;overflow: hidden;}
    .footer .f-b .c{padding:5px 12px 0 12px;}
    .footer .f-b .c .link{padding:15px 0;}
    .footer .f-b .c .link .content{width: 100%}
    .footer .f-b .c .link .content a{width: 49%;line-height: 25px;display: inline-block;padding: 0}
    .footer .f-b .c .link .more{margin-top: 10px;text-align: center;width: 100%}
    .footer .f-b .c .center{padding: 15px 0 15px;}
    .footer .f-b .c .center .f-nav{width: 100%}
    .footer .f-b .c .center .f-nav ul li{width: 25%;line-height: 24px}
    .footer .f-b .c .center .contact{width: 100%;border: none;padding: 0}
    .footer .f-b .c .center .contact p{float: unset;margin-bottom: 5px;width: 100%}
    .footer .f-b .c .center .site{width: 100%;border: none;padding: 0;min-height: 0}
    .footer .f-b .c .copyright{padding: 15px 10px}
    .footer .f-b .c .copyright p{width: 100%;text-align: center;}
    #fixed-foot{display: block;}
}