@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;color:#333;font-size:14px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased ;}
body,img,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,form{margin:0;padding:0;border:0;outline:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{vertical-align:middle;border:none;-ms-interpolation-mode:bicubic;max-width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}
img.fdimg{transition:0.5s;transform:scale3d(1,1,1);-webkit-transition:0.5s;-webkit-transform:scale3d(1,1,1);-o-transition:0.5s;-o-transform:scale3d(1,1,1);}
img.fdimg:hover{transform:scale3d(1.1,1.1,1);transition:0.5s;-webkit-transform:scale3d(1.1,1.1,1);-webkit-transition:0.5s;-o-transform:scale3d(1.1,1.1,1);-o-transition:0.5s;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#d2181b;text-decoration:none;}
.w1280{margin:auto;width:100%;max-width:1280px; box-sizing: border-box;}
.bk10{width:100%;height:10px;overflow:hidden;}
.bk15{width:100%;height:15px;overflow:hidden;}
.bk20{width:100%;height:20px;overflow:hidden;}
.bk30{width:100%;height:30px;overflow:hidden;}
.line{width:100%;height:0;border-bottom:1px solid #dfdfdf;}
/**动画时间****/
.time1{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.time2{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.time3{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.iconfont{ display:inline-block;}
.header{z-index:101;transition: all 0.4s;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;}
.header .logo{float:left;padding-top:10px;margin-bottom:3px;}
.header .logo img{max-height:50px;}
.header .logo img.mlogo{display:none;}
.header:hover{ background-color:rgb(255,255,255,1);transition:0.5s;}
.header-right{float:right;margin-top:30px;}
.swx{float:right;}
.swx span{font-size:20px;margin-left: 15px;color:#888888;}
.swx .icon-sousuo{cursor:pointer;}
.swx .icon-weixin{font-size:22px; position:relative;cursor:pointer;}
.swx .icon-sousuo:hover,.swx .icon-weixin:hover{color:#d2181b;}

.swx .icon-weixin .gzhewm{ z-index:151; opacity:0; position: absolute; left: -110px; right: -70px; top:70px;transition:all 0.45s ease;visibility:hidden;}
.swx .icon-weixin .gzhewm img{max-height:180px;}
.swx .icon-weixin:hover .gzhewm{opacity:1;top:40px;visibility: visible;}



.nav-pc {float:left;}
.nav-pc .menu{list-style:none;}
.nav-pc .menu li{float:left;height:40px;position:relative;margin:0 15px;}
.nav-pc .menu > li > a{font-size:18px;}
.nav-pc .sub-menu{visibility:hidden;opacity:0;z-index:150;width:180px; border-bottom:#d2181b 1px solid;position:absolute;left:-50%;margin-left:50%;top:130px;background-color:rgba(247,247,247,0.98);-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-o-transition:all 0.45s ease;transition:all 0.45s ease;line-height:0px;margin-left:0px; border-radius:0 0 3px 3px;}
.nav-pc .menu li:hover .sub-menu{opacity:1;top:40px;visibility: visible;}

.nav-pc .sub-menuw{position:fixed;width:100%;left:0;right:0;display:none;border-radius:0;}
.nav-pc .menu li:hover .sub-menuw{top:62px;display:block;overflow:hidden;}


/*鼠标加载线开始*/
.nav-pc li .h-line:before{content:"";display:block;width:0;height:2px;background-color:#d2181b; margin-left:50%; transform: translate(-50%, 0);transition:0.5s;-webkit-transition:0.5s;-webkit-transition:0.5s; margin-top:3px;}
.nav-pc li:hover .h-line:before,.nav-pc li.on .h-line:before{width:100%;}
/*鼠标加载线结束*/

.nav-pc a{display:block;font-size:15px;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;-webkit-backface-visibility:hidden;}
.nav-pc .menu li a .icon-jiantouxia{ color:#888888; margin:0px 0px 0 2px;-webkit-transition:0.5s all ease;-webkit-transform-origin:center center;-moz-transition:0.5s all ease;-moz-transform-origin:center center;-ms-transition:0.5s all ease;-ms-transform-origin:center center;transition:0.5s all ease;transform-origin:center center;-o-transition:0.5s all ease;-o-transform-origin:center center;}
.nav-pc .menu li:hover > a > .icon-jiantouxia{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}


.nav-alist{padding:20px 0;overflow: hidden;}
.nav-alist .nav-li{float:left;padding:10px;width:20%; height:180px;}
.nav-alist .titse{width: 100%;font-size:18px; padding-top:10px; height: 25px; overflow: hidden;}
.nav-alist .titse a{color:#043883; font-weight: 700;font-size:15px;}
.nav-alist p{width: 100%;padding-top:10px;padding-left:6px;height:25px;}
.nav-alist p a{font-size:13px;color:#666666;}
.nav-alist p.more{text-align:left;}
.nav-alist p.more a{color:#d2181b;}
.nav-alist p.more a{color:#d2181b;}
.nav-alist p.more .icon-jiantou2{ font-size: 12px;}

.nav-blist{display: block; padding:10px 10px 12px 10px;overflow: hidden;}
.nav-blist p{ height:32px;line-height:32px; overflow: hidden;font-size:14px;border-bottom: 1px solid #f0f0f0; text-align: center;}
.nav-blist p a{font-size:14px;color:#666666;}


/*nav end*/
.search{position:absolute;margin: auto;width:100%;max-width:980px;left:0; right:-150px;top: 0;background: #fff;padding: 17px 0;z-index:200; display: none;}
.search input{float:left;display: block;box-sizing: border-box;border: 0;line-height: 32px;height: 32px;width:90%;padding: 0 10px; font-size: 16px;outline: none;}
.search input.submit{width: 32px;padding: 0;margin: 0; margin-left: 30px;  cursor: pointer;}
.search .icon-sousuo{float:left;display: block;font-size:22px;margin-top:5px; margin-left:5px;}
.search img{float:right;margin-right:20px; display: block;width: 18px;margin-top: 7px;cursor: pointer;}
.sobg{position:absolute;top: 66px;left: 0;width:100%;background: #f8f8f8;;padding:20px;}
.sobg li{line-height:2.5;}
.sobg li a{font-size:16px;color: #888;}
.ssbody{position:fixed;top: 0;left: 0;z-index:2;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;display: none;}


footer{width:100%;background: #232323;padding-top:40px;padding-bottom:20px;color:#999999;}
.foot-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;}
.foot-list dl:nth-child(1){width:18%;}
.foot-list dl:nth-child(2){width:18%;}
.foot-list dl:nth-child(3){width:32%;}
.foot-list dl:nth-child(4){width:32%;}
.foot-list dl dt{font-size:18px;color: #d2181b;line-height: 1;margin-bottom:20px;}
.foot-list dl dt a{font-size: 18px;color:#eeeeee;}
.foot-list dl dd{font-size:15px;color: #999999;line-height:25px;}
.foot-list dl dd a{font-size: 15px;color: #999999;}
.foot-list .lxwm dt{margin-bottom: 20px;}
.foot-list .lxwm dd{display: flex;}
.foot-list .lxwm dd input{border: 1px solid #6c7073;background: none;box-sizing: border-box;line-height: 32px;height: 32px;padding: 8px;color: #9fa3a6;}
.foot-list .lxwm dd input.submit{width: 32px;background: url(../images/about6.jpg)no-repeat center #6c7073;}
.foot-list .index_ewm{ display: flex;}
.foot-list .index_ewm div {font-size: 12px; text-align: center;margin-right: 20px;}
.foot-list .index_ewm div:last-child{margin-right:0px;}
.foot-list .index_ewm div .pimg { padding: 3px;border-radius:3px;background: #fff;}
.foot-list .index_ewm div .pimg img{ width: 110px;}


.foot-line {margin-top: 8px;margin-bottom: 8px;border-bottom: 1px solid #121212;box-shadow: 0 1px 0 #353535;}
.footer-n {margin:0 auto;max-width:1280px;padding:10px 0;}
.footer-n li{width:25%;float:left;padding:20px 30px;box-sizing:border-box;}
.footer-n h1{font-size:18px;font-weight:normal;margin-bottom:10px;color:#999999;}
.footer-n a{display:inline-block; padding-left:7px;line-height:25px;color:#999999;font-size:16px;}
.footer-n a:hover{color:#eeeeee;}
.copyright{margin:0 auto;max-width:1280px;padding:15px 10px; box-sizing: border-box; color:#999999; line-height:24px; overflow:hidden;}
.copyright p{font-size:13px;margin-bottom:5px;color:#999999;}
.copyright a{color:#999999;}


/*客服S*/
#kefu{bottom:200px;right:10px;position:fixed;z-index:2;}
#kefu .kficon{background:#efefef;text-align:center;width:60px;height:70px;padding-top:10px; display:block;cursor:pointer;margin-bottom:1px;color:#333333;margin-left:10px;overflow:hidden;font-size:24px;}
#kefu .kficon span{font-size:33px;color:#043883;}
#kefu .kficon.hover{background-color:#d2181b;color:#FFF;}
#kefu .kficon.hover span{color:#FFF;}
#kefu .kfcc{display:none;position:absolute;left:5px;margin-top:120px;*margin-top:120px;}
#kefu .kfcc .ewm{text-align:center;background:#fff;width:130px;line-height:20px;font-size:12px;border:1px solid #e5e5e5;}
#kefu .kfcc img{width:120px;height:120px;display:block;margin:5px auto 0;}
#kefu .kfcc .pht{text-align:center;background:#fff;width:150px;padding:5px;line-height:24px;font-size:14px;border:1px solid #e5e5e5;}
#kefu #back_to_top{width:60px;height:60px;padding-top:0px;border-radius:3px;background-color:#d2181b;color:#fff;display:none;}
#kefu #back_to_top span{color:#FFF;}
#kefu #back_to_top .icon-jiantoushang{font-size:35px;}
#kefu p{font-size:13px;}

/*客服E*/

/*底部浮动*/
.bottom_bar{position:fixed;z-index:30;bottom:0;left:0;right:0;margin:auto;display:none;}
.bottom_menu{display:block;width:100%;background:rgba(238,238,238, 0.95);height:40px;display:box;}
.bottom_bar .bottom_menu li{float:left;width:20%; padding: 3px 0; box-sizing: border-box; text-align:center;position:relative;}
.bottom_bar .bottom_menu a{display:block;text-align:center;}
.bottom_bar .bottom_menu i{font-size:30px;color:#555555;}

@media(max-width:1200px) {
.nav-pc{display:none;}
.head-phone{display: block}
.header-nav .logo{padding-left:10px;}
.header-nav .logo img{ display:none;}
.header-nav .logo img.mlogo{display:block;max-height:40px;}

.header-right{margin-top:25px;}
.swx{margin-right:50px;}
.search input{width:78%;}
.search,.sobg{width:100%; right: 0;}
.w1280{padding: 0 5px;}
footer{margin-top:10px;padding-top:25px;}
.footer-n{padding-left:20px;}
.footer-n li{width:50%; padding-left:10px;box-sizing:border-box;}
.foot-list dl{width:100%; text-align: center;}
.foot-list dl:nth-child(1){width:50%;}
.foot-list dl:nth-child(2){width:50%;}
.foot-list dl:nth-child(3){width:100%;margin-top: 20px;}
.foot-list dl:nth-child(4){width:100%;margin-top: 20px;}
.foot-list dl dd{text-align: center;}
.foot-list .index_ewm{display:inline-block;margin-top:20px;}
.foot-list .index_ewm div{display: inline-block;margin-right:15px;}
.bottom_bar{display:block;}
}

@media(max-width:800px) {
.kefup{ display: none;}
#kefu #back_to_top{font-size:30px;width:40px;height:40px;line-height:40px;background-color:rgba(10,10,10,0.75);border-radius:5px;}
#kefu #back_to_top p{display:none;}
.copyright{text-align: center;padding-bottom:30px;}
}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

/*向上滑动*/
.hideme{opacity:1;transform:translate(0px, 20px);-webkit-transform:translate(0px, 20px);-moz-transform:translate(0px, 20px)}
.freshAnim{opacity:1;transform:translate(0px, 20px);-webkit-transform:translate(0px, 20px);-moz-transform:translate(0px, 20px);animation-name:freshAnim;animation-duration:1.2s;animation-iteration-count:1;ANIMATION-timing-function:ease;animation-delay:0s;animation-fill-mode:forwards;-webkit-animation-name:freshAnim;-webkit-animation-duration:1.2s;-webkit-animation-iteration-count:1;-webkit-ANIMATION-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-fill-mode:forwards;-moz-animation-name:freshAnim;-moz-animation-duration:1.2s;-moz-animation-iteration-count:1;-moz-ANIMATION-timing-function:ease;-moz-animation-delay:0s;-moz-animation-fill-mode:forwards}
@keyframes freshAnim{
	0%{opacity:1;transform:translate(0px, 20px)}
	100%{opacity:1;transform:translate(0px, 0px)}
}
@-webkit-keyframes freshAnim{
	0%{opacity:1;transform:translate(0px, 20px)}
	100%{opacity:1;transform:translate(0px, 0px)}
}
@-moz-keyframes freshAnim{
	0%{opacity:1;transform:translate(0px, 20px)}
	100%{opacity:1;transform:translate(0px, 0px)}
}
/*逐个加载*/
.card{transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;opacity:0;transform:translate(0px, 20px);-webkit-transform:translate(0px, 20px);-moz-transform:translate(0px, 20px);border:none;background:none;}