@charset "UTF-8";
body{font-size:14px; margin:0px;background:#fff; font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{/*line-height:1.333;*/font-size:12px;}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;}
a:visited{color:#333; text-decoration: none;}
a:hover{color:#217b3a; text-decoration:none !important;}
a:active{color:#217b3a; text-decoration:none}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img.fc{display: block;margin:0px auto;}
img{border:none;vertical-align: middle;}
/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {+height:1%;}
.pngfix{}
.tc{text-align: center !important;}
.pt20{padding-top: 20px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.sj022{-webkit-transition-duration: 2.2s; transition-duration: 2.2s;}
.sj030{-webkit-transition-duration: 3s; transition-duration: 3s;}
.sj050{-webkit-transition-duration: 5s; transition-duration: 5s;}
span.cb20{display: block;height: 15px;line-height: 15px;}

@media screen and (min-width:1660px){
.container{ margin:0 160px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.container{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.container{ margin:0 30px;}
}
@media screen and (max-width:960px){
.container{ margin:0 15px;}
}


/*按钮样式*/
a.btn1{z-index: 5;}
a.btn1:before{content: "";;background-color: #da0e19;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
a.btn1:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
a.btn1:hover,a.btn2:hover{color: #fff;}
a.btn2{z-index: 5;}
a.btn2::before{content: "";width: 0;background-color: #da0e19;color: #000;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.btn2:hover::before{width: 100%;}
/*头部*/
.header{margin:0px auto;width: 100%;position: relative;background-color: #fff;z-index: 999;height: 97px;box-shadow: 0px 0px 8px #333;}
.header .container{/*position: relative;*/}
.header .logo{width: 18%;height: 67px;float: left;display: block;opacity: 0;margin-left: -100px;padding: 15px 0 15px 0;}
.header .logo img{display: block;width: 100%;max-width: 219px;}
.navbar{float: left;height: 100%;opacity: 0;margin-right:-100px;height: 97px;width:61%;}
.navbar ul{float: left;background-color: #d70c19;height: 100%;width: 100%;}
.navbar li{float: left;transition:all 0.3s;width: 16.6%;text-align: center;margin-top: 15px;}
.navbar a.navbartit{line-height: 67px;display: block;font-size: 18px;color: #333333;position: relative;transition: 0.5s;}
.navbar li:hover a.navbartit,.navbar li.active a.navbartit{color: #fff;}
.navbar li a.navbartit{}
.navbar li a.navbartit:hover,.navbar li.active a.navbartit{background: url(../images/navico.png) center no-repeat;}
.header.current .logo{opacity: 1;margin-left: 0;}
.header.current .navbar{opacity: 1;margin-right: 0;}
.nav_fuwu_pro{display: none;width: 100%;position:absolute;/*top:97px;*/left: 0;}
.nav_fuwu_prolist{width: 96%;padding:2%;background-color: #fff;box-shadow: 5px 5px 15px -5px #666;}
.nav_fuwu_pro dl{width: 7.5%;float: left;text-align: center;border-right: 1px dashed #ccc;}
.nav_fuwu_pro dl dt,.nav_fuwu_pro dl dd{display: block;float: none;}
.nav_fuwu_pro dl dt a{font-size: 18px;color: #004088;font-weight: 700; display: block;margin-bottom: 15px;}
.nav_fuwu_pro dl dd a{font-size: 14px;color: #8e959d;display: block;padding:5px 0;}
.nav_fuwu_pro dl dd a:hover{color: #d70c19;}
.nav_fuwu_pro dl:last-child,.nav_fuwu_pro dl.dl_last{border-right:none;}
.nav_fuwu{display: none;width: 100%;position: relative;/*top:15px;*/}
.nav_fuwu span{display: block;width: 100%;line-height: 45px;height: 45px;background-color: #fff;border-bottom: 1px dashed #ccc;}
.nav_fuwu span a{display: block;text-align: center;font-size: 16px;color: #333;}
.nav_fuwu span:hover{background-color: #3157a6;}
.nav_fuwu span:hover a{color: #fff;}
.navbar li.navmoon .nav_fuwu,.navbar li.navmoon .nav_fuwu_pro{display: block;}
@media screen and (max-width:1400px){
.nav_fuwu_pro dl dt a{font-size: 16px;}
}
.navbar li em{display: none;}
.navbar li.navmoon em{display: block;width: 12px;height: 7px;margin: 0px auto;background: url(../images/san1.png) no-repeat;}

.head_right{width: 20%;float: right;height: 97px; border-right: 1px solid #e5e5e5;position: relative;}
a.smllmenu{float:right;margin: 15px 30px 0 30px;display: none;}
.navphone{float: right;background: url(../images/tel.png) left center no-repeat;padding-left: 30px;line-height: 97px;}
.navphone b{display: block;font-size: 20px;color: #d70c19;font-weight: 600;}
#header-search{display: block;width: 40px;height: 30px;margin-right:15px;float: right;cursor: pointer;margin-top: 35px;margin-left: 15px;}
#header-search img{width: 100%;margin:0px auto;display: block;}
.search-field-extended{width: 90%;position: absolute;right:15px; bottom:-25px;height: 45px;line-height: 45px;display: none;/*background: url(../images/san.png) right top no-repeat;*/}
.search-field-extended input{background-color: #cccccc;width: 94%;padding:0 3%;height: 100%;display: block;border: none;}
.search-field-extended:before {
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	border-style:solid;
	-webkit-transition-duration:.3s;/*过渡时间*/
	transition-duration:.3s;
	-webkit-transition-property:transform;/*规定应用过渡效果的 CSS 属性的名称*/
	transition-property:transform;
	/*left:calc(50% - 10px);*/
	top:0;right: 15px;
	border-width:0 8px 8px;
	border-color:transparent transparent #ccc transparent;
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
.search-field-extended button{width: 45px;height: 40px;border: none; position: absolute;top:5px;right: 0;background:#ccc;border-left: 1px solid #e3e3e3;}
.search-field-extended button::before {
    content: "Go";
    font-family: FontAwesome;
    font-size: 16px;
    color: #d70c19;
}
@media screen and (max-width:1500px){
.header .container{margin:0 30px;} 
}
@media screen and (max-width:1380px){
.header .container{margin:0 15px;} 
.navbar{width: 58%;}
.head_right{width: 23%;}
}
.m_nav{display: none;}
@media screen and (max-width:1280px){
.header .logo{width: 30%;}  
.head_right{border-right: none;width: 55%;}  
a.smllmenu{display: block;margin: 38px 30px 0 30px;}
.navbar{display: none;}  
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;color: #999;}
.m_nav .m_navList ul li .m_s_nav a:hover{color: #d70c19;}
}

/*隐藏菜单*/
@media screen and (max-width: 680px) {
.navphone,#header-search{display: none;}
a.smllmenu{margin: 25px 0px 0 0px;}
.header,.head_right{height: 65px;}
.header .logo{padding: 15px 0 0px 0;height:35px;}
.header .logo img{height: 40px;width: auto;}
}

/*站点地图*/
.sitemapbox{border:2px #eee solid; padding:2% 2% 4%; margin:4% auto;}
/**sitemap**/
.info-sitemap{ border:2px #eee solid; padding:15px 15px 35px; margin:50px auto;}
.info-sitemap-title{ display:block; height:55px; line-height:55px;}
.info-sitemap-title a{ font-size:17px; font-weight:700; margin-right:15px;color: #7c0dff;}
.info-sitemap-content{ display:block; padding-top:10px;}
.info-sitemap-content a{ margin-right:15px;}
.info-sitemap-contents{ display:block; padding-top:10px;}
.info-sitemap-contents a{ display:block; width:50%; float:left; border-bottom:1px #ddd dashed; line-height:25px;}
.info-sitemap-fenqu{ display:block; padding-top:10px;}
.info-sitemap-fenqu a{ background:#eee; float:left; line-height:33px; padding:0 15px; margin-right:20px; margin-bottom:10px;}
.info-sitemap-contents a:hover{color: #7c0dff;}

/*友链*/
.linkbox{margin:0 auto;height: auto;position: relative;z-index: 9;padding-bottom: 2%;}
.linkbox span{float: left;width: 75px;display: block;font-size: 0.14rem;color: #4c4c4c;line-height: 25px;}
.linkbox a{font-size: 0.14rem;color: #4c4c4c;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #d70c19;}

/*面包屑*/
.crumbsnav{height: 45px;line-height: 45px;font-size:14px;color: #000;margin:0px auto;position: relative;z-index: 9;border-bottom: 1px solid #e5e5e5;background-color: #fff;}
.cruleft{ display:inline-block;float: left;text-align: left;/*padding-right:1%;*/}
.cruleft img{margin-right: 5px;transition: 0.5s;}
.crumbsnav .cruleft a{color:#000;}
.crumbsnav a:hover{color:#d70c19;}
.crumbsnav .return{float: right;}
@media screen and (max-width: 680px){
.crumbsnav .return{display: none;}
}
/*分页*/
/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin:2% 0;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#da0e19;} 
.pagination li a:link:hover {color:#da0e19;} 
.pagination li.thisclass{background-color: #da0e19;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}
.pagination span{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination span a{display: inline-block;color: #555; text-align:center;} 
.pagination span a:link{background:#fff;color: #555;} 
.pagination span a:hover{text-decoration:none;color:#da0e19;} 
.pagination span a:link:hover {color:#da0e19;} 
.pagination .page-status{border-left: 1px solid #ddd;}
.pagination .page-numbar{padding:0;} 
.pagination .page-numbar a{padding:0 0.8em;border-right: 1px solid #ddd;}
.pagination .page-numbar a.page-num-current{background-color: #da0e19;color:#fff;}
.pagination .page-numbar span{display: none;}
/* .pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin:2% 0;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#da0e19;} 
.pagination li a:link:hover {color:#da0e19;} 
.pagination li.thisclass{background-color: #da0e19;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;} */

/*回到顶部-悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:110px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#d70c19;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#d70c19;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#353535;display:none;}
.suspension .a-top:hover{background:#d70c19;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{/*top:34px;*/top: 0;}
.suspension .d-qrcode{/*top:78px;*/top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:33.33%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/kefu/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode .qrcode-img{width: 180px;height: 180px;overflow: hidden;margin:0px auto;}
.suspension .d-qrcode .qrcode-img img{width: 100%;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
@media screen and (max-width:680px){
.suspension{display: none;}  
}

/*底部*/
.footer{border-top: 7px solid #da0e19;background-color: #001227;}
.footer .container{position: relative;}
.footbox{}
.footboxlist{margin-top: 30px;width: 85%;float: left;}
.footboxlist li{width: 14%;float: left;}
.footboxlist h4{font-size: 18px;color: #fff;line-height: 40px;font-weight: 100;margin-bottom: 20px;}
.footboxlist h4 i{width: 25px;height: 2px;background-color: #d70c19;display: block;}
.footboxlist p{font-size: 14px;color: #999;line-height: 30px;padding-right: 5%;}
.footboxlist p em{display: block;font-size: 16px;}
.footboxlist p i{color: #fff;}
.footboxlist li.footboxlist_fen{width: 33%;}
.footboxlist li.fblist_pro{width: 24%;}
.footboxlist p a{width: 100%;display: block;font-size: 14px;color: #999;}
.footboxlist li.fblist_pro p a{width: 50%;float: left;display: block;font-size: 14px;color: #999;}
.footboxlist p a:hover,.footboxlist li.fblist_pro p a:hover{color: #da0e19;}
.ercode{width: 11%;float: right;background-color: #da0e19;padding: 30px 2% 40px 2%;}
.ercode h4{font-size: 18px;color: #fff;line-height: 40px;font-weight: 100;margin-bottom: 20px;}
.ercode h4 i{width: 25px;height: 2px;background-color: #fff;display: block;}
.ercode img{display: block;width: 100%;margin:0px auto;}
.ercode p{font-size: 14px;color: #fff;text-align: center;margin-top: 10px;}
/*友链*/
.linkbox{width: 100%;margin:0 auto 0;height: auto;position: relative;z-index: 9;border-top:1px solid #1f2f41;padding:8px 0 10px 0;}
.linkbox span{float: left;width: 80px;display: block;font-size: 14px;color: #d70c19;line-height: 25px;}
.linkbox a{font-size: 14px;color: #666666;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #d70c19;}
.footerbottom{width: 100%;background-color:#000;margin-top: 0px;font-weight: 100;padding:5px 0;}
.footerbottom span,.footerbottom a{font-size: 14px;color: #747474; line-height: 35px; font-weight: 100; padding-right: 5px; display:inline-block;}
.footerbottom img{margin:0px;}
.footerbottom span.fr{float: right;}
.footerbottom a:hover{color: #4c4c4c;}

@media screen and (max-width:1440px){
.footer .container,.footerbottom .container{margin:0 15px;}
}
@media screen and (max-width:1200px){
.footer,.footerbottom span.fr{display: none;}
}
@media screen and (max-width:960px){

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


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

}