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; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #be0500; }

.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.nr {width: 1740px; margin: 0 auto; }
.nr2 {width: 1200px; margin: 0 auto; }
.nr:after { content: '\20'; display: block; height: 0; clear: both; }
.nr2:after { content: '\20'; display: block; height: 0; clear: both; }
@media (max-width: 1740px){
    .nr { width: 1200px; margin:0 auto; }
	.nr2 { width: 1200px; margin:0 auto; }
}
@media (max-width: 1200px){
    .nr { width:92%}
	.nr2 { width:92%}
}

.header { width:100%; background:#fff;}
.header .h_1{ width:100%;}
.header .h_1 .nr{ width:100%}
.header .h_1 .logo{ float:left; margin-left:4%;}
.header .h_1 .logo img{ height:92px; width:auto}
.header .h_1 .rt{ float:right;}
.header .h_1 .rt{ width:auto;}
.header .h_1 .nav{ float:right}
.header .h_1 .nav ul li{ float:left;  font-size:18px; color:#1a1a1a; margin-right:100px; position:relative}
.header .h_1 .nav ul li>a{ display:block; color:#1a1a1a;line-height:92px; height:92px; transition:all 0.3s linear;background:url(../image/g_02.png) left center no-repeat; background-size:0}
.header .h_1 .nav ul li:hover>a,.header .h_1 .nav ul li.on>a{ color:#941d23;}


.nav li .shownav { position:absolute; left:-50%; width:200%; visibility:hidden; font-size:16px; z-index:1;top:100%; border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px #c8c8c8;}
.nav li .shownav a { display: block;  padding:10px 10px; background: #fff; color:#000; line-height:20px; text-align:center;}

.nav li .shownav { transform:scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { color:#941d23; font-weight:bold }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none}
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}






.header .h_1 .rt .menu{ display:none; float:left; background:url(../image/g_01x_2.png) center center no-repeat; width:50px; background-size:22px; height:100%;}
.header .h_1 .rt .ewm{ width:104px; height:92px; background:url(../image/g_01.png) center center no-repeat; float:left; position:relative; border-left:1px solid #d9d9d9;cursor:pointer}
.header .h_1 .rt .ewm .pic{ position:absolute; top:100%; left:50%; margin-left:-60px; opacity:0; visibility:hidden; transition:all 0.5s; box-shadow:0 0 10px rgba(00,00,00,0.1); z-index:99 }
.header .h_1 .rt .ewm:hover .pic{ opacity:1; visibility:visible}
.header .h_1 .rt .sea{ width:104px; height:92px; background:url(../image/g_02.png) center center no-repeat; float:left; position:relative; border-left:1px solid #d9d9d9; cursor:pointer}
@media (max-width: 1800px){
	.header .h_1 .nav ul li{ margin-right:90px}
}
@media (max-width: 1700px){
	.header .h_1 .nav ul li{ margin-right:70px}
}
@media (max-width: 1600px){
	.header .h_1 .nav ul li{ margin-right:55px}
	
}
@media (max-width: 1300px){
	.header .h_1 .nav ul li{ margin-right:40px}	
}

@media (max-width: 1200px){
	.header .h_1 .logo img{ height:60px; padding:0}
	.header .h_1 .rt{ height:60px; margin-top:0}
	.header .h_1 .nav{ display:none}
	.header .h_1 .rt{}
	.header .h_1 .rt .menu{ display:block}
	.header .h_1 .rt .ewm{ width:50px; height:60px; background-size:20px}
	.header .h_1 .rt .sea{ width:50px; height:60px; border-right:1px solid #d9d9d9; background-size:20px}
	
}




.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(../image/g_01x.jpg) center center no-repeat #004898; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(../image/gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.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(../image/gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}

.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 101; font-family:"sy" }
.slide_box.active { transform: translateX(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(../image/close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(../image/plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(../image/reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}
.slide_nav li.tel>a{ color:#d95715}
.slide_nav li.tel>a i{ font-family:Arial; vertical-align:top; font-weight:bold}
.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 4%;font-size: 15px;}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #7f7f7f;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(404.png) 15px center no-repeat; background-size:auto 10px}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #283b66;}
.slide_nav li a:hover{ color: #283b66;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:80%; padding:66px 0 30px; }
	.z_mask{ }
}


.footer{ background:#414141; padding-top:70px; color:rgba(255,255,255,0.5)}
.footer .ft01{}
.footer .ft01 .lt{ float:left; margin-left:20px}
.footer .ft01 .lt .item .pic{ float:left; margin-bottom:27px; margin-right:36px}
.footer .ft01 .lt .item .pic img{ height:28px}
.footer .ft01 .lt .item .cont{ float:left; font-size:16px}
.footer .ft01 .lt .item .cont .title{ line-height:1}
.footer .ft01 .lt .item .cont .intro{ margin-top:5px}
.footer .ft01 .cen{ float:left}
.footer .ft01 .cen dl{ float:left; margin-left:112px}
.footer .ft01 .cen dl dt{ font-size:18px; color:rgba(255,255,255,0.62); margin-bottom:40px}
.footer .ft01 .cen dl dt a{ color:rgba(255,255,255,0.62)}
.footer .ft01 .cen dl dt a:hover{ color:rgba(255,255,255,1)}
.footer .ft01 .cen dl dd{ font-size:14px; color:rgba(255,255,255,0.3); line-height:30px}
.footer .ft01 .cen dl dd a{ color:rgba(255,255,255,0.3)}
.footer .ft01 .cen dl dd a:hover{ color:rgba(255,255,255,1)}
.footer .ft01 .rt{ float:right}
.footer .ft01 .rt .logo{ text-align:right}
.footer .ft01 .rt .logo img{ height:52px}
.footer .ft01 .rt .item{ }
.footer .ft01 .rt .item .sel{ width:345px; height:50px; border:1px solid rgba(255,255,255,0.3); background:none; box-sizing:border-box; padding:0 25px; font-size:16px; color:rgba(255,255,255,0.32); appearance:none; background:url(../image/g_19.png) 96% center no-repeat}
.footer .ft01 .rt .item .sel option{ color:#333}
.footer .ft02{ margin-top:60px; border-top:1px solid rgba(119,119,119,0.25); text-align:center; padding:20px 0; font-size:14px; color:rgba(119,119,119,0.25)}
.footer .ft02 a{ color:rgba(119,119,119,0.25)}
.footer .ft02 a:hover{ color:#fff}
@media all and (max-width:1740px){
	.footer{ padding-top:50px; }
	.footer .ft01 .lt{ margin-left:0; width:250px}
	.footer .ft01 .lt .item .pic{ margin-right:20px}
	.footer .ft01 .lt .item .cont{ width:calc(100% - 48px)}
	.footer .ft01 .cen dl{ margin-left:65px}
	.footer .ft01 .cen dl dt{ font-size:16px; margin-bottom:30px}
	.footer .ft01 .cen dl dd{ font-size:12px; line-height:25px}
	.footer .ft01 .rt .logo img{ height:40px}
	.footer .ft01 .rt .item{ margin-top:30px}
	.footer .ft01 .rt .item .sel{ width:240px; height:42px; font-size:14px; padding:0 15px}
	.footer .ft02{ margin-top:40px; padding:15px 0; font-size:12px}
}
@media all and (max-width:1200px){
	.footer{ padding-top:40px; }
	.footer .ft01 .lt{ float:none; width:100%}
	.footer .ft01 .cen{ display:none}
	.footer .ft01 .rt{ float:none; width:100%; margin-top:10px}
	.footer .ft01 .rt .logo{ text-align:left}
	.footer .ft01 .rt .item{ }
	.footer .ft02{ margin-top:30px}
}