@charset "utf-8";

*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; } 
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{
transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
} 
body{ color:#333;font-size:16px;line-height:1.5;overflow-x:hidden;}
a{ color:#333;text-decoration:none;font-size:16px;}
a:hover{text-decoration:none}
.weap{max-width:1200px;margin:0 auto;position:relative;}
.box{padding:0 60px;position:relative;}
.ui-nowrap{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;} 
.mweb{display:none}
.l{float:left;}
.r{float:right;}
@font-face {font-family: 'bold';src: url('../font/Novecentowide-Bold.otf') format('opentype');}

.table{display:table;}
.table-cell{display:table-cell;vertical-align:middle;height:100%;}



/*头部*/ 
body{padding-top:145px;}
.qm-top{position:fixed;z-index:99;top:0;left:0;right:0;background-color:#fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding:50px 60px 15px;}
.qm-top .box1{position:relative;}
.qm-top .left{display:inline-block;}
.qm-top .left img{height:80px;}

.qm-top .right{position:absolute;right:0;bottom:0;width:70%;text-align:right;height:90px;}

.topbox{position:absolute;top:0;right:0;}
.topbox > div{float:right;}
.topbox .searchbox{display:flex;}
.topbox .searchbox.on .search_txt{display:inline-block;}
.topbox .searchbox .search_txt{width:calc(100% - 30px);border:1px solid #e1e1e1;padding:0 5px;font-size:16px;height:39px;display:none;}
.topbox .searchbox .search_btn{width:35px;height:39px; background:url(../images/ico-search.png) no-repeat center;top:0;border:none;cursor:pointer;}

.topbox .language{position:relative;line-height:39px;margin-right:25px;}
.topbox .language a{display:inline-block;font-size:20px;padding:0 10px;}
.topbox .language .cn:after{content:"";width:1px;height:13px;background-color:#333;position:absolute;right:50px;top:50%;margin-top:-5px;}
.topbox .language a.on,.topbox .language a:hover{color:#c40e00;}

.topbox .tel{padding-left:35px;background:url(../images/ico-phone.png) no-repeat left center;font-size:18px;}
.topbox .tel a{font-size:26px;color:#231815;display:block;font-family:Arial;}

.qm-nav{position:absolute;right:0;bottom:0;}
.qm-nav .nav{font-size:0;text-align:center;}
.qm-nav .nav .menuSon{display:inline-block;*display:inline;zoom:1; position:relative;margin-left:70px;}
.qm-nav .nav .menuSon:first-child{margin-left:0;}
.qm-nav .nav .alink{color:#333;font-size:20px; display:block;position:relative;line-height:40px;}
.qm-nav .nav .alink:after{content:"";position:absolute;width:0; height:1px;background:#c40e00;bottom:0;transform:translateX(-50%);transition:all 0.6s cubic-bezier(.075,.82,.165,1);left:50%;opacity:0;}
.qm-nav .nav li:hover .alink,.qm-top .nav li.on .alink{color:#c40e00;}
.qm-nav .nav li:hover .alink:after,.qm-top .nav li.on .alink:after{width:100%;opacity:1}
.qm-nav .nav .sub{position:absolute;transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;z-index:-999;font-size:0;background:#fff;opacity:0;left:-50px;text-align:left;visibility:hidden;width:510px;margin-top:28px;padding:30px;}
.qm-nav .nav .sub:before{content:"";width:100%;height:30px;position:absolute;left:0;bottom:100%;}
.qm-nav .nav .sub:after{content:url(../images/1-16.png);width:28px;height:15px;position:absolute;left:35%;margin-left:-12px;bottom:calc(100% - 1px);}
.qm-nav .sub li{height:38px;line-height:38px;color:#666;font-size:15px;width:197px;border-bottom:1px solid #e1e1e1;display:inline-block;position:relative;padding-left:20px;}
.qm-nav .sub li:nth-child(2n){margin-left:20px;}
.qm-nav .sub li:nth-child(2n+1){margin-right:20px;}
.qm-nav .sub li:after{content:"";position:absolute;left:0;top:50%;font-size:16px;width:5px;height:5px;background-color:transparent;border-radius:100%;margin-top:-3px;}
.qm-nav .sub li a{display:block;font-size:14px;}
.qm-nav .sub li.active a,.qm-nav .sub li:hover a{color:#c40e00;}
.qm-nav .sub li.active:after,.qm-nav .sub li:hover:after{background-color:#c40e00;}
.qm-nav li:hover .sub{left:-106px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
.qm-nav li:hover .sub{opacity:1;left:-160px;z-index:9999;visibility:visible;}
.qm-nav .menuSon:hover .alink{color:#e8000f;}


/*底部*/
.footer{position:relative; z-index:3;background-color:#1f2a3a;padding-top:30px;}
.footer .box{font-size:0;}
.footer .foottop{display:flex;width:100%;border-bottom:1px solid #464852;padding-bottom:45px;}
.footer .foottop .l1{width:35%;padding-right:5%;}
.footer .foottop .l2{width:45%;padding:0 10%;margin-top:10px;}
.footer .foottop .l3{width:20%;text-align:right;}
.footer .ftlogo{margin-bottom:40px;}
.footer .ftlogo img{height:98px;}
.footer .ftnav a{position:relative;font-size:18px;color:#898d92;padding-right:20px;margin-left:15px;} 
.footer .ftnav a:hover{color:#fff;}
.footer .ftnav a:after{content:"";width:1px;height:10px;background-color:#c40e00;position:absolute;right:0;top:50%;margin-top:-3px;}
.footer .ftnav a:first-child{margin-left:0;}
.footer .ftnav a:last-child{padding-right:0;}
.footer .ftnav a:last-child:after{display:none;}

.footer .foottop .l2 p{font-size:16px;color:#fff;background:0 3px no-repeat;padding:5px 0;padding-left:40px;background-size:24px 27px;margin:15px 0;}

.footcenter{padding:30px 0;border-bottom:1px solid #464852;}
.footcenter dt{font-size:16px;color:#fff;margin-bottom:15px;}
.footcenter dd a{color:#898d92;font-size:16px;display:inline-block;margin-right:25px;margin-bottom:10px;}
.footcenter dd a:hover{text-decoration:underline;}

.footboot{padding:15px 0;}
.footboot .left{float:left;font-size:16px;width:60%;}
.footboot .left p{color:#fff;}
.footboot .left a{color:#fff;font-size:16px;display:inline-block;margin-left:25px;padding:5px 0;}
.footboot .left .a2{background:url(../images/1-6.png) no-repeat 0 3px;padding-left:35px;background-size:25px 27px;}

.footboot .right{float:right;width:40%;text-align:right;}
.footboot .right .ico-share{color:#fff;display:inline-block;font-size:16px;vertical-align:middle;}
.footboot .right .social-share{display:inline-block;vertical-align:middle;}




/*右侧漂浮*/
.fexlist{width: 60px; position: fixed; right: 0; top: 50%; transform: translate(100%,-50%); z-index: 51; transition: all 0.3s; z-index:999}
.fexlist.show{transform: translate(0,-50%);}	
.fexlist li{ height:60px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:100%; position:relative; cursor:pointer;transition: all 0.3s; margin-bottom:5px; background-position:0 0; border:1px solid #d4d4d4 }
.fexlist li.ico-f01{ background-image:url(../images/ico-f01.png)}
.fexlist li.ico-f02{ background-image:url(../images/ico-f02.png)}
.fexlist li.ico-f03{ background-image:url(../images/ico-f03.png)}
.fexlist li.ico-f04{ background-image:url(../images/ico-f04.png)} 
.fexlist li.ico-f01:hover{background-position:0 -60px}
.fexlist li.ico-f02:hover{background-position:0 -60px}
.fexlist li.ico-f03:hover{background-position:0 -60px}
.fexlist li.ico-f04:hover{background-position:0 -60px} 
.fexlist li:hover{ background-color:#f96611}	 
.fexlist li .subewm{width:162px; position:absolute;background-color:#eaeaea;padding:5px; z-index:1; left:300px;top:50%; margin-top:-81px;transition: all 0.6s;}
.fexlist li:hover .subewm{ left:-180px;}
.fexlist li .subewm:after{ content:""; display:block; position:absolute; z-index:1; width:10px; height:18px; right:-10px;top:50%; margin-top:-9px; background:url(../images/ico-03.png) no-repeat center left; background-size:100%}
.fexlist li .subewm img{ display:block; width:100%}

/*页码*/
.pages{text-align:center;}
.pages span,.pages a{display:inline-block;border:1px solid #e1e1e1;padding:0 18px;height:35px;line-height:35px;font-size:14px;margin-left:-1px;background-color:#fff;}
.pages .current{background-color:#d21e0a;color:#fff;border-color:#d21e0a;}


@media (max-width: 1700px){
/*底部*/
.footer .ftlogo img{height:88px;}
.footer .ftnav a{font-size:16px;margin-left:10px;padding-right:10px;}
.footer .foottop .l1{width:38%;}
.footer .foottop .l2{padding:0 5%;width:44%;}



}

@media (max-width: 1400px){

body{padding-top:125px;}
/*头部*/
.qm-top .left img{height:60px;}
.qm-nav .nav .menuSon{margin-left:60px;}


}


@media (max-width: 1300px){
.weap,.box{ padding-left:10px; padding-right:10px;} 
body{padding-top:125px;}

/*头部*/
.qm-top{padding-left:30px;padding-right:30px;}
.qm-top .left img{height:60px;}


}
@media (max-width:1200px){
/*头部*/
.qm-nav .nav .menuSon{margin-left:50px;}

/*底部*/
.footer .foottop{padding-bottom:25px;}
.footer .ftlogo img{height:65px;}
.footer .ftnav a{font-size:14px;padding-right:10px;margin-left:10px;}
.footer .foottop .l1{padding-right:20px;width:42%;}
.footer .foottop .l2{padding:0 20px;width:43%;}
.footer .foottop .l2 p{font-size:14px;background-size:18px 21px;padding-left:25px;background-position:0 5px;}
.footer .foottop .l3{width:15%;}
.footer .foottop .l3 img{width:100%;}

.footcenter dd a{font-size:14px;}

.footboot .left{width:65%;}
.footboot .left,.footboot .left a{font-size:12px;}
.footboot .left a{margin-left:10px;}
.footboot .right{width:35%;}
.footboot .right .ico-share{font-size:12px;}

.footboot .right .social-share .social-share-icon{width:28px;height:28px;line-height:28px;font-size:14px;margin:0 4px;}


}
@media (max-width: 1100px){
/*头部*/
body{padding-top:115px;}
.qm-top .left img{height:50px;}



}

 
@media (max-width: 1023px){
body{ font-size:15px; line-height:1.6;transition: all 0.3s;padding-top:54px;}
a{ font-size:15px}
.mweb{ display:block}
/*头部*/
.qm-top{position:fixed;height:66px;top:0;padding:7px 0;}
.qm-top .box1{padding:0 10px;}
.indexbody .qm-top .weap{ background:none}
.indexbody .qm-top.on .weap{ background:#fff}

.topbar,.topbox .reach,.topbox .tel{display:none;}
.topbox{border-bottom:0;padding:0;}

.qm-top .nav{ display:none; position:fixed; z-index:999; left:0; width:70%;top:0; bottom:0; background-color:#fff;     box-shadow:inset 15px 0px 10px -15px rgba(0,0,0,.3); padding-top:60px;transition: all 0.3s;transform: translate3d(100%, 0px, 0px); height:100vh}
#panel{transition: all 0.3s;}
.block #panel{transform: translateX(-70%); position:relative; overflow:visible !important; }
html.block{ overflow:hidden; height:100vh}
/*.block .qm-top .nav{transform: translate3d(-100%, 0px, 0px);}*/

.qm-top .logo{float:none;text-align:center;margin-top:5px;}
.qm-top .logo a{ display:block; background:url(../images/logo.png) no-repeat right; background-size:auto 100%}
.qm-top .logo img{height:42px; opacity:0}

.mnav{position:fixed; z-index:999; right:0; width:70%;top:0; bottom:0; background-color:#fff;box-shadow:inset 15px 0px 10px -15px rgba(105,105,105,.3); padding-top:60px;transition: all 0.3s;transform: translate3d(100%, 0px, 0px); }
.block .mnav{transform: translate3d(0px, 0px, 0px);}
.block .qm-top .box1{transform: translateX(-70%);}

.mnav,.mnav .uls{overflow-y:auto;}
.mnav li .alink{display:block;line-height:50px;color:#333;padding:0 15px;font-size:16px;position:relative;border-bottom:1px solid #e1e1e1;}
.mnav li .more{padding-right:30px;position:relative;border-bottom:1px solid #e1e1e1;}
.mnav li .more a{border-bottom:none;}
.mnav li .more em{background:url(../images/ico-down.png) no-repeat;background-position:95% center;background-size:15px;position:absolute;right:10px;top:50%;width:20px;height:15px;z-index:2;margin-top:-6px;}
.mnav li.on .more em{background-image:url(../images/ico-downon.png);}



.mnav .sub{display:none;border-bottom:1px solid #e1e1e1;}
.mnav .sub a{padding:8px 15px;display:block;font-size:13px;position:relative;}
.mnav .menuSon{border-bottom:none;}
.mnav .menuSon .a{display:block;font-size:15px;background:url(../images/ico-down.png) no-repeat;background-position:95% center;background-size:15px;background-color:#f8f7f7;border-bottom:1px solid #e1e1e1;}
.mnav .menuSon span{display:block;display:none;}
.mnav .menuTSon a{padding-left:25px;}
.mnav .menuTSon a:after{content:"·";position:absolute;left:10px;top:16px;color:#e8000f;font-size:34px;line-height:0;}

.mnav li.on .sub{display:block;}
.mnav .menuSon ul.onn{border-bottom:1px solid #e1e1e1;}
.mnav .menuSon ul.onn span{display:block;}

.mnav li.on a{box-shadow:inset 15px 0px 10px -15px rgba(105,105,105,.3);}
.mnav .ico_close{width:23px;height:23px;background:url(../images/ico-close.png) no-repeat center;background-size:23px;position:absolute;right:15px;top:15px;}


.m-nav{display:block;height:24px; width: 34px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right:10px; top:50%; margin-top:-12px; }
.m-nav a{background-color:#000; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color:#000; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top:-9px;}
.m-nav a:after{top:10px;}
.block .qm-top .m-nav{transform:rotate(90deg);}
.block .qm-top .m-nav a{background-color: transparent !important;}
.block .qm-top .m-nav a:before{transform:translateY(0px) rotate(-55deg); -webkit-transform:translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.block .qm-top .m-nav a:after{transform:translateY(0px) rotate(55deg); -webkit-transform:translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}

.qm-top .right{display:none;}


/*底部*/
.footer{padding:10px;color:#fff;}
.footer .foottop,.footer .footcenter{display:none;}

.footboot{padding:0;}
.footboot .left{width:100%;float:none;text-align:center;color:#fff;font-size:14px;}
.footer .footboot a{margin-left:30px;color:#fff;font-size:14px;padding:0;}
.footer .footboot .a2{display:block;width:28%;margin:0 auto;padding:5px 0;}
.footboot .right{display:none;}



.fexlist{ display:none}

/*页码*/
.pages span,.pages a{padding:0 12px;height:30px;line-height:28px;}


}
@media(max-width:750px){
.footer .footboot .a2{width:auto;display:inline-block;background-size:15px 16px;padding-left:20px;background-position:0 9px;}
}


/*tipso*/
.tipso_bubble,.tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999;padding:10px} .tipso_bubble>.tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top>.tipso_arrow{border-color:#000 transparent transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom>.tipso_arrow{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left>.tipso_arrow{border-color:transparent transparent transparent #000;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right>.tipso_arrow{border-color:transparent #000 transparent transparent;top:50%;right:100%;margin-top:-8px}
.tipso{}