@charset "UTF-8";
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; }

*:focus { outline: none; }

.container { width: 1200px; margin: 0 auto; padding:0 !important; box-sizing:content-box;}

.sbs { position: relative; }


.fp-controlArrow.fp-prev{border-width:0!important;border-color:none!important; left:0;background: url(../images/left.png) center center no-Repeat;width: 50px!important;height: 90px!important;}
.fp-controlArrow.fp-next{border-width:0!important;border-color:none!important; right:0;background: url(../images/right.png) center center no-Repeat;width: 50px!important;height: 90px!important;}


/*首行缩进*/
.f-indent{text-indent:2em}


/* 第一屏  home */
/*导航*/
.g-head{ width:100%; height:80px; position:fixed; top:0; z-index:999999999; background:url(../images/black_50.png) repeat;}
.f-head{ width:1200px; height:80px; margin:0 auto; /*background:url(../images/black_50.png) repeat;*/}


.my-logo{ width:205px; height:45px; margin:17px 0 0 0; float:left;}


.f-nav{ height:80px; float:right;}
.f-nav .nav_list{ height:80px; position:relative;}

.f-nav li{float:left; width:120px;height:80px; line-height:80px;position:relative;}
.f-nav li.last{background:none;}
.f-nav li a{float:left;display:block; width:120px; height:80px; line-height:55px; text-align:center;
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-nav li a:hover{background:#06756c; color:#fff;}
.f-nav li a span{float:left;display:block; width:120px; height:80px; line-height:80px;cursor:pointer; font-family:"Microsoft YaHei";text-align:center; color:#fff; font-size:14px;}
.f-nav li a.selected{ background:#06756c; color:#fff;}
.f-nav li a.selected span{color:#fff;} 




.m-top-40{ margin-top:40px;}




/* 第二屏   */
.f-page2{ width:1200px; height:450px; position: relative;}

.m-page2-img{ width:720px; height:450px; margin-left:-175px; float:left; position:relative; left:-900px;  opacity:0; float:left;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-page2-img{ left: 0; opacity:1;
-webkit-transition-delay: 0.7s; 
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;  
-o-transition-delay: 0.7s; 
transition-delay: 0.7s;}
.m-page2-txt{ width:590px; height:450px; float:right; margin-top:20px;}
.m-page2-title{ width:590px; height:120px; line-height:60px; overflow:hidden; font-size:45px; color:#333333; font-weight:bold; position:relative; right:-900px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page2-title{ right: 0; opacity:1;
-webkit-transition-delay: 0.9s; 
-moz-transition-delay: 0.9s;
-ms-transition-delay: 0.9s;  
-o-transition-delay: 0.9s; 
transition-delay: 0.9s;}
.m-page2-desc{ width:560px; line-height:30px; overflow:hidden; font-size:16px; color:#333333; position:relative; right:-900px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page2-desc{ right: 0; opacity:1;
-webkit-transition-delay: 1.2s; 
-moz-transition-delay: 1.2s;
-ms-transition-delay: 1.2s;  
-o-transition-delay: 1.2s; 
transition-delay: 1.2s;}



/* 第三屏   */
.f-page3{ width:1200px; height:330px; margin:0 auto;}
.m-page3-txt{ width:740px; height:330px; float:right;}
.m-page3-title{ width:740px; height:120px; line-height:60px; overflow:hidden; font-size:45px; color:#fff; font-weight:bold; position:relative; right:-900px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page3-title{ right: 0; opacity:1;
-webkit-transition-delay: 0.6s; 
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;  
-o-transition-delay: 0.6s; 
transition-delay: 0.6s;}
.m-page3-desc{ width:740px; line-height:30px; overflow:hidden; font-size:16px; color:#fff; position:relative; top:900px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page3-desc{ top: 0; opacity:1;
-webkit-transition-delay: 0.9s; 
-moz-transition-delay: 0.9s;
-ms-transition-delay: 0.9s;  
-o-transition-delay: 0.9s; 
transition-delay: 0.9s;}


/* 第四屏   */
.f-page4{ width:1200px; height:765px; margin:0 auto;}
.m-page4-img{ width:450px; height:763px; margin-left:-50px; float:left; position:relative; left:-900px;  opacity:0; float:left;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-page4-img{ left: 0; opacity:1;
-webkit-transition-delay: 0.7s; 
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;  
-o-transition-delay: 0.7s; 
transition-delay: 0.7s;}
.m-page4-txt{ width:740px; height:400px; float:right; margin-top:180px;}
.m-page4-title{ width:740px; height:120px; line-height:60px; overflow:hidden; font-size:45px; color:#fff; font-weight:bold; position:relative; right:-900px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page4-title{ right: 0; opacity:1;
-webkit-transition-delay: 0.9s; 
-moz-transition-delay: 0.9s;
-ms-transition-delay: 0.9s;  
-o-transition-delay: 0.9s; 
transition-delay: 0.9s;}
.m-page4-desc{ width:740px; line-height:30px; overflow:hidden; font-size:16px; color:#fff; position:relative; right:-900px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.m-page4-desc p{ text-indent:2em;}
.active .m-page4-desc{ right: 0; opacity:1;
-webkit-transition-delay: 1.2s; 
-moz-transition-delay: 1.2s;
-ms-transition-delay: 1.2s;  
-o-transition-delay: 1.2s; 
transition-delay: 1.2s;}


/* 第五屏   */
.f-page5{ width:1200px; height:571px; margin:0 auto;}
.m-page5-img{ width:550px; height:571px; margin-left:-50px; float:left; position:relative; left:1000px;  opacity:0; z-index:99999;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page5-img{ 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-page5-txt{ width:680px; height:490px; float:right; margin-top:40px; margin-right:-50px; position:relative; right:1000px;  opacity:0;
-webkit-transition: 1.3s; 
-moz-transition: 1.3s; 
-ms-transition: 1.3s;
-o-transition:1.3s; 
transition: 1.3s;}
.active .m-page5-txt{ 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;}
.m-page5-title{ width:680px; height:120px; line-height:60px; overflow:hidden; font-size:45px; color:#000; font-weight:bold;}
.m-page5-desc{ width:680px; line-height:30px; overflow:hidden; font-size:16px; color:#000;}


/* 第六屏   */
.f-page6{ width:1200px; height:330px; margin:0 auto; text-align:center;}
.m-page6-title{ width:1200px; height:120px; line-height:60px; overflow:hidden; font-size:45px; color:#000; font-weight:bold; text-align:center; position:relative; top:-500px;  opacity:0; z-index:99999;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-ms-transition: 0.6s;
-o-transition: 0.6s; 
transition: 0.6s;}
.active .m-page6-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-page6-desc{ width:1200px; line-height:30px; overflow:hidden; font-size:16px; color:#000; text-align:center;}


.m-page6-01{ position:relative; bottom:-500px;  opacity:0; z-index:99999;
-webkit-transition:0.8s; 
-moz-transition:0.8s; 
-ms-transition:0.8s;
-o-transition:0.8s; 
transition:0.8s;}
.active .m-page6-01{ bottom: 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-page6-02{ position:relative; bottom:-500px;  opacity:0; z-index:99999;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-page6-02{ bottom: 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-page7{ width:1200px; height:590px; margin:0 auto; position:relative;}
.f-page7-txt{ width: 905px; height: 590px; background:#034b45; z-index: 332; margin-left:-50px; position:relative; left:-900px; opacity:0;
box-shadow: 5px 1px 13px 0px #040000;
-webkit-box-shadow: 5px 1px 13px 0px #040000;
-moz-box-shadow: 5px 1px 13px 0px #040000;
-ms-box-shadow: 5px 1px 13px 0px #040000;
-o-box-shadow: 5px 1px 13px 0px #040000;

-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .f-page7-txt{ 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-page7-title{ width:680px; height:120px; line-height:60px; overflow:hidden; font-size:45px; color:#fff; font-weight:bold; text-align:center; padding-top:110px; box-sizing:content-box; margin:40px auto 0;}
.m-page7-desc{ width:680px; line-height:30px; overflow:hidden; font-size:16px; color:#fff; margin:40px auto 0;}
.m-page7-img01{ width:334px; height:370px; position:absolute; top:-110px; right:100px; z-index:99999; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; }
.active .m-page7-img01{ opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
.m-page7-img02{ width:421px; height:472px; position:absolute; top:160px; right:-50px; z-index:99991; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; }
.active .m-page7-img02{ opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } 







/* 第八屏   */
.f-page8{ width:77%; padding:3% 5%;  height:auto; opacity:0; position:absolute; left:50% ;top:0; background:#f5f0ea; margin-left:-38.5%; text-align:center;}
.m-page8-title{ width:1200px; height:70px; line-height:70px; overflow:hidden; margin:0 auto; text-align:center; color:#404240; font-weight:bold; position:relative; top:-500px;  opacity:0; z-index:99999;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-ms-transition: 0.6s;
-o-transition: 0.6s; 
transition: 0.6s;}

.m-page8-tit{ width:41%; height:auto; margin:0 auto;position:relative; top:-500px;  opacity:0; z-index:99999;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-ms-transition: 0.6s;
-o-transition: 0.6s; 
transition: 0.6s;}

.active .m-page8-tit{ 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;}
.active .f-page8{ opacity:1;}


.m-page8-tit img{ width:100%; height:auto;}


.m-page8-hetao{ 
    position: absolute;
    bottom: 2%;
    left: 50%;
    margin-left: -10%; width:20%;  height:auto; }
.m-page8-hetao img{ width:100%; height:auto;}


.active .m-page8-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-page8-title .m-page08-t01{ font-size:55px;}
.m-page8-title .m-page08-t02{ font-size:65px;}
.m-page8-desc{ width:1250px; height:58px; overflow:hidden; text-align:center; margin:10px auto 105px; position:relative; top:-500px;  opacity:0; z-index:99999;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-ms-transition: 0.6s;
-o-transition: 0.6s; 
transition: 0.6s;}
.active .m-page8-desc{ 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-product{ width:33.8%; height:auto; margin-top:5%;}
.m-product-left{ float:left;  position:relative; left:-900px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-product-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;}
.m-product-right{ float:right; position:relative; right:-900px; opacity:0;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition:1s; 
transition: 1s;}
.active .m-product-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;}
.m-product ul{ margin:0; padding:0; height:auto;}
.m-product ul li{ width:43%; height:auto; float:left; margin-right:7%; overflow:hidden; 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 ul li img{ max-width:100%; height:auto;}

.m-product-img{ width:100%; height:290px; text-align:center; position:relative;}
.m-product-txt{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#404240; position:absolute; bottom: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-product ul li:hover{ margin-top:-10px;}
.m-product ul li:hover .m-product-txt{ background:#034b45;}
.m-product ul li .m-product-shadow{ width:56px; height:14px; opacity:0; position:relative; top:70px; left:80px;
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 ul li:hover .m-product-shadow{ opacity:1;}


/*.m-product-left ul li:nth-child(1){ background:url(../images/p01.png) top center no-repeat;}
.m-product-left ul li:nth-child(2){ background:url(../images/p02.png) top center no-repeat; margin-right:0;}
.m-product-left ul li:nth-child(1) .m-product-img img{ width:100%; height:auto; max-height:100%; max-width:100%;}
.m-product-left ul li:nth-child(2) .m-product-img img{ width:100%; height:auto; max-height:100%; max-width:100%;}

.m-product-right ul li:nth-child(1){ background:url(../images/p03.png) top center no-repeat;}
.m-product-right ul li:nth-child(2){ background:url(../images/p04.png) top center no-repeat; margin-right:0;}
.m-product-right ul li:nth-child(1) .m-product-img img{ position:absolute; bottom:0; left:-35px;}
.m-product-right ul li:nth-child(2) .m-product-img img{ position:absolute; bottom:0; left:12px;}*/







/*第九屏 荣誉资质*/
.g-honor{ width:1200px; height:580px; margin:0 auto;}

.f-honor-title{ width:41%; height:auto; margin:0 auto;position:relative; top:-500px;  opacity:0; z-index:99999;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-ms-transition: 0.6s;
-o-transition: 0.6s; 
transition: 0.6s;}

.f-honor-title img{ width:100%; height:auto;}

.active .f-honor-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-honor{ width:1200px; height:240px; margin:75px auto 0;  position: relative; bottom:-1000px; opacity:0;
-webkit-transition:0.8s; 
-moz-transition:0.8s; 
-ms-transition:0.8s;
-o-transition:0.8s; 
transition:0.8s;}
.active .f-honor{ bottom: 0; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s;
-ms-transition-delay:1s;  
-o-transition-delay: 1s; 
transition-delay: 1s;}
.f-honor .prev{width:40px;height:80px;position:absolute;left:0px;top:80px;z-index:100; background:url(../images/n-l.png) left center no-repeat;
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-honor .prev:hover{ background-position: right center;}
.f-honor .next{width:40px;height:80px;position:absolute;right:0px;top:80px;z-index:100; background:url(../images/n-r.png) right center no-repeat;
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-honor .next:hover{ background-position: left center;}
.f-honor .scrollWrap{width:1070px; height:240px;overflow:hidden;position:absolute; margin-left:55px;}

.f-honor li{width:325px; height:240px;text-align:center;position:relative; float:left; margin:0 14px;}
.f-honor li .m-honor-img{ width:325px; height:240px; overflow:hidden;}
.f-honor li .m-honor-img img{ width:100%;}
.f-honor li .m-honor-txt{ width:285px;height:40px; background:url(../images/black_50.png) repeat; position:absolute;left:0;bottom:0; padding:0 20px; box-sizing:content-box;}
.f-honor li .m-honor-txt .m-honor-bt{ width:285px; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#fff; margin-bottom:0;}
.f-honor li .m-honor-txt .m-honor-desc{ width:285px; height:30px; line-height:30px; overflow:hidden; font-size:12px; color:#fff; margin-bottom:0;}

.f-honor li:hover .m-honor-txt{ background:url(../images/black_80.png) repeat;}



.m-honor-more{ width:187px; height:38px; line-height:38px; text-align:center; margin:65px auto 0; box-sizing:content-box; position: relative; opacity:0;
-webkit-transition:1s; 
-moz-transition:1s; 
-ms-transition:1s;
-o-transition:1s; 
transition:1s;}
.active .m-honor-more{ opacity:1;
-webkit-transition-delay: 1.5s; 
-moz-transition-delay: 1.5s;
-ms-transition-delay:1.5s;  
-o-transition-delay: 1.5s; 
transition-delay: 1.5s;}
.m-honor-more a{ font-size:14px; color:#034b45; display:block; background:url(../images/p-off.png) center center no-repeat;
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-honor-more a:hover{ background:#034b45; color:#fff;}





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

.f-honor-title{ width:35%; height:auto; margin:0 auto;position:relative; top:-500px;  opacity:0; z-index:99999;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-ms-transition: 0.6s;
-o-transition: 0.6s; 
transition: 0.6s;}

.f-honor-title img{ width:100%; height:auto;}

.active .f-honor-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-honor{ width:1200px; height:240px; margin:45px auto 0;  position: relative; bottom:-1000px; opacity:0;
-webkit-transition:0.8s; 
-moz-transition:0.8s; 
-ms-transition:0.8s;
-o-transition:0.8s; 
transition:0.8s;}
.active .f-honor{ bottom: 0; opacity:1;
-webkit-transition-delay: 1s; 
-moz-transition-delay: 1s;
-ms-transition-delay:1s;  
-o-transition-delay: 1s; 
transition-delay: 1s;}
.f-honor .prev{width:40px;height:80px;position:absolute;left:0px;top:80px;z-index:100; background:url(../images/n-l.png) left center no-repeat;
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-honor .prev:hover{ background-position: right center;}
.f-honor .next{width:40px;height:80px;position:absolute;right:0px;top:80px;z-index:100; background:url(../images/n-r.png) right center no-repeat;
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-honor .next:hover{ background-position: left center;}
.f-honor .scrollWrap{width:1070px; height:240px;overflow:hidden;position:absolute; margin-left:55px;}

.f-honor li{width:325px; height:190px;text-align:center;position:relative; float:left; margin:0 17px;}
.f-honor li .m-honor-img{ width:325px; height:240px; overflow:hidden;}
.f-honor li .m-honor-img img{ width:100%;}
.f-honor li .m-honor-txt{ width:285px;height:40px; background:url(../images/black_50.png) repeat; position:absolute;left:0;bottom:0; padding:0 20px; box-sizing:content-box;}
.f-honor li .m-honor-txt .m-honor-bt{ width:285px; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#fff; margin-bottom:0;}
.f-honor li .m-honor-txt .m-honor-desc{ width:285px; height:30px; line-height:30px; overflow:hidden; font-size:12px; color:#fff; margin-bottom:0;}

.f-honor li:hover .m-honor-txt{ background:url(../images/black_80.png) repeat;}

  

.m-honor-more{ width:187px; height:38px; line-height:38px; text-align:center; margin:35px auto 0; box-sizing:content-box; position: relative; opacity:0;
-webkit-transition:1s; 
-moz-transition:1s; 
-ms-transition:1s;
-o-transition:1s; 
transition:1s;}
.active .m-honor-more{ opacity:1;
-webkit-transition-delay: 1.5s; 
-moz-transition-delay: 1.5s;
-ms-transition-delay:1.5s;  
-o-transition-delay: 1.5s; 
transition-delay: 1.5s;}
.m-honor-more a{ font-size:14px; color:#034b45; display:block; background:url(../images/p-off.png) center center no-repeat;
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-honor-more a:hover{ background:#034b45; color:#fff;}
}







/*第十屏 联系我们 */
.g-map{ width:100%; height:40%; position:absolute; top:0;}
.f-map{ width:100%; height:100%; position:relative;}


.g-page09{ width:100%; background:#343434; padding-top:20px; height:300px; opacity:0; position:absolute; bottom:80px;}
.g-contact{ width:1200px; height:300px; position:relative; bottom:-800px;  opacity:0; z-index:99999; margin:0 auto;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s;
-o-transition: 1s; 
transition: 1s;}
.active .g-contact{ bottom: 0; opacity:1;
-webkit-transition-delay: 0.6s; 
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;  
-o-transition-delay: 0.6s; 
transition-delay: 0.6s;}
.active .g-page09{
	 opacity:1;
	}

.f-contact{ width:1120px; height:280px;}


/*二维码*/
.m-code{ width:180px; height:230px; float:left;}
.m-code-title{ width:135px; height:30px; line-height:30px; padding-left:45px; box-sizing:content-box; font-size:12px; color:#fff; background:url(../images/wx.png) left center no-repeat; margin-bottom:45px;}
.m-code-img{ width:160px; height:160px; margin:0 auto;}
.m-code-img img{ width:160px; height:160px;}



/*联系我们*/
.m-lxwm{ width:278px; height:230px; float:left;}
.m-lxwm-title{ width:420px; height:30px; line-height:30px;  font-size:24px; color:#fff;  margin-bottom:20px;}
.m-lxwm ul{ margin:0; padding:0;}
.m-lxwm ul li{ width:420px; height:20px; line-height:20px; font-size:14px; color:#fff; margin-bottom:10px;}

.m-lxwm-logo{ width:205px; height:45px; margin-top:30px;}



/*快速导航*/
.f-bottom-nav{ width:120px; height:230px; float:left; margin-left:60px;}
.f-bottom-nav-title{ width:120px; height:30px; line-height:30px;  font-size:24px; color:#fff;  margin-bottom:20px;}
.f-bottom-nav ul{ margin:0; padding:0;}
.f-bottom-nav ul li{ width:120px; height:20px; line-height:20px; margin-bottom:10px;}
.f-bottom-nav ul li a{ font-size:14px; color:#fff;}
.f-bottom-nav ul li a:hover{ color:#06756c;}





/*留言*/
.m-message{ width:400px; height:130px; float:right; margin-left:55px;}
.m-message-title{ width:400px; height:30px; line-height:30px;  font-size:24px; color:#fff; margin-bottom:20px;}
.m-message .messageBox,.m-message .button{ float:left;}
.m-message .messageBox{ width:400px;}


.m-ly{ width:180px; height:160px; float:left;}


.m-message .messageBox .name{width:378px; height:24px; line-height:24px; background:none; font-size:14px; color:#a2a2a2; padding:5px 10px; box-sizing:content-box; border:1px solid #fff; margin-bottom:20px; }
.m-message .messageBox .phone{width:378px; height:24px; line-height:24px; background:none; font-size:14px; color:#a2a2a2; padding:5px 10px; box-sizing:content-box; border:1px solid #fff; margin-bottom:20px;  }
.m-message  .messages{ width:378px; height:58px; line-height:24px; background:none; font-size:14px; color:#a2a2a2; padding:5px 10px; box-sizing:content-box; border:1px solid #fff; resize:none; float:right; margin-bottom:20px;}
.m-message .button{ width:130px; height:36px; line-height:36px; overflow:hidden; float:right;}
.m-message .button button{ width:130px; height:36px; display:block; background:#034b45; border:none; font-size:18px; color:#fff;}



/*icp*/
.g-icp{ width:100%; height:35px; position:absolute; bottom:0; }
.f-icp{ width:1200px; height:35px; line-height:35px; margin:0 auto; position:relative; bottom:-1000px; text-align:center;
-webkit-transition: 1s; 
-moz-transition: 1s; 
-ms-transition: 1s; 
-o-transition:1s; 
transition: 1s;}
.active .f-icp{ bottom: 0;
-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-icp span{ font-family:微软雅黑; font-size:14px; color:#a3a3a3; height:35px; line-height:35px; margin:0 5px;}
.f-icp a{ font-family:微软雅黑; font-size:14px; color:#a3a3a3;}
.f-icp a:hover{ color:#06756c;}






@media screen and (max-height: 650px){
	.g-page09{ position:absolute; bottom:20px;}
}

@media screen and (max-height: 730px){
	.g-page09{ bottom:30px;}
}


@media screen and (max-width: 1400px){
	.g-page09{ position:absolute; bottom:30px;}
}


@media screen and (max-height: 670px) {
	.f-page2{ width:1000px; height:440px; margin-top:90px;}
	.m-page2-img{ margin-left:-40px; width:500px; height:auto; padding-top:40px;}
	.m-page2-img img{ width:100%; height:auto;}
	.m-page2-txt{ width:520px; height:80px; line-height:40px; font-size:36px;}
	.m-page3-title{ font-size:36px; height:100px; line-height:50px;}
	
	
	.m-page6-title{ font-size:36px; height:100px; line-height:50px;}
	
	
	.f-page4{ width:1000px; height:440px; margin-top:70px;}
	.m-page4-img{ width:350px; height:auto;}
	.m-page4-img img{ width:100%; height:auto;}
	.m-page4-txt{ width:690px; margin-top:0;}
	.m-page4-title{ margin-top:70px; line-height:40px; height:80px; font-size:36px;}
	
	
.f-page5{ width:1000px;height:440px; margin-top:50px;}
.m-page5-img{ width:350px; padding-top:20px; margin-left:0; height:auto;}
.m-page5-img img{ width:100%; height:auto;}
.m-page5-title{ height:80px; line-height:40px; font-size:30px;}
.m-top-40{ margin-top:20px;}
.m-page5-txt{ margin-top:0; height:380px;}


.f-page7{ width:1000px; height:440px;}
.f-page7-txt{width: 714px;height: 409px; margin-top:80px;}
.m-page7-title{padding-top:30px; font-size:36px; line-height:50px;}
.m-page7-desc{ width:626px;}
.m-page7-img01{ width:260px; height:auto; top:-32px;}
.m-page7-img01 img{ width:100%; height:auto;}
.m-page7-img02{ width:302px; height:auto;}
.m-page7-img02 img{ width:100%; height:auto;}

.f-page8{ max-width:950px; margin-top:20px;}
}