@charset "utf-8";
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: #aa0120; }

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1100px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.header{ width:100%; position:relative;}
.header .nr{ width:1300px; margin:0 auto; height:99px}
.header .nr .logo{ float:left; height:100%}
.header .nr .logo img{ height:100%}
.header .nr .tel{ float:right; font-size:16px; color:#333; line-height:99px}
.header .nr .sea{ width:50px; float:right; height:100%; background:url(../images/g_01.png) center center no-repeat; cursor:pointer}
.header .nr .nav{ float:right} 
.header .nr .nav li{ float:left; font-size:16px; color:#000000;}
.header .nr .nav li>a{ display:block; line-height:99px; padding:0 15px}
.header .nr .nav li:hover,.header .nr .nav li.on{ background:#c21a08}
.header .nr .nav li:hover>a,.header .nr .nav li.on>a{ color:#fff}
/*搜索*/
.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(../images/g_01x.jpg) center center no-repeat; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(../images/gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}

/* 菜单显示 */
.u-menu { position:absolute; right:0; 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:2px; 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);}



.snav{ width:100%; height:100%; background:rgba(00,00,00,0.5); position:fixed; z-index:99; left:0; top:0; display:none;}
.snav .lt{ width:calc(100% - 200px); float:left; height:100%}
.snav .rt{ width:200px; height:100%; float:right; background:#fff}
.snav .rt 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; }
.snav .rt li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.snav .rt li a { display:block; }
.snav .rt li a:hover,.m-nav .current a { color:#f9b655; }
.snav .rt .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"" }
@media (max-width:1300px) {
.header .nr .nav li>a{ padding:0 12px}
.header .nr{ width:1200px}
}
@media (max-width:1200px) {
	.header .nr .tel{ display:none}
	.header .nr{ width:96%; margin:0 auto; height:60px; position:relative}
	.u-menu{ display:block}
	.header .nr .nav{ display:none}
	.header .nr .sea{ margin-right:50px}
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(../images/gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}


}
@media (max-width:360px) {
	.u-menu{ width:30px}
	.u-menu div{ left:3px}
	.header .nr .sea{ margin-right:30px; width:34px}
}



.footer{ width:100%; background:#27272d; color:#fff}
.footer .nr{ width:1200px; margin:0 auto; padding:30px 0}
.footer .nr .lt{ width:540px; float:left}
.footer .nr .rt{ float:right}
.footer .nr .lt ul{ width:100%; border-bottom:1px solid #5c5c60; padding:10px 0}
.footer .nr .lt ul li{ float:left; font-size:14px; margin-right:40px}
.footer .nr .lt ul li a{ color:rgba(255,255,255,0.7); display:block}
.footer .nr .lt ul li:last-child{ margin-right:0}
.footer .nr .lt .copyright{ font-size:14px; color:rgba(255,255,255,0.7); padding:10px 0; line-height:1.8}
.footer .nr .rt{ float:right; margin-top:10px}
.footer .nr .rt .ewm{ float:left;}
.footer .nr .rt .contact{ float:left; font-size:14px; color:rgba(255,255,255,0.8); line-height:2; margin-left:16px}

@media (max-width:1200px) {
	.footer .nr{ width:96%; margin-top:30px}
	.footer .nr .lt{ width:100%}
	.footer .nr .rt{ width:100%; margin-top:0}
	.footer .nr .lt ul{ padding:0}
	.footer .nr .lt ul li{ width:100%; border-top:1px solid #5c5c60; padding:15px 0; background:url(../images/x1.png) right center no-repeat; background-size:20px}
	.footer .nr .lt .copyright{ font-size:12px}
	.footer .nr .rt .ewm{ width:96px}
	.footer .nr .rt .ewm img{ width:100%}
	.footer .nr .rt .contact{ font-size:12px; margin-left:5px}
}


.link{ width:100%; border-top:1px solid #cccccc}
.link .nr{ width:1200px; margin:0 auto}
.link .nr .lt{ float:left; background:url(../images/g_29.jpg) right center no-repeat; width:100px; line-height:88px; font-size:18px; color:#000000}
.link .nr .rt{ width:calc(100% - 100px); float:left}
.link .nr .rt a{ display:block; float:left; font-size:14px; color:rgba(00,00,00,0.7); margin-left:30px; line-height:30px; margin-top:29px}
@media (max-width:1200px) {
	.link .nr{ width:96%}
}
@media (max-width:750px) {
	.link .nr .lt{ width:100%; text-align:center; background:none; line-height:40px; margin-top:15px}
	.link .nr .rt{ width:100%}
	.link .nr .rt a{ font-size:12px; margin-left:0; margin-right:15px; margin-top:5px;}
}




.swiper-container-1{ width:100%;}
.swiper-container-1 img{ width:100%}
.swiper-container-1 img.img1{ display:block}
.swiper-container-1 img.img2{ display:none}
@media (max-width:1200px) {
	.swiper-container-1 img.img2{ display:block}
	.swiper-container-1 img.img1{ display:none}
}



.ggrt{ width:50px; background:#424040; position:fixed; z-index:999; right:2%; top:50%; margin-top:-75px}
.ggrt .s1{ width:50px; height:50px; position:relative; background:url(../images/q1.png) center center no-repeat; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.2)}
.ggrt .s1:hover{ background:url(../images/q1.png) center center no-repeat #cf1f0c}
.ggrt .s1:hover:after{ content:""; display:block; width:5px; height:100%; position:absolute; left:-5px; top:0; background:url(../images/q4.png) center center no-repeat}
.ggrt .s1 span{ display:block; width:150px; background:#fff; top:0; height:50px; text-align:center; line-height:50px; font-size:16px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:50px; top:0; display:none}
.ggrt .s1:hover span{ display:block}
.ggrt .s2{ width:50px; height:50px; position:relative; background:url(../images/q2.png) center center no-repeat; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.2)}
.ggrt .s2:hover{ background:url(../images/q2.png) center center no-repeat #cf1f0c}
.ggrt .s2:hover:after{ content:""; display:block; width:5px; height:100%; position:absolute; left:-5px; top:0; background:url(../images/q4.png) center center no-repeat}
.ggrt .s2 .ewm{ width:120px; text-align:center; padding:20px 0 0; position:absolute; right:70px; background:#fff; top:0; box-shadow:0 0 10px rgba(00,00,00,0.1); display:none}
.ggrt .s2 .ewm .pic{ padding-bottom:15px}
.ggrt .s2 .ewm img{ width:90px; border:1px solid #e5e5e5}
.ggrt .s2 .ewm p{ color:#191818; opacity:0.5}
.ggrt .s2:hover .ewm{ display:block}
.ggrt .s3{ width:50px; height:50px; position:relative; background:url(../images/q3.png) center center no-repeat}
.ggrt .s3:hover{ background:url(../images/q3.png) center center no-repeat #cf1f0c}
.ggrt .s3 a{ display:block; width:100%; height:100%}
@media (max-width:1200px) {
	.ggrt{ display:none}
}