@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;}
body{padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
ul,li{ list-style-type:none; margin:0; padding:0;}
img { border-style: none; }
p{ margin:0; padding:0;}
a{text-decoration:none;}
a:hover{ text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}


/*通用文字颜色,大小等等*/

#week_nav {position: relative;top: 0;z-index: 15;width: 100%;height: 130px;background:#006600;}
.wk_index_main {margin-top: -130px;width: 100%;background:#006600;}
.head_bj{ width:100%; height:130px; background:#006600; min-width:1180px !important;}
.wk_lonav{ width:1180px; height:130px; margin:0 auto; background:#006600;}
.logo{width:406px; float:left;}
.logo img{width:100%;}
.top li{ float:left; color:#fff; padding-left:25px; line-height:25px; margin-top:10px;}
.top .tel{background:url(../Image/tel.png) left center no-repeat;}
.top .add{background:url(../Image/add.png) left center no-repeat; margin-left:20px;}

/*.nav{width:660px;height:60px; margin-top:10px;overflow:hidden;}
.nav li{width:auto;height:60px;margin-left:30px;text-align:center;float:left;}
.nav li a{width:auto;height:60px;line-height:60px;padding:0px 6px;display:block; color:#000;}
*/
.nav{ margin-top:10px;}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  position: relative; width:105px; float:left; text-align:center; color:#fff; line-height:50px;
}
.nav a {
  display: block;
  color:#fff;  width:105px;font-size:15px; display:block; float:left;
}
.nav a:hover {
   color:#f39136; font-weight:bold;
}
.nav li ul { width:120px;
}
.nav li ul li {
   line-height:30px; background:#f39136; width:120px;color:#fff;
}
.nav li ul a {
  border: none; line-height:30px; font-size:12px; color:#000000; width:120px; margin-left:0px;
}
.nav li ul a:hover {
  background:#f39136; color:#fff;
}

.nav4 ul > li:hover ul li {
  max-height: 150px;
}
.nav4 li ul {
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 999999;
}
.nav4 li ul li {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}



/*********************head end*****************/



#dn-nav {position: fixed;top: 50%;z-index: 100;margin-top: -32px;opacity: 1;-webkit-transform: translate3d(0, 0, 0);}
#dn-nav.right {right: 50px;}
#dn-nav ul {margin: 0;padding: 0;}
#dn-nav ul li {position: relative;display: block;margin: 7px;width: 15px;height: 15px;}
#dn-nav ul li a {position: relative;z-index: 1;display: block;width: 100%;height: 100%;text-decoration: none;cursor: pointer;}
#dn-nav ul li a span {position: absolute;top: 50%;left: 50%;z-index: 1;margin: -3px 0 0 -3px;width: 7px;height: 7px;border: 0;border-radius: 50%;background: #fff;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#dn-nav ul li a.active span, #dn-nav ul li:hover a.active span {margin: -7px 0 0 -7px;width: 15px;height: 15px;border-radius: 100%;background: #54c434;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height: auto!important;}



/****************************dot end*****************/

.section {position: relative;overflow: hidden;}
.page1 {background: #000;width: 100%;}
.wk_slide-wrap {position: relative;width: 100%;height: 100%;}
.wk_slide-wrap ul {width: 100%;height: 100%;}
.wk_slide-wrap li {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;width: 100%;height: 100%;text-align: center;}
.wk_slide-wrap li .img {position: relative;z-index: 9;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;-ms-transition: all 1s;}
.wk_slide-wrap li.wk_selected .img {-webkit-transform: translate3d(0, 0, 0)!important;transform: translate3d(0, 0, 0)!important;-ms-transform: translate3d(0, 0, 0)!important;}
.wk_slide-wrap li .text {position: relative;z-index: 9;margin-top: 25px;color: #fff;font-size: 20px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-ms-transition: all .5s;}

.wk_slide-wrap .wk_banner {position: absolute;top: 0;left: 0;z-index: 0;height: 100%;min-width: 100%;}
.wk_slide-wrap li#wk_s1 .wk_banner {background: url(../Image/banner1.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;}
.wk_slide-wrap li#wk_s1.wk_selected .wk_banner {opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}
.wk_slide-wrap li#wk_s1 .wk_wrap {position: absolute;top: 45%;left: 50%;margin-top: -300px;margin-left: -590px;width: 1180px;height: 600px;}
.wk_slide-wrap li#wk_s1 .wk_banner12 img {position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -12px;opacity: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner12 img {margin-top: -137px;margin-left: -450px;width: 906px;height: 337px;opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}
.wk_slide-wrap li#wk_s1 .wk_banner14 {position: absolute;top: 300px;right: -300px;opacity: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-ms-transition: all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner14 {right: -100px;opacity: 1;-webkit-transition-delay: 800ms;-moz-transition-delay: 800ms;transition-delay: 800ms;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}

.wk_slide-wrap li#wk_s2 .wk_wrap {position: absolute;top: 45%;left: 50%;margin-top: -155px;margin-left: -372px;width: 745px;height: 310px;}
.wk_slide-wrap li#wk_s2 .wk_banner {background: url(../Image/banner2.jpg) no-repeat center;background-size: cover;opacity: 0;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-opacity: 0;-ms-opacity: 0;-moz-opacity: 0;-webkit-background-size: cover;-moz-background-size: cover;}
.wk_slide-wrap li#wk_s2.wk_selected .wk_banner {opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}
.wk_slide-wrap li#wk_s2 .wk_banner23 { width:860px; position: absolute;top: 130px; left:50%; margin-left:100px;opacity: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner23 {margin-left:-430px;opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}

.wk_slide-wrap li#wk_s3 .wk_wrap {position: absolute;top: 45%;left: 50%;margin-top: -140px;margin-left: -332px;width: 665px;height: 354px;}
.wk_slide-wrap li#wk_s3 .wk_banner {background: url(../Image/banner3.jpg) no-repeat center;background-size: cover;opacity: 0;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-opacity: 0;-ms-opacity: 0;-moz-opacity: 0;-webkit-background-size: cover;-moz-background-size: cover;}
.wk_slide-wrap li#wk_s3.wk_selected .wk_banner {opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}
.wk_slide-wrap li#wk_s3 .wk_banner32 { width:582px;position: absolute;top: -200px;left: 50%;margin-left: -332px;opacity: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s3.wk_selected .wk_banner32 {top: 0; margin-left:-500px;opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}
.wk_slide-wrap li#wk_s3 .wk_banner33 {position: absolute;bottom: -200px;left: 50%;margin-left: -332px;opacity: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s3.wk_selected .wk_banner33 { margin-left:-500px;bottom: 0;opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;}


.page1 .wk_arrow {position: absolute;bottom: 140px;left: 50%;z-index: 20;display: block;margin-left: -44px;width: 87px;height: 87px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;line-height: 87px;cursor: pointer;}
.page1 .wk_arrow img {position: relative;top: 26px;}
.page1 .wk_arrow:after, .page1 .wk_arrow:before {position: absolute;top: 0;left: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: '';pointer-events: none;}
.page1 .wk_arrow:before {width: 88px;height: 88px;border: 1px solid #fff;-webkit-transition: all .8s cubic-bezier(.455, .03, .515, .955);-moz-transition: all .8s cubic-bezier(.455, .03, .515, .955);-o-transition: all .8s cubic-bezier(.455, .03, .515, .955);transition: all .8s cubic-bezier(.455, .03, .515, .955);}
.page1 .wk_arrow:after {width: 86px;height: 86px;border: 2px solid #fff;background-color: rgba(255,255,255,.1);opacity: 0;-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);transition: all .8s cubic-bezier(.77, 0, .175, 1);-webkit-transform: scale(.5, .5);-moz-transform: scale(.5, .5);transform: scale(.5, .5);-ms-transform: scale(.5, .5);}
.page1 .wk_arrow:hover:before {opacity: 0;-webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);-moz-transition: all .8s cubic-bezier(.25, .46, .45, .94);-o-transition: all .8s cubic-bezier(.25, .46, .45, .94);transition: all .8s cubic-bezier(.25, .46, .45, .94);-webkit-transform: scale(1.5, 1.5);-moz-transform: scale(1.5, 1.5);transform: scale(1.5, 1.5);-ms-transform: scale(1.5, 1.5);}
.page1 .wk_arrow:hover:after {opacity: 1;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-ms-transform: scale(1, 1);}
.wk_slide-nav-wrap {position: absolute;bottom: 35px;left: 0;z-index: 8;overflow: hidden;margin-bottom: -22px;padding-top: 25px;width: 100%;height: 84px;opacity: 1;-webkit-transform: translateY(100%);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-moz-transform: translateY(100%);-moz-transform: matrix(1, 0, 0, 1, 0, 0);transform: translateY(100%);transform: matrix(1, 0, 0, 1, 0, 0);-webkit-opacity: 1;-ms-opacity: 1;-moz-opacity: 1;-ms-transform: translateY(100%);-ms-transform: matrix(1, 0, 0, 1, 0, 0);}
#wk_slide-nav {position: relative;z-index: 10;margin: auto;width: 620px;height: 26px;-webkit-transform: translateX(90px);-moz-transform: translateX(90px);transform: translateX(90px);-ms-transform: translateX(90px);}
.wk_nav-line {position: relative;top: 13px;float: left;width: 90px;height: 1px;}
.wk_nav-line:after {position: absolute;top: 0;width: 90px;height: 100%;background-color: #fff;content: '';-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);transition: all .8s cubic-bezier(.77, 0, .175, 1);}

.wk_nav-line.small:after {width: 78px;}
.wk_nav-line.x-small:after {width: 63px;-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);-moz-transition: all 1s cubic-bezier(.77, 0, .175, 1);-o-transition: all 1s cubic-bezier(.77, 0, .175, 1);transition: all 1s cubic-bezier(.77, 0, .175, 1);}
.wk_nav-line.prev:after {left: 0;}
.wk_nav-line.next:after {right: 0;}
.wk_nav-line:first-child:before, .wk_nav-line:last-child:before {position: absolute;top: 0;width: 8000px;height: 1px;background-color: #fff;content: '';-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.wk_nav-line:first-child:before {left: -8000px;}
.wk_nav-line:last-child:before {right: -8000px;}
.wk_nav-bullet-container {position: relative;float: left;width: 26px;height: 26px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.wk_nav-bullet-container:nth-child(1) {margin-left: 100px;}
.wk_nav-bullet-container:before {position: absolute;top: -15px;left: 8px;width: 0;height: 0;border-color: #fff transparent transparent transparent;border-style: solid;border-width: 6px 5px 0 5px;content: '';opacity: 0;-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);transition: all .8s cubic-bezier(.77, 0, .175, 1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);pointer-events: none;-ms-transform: translateY(-10px);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#wk_slide-nav .wk_nav-bullet-container:hover:before {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);-ms-transform: translateY(0);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:before {opacity: 0;-webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);-moz-transition: all .8s cubic-bezier(.25, .46, .45, .94);-o-transition: all .8s cubic-bezier(.25, .46, .45, .94);transition: all .8s cubic-bezier(.25, .46, .45, .94);-webkit-transform: scale(2, 2);-moz-transform: scale(2, 2);transform: scale(2, 2);-ms-transform: scale(2, 2);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:after {opacity: .2;-webkit-transform: scale(3.3, 3.3);-moz-transform: scale(3.3, 3.3);transform: scale(3.3, 3.3);-ms-transform: scale(3.3, 3.3);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-bullet {opacity: 1;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-ms-transform: scale(1, 1);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-text {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);-ms-transform: translateY(0);}
.wk_nav-bullet-container.active .nav-link:after {opacity: 1;}
.nav-link {position: relative;display: block;width: 100%;height: 100%;color: #fff;}
.nav-link:before {position: absolute;top: 5px;left: 5px;width: 14px;height: 14px;border: 1px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: '';opacity: 1;-webkit-transition: all .8s cubic-bezier(.455, .03, .515, .955);-moz-transition: all .8s cubic-bezier(.455, .03, .515, .955);-o-transition: all .8s cubic-bezier(.455, .03, .515, .955);transition: all .8s cubic-bezier(.455, .03, .515, .955);}
.nav-link:after {position: absolute;top: 9px;left: 9px;width: 8px;height: 8px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff;content: '';opacity: 1;-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nav-bullet {position: absolute;top: 9px;left: 9px;width: 8px;height: 8px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff;opacity: 0;-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);transition: all .8s cubic-bezier(.77, 0, .175, 1);-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);transform: scale(0, 0);-ms-transform: scale(0, 0);}
.nav-text {position: absolute;bottom: -22px;left: -44px;width: 113px;color: #fff;text-align: center;font-size: 12px;opacity: 0;-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);transition: all .8s cubic-bezier(.77, 0, .175, 1);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);pointer-events: none;-ms-transform: translateY(10px);}


/********************page1 end***********************/



.page2 {background: url(../Image/bj2.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; min-width:1180px !important;}

.index_pro{ width:1180px; height:auto; margin:0 auto; margin-top:190px;}
.index_pro_top{position: relative;top: 0;left: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s; text-align:center;}
.index_pro_main{position: relative;top: 0;right: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
#gundong{width:1180px; margin:0 auto;overflow:hidden;height:auto; margin-top:65px;}
#indemo{float: left;width: 800%;}
#gundong1,#gundong2{height:auto;float:left;display:inline-table;}
#gundong1 ul,#gundong2 ul{ overflow:hidden;}
#gundong1 .pro_li,#gundong2 .pro_li{ float:left; width:270px; height:auto; margin:0 11px; transition: all 0.5s; overflow:hidden; position:relative;}
#gundong1 .pro_li div,#gundong2 .pro_li div{ width:261px; height:261px; transition: all 1s; margin:7px; border:1px solid #999;}
#gundong1 .pro_li div img,#gundong2 .pro_li div img{ width:247px; height:247px;}
#gundong1 .pro_li p,#gundong2 .pro_li p{ line-height:39px; text-align:center; color:#000; font-size:20px; transition: all 1.7s;}
#gundong1{float: left;height:auto;}
#gundong2{float: left;}
#gundong1 .pro_li:hover p,#gundong2 .pro_li:hover p{bottom:0px;}

.index_pro_more{position: relative;left: 0;bottom: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s; width:160px; height:37px; line-height:37px; background:#609d18; color:#fff; font-size:18px; text-align:center; margin:0 auto; border-radius:37px; margin-top:40px;}

.page2.active .index_pro_top{ left:0;}
.page2.active .index_pro_main{ right:0;}
.page2.active .index_pro_more{ bottom:0;}




/*********************page2 end******************/


.page3{background: url(../Image/bj3.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; min-width:1180px !important;}
.index_about{ width:1180px; height:auto; margin:0 auto; margin-top:225px;}
.index_about_top{ text-align:right;position: relative;top: 0;right: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_about_main{ width:885px; float:right; font-size:15px; line-height:30px; margin-top:70px; color:#5d5d5d; text-align:right;position: relative;top: 0;right: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_about_more{position: relative;top: 0;right: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s; width:160px; height:37px; line-height:37px; background:#609d18; color:#fff; font-size:18px; text-align:center; border-radius:37px; margin-top:40px;}

.page3.active .index_about_top{ right:0;}
.page3.active .index_about_main{ right:0;}
.page3.active .index_about_more{ right:0;}



/********************page3 end*******************/



.page4{background: url(../Image/bj4.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; min-width:1180px !important;}
.index_contact{ width:1180px; height:auto; margin:0 auto; margin-top:225px;}
.index_contact div p{ color:#609d18; font-size:30px; font-weight:100; background:url(../Image/p4.png) no-repeat left bottom; padding-bottom:20px; margin-bottom:30px;}
.index_contact .index_contact_left{ width:420px;position: relative;top: 0;left: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_contact .index_contact_left li{ color:#222222; font-size:19px; background:url(../Image/p3.png) no-repeat left  center; padding-left:20px; line-height:40px;}
.index_contact .index_contact_mid{ width:420px;position: relative;top: 0;left: -600px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_contact .index_contact_mid li{ color:#222222; font-size:19px; background:url(../Image/p3.png) no-repeat left  center; padding-left:20px; line-height:40px;}
.index_contact .index_contact_right{ width:340px;position: relative;top: 0;left: -800px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_contact .index_contact_right li{ color:#222222; font-size:19px;line-height:40px;}
.cop{ margin-top:140px;position: relative;top: 0;left: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_foot{ margin-top:100px; text-align:center; font-size:16px; color:#000;position: relative;left: 0;bottom: -400px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.index_foot a{ color:#000;}
.index_foot span{ margin-left:10px;}

.page4.active .index_contact_left{ left:0;}
.page4.active .index_contact_mid{ left:0;}
.page4.active .index_contact_right{ left:0;}
.page4.active .cop{ left:0;}
.page4.active .index_foot{ bottom:0;}


/**************************page4 end********************/