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

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

*:focus { outline: none; }

.container { width: 1200px; margin: 0 auto; position:relative; z-index:50;}
.g-banner { width: 1490px; margin: 0 auto; position:relative; z-index:50;}
.container01 { width: 1480px; margin: 0 auto; position:relative; z-index:50;}

.sbs { position: relative; }

.m-left{ position:absolute; top:0; left:0;}
.m-right{ position:absolute; top:0; right:0;}


.m-gray{ width:50%; height:100%; background:#f5f5f5;}
.m-white{ width:50%; height:100%; background:#fff;}

.m-gray-60{ width:60%; height:100%; background:#f5f5f5;}
.m-white-40{ width:40%; height:100%; background:#fff;}



.section{overflow: hidden; width:100%;}
.section2{ background:url(../images/bg02.jpg) center center no-repeat; background-size:cover;}
.section3{ background:url(../images/bg03.jpg) center center no-repeat; background-size:cover;}
.section4{ background:url(../images/bg04.jpg) center center no-repeat; background-size:cover;}
.section5{ background:url(../images/bg05.jpg) center center no-repeat; background-size:cover;}
.section6{ background:url(../images/bg06.jpg) center center no-repeat; background-size:cover;}
.section7{ background:url(../images/bg07.jpg) center center no-repeat; background-size:cover;}
.section8{ background:url(../images/bg08.jpg) center center no-repeat; background-size:cover;}
.section9{ background:url(../images/bg09.jpg) center center no-repeat; background-size:cover;}
.section10{ background:url(../images/bg10.jpg) center center no-repeat; background-size:cover;}


.pull-left{ float:left;}
.pull-right{ float:right;}

.t05{
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;}
.t10{
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}


/*头部*/
.g-head{ width:100%; height:88px; position:fixed; top:0; left:0; z-index:999; padding:0; background:#ba0606; border-bottom:3px solid #ffbf00; box-sizing:border-box;}
.g-nav{ width:100%; height:88px; position:relative; top:0; left:0; z-index:999; padding:0; background:#ba0606; border-bottom:3px solid #ffbf00; box-sizing:border-box;}
 
.f-head{ width:1200px; height:80px; position:relative; margin:0 auto;}

.my-logo{ width:340px; height:65px; float:left; margin:10px 0 0 30px;}
.my-logo img{ width:100%;}

.f-tel{ height:88px; position:relative; float:right; padding:25px 20px 0 70px; box-sizing:border-box; background:#ffbf00 url(../images/tel.png) 20px center  no-repeat;}
.f-tel-txt{ height:15px; line-height:15px; font-size:14px; color:#333333; margin-bottom:5px;}
.f-tel-num{ height:15px; line-height:15px; font-size:18px; color:#333333; font-weight:bold; margin-bottom:0;}





/*导航*/
.f-nav{ height:80px; float:left; margin-left:30px;}

.m-nav{ height:80px; position:relative;}
.nav_list{  height:80px; margin:0; padding:0; text-align:center;}

.m-nav li{ width:130px; height:80px; position:relative; float:left; margin:0; padding-top:20px; box-sizing:border-box;}
.m-nav li:last-child{ background:none; margin:0;}
.m-nav li .m-nav-cn{ display:block; width:126px; height:25px; line-height:25px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin-bottom:0; position:relative; z-index:99;}
.m-nav li .m-nav-en{ display:block; width:126px; height:25px; line-height:25px; cursor:pointer; text-align:center; font-size:13px; color:#fff; margin-bottom:0; position:relative; z-index:99;}
.m-nav li .m-nav-icon{ display:block; width:130px; height:119px;  margin-bottom:0; position:absolute; top:-20px; bottom:0; opacity:0;}
.m-nav li .m-nav-icon img{ width:100%;}



.m-nav li a.selected .m-nav-cn{ color:#fff;}
.m-nav li a.selected .m-nav-en{ color:#fff;}
.m-nav li a.selected .m-nav-icon{ top:0; opacity:1;}

.m-nav li:hover .m-nav-cn{ color:#fff;}
.m-nav li:hover .m-nav-en{ color:#fff;}
.m-nav li:hover .m-nav-icon{ top:0; opacity:1;}



.m-nav li.selected .submenu{display:block;}
.m-nav li .submenu{display:none;position:absolute;top:40px;left:7px; background:#ba0606;}
.m-nav li .submenu{width:95px; text-align: center;}
.m-nav li .submenu{ z-index:9999;}
.m-nav li .submenu li{float:none;padding:0;background:none; width:95px;height:35px; line-height:35px; margin:0 auto; }
.m-nav li .submenu li a{padding:0; font-size:14px; font-family:"Microsoft YaHei"; width:95px;height:35px; line-height:35px; color:#fff; margin:0 auto; display:block;}
.m-nav li .submenu li a:hover{background:#9f8670; color:#fff; }




.fullSlide{ width:100%; overflow:hidden; position:relative; background:#fff;  }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0;  height: 100%;}
.fullSlide .bd ul{ width:100% !important;  height: 100%;}
.fullSlide .bd li{ width:100% !important;  height: 100%; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:100%; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:18px; left:0; height:30px; line-height:30px; text-align:center; _background:#000; _filter:alpha(opacity=60); 	}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; background:url(../images/dot.png) right center no-repeat; overflow:hidden; line-height:999999px; 	}
.fullSlide .hd ul .on{ background-position:left center;}









/* 第二屏   */
.g-about{ width:1280px; height:auto; margin:80px auto 0; position:relative;}

.f-about-img{ width:415px; height:620px; position:relative; left:-100px; opacity:0; float:left;
-webkit-transition: 1.5s; 
-moz-transition: 1.5s; 
-ms-transition: 1.5s;
-o-transition:1.5s; 
transition: 1.5s;}
.active .f-about-img{ 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;}


.f-about{ width:780px; height:550px; position:relative; float:right; right:-300px; opacity:0;
-webkit-transition: 1.5s; 
-moz-transition: 1.5s; 
-ms-transition: 1.5s;
-o-transition:1.5s; 
transition: 1.5s;}
.active .f-about{  right: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;}



.f-about-title{ width:411px; height:82px; margin-bottom:50px; position:relative; left:100px; opacity:0; 
-webkit-transition: 1.5s; 
-moz-transition: 1.5s; 
-ms-transition: 1.5s;
-o-transition:1.5s; 
transition: 1.5s;}
.f-about-title img{ width:100%;}
.active .f-about-title{ left:0px; 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;}


.f-about-desc{ width:100%; height:150px; line-height:30px; margin:0 auto 30px; overflow:hidden; position:relative; left:100px; opacity:0;
-webkit-transition: 1.5s; 
-moz-transition: 1.5s; 
-ms-transition: 1.5s;
-o-transition:1.5s; 
transition: 1.5s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.active .f-about-desc{ left:0px; 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;}
.f-about-desc a{ font-size:16px; color:#000000;}
.f-about-desc a:hover{ color:#ba0606;}

.f-about-more{ width:100%; height:30px; line-height:30px; text-align:right; position:relative; left:100px; opacity:0; background:url(../images/more_bg.png) left center no-repeat;
-webkit-transition: 1.5s; 
-moz-transition: 1.5s; 
-ms-transition: 1.5s;
-o-transition:1.5s; 
transition: 1.5s;}
.active .f-about-more{ left:0px; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;  
-o-transition-delay: 1s; 
transition-delay: 1s;}
.f-about-more a{ font-size:16px; color:#000;}
.f-about-more a:hover{ color:#ba0606;}


.m-list{ width:780px; height:190px; position:relative; overflow:hidden; margin:70px auto 0;}
.m-list ul{ width:780px; margin:0; padding:0; display:flex; justify-content:space-between;}
.m-list ul li{ width:155px; height:190px; position:relative; float:left; border:1px solid #000000; box-sizing:border-box; overflow:hidden;}


.m-list-img{ width:147px; height:182px; text-align:center; margin:0; position:absolute; top:3px; left:3px; overflow:hidden;}
.m-list-zzc{ width:147px; height:182px; text-align:center; margin:0; position:absolute; top:3px; left:3px; overflow:hidden; background:rgba(0,0,0,0.5);}
.m-list-icon{ width:60px; height:60px;  text-align:center; margin:40px auto 10px; position:relative; z-index:99;}
.m-list-title{ width:100%; height:30px; line-height:30px; text-align:center; font-size:20px; color:#ffffff; margin:0 auto; position:relative; z-index:99; letter-spacing:2px;}

.m-list ul li:hover{ border-color:#ba0606;}
.m-list ul li:hover .m-list-zzc{ background:rgba(0,0,0,0.2);}








/* 第三屏   */
.g-product{ width:100%; height:auto; margin:60px auto 0; position:relative;}


.f-product-title{ width:1280px; height:65px;  text-align:center; margin:0 auto; position:relative; top:-50px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-product-title{ top: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;}


.f-product{ width:100%; height:570px; overflow:hidden; margin:60px auto 0; z-index:999; position:relative; top:150px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-product{ top: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;}
.swiper-slide{ overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.swiper-slide a{ width:100%; display:block; position:relative;}
.append-buttons {text-align: center;margin-top: 20px;}
.append-buttons a {display: inline-block;border: 1px solid #007aff;color: #007aff;text-decoration: none;padding: 4px 10px;border-radius: 4px;margin: 0 10px;font-size: 13px;}

.f-product ul{ margin:0; padding:0;}


.m-product-img{ width:100%; height:100%; margin-bottom:0;
transition:all 1s ease-out 0s;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;}

.m-product-box{ width:100%; height:570px; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); overflow:hidden; opacity:0;}
.m-product-bk{ width:98%; height:98%; border:1px solid #fff; box-sizing:border-box; margin:0; position:absolute; left:1%; top:1%;}
.m-product-title{ width:220px; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:200px auto 0; 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-product-line{ position:absolute; margin:0; opacity:0; background:#fff;}

.m-product-line01{ width:0; height:1px; left:0; top:0;}
.m-product-line02{ width:0; height:1px; left:220px; bottom:0;}

.m-product-more{ width:130px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333333; background:#ffbf00; margin:200px auto 0; position:relative; overflow:hidden;}


.swiper-pagination{ display:none !important;}


.swiper-button-prev{ position:absolute; top:45%; left:15%; width:40px !important; height:40px !important; margin-top:-20px; z-index:10; cursor:pointer; background:url(../images/prev.png) center center no-repeat !important;}
.swiper-button-next{ position:absolute; top:45%; right:15%; width:40px !important; height:40px !important; margin-top:-20px; z-index:10; cursor:pointer; background:url(../images/next.png) center center no-repeat !important;}



.swiper-slide:hover .m-product-box{ opacity:1;}
.swiper-slide:hover .m-product-title{ color:#f1ab27; margin-top:185px;}
.swiper-slide:hover .m-product-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}

.swiper-slide:hover .m-product-line{ opacity:1;}
.swiper-slide:hover .m-product-line01{ width:220px;}
.swiper-slide:hover .m-product-line02{ width:220px; left:0;}



/* 第四屏   */
.f-adv{ width:1280px; height:auto; overflow:hidden; margin:70px auto 0; position:relative;}

.f-adv-title{ width:1280px; height:65px;  text-align:center; margin:0 auto; position:relative; top:50px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-adv-title{ top: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-adv{ width:1280px; height:auto; margin:100px auto 0; position:relative;}
.m-adv ul{ width:1280px; margin:0; padding:5px 0 0; display:flex; justify-content:space-between;}
.m-adv ul li{ width:298px; height:424px; float:left; position:relative; border:1px solid #000000; box-sizing:border-box;}

.m-adv-box{ width:283px; height:409px; text-align:center; margin:0; position:absolute; top:6px; left:6px; overflow:hidden;}
.m-adv-img{ width:283px; height:409px; text-align:center; margin:0; position:relative; overflow:hidden;}

.m-adv ul li:nth-child(odd){ margin-top:60px;}

.m-adv-title{ width:49px; height:141px; position:absolute; top:-4px; left:34px; padding:10px 0 0 6px; box-sizing:border-box; z-index:9; background:url(../images/title_bg.png) center center no-repeat;}
.m-adv-en{ width:15px; height:auto; line-height:15px; font-size:10px; color:#fff; float:left; position:relative;
writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }
.m-adv-cn{ width:20px; height:auto; line-height:20px; font-size:18px; color:#fff; float:left; position:relative; letter-spacing:2px;
writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }

.m-adv ul li:hover .m-adv-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}


.m-adv ul li:nth-child(odd){ top:-200px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-adv ul li:nth-child(odd){ top: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-adv ul li:nth-child(even){ top:200px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-adv ul li:nth-child(even){ top: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;}




/* 第五屏   */
.g-news{ width:100%; height:auto; margin:70px auto 0; position:relative;}

.f-news-title{ width:1280px; height:65px;  text-align:center; margin:0 auto; position:relative; top:-50px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-news-title{ top: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;}




.f-news{ width:100%; height:auto; position:relative; margin:20px auto 0; position:relative; top:100px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-news{ top: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;}
.f-news ul{ margin:0; padding:0;}
.f-news ul li{ width:100%; height:180px; position:relative; padding:25px 0 0; box-sizing:border-box;}
.f-news ul li:last-child{ margin-bottom:0;}

.f-news-box{ width:1280px; height:auto; overflow:hidden; margin:0 auto; position:relative;}

.m-news-date{ width:100px; height:80px; margin:0; overflow:hidden; position:relative; float:left; border-right:1px solid #fff; box-sizing:border-box;}
.m-news-day{ height:60px; line-height:60px; font-size:60px; color:#fff; font-weight:bold; margin:0;} 
.m-news-year{ height:20px; line-height:20px; font-size:16px; color:#fff; margin:0;} 


.m-news-txt{ width:720px; height:auto; margin:0; overflow:hidden; position:relative; float:left; margin-left:45px;}
.m-news-title{ width:720px; height:30px; line-height:30px; font-size:18px; color:#fff; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:10px;}
.m-news-desc{ width:720px; height:40px; line-height:20px; font-size:14px; color:#fff; overflow:hidden; margin-bottom:0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.m-news-more{ width:130px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333333; background:#ffbf00; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:20px 0 0;}


.m-news-box{ width:260px; height:135px; margin:0; overflow:hidden; position:relative; float:right;}
.m-news-img{ width:260px; height:135px; margin:0;}

.f-news ul li:hover{ background:#ffbf00;}
.f-news ul li:hover .m-news-date{ border-color:#000000;}
.f-news ul li:hover .m-news-day{ color:#000000;}
.f-news ul li:hover .m-news-year{ color:#666666;}
.f-news ul li:hover .m-news-title{ color:#000000; font-weight:normal;}
.f-news ul li:hover .m-news-desc{ color:#666666;}
.f-news ul li:hover .m-news-more{ background:#ba0606; color:#fff;}
.f-news ul li:hover .m-news-img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}






.f-news-more{ width:170px; height:45px; margin:20px auto 0; position:relative; border:1px solid #ffbf00; box-sizing:border-box; top:-50px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-news-more{ top: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;}
.f-news-more a{ width:164px; height:39px; line-height:39px; text-align:center; font-size:14px; color:#333333; background:#ffbf00; margin:2px auto 0; position:relative; display:block;}

.f-news-more a:hover{ background:#ba0606; color:#fff;}



/*第六屏*/
.g-contact{ width:1280px; height:auto; margin:20px auto 0; position:relative;}

.f-contact-title{ width:1280px; height:65px; text-align:center; margin:0 auto; position:relative; top:-50px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-contact-title{ top: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;}


.f-contact{ width:1280px; height:auto; margin:50px auto 0; position:relative;}

.f-contact-left{ width:670px; height:515px; position:relative; float:left; overflow:hidden; background:rgba(186,6,6,0.7); padding:40px 45px; box-sizing:border-box; left:-200px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-contact-left{ 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;}

.f-message-title{ width:100%; height:30px; line-height:30px; font-size:22px; color:#fff; margin-bottom:15px; box-sizing:border-box;}

/*留言*/
.f-message{ width:580px; height:auto; position: relative;}
.f-message .messageBox{ width:580px; height:auto; margin:0 auto;}
.f-message .messageBox .notice{width:580px; height:35px; line-height:35px; text-align:left; background:none; font-size:14px; color:#fff; padding:0 10px; border:none; margin-bottom:15px; }

.f-message .messageBox .name{width:280px; height:35px; line-height:35px; background:none; font-size:14px; color:#fff; padding:0 10px ; border:1px solid #e69d82; float:left; box-sizing:border-box; margin-bottom:15px;}
.f-message .messageBox .phone{width:280px; height:35px; line-height:35px; background:none; font-size:14px; color:#fff; padding:0 10px; border:1px solid #e69d82;  float:right; box-sizing:border-box; margin-bottom:15px;}
.f-message .messages{ width:580px; height:70px; line-height:35px; font-size:14px; color:#fff; border:1px solid #e69d82; background:none; padding:0 10px; margin-bottom:10px; box-sizing:border-box; resize:none;}


.f-message-box{ width:580px; height:40px; margin:0 auto; position:relative;}
.f-message .iuptbut{ width:155px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; border:none; box-sizing:border-box; background:#ffbf00; position:relative; margin:0 auto;}


/*地图*/
.f-map{ width:580px; height:155px; margin:25px auto 0; position:relative; overflow:hidden;}


.f-contact-right{ width:510px; height:auto; position:relative; float:right; overflow:hidden; padding-top:40px; box-sizing:border-box; right:-200px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-contact-right{ right: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;}

.f-contact-bt{ width:100%; height:30px; line-height:30px; font-size:24px; color:#000000; font-weight:bold; margin-bottom:25px; box-sizing:border-box;}

.f-lxfs{ width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.f-lxfs ul{ margin:0; padding:0;}
.f-lxfs ul li{ width:100%; min-height:30px; line-height:30px; font-size:16px; color:#000000; overflow:hidden; position:relative; margin-bottom:0;}



/*二维码*/
.f-code{ width:390px; height:auto; position:relative; margin-top:50px;}
.f-code ul{ width:390px; height:150px; margin:0; padding:0;}
.f-code ul li{ width:110px; height:150px; margin-right:60px; float:left;}
.f-code ul li:last-child{ margin-right:0;}

.f-code ul li .m-code-img{ width:110px; height:110px; overflow:hidden; margin-bottom:10px; box-sizing:content-box;}
.f-code ul li .m-code-img img{ width:110px; height:110px;}
.f-code ul li .m-code-txt{ width:110px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#000000;}


  

/*icp*/
.g-icp{ width:100%; height:50px; text-align:center; box-sizing:border-box; position:absolute; left:0; bottom:-100px; background:#ba0606; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s;   
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.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:1200px; height:50px; line-height:50px; margin:0 auto;}
.f-icp span{ font-size:14px; color:#fff; height:50px; line-height:50px; margin:0 2px;}
.f-icp a{ font-size:14px; color:#fff;}
.f-icp a:hover{ color:#ffbf00 ;}