@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
body{font-size:14px;font-family:"微软雅黑",Arial;-webkit-touch-callout: none;   -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;   user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}
a{color:#666; text-decoration:none; outline:none;}
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#055cab; outline:none;}
li{list-style-position:outside; list-style-type:none;}
em,i{font-style: normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;overflow: hidden;}
.cont{width: 1400px;margin: 0 auto;}
.cont-b{width: 1440px;margin: 0 auto;}
.pc-css,.block{display: block;}
.m-css,.none{display: none;}
@font-face{font-family: 'STXihei'; src : url("../font/STXIHEI.TTF");}
@font-face{
	font-family: 'Champagne&Limousines';
	src :   url("../font/CHAMPAGNE & LIMOUSINES.TTF"), 
			url("../font/CHAMPAGNE & LIMOUSINES BOLD.TTF"), 
			url("../font/CHAMPAGNE & LIMOUSINES ITALIC.TTF"),
			url("../font/CHAMPAGNE & LIMOUSINES BOLD ITALIC.TTF");	 
}
@font-face{font-family: 'Geometric212BT BooKCondensed'; 
	src : url("../font/TT0503M_.TTF"),
		  url("../font/TT0504M_.TTF");
}
/*头部*/
header{position: absolute;z-index: 100;width:100%;top: 0;}
.headis{height: 60px;background:rgba(0,0,0,.6);width: 100%;}
.hea{display: flex;justify-content:flex-end;align-items: center;}
.Hotline{color: #b6b6b6;font-weight: bold;padding: 0 20px;}
.Hotline span{color: #1d59a1;font-size: 18px;font-family: 'STXihei';}
.joinbox{width: 185px;height: 60px;background: #1d59a1;color: #fff;display: flex;justify-content: space-around;align-items: center;padding: 0px 12px;}
.head-box{position: relative;width: 100%;height: 89px;background: #fff;}
.base-head i{width: 32%;display: flex;align-items: center;float: left;height: 84px;}
.base-head nav{float: left;width: 60%;}
.base-head nav>ul{display: flex;}
.pc-nav>li{height: 84px;border-bottom: 5px solid transparent;padding: 0 17px;margin-right: 15px;}
.pc-nav>li:hover,.pc-nav>li.on{background: #f5f5f5;border-bottom: 5px solid #1d59a1;}
.pc-nav>li>a{color: #333333;font-weight: bold;line-height: 90px;}
.pc-nav>li:hover>a{color: #1d59a1;}
.twon{width: 100%;background:rgba(0,0,0,.6);height: 70px;line-height: 70px;position: absolute;/*text-align: center;*/left: 0;top: 89px;display: none;z-index: 5;}
.twon a{color: #ffffff;margin: 0 22px;}
.twon a:hover{color: #e19820;font-weight: bold;}

.pc-nav-product{display: flex; justify-content: center; background: #f5f5f5; position: relative; margin-top: -48px;}
.pc-nav-product>li{height: 48px; padding: 0 17px;margin-right: 15px;}
.pc-nav-product>li:hover,.pc-nav-product>li.on{background: #f5f5f5;}
.pc-nav-product li.on{border-bottom: #1d59a1 3px solid;font-weight: bold;color: #1d59a1;}
.pc-nav-product>li>a{color: #666666; line-height: 48px; display: block; }
.pc-nav-product>li:hover>a{color: #1d59a1;}
.pc-nav-product .twon{width: 100%;background:rgba(0,0,0,.5);height: 48px;line-height: 48px;position: absolute;
    text-align: center;left: 0;top: 48px;display: none;z-index: 5;}
.pc-nav-product .twon a{color: #ffffff;margin: 0 22px;}
.pc-nav-product .twon a:hover{color: #e19820;font-weight: bold;}

.search{width: 102px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;float: right;height: 89px;display: flex;justify-content: center;align-items: center;}
.search div{position: relative;width: 35px;height: 35px;}
.search div:hover input{display: block;}
.search img{position: absolute;z-index: 5;}
.search input{position: absolute;right: 0;top: 0;height: 34px;width: 200px;border: 1px solid #ededed;border-radius: 20px;z-index: 4;display: none;padding:0 37px 0 17px;transition: .5s;}
.search ::-webkit-input-placeholder { color: #999;}
.search ::-moz-placeholder {color: #999; ; } /* firefox 19+ */
.search :-ms-input-placeholder { color: #999;  } /* ie */
.search input :-moz-placeholder { color: #999;  }

.m-nav{position: absolute;right: 0;width: 100%;z-index: 50;display: none;outline: none;top: 100%;border-top: 1px solid #eee;}
.m-nav>ul>li{font-size: 15px;background: #fff;width: 95%;padding: 4% 0;position: relative;margin: 0 auto;}
.m-nav>ul>li a{ color: #484848;}
.m-nav>ul{width: 100%;background: #fff;}
.m-nav .Submenu{overflow: hidden;display: none;width: 84%;margin:0 auto;}
.m-nav .Submenu a{font-size: 14px;padding: 4% 0;display: block;color: #484848;}
.m-nav span{font-size: 24px;background: url("../images/index-phone_03.png") no-repeat;width: 16px;height: 16px; position: absolute;right: 0;transition: .5s;line-height: 18px;background-size: cover;top: 50%;margin-top: -11px;}
.m-nav span.on{background: url("../images/index-phone_06.png") no-repeat;width: 16px;height:16px;background-size: cover;}
.trigger{display:none;width: 44px;height: 100%; line-height:35px; color:#1d59a1; font-size:16px;font-weight:800;}
.close1{display: none;width: 16px;height: 16px;background: url("../images/img-m1.png") no-repeat;background-size: cover;}
.m-search{width: 55%;text-align: right;position: relative;display: none; margin-left:30px;}
.m-search input{height: 30px;width: 70%;border:1px solid #cccccc;border-radius: 20px;padding:0 15% 0 10px;}
.m-search img{position: absolute;top: 50%;margin-top: -10px;right: 4%;width: 18px;}

.m-nav-product{position: absolute;right: 0;width: 100%;z-index: 50;display: none;outline: none;top: 100%;
    border-top: 1px solid #eee;}
.m-nav-product>ul>li{font-size: 15px;background: #f8f8f8;width: 100%;padding: 0;position: relative;margin: 0 auto;}
.m-nav-product>ul>li a{ color: #484848;}
.m-nav-product>ul{width: 100%;background: #fff;}
.m-nav-product .Submenu{overflow: hidden;display: none;width: 88%;margin:10px auto;}
.m-nav-product .Submenu a{font-size: 15px;padding: 10px 0;display: block;color: #484848;}
.m-nav-product span{font-size: 24px;background: url("../images/index-phone_03.png") no-repeat;width: 16px;
    height: 16px; position: absolute;right: 28px;transition: .5s;line-height: 18px;background-size: cover;
    top: 50%;margin-top: -11px;}
.m-nav-product span.on{background: url("../images/index-phone_06.png") no-repeat;width: 16px;height:16px;background-size: cover;}

/*按钮动画*/
.fanh {position: relative;font-size: 14px;color: #fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); background: #1d59a1;width: 120px;height: 35px;display: flex;justify-content: center;align-items: center;float: right;border-radius: 50px;} 
.fanh:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.fanh:hover, .fanh:focus, .fanh:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.fanh:hover:before, .fanh:focus:before, .fanh:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/*footer*/
footer{background: #2f2f2f;overflow: hidden;padding-top: 85px;}
.foo-navbox{width: 70%;float: left;}
.foo-nav dl{float: left;margin-right: 5%;}
.foo-nav dl:nth-last-of-type(1){margin-right: 0;}
.foo-nav dt{margin-bottom: 33px;}
.foo-nav dt a{font-size: 16px;color: #fff;}
.foo-nav dd a{color: #888888;line-height: 30px;}
.foo-nav dd a:hover,.foo-navbox p>span a:hover,.foo-navbox font a:hover{color: #1d59a1;}
.foo-navbox p{margin-top: 55px;line-height: 34px;}
.foo-navbox p>span,.foo-navbox font{display: block;font-size: 12px;}
.foo-navbox p>span a{padding-right: 25px;color: #888888;}
.foo-navbox font{color: #888888;}
.foo-navbox font a{color: #888888;padding-left: 10px;}
.foo-boxfr{width: 225px;float: right;}
.QR-code{display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 48px;color: #888888;float: right;}
.foo-boxfr i{float: right;margin-top: 45px;}
.foo-boxfr i>a{display: inline-block;margin-left: 4px;}
.blogroll{border: #515255 1px solid;height: 46px;width: 213px;padding: 0 21px 0 26px;cursor: pointer;margin-top: 110px;position: relative;border-radius: 3px;margin-bottom: 25px;float: right;}
.blogroll span{color: #999;line-height: 46px;float: left;}
.blogroll img{float: right;margin-top: 22px;}
.blogroll li{float: left;margin-right: 52px;line-height: 90px;}
.blogroll li:hover a,.boxfl p a:hover{color: #1d59a1;}
.blogroll li a{font-size: 15px;color: #fff;font-weight: bold;}
.blogroll p,.blogroll p a{color: #666;font-size: 12px;}
.option1{position: absolute;bottom: 100%;left: -1px;display: none;background: #818181;}
.option1 a{height: 40px;width: 213px;padding: 0 21px 0 26px;cursor: pointer;display: block;border: #4c4c4c 1px solid;border-bottom: none;line-height: 40px;color: #f2f2f2;}
.option1 a:hover{color: #1d59a1;}
.m-foo-nav{}
.m-foo-nav span{display: block;text-align: center;}
.m-foo-nav span a{color: #888888;line-height: 24px;}
.m-foo-nav span a::after{content: "";width: 1px;height: 11px;background: #888888;display: inline-block;margin: 0 8px;}
.m-foo-nav span a:nth-last-of-type(1)::after{display: none;}

/*分页*/
.page {text-align: center;}
.page li {display: inline-block;margin: 0 4px;font-size: 13px;}
.page li a {padding: 5px 12px;background: #333;text-align: center;color: #ffffff;}
.page li.active a, .page li:hover a {color: #ff811b;background: #333;}



.move1{color: #fff;font-size: 16px;text-align: center;/*background: #1d59a1;*/height: 40px;overflow: hidden;width: 100%;line-height:40px;margin: 5% auto 0;}

.twonnav{width: 68%;margin-left: 20%}
.twon a{color: #ffffff;margin: 0 27px 0 17px;}

.pc-nav-product .twonnav{width: 100%;margin-left: 0%}






.sidebar-box {
    position: fixed;
    right: 5px;
    bottom: 100px;
    z-index: 9999;
    display: none;
}
.sidebar {
    display: block;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    margin-bottom: -1px;
    background-size: 100% 100%;
    background-position: top left;
    background-repeat: no-repeat;
    cursor: pointer;
}
.sidebar:hover {
    background-color: #e2e2e2;
}
.sidebar-tel {
    background-image: url(../images/side_tel.png);
    position: relative;
}
.sidebar-mobile {
    background-image: url(../images/side_mobile.png);
    position: relative;
}
.sidebar-tel-hover {
    width: 240px;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    border: 1px solid #CED2D3;
    display: none;
    position: absolute;
    right: 58px;
    top: 0;
    background: #CED2D3;
    font-size: 28px;
    color: #1d59a1;
    text-align: center;
    font-family: Impact,"microsoft Yahei", sans-serif;
}
.sidebar-tel:hover .sidebar-tel-hover {
    display: block;
}
.sidebar-wx {
    background-image: url(../images/side_wx.png);
}
.sidebar-wx-hover {
    width: 138px;
    padding: 10px;
    border: 1px solid #ced2d3;
    display: none;
    position: absolute;
    right: 58px;
    top: 48px;
    background: #CED2D3;
}
.sidebar-wx-hover img {
    width: 118px;
}
.sidebar-wx:hover .sidebar-wx-hover {
    display: block;
}
.sidebar-top {
    background-image: url(../images/side_top.png);
    position: fixed;
    right: 10px;
    bottom: 100px;
    display: none;
    background-color: #959595;
    border-color: #959595;
}
@media (min-width: 992px){
    .sidebar-box {
        display: block;
    }
    .sidebar-top {
        right: 5px;
        bottom: 53px;
    }
}



.mb-footer {
    display: block;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    background-color: #1d59a1;
    z-index: 999;
    display: -webkit-flex;
    display: flex;
}
.mb-footer a {
    flex-grow: 1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 28px;
}
.mb-footer a span {
    display: block;
    padding-top: 36px;
}
.zp_content {
    display: none;
    position: fixed;
    top: 15%;
    left: 10%;
    width: 70%;
    padding: 16px;
    border: 3px solid rgba(206, 222, 223, 0.62);
    border-radius: 5px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
.zp_content img {
    width: 100%;
}
.close-zp {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/close-zp.png) no-repeat;
}
.zp_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}
@media (min-width: 992px){
    .mb-footer{display: none;}
}