@charset "UTF-8";
@import url("reset.min.css");
@import url("hover-min.css");
body { color: #101010; font-size: 12px; font-family: "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; overflow-x: hidden; text-decoration: none !important;   }

a { color: #101010; text-decoration: none; }
a:hover { color: #021B35; text-decoration: none; }

*:focus { outline: none; }

.container { width: 1200px; margin: 0 auto; }
.container01 { width: 1460px; margin: 0 auto; }

.sbs { position: relative; }




/* 第一屏  */
.g-nav{ width:100%; height:120px; background:url(../images/head-bj.jpg) center center no-repeat; position:fixed; top:0; left:0; z-index:9999;}

.f-logo{ width:431px; height:97px; float:left; margin:12px 0 0 48px;}
.f-logo img{ width:100%;}

.f-tel{ height:40px; line-height:40px; padding-left:55px; box-sizing:content-box; background:url(../images/tel.png) left center no-repeat; float:right; margin:25px 80px 0 0; font-family:Cambria; font-size:33px; color:#fff; font-weight:bold;}



.f-nav{ width:700px; height:50px; margin:35px 0 0 140px; position:relative; float:left;}
.nav_list{ width:700px; height:50px; margin:0; padding:0;}

.f-nav li{ width:100px; line-height:50px;position:relative; float:left;margin:0; padding:0;} 
.f-nav li a{float:left;display:block; width:100px; height:50px; text-align:center; line-height:50px; } 


.m-nav-cn{ width:100px; height:30px; line-height:30px; font-size:16px; color:#fff;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-nav-line{ width:100px; height:10px; position:absolute; left:0; bottom:0; opacity:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.m-nav-line img{ position:absolute; top:0; left:0;}


.f-nav li.selected .submenu{display:block;}
.f-nav li.selected .submenu{display:block;}
.f-nav li:hover .m-nav-cn{ color:#a81814;}
.f-nav li:hover .m-nav-line{ opacity:1;}



.f-nav li .submenu{display:none;position:absolute;top:50px;left:0px; background:#a81814;}
.f-nav li .submenu{width:100px; text-align: center;}
.f-nav li .submenu{ z-index:9999;}
.f-nav li .submenu li{float:none;padding:0;background:none; width:100px;height:35px; line-height:35px; margin:0 auto; }
.f-nav li .submenu li a{padding:0; font-size:14px; font-family:"Microsoft YaHei";height:35px; line-height:35px; color:#fff; width:100px; margin:0 auto;}
.f-nav li .submenu li a:hover{background:#fff; color:#a81814; }



@media screen and (max-height: 750px){
.f-tel{ display:none;}

.f-logo{ width:350px; height:79px; float:left; margin:10px 0 0 48px;}

.f-nav{ width:700px; height:50px; margin:35px 0 0 120px; position:relative; float:left;}
}




/* 第二屏   */
.f-about{ width:100%; height:100%; position:relative;}
.f-about ul{ margin-left:80px; padding:0;}
.f-about ul li{ width:300px; height:100%; float:left; background:rgb(0,0,0,0.5); position:relative;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-about{ width:240px; height:auto; position:absolute; top:70%; margin-top:-200px; left:30px; z-index:999;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.m-about-en01{ height:30px; line-height:30px; font-size:24px; color:#fff;}
.m-about-en02{ height:70px; line-height:70px; font-family:Impact; font-size:72px; color:#fff;}

.m-about-line{ width:100px; height:1px; background:#a81814; margin:20px 0;}

.m-about-cn01{ height:35px; line-height:35px; font-size:24px; color:#fff; margin-bottom:25px;}
.m-about-cn02{ height:60px; line-height:30px; font-size:18px; color:#fff; margin-bottom:50px;}

.m-about-icon{ width:72px; height:72px; opacity:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}



.m-about-bj{ width:300px; height:0; position:absolute; left:0; opacity:0;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}

.f-about ul li:nth-child(odd) .m-about-bj{ top:0;}
.f-about ul li:nth-child(even) .m-about-bj{ bottom:0px;}


.f-about ul li:nth-child(odd):hover .m-about-bj{ opacity:1; height:1000px; background:#a81814;}
.f-about ul li:nth-child(even):hover .m-about-bj{ opacity:1; height:1000px; bottom:0; background:#a81814;}


.f-about ul li:hover .m-about{ top:50%;}
.f-about ul li:hover .m-about-icon{ opacity:1;}


.m-about01{position: relative; left:200px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-about01{ left: 0; opacity:1;
-webkit-transition-delay: 0.5s; 
-moz-transition-delay: 0.5s; 
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;} 
.m-about02{position: relative; left:200px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-about02{ left: 0; opacity:1;
-webkit-transition-delay: 0.8s; 
-moz-transition-delay: 0.8s; 
-ms-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s; }
.m-about03{position: relative; left:200px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-about03{ left: 0; opacity:1;
-webkit-transition-delay: 1.1s; 
-moz-transition-delay: 1.1s; 
-ms-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s; }
.m-about04{position: relative; left:200px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-about04{ left: 0; opacity:1;
-webkit-transition-delay: 1.4s; 
-moz-transition-delay: 1.4s; 
-ms-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
transition-delay: 1.4s; }
.m-about05{position: relative; left:200px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-about05{ left: 0; opacity:1;
-webkit-transition-delay: 1.7s; 
-moz-transition-delay: 1.7s; 
-ms-transition-delay: 1.7s;
-o-transition-delay: 1.7s;
transition-delay: 1.7s; }




@media screen and (max-height: 750px){
	.f-about ul li{ width:260px;}
	.m-about-bj{ width:260px;}
	.m-about{ top:60%; margin-top:-100px;}
}



/* 第三屏 */
.g-service{ width:1460px; height:auto; margin:0 auto;}
.f-service-title{ width:70%; height:auto; overflow:hidden; margin:0 auto;position: relative; top:-500px;
transition: 0.8s;
-webkit-transition: 0.8s; 
-moz-transition: 0.8s; 
-o-transition:0.8s;
-ms-transition: 0.8s;}
.active .f-service-title{ top: 0; 
-webkit-transition-delay: .45s; 
-moz-transition-delay: .45s; 
-ms-transition-delay: .45s;
-o-transition-delay: .45s;
transition-delay: .45s; }
.f-service-title img{ width:100%;}


.f-service{ width:1300px; height:475px; margin:75px auto 0;position: relative; bottom:-1000px;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .f-service{ bottom: 0; 
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s; 
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s; }
.f-service .hd{ overflow:hidden; height:30px; margin-top:60px;}

.f-service .hd ul{ width:1300px; height:20px; position:relative; overflow:hidden; text-align:center; }
.f-service .hd ul li{ width:14px; height:14px; overflow:hidden; margin: 05px; text-indent:-999px; cursor:pointer; display:inline-block; background:url(../images/d.png) left center no-repeat;}
.f-service .hd ul li.on{ background-position:right center; }

.f-service .bd{ width:1300px; height:380px; position:relative; overflow:hidden;  }
.f-service .bd ul{ overflow:hidden; zoom:1; _display:inline; margin:0; padding:0;  }
.f-service .bd ul li{ width:290px; height:380px; float:left; _display:inline; overflow:hidden; position:relative; margin-left:30px;
transform:skew(-5deg);
-webkit-transform: skew(-5deg);
-moz-transform: skew(-5deg);
-o-transform:skew(-5deg);
-ms-transform:skew(-5deg);

transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-service .bd ul li .m-service-img{ width:290px; height:380px; position:relative; overflow:hidden;}
.f-service .bd ul li .m-service-txt{ width:290px; height:210px; background:rgb(0,0,0,0.5); position:absolute; top:0; left:0; padding:170px 0 0; box-sizing:content-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
} 

.m-service-title{ width:250px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#fff; margin:0 auto; overflow:hidden;
transform:skew(+5deg);
-webkit-transform: skew(+5deg);
-moz-transform: skew(+5deg);
-o-transform:skew(+5deg);
-ms-transform:skew(+5deg); }
.m-service-icon{ width:36px; height:36px; line-height:36px; text-align:center; font-size:30px; color:#fff; margin:50px auto 0; border:2px solid #fff; box-sizing:content-box; opacity:0;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;

transform:skew(+5deg);
-webkit-transform: skew(+5deg);
-moz-transform: skew(+5deg);
-o-transform:skew(+5deg);
-ms-transform:skew(+5deg); 

transition:all 0.8s ease-out 0s;
-webkit-transition:all 0.8s ease-out 0s;
-moz-transition:all 0.8s ease-out 0s;
-ms-transition:all 0.8s ease-out 0s;
-o-transition:all 0.8s ease-out 0s;}



.f-service .bd ul li:hover .m-service-txt{ height:240px; padding:140px 0 0; background:rgb(168,24,20,0.9);}
.f-service .bd ul li:hover .m-service-icon{ opacity:1; margin:20px auto 0;}


@media screen and (max-height: 750px){
.g-service{ width:1200px; height:auto; margin:0 auto;}
.f-service{ width:1200px; height:475px; margin:75px auto 0;}
.f-service .hd{ overflow:hidden; height:30px; margin-top:60px;}

.f-service .hd ul{ width:1200px; height:20px; position:relative; overflow:hidden; text-align:center; }
.f-service .hd ul li{ width:14px; height:14px; overflow:hidden; margin: 05px; text-indent:-999px; cursor:pointer; display:inline-block; background:url(../images/d.png) left center no-repeat;}
.f-service .hd ul li.on{ background-position:right center; }

.f-service .bd{ width:1200px; height:340px; position:relative; overflow:hidden;  }
.f-service .bd ul{ overflow:hidden; zoom:1; _display:inline; margin:0; padding:0;  }
.f-service .bd ul li{ width:260px; height:340px; float:left; _display:inline; overflow:hidden; position:relative; margin-left:30px;
transform:skew(-5deg);
-webkit-transform: skew(-5deg);
-moz-transform: skew(-5deg);
-o-transform:skew(-5deg);
-ms-transform:skew(-5deg);

transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;}
.f-service .bd ul li .m-service-img{ width:260px; height:340px; position:relative; overflow:hidden;}
.f-service .bd ul li .m-service-txt{ width:260px; height:190px; background:rgb(0,0,0,0.2); position:absolute; top:0; left:0; padding:150px 0 0; box-sizing:content-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}

.m-service-title{ width:230px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#fff; margin:0 auto; overflow:hidden;
transform:skew(+5deg);
-webkit-transform: skew(+5deg);
-moz-transform: skew(+5deg);
-o-transform:skew(+5deg);
-ms-transform:skew(+5deg); }
.m-service-icon{ width:36px; height:36px; line-height:36px; text-align:center; font-size:30px; color:#fff; margin:50px auto 0; border:2px solid #fff; box-sizing:content-box; opacity:0;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;

transform:skew(+5deg);
-webkit-transform: skew(+5deg);
-moz-transform: skew(+5deg);
-o-transform:skew(+5deg);
-ms-transform:skew(+5deg); 

transition:all 0.8s ease-out 0s;
-webkit-transition:all 0.8s ease-out 0s;
-moz-transition:all 0.8s ease-out 0s;
-ms-transition:all 0.8s ease-out 0s;
-o-transition:all 0.8s ease-out 0s;}



.f-service .bd ul li:hover .m-service-txt{ height:240px; padding:140px 0 0; background:rgb(168,24,20,0.9);}
.f-service .bd ul li:hover .m-service-icon{ opacity:1; margin:20px auto 0;}
	
}



/* 第四屏  */
.g-adv{ width:1460px; height:auto; margin:0 auto;}
.f-adv-title{ width:70%; height:auto; overflow:hidden; margin:0 auto;position: relative; top:-500px;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .f-adv-title{ top: 0; 
-webkit-transition-delay: 0.15s; 
-moz-transition-delay: 0.15s; 
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s; }
.f-adv-title img{ width:100%;}




.f-adv{ width:1460px; height:550px; margin:30px auto 0; position:relative;}
.f-adv ul li{ width:411px; height:290px; background:url(../images/adv-bj.png) center center no-repeat; padding:121px 0 0; box-sizing:content-box;}

.m-adv-num{ width:140px; height:60px; line-height:60px; text-align:center; font-size:60px; color:#fff; font-weight:bold; margin:0 auto;}
.m-adv-wz{ width:140px; height:25px; line-height:25px; text-align:center; font-size:18px; color:#fff; font-weight:bold; margin:5px auto;}
.m-adv-desc{ width:200px; height:25px; line-height:25px; text-align:center; font-size:16px; color:#fff; margin:10px auto 0;}






.m-step span{ display:block; opacity:0; position:absolute;transition: all 1s ;}
.m-step .step01{ left:342px; top:251px; width:83px; height:82px; background:url(../images/step01.png) center center no-repeat;}
.m-step .step02{left:693px; top:183px; width:84px; height:83px; background:url(../images/step02.png) center center no-repeat;}
.m-step .step03{left:1045px; top:251px; width:83px; height:82px; background:url(../images/step03.png) center center no-repeat;}

.active .m-step span{ opacity:1;}

.active .m-step .step01{
 top:231px;
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
-moz-transition-delay: 0.9s;
-ms-transition-delay: 0.9s;
-o-transition-delay: 0.9s;}

.active .m-step .step02{opacity: 1;
top:203px;
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
-ms-transition-delay: 1.5s;
-o-transition-delay: 1.5s;}

.active .m-step .step03{opacity: 1;
top:231px;

transition-delay: 2.1s;
-webkit-transition-delay: 2.1s;
-moz-transition-delay: 2.1s;
-ms-transition-delay: 2.1s;
-o-transition-delay: 2.1s;}






.adv01{ position:absolute; left:0; top:140px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
.adv02{ position:absolute; left:352px; top:0; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
.adv03{ position:absolute; left:705px; top:140px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
.adv04{ position:absolute; left:1058px; top:0; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}



.active .adv01{opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);

transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;}

.active .adv02{opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);

transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
-ms-transition-delay: 1.2s;
-o-transition-delay: 1.2s;}

.active .adv03{opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);

transition-delay: 1.9s;
-webkit-transition-delay:1.9s;
-moz-transition-delay:1.9s;
-ms-transition-delay: 1.9s;
-o-transition-delay: 1.9s;}

.active .adv04{opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);

transition-delay: 2.5s;
-webkit-transition-delay:2.5s;
-moz-transition-delay:2.5s;
-ms-transition-delay: 2.5s;
-o-transition-delay: 2.5s;}


@media screen and (max-height: 750px){
.g-adv{ width:1200px; height:auto; margin:0 auto;}


.f-adv{ width:1130px; height:450px; margin:30px auto 0; position:relative;}
.f-adv ul li{ width:300px; height:230px; background:url(../images/adv-bj-small.png) center center no-repeat; padding:70px 0 0; box-sizing:content-box;}

.m-adv-num{ width:140px; height:50px; line-height:50px; text-align:center; font-size:40px; color:#fff; font-weight:bold; margin:0 auto;}
.m-adv-wz{ width:140px; height:25px; line-height:25px; text-align:center; font-size:16px; color:#fff; font-weight:bold; margin:5px auto;}
.m-adv-desc{ width:200px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#fff; margin:10px auto 0;}






.m-step span{ display:block; opacity:0; position:absolute;transition: all 1s ;}
.m-step .step01{ left:252px; top:251px; width:83px; height:82px; background:url(../images/step01.png) center center no-repeat;}
.m-step .step02{left:518px; top:183px; width:84px; height:83px; background:url(../images/step02.png) center center no-repeat;}
.m-step .step03{left:800px; top:251px; width:83px; height:82px; background:url(../images/step03.png) center center no-repeat;}

.active .m-step span{ opacity:1;}

.active .m-step .step01{
 top:191px;
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
-moz-transition-delay: 0.9s;
-ms-transition-delay: 0.9s;
-o-transition-delay: 0.9s;}

.active .m-step .step02{opacity: 1;
top:191px;
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
-ms-transition-delay: 1.5s;
-o-transition-delay: 1.5s;}

.active .m-step .step03{opacity: 1;
top:191px;

transition-delay: 2.1s;
-webkit-transition-delay: 2.1s;
-moz-transition-delay: 2.1s;
-ms-transition-delay: 2.1s;
-o-transition-delay: 2.1s;}






.adv01{ position:absolute; left:0; top:140px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
.adv02{ position:absolute; left:277px; top:0; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
.adv03{ position:absolute; left:550px; top:140px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
.adv04{ position:absolute; left:825px; top:0; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s ;}
	
}





/* 第五屏 */
.g-news{ width:1460px; height:auto; margin:0 auto;}
.f-news-title{ width:70%; height:auto; overflow:hidden; margin:0 auto;position: relative; top:-1000px; opacity:0;
transition: 0.8s;
-webkit-transition: 0.8s; 
-moz-transition: 0.8s; 
-o-transition:0.8s;
-ms-transition: 0.8s;}
.active .f-news-title{ top: 0; opacity:1;
-webkit-transition-delay: .45s; 
-moz-transition-delay: .45s; 
-ms-transition-delay: .45s;
-o-transition-delay: .45s;
transition-delay: .45s; }
.f-news-title img{ width:100%;}

.f-news{ width:1380px; height:505px; position:relative; margin:30px auto 0;}


.f-news .m-news-left { float: left; position: relative; margin-top:30px; left:-1000px; opacity:1;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-news-left{ left: 0; 
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s; 
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;}
.f-news .m-news-left li, .f-news .m-news-left a, .f-news .m-news-left img { display: block; width: 600px; height:400px;}
.f-news .m-news-left li { display: none; position: absolute; left: 0; top: 0 }
.f-news .m-news-left .m-news-img{ width: 600px; height:400px; position:relative; overflow:hidden;}
.f-news .m-news-left .first { display: block }

.f-news .m-news-right { width:710px; height:505px; background:url(../images/news-line.png) 45px 69px no-repeat; float: right; position: relative; right:-1000px; opacity:1;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-news-right{ right: 0; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s; 
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;}
.f-news .m-news-right li {width:710px; height:57px; padding:30px 0; box-sizing:content-box; position:relative;}



.f-news .m-news-right .m-news-dot{ width:16px; height:16px; border:2px solid #fff; float:left; margin:20px 0 0 35px; box-sizing:content-box;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;}

.f-news .m-news-right .m-news-date{ width:100px; height:57px; margin-left:30px; float:left;}
.f-news .m-news-right .m-news-day{ width:100px; height: 30px; line-height:30px; font-size:30px; color:#fff;}
.f-news .m-news-right .m-news-year{ width:100px; height: 25px; line-height:25px; font-size:16px; color:#fff;}

.f-news .m-news-right .m-news-txt{ width:480px; height:57px; float:left; margin-left:20px; position:relative;}
.f-news .m-news-right .m-news-title{ width:480px; height:30px; line-height:30px; font-size:16px; color:#fff; overflow:hidden;}
.f-news .m-news-right .m-news-desc{ width:480px; height:25px; line-height:25px; font-size:14px; color:#fff; overflow:hidden;}




.f-news .m-news-right .on{ background:#a81814;}



@media screen and (max-height: 750px){
.g-news{ width:1200px; height:auto; margin:0 auto;}


.f-news{ width:1200px; height:505px; position:relative; margin:30px auto 0;}


.f-news .m-news-left { float: left; position: relative; margin-top:30px; }
.f-news .m-news-left li, .f-news .m-news-left a, .f-news .m-news-left img { display: block; width: 550px; height:400px;}
.f-news .m-news-left li { display: none; position: absolute; left: 0; top: 0 }
.f-news .m-news-left .m-news-img{ width: 550px; height:400px; position:relative; overflow:hidden;}
.f-news .m-news-left .first { display: block }

.f-news .m-news-right { width:610px; height:505px; background:url(../images/news-line.png) 45px 69px no-repeat; float: right; }
.f-news .m-news-right li {width:610px; height:57px; padding:30px 0; box-sizing:content-box; position:relative;}



.f-news .m-news-right .m-news-dot{ width:16px; height:16px; border:2px solid #fff; float:left; margin:20px 0 0 35px; box-sizing:content-box;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;}

.f-news .m-news-right .m-news-date{ width:100px; height:57px; margin-left:30px; float:left;}
.f-news .m-news-right .m-news-day{ width:100px; height: 30px; line-height:30px; font-size:30px; color:#fff;}
.f-news .m-news-right .m-news-year{ width:100px; height: 25px; line-height:25px; font-size:16px; color:#fff;}

.f-news .m-news-right .m-news-txt{ width:380px; height:57px; float:left; margin-left:20px; position:relative;}
.f-news .m-news-right .m-news-title{ width:380px; height:30px; line-height:30px; font-size:16px; color:#fff; overflow:hidden;}
.f-news .m-news-right .m-news-desc{ width:380px; height:25px; line-height:25px; font-size:14px; color:#fff; overflow:hidden;}



}




/* 联系我们 */
.g-contact{ width:100%; height:100%; margin:0 auto; position:relative;}
.f-map{ width:100%; height:300px; border-bottom:1px solid #a81814; box-sizing:content-box; overflow:hidden; position: relative; top:-1000px; opacity:1;
transition: 0.8s;
-webkit-transition: 0.8s; 
-moz-transition: 0.8s; 
-o-transition:0.8s;
-ms-transition: 0.8s;}
.active .f-map{ top: 0; opacity:1;
-webkit-transition-delay: .45s; 
-moz-transition-delay: .45s; 
-ms-transition-delay: .45s;
-o-transition-delay: .45s;
transition-delay: .45s; }


.f-contact{ width:1200px; height:370px; margin:60px auto 0; position:relative; }

.m-contact-left{ width:635px; height:370px; float:left; position:relative; left:-500px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-contact-left{ left: 0; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s; 
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;}
.m-contact-logo{ width:635px; height:110px; margin-bottom:30px;}
.m-contact-logo img{ max-width:100%;}

/*留言*/
.f-message{ width:635px; height:290px; float:right;}

.m-wbk{ width:635px; height:40px; margin-bottom:20px;}

.f-message .messageBox{ width:635px;}
.f-message .messageBox .name{width:280px; height:30px; line-height:30px; background:none; font-size:14px; color:#fff; padding:5px 10px; box-sizing:content-box; float:left; border:1px solid #666666; float:left;}
.f-message .messageBox .phone{width:280px; height:30px; line-height:30px; background:none; font-size:14px; color:#fff; padding:5px 10px; box-sizing:content-box; float:left; border:1px solid #666666; float:right;}
.f-message  .messages{ width:615px; height:80px; padding:10px; box-sizing:content-box; font-size:14px; color:#fff; border:1px solid #666666; background:none; margin-bottom:20px; resize:none;}

.f-message .my-button{ width:635px; height:40px; display:block;}
.f-message .my-button button{ width:635px; height:40px; line-height:40px; display:block; background:#a81814; border:none; font-family:微软雅黑; font-size:16px; color:#fff; float:right;}
.f-message .my-button button p{ text-align:center; margin:0 auto;}




.m-contact-right{ width:470px; height:370px; float:right; position:relative; right:-500px; opacity:0;
transition: 1s;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-o-transition:1s;
-ms-transition: 1s;}
.active .m-contact-right{ right: 0; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s; 
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;}

.m-contact-lxfs{ width:470px; height:auto; margin:0 0 30px 0;}
.m-contact-lxfs ul{ width:470px; height:auto; margin:0; padding:0;}
.m-contact-lxfs ul li{ width:425px; min-height:30px; line-height:30px; padding-left:45px; box-sizing:content-box; font-size:16px; color:#fff; margin-bottom:12px;}
.m-contact-lxfs ul li:nth-child(1){ background:url(../images/icon01.png) left center no-repeat;}
.m-contact-lxfs ul li:nth-child(2){ background:url(../images/icon02.png) left center no-repeat;}
.m-contact-lxfs ul li:nth-child(3){ background:url(../images/icon03.png) left center no-repeat;}
.m-contact-lxfs ul li:nth-child(4){ background:url(../images/icon04.png) left top no-repeat;}

  

   
.f-code{ position:relative; margin-left:50px;}
.f-code ul li{ height:30px; float:left; position:relative; cursor:pointer; margin-right:40px;}

.f-code ul li:nth-child(1) .m-code-icon{ background:url(../images/code-icon01-off.png) center center no-repeat;}
.f-code ul li:nth-child(1):hover .m-code-icon{ background:url(../images/code-icon01-on.png) center center no-repeat;}
.f-code ul li:nth-child(2) .m-code-icon{ background:url(../images/code-icon02-off.png) center center no-repeat;}
.f-code ul li:nth-child(2):hover .m-code-icon{ background:url(../images/code-icon02-on.png) center center no-repeat;}
.f-code ul li:nth-child(4) .m-code-icon{ background:url(../images/code-icon03-off.png) center center no-repeat;}
.f-code ul li:nth-child(4):hover .m-code-icon{ background:url(../images/code-icon03-on.png) center center no-repeat;}
.f-code ul li:nth-child(3) .m-code-icon{ background:url(../images/code-icon04-off.png) center center no-repeat;}
.f-code ul li:nth-child(3):hover .m-code-icon{ background:url(../images/code-icon04-on.png) center center no-repeat;}



.m-code-icon{ width:32px; height:30px; position:relative;}
.m-code .show_code{ width:130px; height:146px; display:none; position:absolute; top:35px; left:-50px; background:url(../images/er-bj.png) center center no-repeat;}
.m-code .show_code img{ width:115px; height:115px; margin:23px 8px 0;}


.f-gswj{ margin-left:20px;}
      






/*icp*/
.g-icp{ width:100%; height:40px; background:#000000; position:absolute; left:0; bottom:-500px; opacity:0;
transition: 1.5s;
-webkit-transition: 1.5s; 
-moz-transition: 1.5s; 
-o-transition:1.5s;
-ms-transition: 1.5s;}
.active .g-icp{ bottom: 0; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s; 
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;}
.f-icp{ width:820px; height:40px; line-height:40px; margin:0 auto; text-align:center;}
.f-icp span{ font-family:微软雅黑; font-size:14px; color:#c1c1c2; height:40px; line-height:40px; margin:0 2px;}
.f-icp a{ font-family:微软雅黑; font-size:14px; color:#c1c1c2;}
.f-icp a:hover{ color:#a81814 ;}




@media screen and (max-height: 750px){
.f-map{ width:100%; height:189px; border-bottom:1px solid #a81814; box-sizing:content-box; position:relative; overflow:hidden;}


.f-contact{ width:1200px; height:370px; margin:60px auto 0; position:relative; }

.m-contact-left{ width:635px; height:370px; float:left; position:relative;}
.m-contact-logo{ width:635px; height:auto; margin-bottom:20px;}

.m-contact-right{ width:470px; height:370px; float:right; position:relative;}



}