@charset "utf-8";
html, body {
  overflow: visible;

}
* { margin: 0; padding: 0;}
a {  text-decoration: none; color:#ffffff;}
a:link { text-decoration: none; }
a:visited  { text-decoration: none; }
a:hover { text-decoration:none;}
a img { border:0;}
ul { list-style:none;}
.clear{ clear:both; height:0px; overflow:hidden; margin:0px;}
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
.nav_box{ z-index:9999; top:-98px; left:0; position:absolute; width:100%; height:98px; background:#ffffff;  transition: all 0.7s;  } 
.active  .nav_box{ top:0; transition-delay: 0.7s; }
.nav{ width:63.9%; height:98px; margin:0 auto;}
.logo{ width:auto;  float:left;width:19.7%; display: table;line-height: 98px;}
.logo img{ width:99%;vertical-align: middle;line-height: 98px;}
.dao{  height:98px;  line-height: 98px;width:75.3%;float: right;padding-left: 1%;}
.dao ul li a{ color:#000000; font-family:"微软雅黑"; font-size:14px;  line-height:98px; display:block;}
.p_dao{ width: 30px; float: right; display: none;}
.p_dao img{ width: 100%;}
.shouban{ width: 100%; height: auto; margin: 0 auto;  background-repeat:no-repeat;  background-size:cover; background-position: center; display: none;}
/*王海杭*/
.whhxianzhi{width:62.5%;margin:0 auto;padding-top: 53%;position: relative;}
.a011{ width:100%; height:auto; margin:0 auto; text-align:center;font-family:"微软雅黑";position:relative;top:20%;font-size: 26px;color:#ff0000;text-transform:Uppercase;transition:all 0.7s; opacity:0;}
.active .a011{ top:19%; transition-delay: 0.8s; opacity:1;}
.whh01{width:25.4%;height: 33%;border: 5px solid #226192; position:absolute;float: left;top:20%;left:11%;text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.active .whh01{ top:19%; transition-delay: 1.0s; opacity:1;}
.whh02{width:25.4%;height: 33%;border: 5px solid #226192; position:absolute; float: left; left: 15%;top:23%;text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.whh02 img{width:100%;height: 100%;}
.whh02 img:hover{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */transition: opacity 0.7s;}
.active .whh02{ top:22%; transition-delay: 1.2s; opacity:1;}
.whh01nr{width:53.5%;position: absolute;top: 27%;left: 50%; transition: all 0.7s; opacity:0;}
.active .whh01nr{  transition-delay: 1.4s; opacity:1;}
.whh01nr h1{font-size: 20px;color:#2082d5;line-height: 18px;}
.whh01nr h4{font-size: 20px;color:#ff0000;line-height: 51px;}
.whh01nr h3{font-size: 14px;color:#ffffff;font-weight: normal;line-height: 23px;}
.whh01nr h5{display: none;}
.awhhbiaoti{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#999999; font-family:"微软雅黑"; font-size:36px;  top:30%; text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.active .awhhbiaoti{ top:20%; transition-delay: 0.7s; opacity:1;}
.a02biaoti{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#000000; font-family:"微软雅黑"; font-size:32px;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .a02biaoti{ top:19%; transition-delay: 0.9s; opacity:1;}
.whhxw{width:65.5%;margin: 0 auto;top:37%;left: 14%;position: absolute;transition: all 0.9s; opacity:0;}
.active .whhxw{  transition-delay: 1.1s; opacity:1;}
.whhxw1{width:39.8%;float:left;position: relative;}
.whhxw1 img{width:100%;}
.whhyy{width:100%;line-height: 54px; background: rgba(0, 0, 0,0.5);height: 54px; position: absolute;bottom: 1%;}
.whhyy h3{float:left;font-size: 16px;color:#ffffff;padding-left: 2%;transition: all 1.1s; opacity:0;}
.active .whhyy h3{  transition-delay: 1.3s; opacity:1;}
.whhyy h4{float: right;font-size: 14px;color:#ffffff;padding-right: 2%;transition: all 1.2s; opacity:0;}
.active .whhyy h4{  transition-delay: 1.5s; opacity:1;}
.whhxwlb{float:right;width:59%;transition: all 1.3s; opacity:0;}
.active .whhxwlb{  transition-delay: 1.7s; opacity:1;}
.whhxwlb li{margin-bottom: 3.5%;background: #ffffff;}
.whhxwz{width:12%;float:left;padding-top: 7px;padding-left: 18px;text-align: center;padding-bottom: 7px;}
.whhxwz h3{font-size: 48px;color:#6b708a;line-height: 52px;}
.whhxwz h4{font-size: 20px;color:#dbdade;line-height: 28px;}
.whhxwz h5{font-size: 14px;color:#666666;line-height: 27px;}
.whhxwy{width:84%;float:right;}
.whhxwy h3{font-size: 16px;color:#333333;line-height: 61px;}
.whhxwy h4{font-size: 14px;color:#666666;line-height: 25px;}
.whhsp{width:38.2%;height: 47.4%;margin: 0 auto;position: absolute;top: 35%;left: 31.25%;transition: all 1.2s; opacity:0;}
.active .whhsp{  transition-delay: 1.2s; opacity:1;}
.whhspkz{width:100%;height: 100%;}
.whhspkz video {width:100%;height: 100%;}
.whhsylianxi{width:58.4%;height: 360px;background: rgba(209, 211, 205,0.8);margin: 0 auto;margin-top: 12%;transition: all 1.3s; opacity:0;}
.active .whhsylianxi{transition-delay: 0.8s; opacity:1;}
.whhxltu{width:36%;}
.whhxltu img{float:left;padding-left: 5%;transition: all 1s; opacity:0;width:100%;}
.active .whhxltu img{transition-delay: 1.3s; opacity:1;}
.lxwz{float:right;padding-top: 4%;padding-right: 5%;transition: all 1.2s; opacity:0;width:52%;}
.active .lxwz{transition-delay: 1.4s; opacity:1;}
.lxwz h2 {font-size: 36px;color:#000000;text-transform:Uppercase;width:45%;float:left;transition: all 0.5s; opacity:0;}
.active .lxwz h2{transition-delay: 1.6s; opacity:1;}
.lxwz h3 {font-size: 16px;color:#464749;width:55%;float:left;padding-top: 4%;transition: all 0.5s; opacity:0;}
.active .lxwz h3{transition-delay: 1.8s; opacity:1;}
.lxwz h4 {font-size: 16px;color:#333333;line-height: 36px;transition: all 0.5s; opacity:0;}
.active .lxwz h4{transition-delay: 2.0s; opacity:1;}
.lxwz h5 {font-size: 30px;color:#333333;line-height: 58px;font-weight: normal;transition: all 0.5s; opacity:0;}
.active .lxwz h5{transition-delay: 2.2s; opacity:1;}
.lxwz h6 {font-size: 16px;color:#56565d;line-height: 26px;font-weight: normal;transition: all 0.5s; opacity:0;}
.active .lxwz h6{transition-delay: 2.4s; opacity:1;}
.lxwz img{display: none;transition: all 0.5s; opacity:0;}
.active .lxwz img{transition-delay: 2.6s; opacity:1;}
/*导航*/
.whhnav{margin:0 auto;height: 98px;line-height: 98px;float:right;width:100%;}
.whhnav ul{float:right;width:100%;}
.whhnav ul li{float: left;height: 98px;line-height: 98px;text-align: center;width:10%;}
.whhnav ul li:hover{border-bottom: 3px solid #0a38d1;}
.whhnav ul li a{color: #000000;display: block;font-size: 14px;height: 98px;line-height: 98px;width:100%;}
.whhnav ul li a:hover{color:#0a38d1;}
.whhnav ul li:hover a.yanse{color:#0a38d1;border-bottom: 2px solid #0a38d1;}
.whhnav ul li .s_nav{width: 100%;background:rgba(10,56,209,0.7);display: none;position: relative;z-index: 9999;width:100%;}
.whhnav ul li .s_nav a{display: block;height: 53px;line-height: 53px;color: #fff;font-size: 14px;width:100%;}
.whhnav ul li .s_nav a:hover{background:rgba(0,0,0,0.2);}
/*导航结束*/
.swiper-slide {height: 100%;}
.swiper-slide img{padding-top:97px;width:100%;height: 100%;}
.wrap { width: 100%; margin: 0 auto;padding-top: 98px; }
.a01{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#ffffff; font-family:"微软雅黑"; font-size:36px;  top:30%; text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.active .a01{ top:18%; transition-delay: 0.7s; opacity:1;}
.a02{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:32px;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;z-index: 999;}
.active .a02{ top:19%; transition-delay: 0.9s; opacity:1;}
.c03{ width:1200px; height:auto; margin:0 auto;  position:relative;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .c03{ top:25%; transition-delay: 1.1s; opacity:1;}
.c03_01{ width:23.8%; height: auto; float: left; margin-left: 1.2%;}
.c03_01_top{ width:100%; height: auto; float: left; transition: all 0.3s;}
.c03_01_top img{ width:100%; float: left;}
.more3 img:hover{transform: rotate(360deg);
-ms-transform: rotate(360deg);   /* IE 9 */
-webkit-transform: rotate(360deg); /* Safari and Chrome */
-o-transform: rotate(360deg);    /* Opera */
-moz-transform: rotate(360deg);    /* Firefox */
transition: all 0.5s;
}
.c03_01_top img:hover{opacity:0.7;filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */transition: opacity 0.7s;}

.c03_01_bot{ width:100%; height: 40px; float: left; background: #226091; line-height: 43px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align: center; position:relative;  z-index: 1;}
/*首页幻灯*/
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
width: 100%;
height: 100%;
}

.whhbanner1{display: none;}
.whhnav_box{  width:100%; height:98px; background:#ffffff;  transition: all 0.7s;  } 
.active  .whhnav_box{ top:0; transition-delay: 0.7s; }
/*首页幻灯*/

.fenye{
    width: 100%;
    padding:30px 0px;
    margin-top: 10px !important;
    text-align: center;
   margin: 0 auto;

}
.fenye a {
    text-decoration: none;
    color: #333;
    padding: 10px 15px 10px 15px;
    background-color: #eeeff3;
    margin-right: 5px;
    margin-left: 5px;
     display: inline-block;
}
.fenye span {
    text-decoration: none;
    color: #333;
    padding: 10px 15px 10px 15px;
    background-color: #eeeff3;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
}
.fenye a:visited {
    text-decoration: none;
    color: #333;
}
.fenye a:link {
    text-decoration: none;
    color: #333;}
.fenye div .current{background: #e77817; color: white;}

.sxp a{color:#000000;}
.sxp a:hover{color:#333333;}
.sxp{padding-top: 2%;}
.newsshow{width:92%;margin: 0 auto;}
.dyneirong{min-height: 126px;}


/*
.a03{ width:50%; height:auto; margin:0 auto; text-align:center; position:relative; color:#ffffff; font-family:"微软雅黑"; font-size:14px;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .a03{ top:25%; transition-delay: 1.1s; opacity:1;}
.a04{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:14px;  top:35%; text-transform:Uppercase; }
.p_a04{width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:14px;  top:35%; text-transform:Uppercase; display: none;}

 animation:quan_top 5s linear 0s normal none infinite ;}
.a04_01{ width:135px; height:auto; float:left; display:inline; margin-left:30px;  margin-right:30px; transition: all 0.7s; opacity:0; margin-top:50px; }
.active .a04_01{ margin-top:0px;transition-delay: 0.7s; opacity:1;}
.a04_01_top{ width:135px; height:135px; float:left; display:inline; 
-webkit-animation:quan_top 5s linear 0s normal none infinite ;
 animation:quan_top 5s linear 0s normal none infinite ;
} 
.a04_01_bot{ width:100%; height:40px; float:left; display:inline; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.a04_02{ width:135px; height:auto; float:left; display:inline; margin-left:30px;  margin-right:30px;  transition: all 0.7s; opacity:0; margin-top:50px; }
.active .a04_02{ margin-top:0px;transition-delay: 0.8s; opacity:1;}
.a04_02_top{ width:135px; height:135px; float:left; display:inline;} 
.a04_02_bot{ width:100%; height:40px; float:left; display:inline; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.a04_03{ width:135px; height:auto; float:left; display:inline; margin-left:30px;  margin-right:30px;   transition: all 0.7s; opacity:0; margin-top:50px;}
.active .a04_03{ margin-top:0px;transition-delay: 0.9s; opacity:1;}
.a04_03_top{ width:135px; height:135px; float:left; display:inline; 
-webkit-animation:quan_top 5s linear 0s normal none infinite ;
 animation:quan_top 5s linear 0s normal none infinite ;} 
.a04_03_bot{ width:100%; height:40px; float:left; display:inline; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.a04_04{ width:135px; height:auto; float:left; display:inline; margin-left:30px;  margin-right:30px;  transition: all 0.7s; opacity:0; margin-top:50px; }
.active .a04_04{ margin-top:0px;transition-delay: 1.0s; opacity:1;}
.a04_04_top{ width:135px; height:135px; float:left; display:inline; 
-webkit-animation:quan_top 5s linear 0s normal none infinite ;
 animation:quan_top 5s linear 0s normal none infinite ;} 
.a04_04_bot{ width:100%; height:40px; float:left; display:inline; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.a04_05{ width:135px; height:auto; float:left; display:inline; margin-left:30px;  margin-right:30px;   transition: all 0.7s; opacity:0; margin-top:50px;}
.active .a04_05{ margin-top:0px;transition-delay: 1.1s; opacity:1;}
.a04_05_top{ width:135px; height:135px; float:left; display:inline; 
-webkit-animation:quan_top 5s linear 0s normal none infinite ;
 animation:quan_top 5s linear 0s normal none infinite ;} 
.a04_05_bot{ width:100%; height:40px; float:left; display:inline; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.a04_06{ width:135px; height:auto; float:left; display:inline; margin-left:30px;  margin-right:30px;   transition: all 0.7s; opacity:0; margin-top:50px;}
.active .a04_06{ margin-top:0px;transition-delay: 1.2s; opacity:1;}
.a04_06_top{ width:135px; height:135px; float:left; display:inline; 
-webkit-animation:quan_top 5s linear 0s normal none infinite ;
 animation:quan_top 5s linear 0s normal none infinite ;} 
.a04_06_bot{ width:100%; height:40px; float:left; display:inline; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; }
.quan03_bot{ width:135px; height:66px; float:left; display:inline; line-height:66px; color:#ffffff; font-family:"微软雅黑"; font-size:14px; text-align:center; transition:0.6s;}
@-webkit-keyframes quan_top{
	from {transform: rotate(0deg);}	
	to	{transform: rotate(360deg);}
}
@keyframes quan_top{
	from {transform: rotate(0deg);}	
	to	{transform: rotate(360deg);}
}

.liub_title{ width:857px; height:40px; margin:0 auto;  position: relative;  top:35%; transition: all 0.7s; opacity:0;}
.active .liub_title{ top:30%; transition-delay: 0.7s; opacity:1;}
.liub_title a{ width:216px; height:40px; float:left; margin-left:57px; line-height:40px; font-size:16px; font-weight:bold; color:#ffffff; }
.liub_title a:hover{ color:#000;}
.b01{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:36px;  top:30%; text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.active .b01{ top:20%; transition-delay: 0.7s; opacity:1;}
.b02{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:16px;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .b02{ top:21%; transition-delay: 0.9s; opacity:1;}
.b03{ width:857px; height:auto; margin:0 auto;  position:relative;  top:50%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .b03{ top:30%; transition-delay: 1.1s; opacity:1;}
.p_b03{  width:100%; height:auto; margin:0 auto;  position:relative;  top:50%; text-transform:Uppercase; display: none;}
.x02{ margin-top:-147px; opacity:0;}
.b03 a:hover .x02{opacity:1;}
.b03 a:hover .x01{opacity:0;}
.b03_01{ width:170px; height: 147px; float: left; position: absolute; transition: all 0.7s;}
.b03_01 img{ width:100%; float: left;}
.b03_02{ width:170px; height: 147px; float: left; position: absolute; top:159px; transition: all 0.7s;}
.b03_02 img{ width:100%; float: left;}
.b03_03{ width:170px; height: 147px; float: left; position: absolute; top:80px; left: 137px; transition: all 0.7s;}
.b03_03 img{ width:100%; float: left;}
.b03_04{ width:170px; height: 147px; float: left; position: absolute; top:0px; left: 273px; transition: all 0.7s;}
.b03_04 img{ width:100%; float: left;}
.b03_05{ width:170px; height: 147px; float: left; position: absolute; top:159px; left: 273px; transition: all 0.7s;}
.b03_05 img{ width:100%; float: left;}
.b03_06{ width:170px; height: 147px; float: left; position: absolute; top:80px; left: 409px; transition: all 0.7s;}
.b03_06 img{ width:100%; float: left;}
.b03_07{ width:170px; height: 147px; float: left; position: absolute; top:0px; left: 544px; transition: all 0.7s;}
.b03_07 img{ width:100%; float: left;}
.b03_08{ width:170px; height: 147px; float: left; position: absolute; top:159px; left: 544px; transition: all 0.7s;}
.b03_08 img{ width:100%; float: left;}
.b03_09{ width:170px; height: 147px; float: left; position: absolute; top:80px; left: 680px; transition: all 0.7s;}
.b03_09 img{ width:100%; float: left;}
.b03 a:hover .b03_01{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_02{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_03{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_04{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_05{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_06{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_07{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_08{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.b03 a:hover .b03_09{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}

.c01{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#01b34c; font-family:"微软雅黑"; font-size:36px;  top:30%; text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.active .c01{ top:20%; transition-delay: 0.7s; opacity:1;}
.c02{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:16px;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .c02{ top:21%; transition-delay: 0.9s; opacity:1;}

/*

.d01{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#01b34c; font-family:"微软雅黑"; font-size:36px;  top:30%; text-transform:Uppercase; transition: all 0.7s; opacity:0;}
.active .d01{ top:20%; transition-delay: 0.7s; opacity:1;}
.d02{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:16px;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .d02{ top:21%; transition-delay: 0.9s; opacity:1;}
.d03{ width:555px; height:auto; margin:0 auto; text-align:center; position:relative;  top:30%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .d03{ top:25%; transition-delay: 1.1s; opacity:1;}
.d03 ul li{ width:117px; height: 36px; float: left; background:url(../images/16.jpg); text-align: center; line-height: 36px; margin-left: 10px; margin-right: 10px; }
.d03 ul li a{ color:#fff; font-family:"微软雅黑"; font-size:14px;}
.d04{ width:1200px; height:auto; margin:0 auto;  position:relative;  top:40%; text-transform:Uppercase;  transition: all 0.7s; opacity:0;}
.active .d04{ top:30%; transition-delay: 1.1s; opacity:1;}
.d04_01{ width:590px; height:73px; float: left; background: rgba(255, 255, 255,0.5); margin-top: 12px; margin-left: 10px;}
.d04_01_zuo{ width:64px; height:50px; float: left; margin-left: 12px; margin-top:12px;}
.d04_01_zuo_top{ width:64px; height:25px; float: left; background: #009740; line-height: 25px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align: center;}
.d04_01_zuo_bot{ width:64px; height:25px; float: left; background: #ffffff; line-height: 25px; color:#222222; font-family:"微软雅黑"; font-size:14px; text-align: center;}
.d01_01_you{ width: 485px; height: 50px; float: right;  margin-top:12px; margin-right: 12px;}
.d01_01_you_top{ width: 485px; height: 25px; float: left; line-height: 25px; color:#222222; font-family:"微软雅黑"; font-size:14px; text-align: left; transition: all 0.7s; }
.d01_01_you_top span{ float: right; color:#222222; font-family:"微软雅黑"; font-size:14px; }
.d01_01_you_bot{ width: 485px; height: 25px; float: left; line-height: 25px; color:#222222; font-family:"微软雅黑"; font-size:14px;}
.d04_01 a:hover .d01_01_you_top{ color:#009740; margin-top: -5px }
.more_box{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:14px;  top:50%; text-transform:Uppercase; transition: all 0.7s; opacity:0;  }
.active .more_box{top:45%;transition-delay: 1.2s; opacity:1;}
.more{ width: 90px; height: 30px; line-height: 30px; border: #FFFFFF 1px solid; background:rgba(0, 0, 0, 0.3); margin: 0 auto;  text-align: center; text-transform:Uppercase;}
.more a{ color: #ffffff; font-family:"微软雅黑"; font-size:14px;}
.more2_box{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:14px;  top:50%; text-transform:Uppercase; transition: all 0.7s; opacity:0;  }
.active .more2_box{top:40%;transition-delay: 1.2s; opacity:1;}
.more2{ width: 90px; height: 30px; line-height: 30px; border: #FFFFFF 1px solid; background:rgba(0, 0, 0, 0.3); margin: 0 auto;  text-align: center; text-transform:Uppercase;}
.more2 a{ color: #ffffff; font-family:"微软雅黑"; font-size:14px;}*/
.more3_box{ width:100%; height:auto; margin:0 auto; text-align:center; position:relative; color:#fff; font-family:"微软雅黑"; font-size:14px;  top:50%; text-transform:Uppercase; transition: all 0.7s; opacity:0;  }
.active .more3_box{top:30%;transition-delay: 1.2s; opacity:1;}
.more3{ width: 90px; height: 30px; line-height: 30px; margin: 0 auto;  text-align: center; text-transform:Uppercase;}
.more3 a{ color: #ffffff; font-family:"微软雅黑"; font-size:14px;}
.foot_li{width: 100%; height: 40px; margin: 0 auto; background:#009740; color:#fff; font-family:"微软雅黑"; font-size:14px; line-height: 40px; display: none;}
.foot_box{ width:100%; background:rgba(0, 0, 0, 0.7); position: absolute; margin: 0 auto; bottom: 0px !important; padding-top: 10px; padding-bottom: 10px;}
.foot{width:1200px; background:#009740; margin: 0 auto;}
.foot_zuo{ width:80%; height: auto; float: left; color:#fff; font-family:"微软雅黑"; font-size:14px; line-height: 30px; }
.foot_zuo p{display: inline-block;}
.foot_you{width:20%; float: right; text-align: right; color:#fff;font-family:"微软雅黑"; font-size:14px; line-height: 30px;}
.xwgengduo{display: none;}
.section{  position: relative; overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.section1{background-repeat:no-repeat; background-size:cover; background-position: center;}
.section2{background:url(../images/a01.jpg); background-repeat:no-repeat; background-size:cover; background-position: center;}
.section3{background:url(../images/a02.jpg); background-repeat:no-repeat; background-size:cover;  background-position: center;}  
.section4{background:url(../images/a03.jpg); background-repeat:no-repeat; background-size:cover;  background-position: center;}
.section5{background:url(../images/a04.jpg); background-repeat:no-repeat; background-size:cover;  background-position: center;}
.section6{background:url(../images/a05.jpg); background-repeat:no-repeat; background-size:cover;  background-position: center;}
 

#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
   
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 66%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 15.5px 15.5px 15.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 15.5px 0 15.5px 15.5px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #01b34c;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #01b34c;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}


   .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    















/*王海杭单页*/
.whhbanner{width:100%;position: relative;}
.whhbanner img{width:100%;}
.whhdy{width:62.5%;margin: 0 auto;}
.whhdynr{width:62.5%;margin:0 auto;position: absolute;top:54%;}
.whhdynr01{width:100%;background: #ffffff;}
.whhdynr01z{float: left;width:40%;background: #ffffff;z-index: 1;}
.whhdynr01z a{font-size: 26px;color:#333333;font-weight: bold;line-height: 80px;padding-left: 3%;}
.whhdynr01y{width:57%;float: right;background: #ffffff;}
.whhdynr01y ul{float: right;}
.whhdynr01y ul li {line-height: 80px;font-size:16px;color:#000000;float: left;padding-left: 24px;padding-right: 24px;}
.whhdynr01y ul li:hover{background: #d6d6d6;}
.dyneirongk{margin: 0 auto;background: #ffffff;margin-top: 0.5%;width:100%;height: 50px;}
.dyneirong{width:62.5%;margin: 0 auto;margin-top: 3%;padding-bottom: 5%;}
.dyneirong01{width:92.5%;margin:0 auto;}
.dyneirong01 span{font-size: 16px;color:#666666;}
.whhfoot{width:100%;margin: 0 auto;background:#000000;line-height: 45px;color:#ffffff;}
.whhfootwz{width:62.5%;margin: 0 auto;}
.whhfootz{float: left;font-size: 14px;}
.whhfooty{float: right;font-size: 14px;}

/*产品*/
.whhcp{width:100%;margin: 0 auto;}
.whhcp ul{width:100%;}
.whhcp ul li{width:24%;margin-right: 0.8%;margin-bottom: 3%;text-align: center;display:inline-block;}
.whhcp ul li:nth-child(4n){margin-right: 0%;}
.whhcp ul li span{color:#ffffff;background: #226091;line-height:43px;width:100%;display:block;margin-top: -4px;}
.whhcp ul li  img{width:100%;}
.whhcp ul li img:hover{opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */}
.show_bt{text-align: center;}

/*新闻*/
.whhtxw{width:88%;margin:0 auto;}
.xwtu {width:22.68%;float: left;}
.xwtu img{width:100%;}
.xwtwz{width:74%;float: right;}
.xwtwz h2{font-size: 24px;color:#333333;line-height: 48px;}
.xwtwz h3{font-size: 16px;color:#666666;font-weight: normal;line-height: 27px;padding-top: 1%;}
.xwtwz h4{font-size: 14px;color:#003399;line-height: 35px;background: #f5f5f5;padding-left: 2%;padding-right: 2%;margin-top: 3%;display: inline-block;text-align: center;}
.whhxwlb01{width:88%;margin:0 auto;padding-top: 5%;}
.whhxwlb01 ul{width:100%;}
.whhxwlb01 ul li{width:100%;margin-bottom: 5%;}
.xhzuo01{width:10.9%;background: #f5f5f5;float: left; text-align: center;}
.xhzuo01 h2{font-size: 48px;color:#6b708a;line-height: 60px;}
.xhzuo01 h3{font-size: 26px;color:#d8d8d8;line-height: 18px;}
.xhzuo01 h4{font-size: 14px;color:#666666;line-height: 33px;}
.xhyou01{width:86%;float: right;}
.xhyou01 h2{font-size: 18px;color:#333333;line-height: 51px;}
.xhyou01 h3{font-size: 14px;color:#666666;font-weight: normal;line-height: 23px;padding-top:14px; }
.xwtu img:hover{opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */}


/*留言*/
.h_neirongy{width:62.5%;margin:0 auto;}
.h_neirongxinwen table{width:80%;}
.h_neirongxinwen table td{padding-top: 5%;}
.h_neirongxinwen input{width:10%;line-height: 30px;}
.td_title{width:3%;}
.td_input{width:20%;}
.tijiao{width:180px;line-height: 60px;background: #000000;}



@media screen and (max-width: 1620px){
.whhxwlb li{margin-bottom: 5.5%;background: #ffffff;}
.whhxw{width:72.5%;margin: 0 auto;top:39.5%;left: 12%;position: absolute;transition: all 0.9s; opacity:0;}
.active .whhxw{  transition-delay: 1.1s; opacity:1;}
.whhxw1{width:40.8%;}
.whhxwz h3{line-height: 45px;}
.whhxwy h3{line-height: 52px;}
.whhxwz h5{line-height: 22px;}
.whhsp{top: 38%;}
.active .whh01{top: 32%;left: 6%;}
.active .whh02{top: 34%;left: 9%;}
.whh01nr{top: 31%;left: 50%;}
.whhxwlb{padding-left: 2%;width:57%;}
.whhxltu{width:30%;padding-top: 8%;padding-left: 3%;}
.whhxltu img{width:100%;height: 100%;vertical-align: middle;}
.lxwz{width:56%;padding-right:0px;padding-left: 6%;padding-top: 0px;}
.lxwz h5{font-size: 26px;}
.dyneirong{width:88.5%;}
.xhzuo01{width:13.9%;}
.xhyou01{width:82%;}
.xhyou01 h2{line-height: 28px;}
.whhdynr{top: 57%;}
.dyneirong{top: 5%;}
.xwtwz h2{line-height: 26px;}
.xwtwz h4{margin-top: 4%;}
.whhdynr01z a{line-height: 60px;}
.whhdynr01y ul li{line-height: 60px;}
.dyneirongk{display: none;}
.whhfootwz{width:65.5%;}
.xwtwz{margin-top: 3%;}
.xwtwz h3{padding-top: 3%;}
.whhdynr{top: 57%;}
}








@media screen and (max-width: 1612px){
.whhxwlb li{margin-bottom:1.5%;}
}







@media screen and (max-width: 1585px){
.whhxwlb li{margin-bottom: 1.3%;}
.dyneirong{width:88.5%;}
.xhzuo01{width:13.9%;}
.xhyou01{width:82%;}
.xhyou01 h2{line-height: 28px;}
.whhdynr{top: 48%;}
.dyneirong{top: 5%;}
.xwtwz h2{line-height: 26px;}
.xwtwz h4{margin-top: 1%;}
.whhdynr01z a{line-height: 60px;}
.whhdynr01y ul li{line-height: 60px;}
.whhfooty{width:100%;text-align: center;}
.whhdynr01z a{line-height: 60px;}
.whhdynr01y ul li{line-height: 60px;}
}





@media screen and (max-width: 1500px){
    .whhdynr01z{width:50%;}
    .whhdynr01y{width:50%;}

}













@media screen and (max-width: 1370px){
.whhxwlb li{margin-bottom: 1.3%;}
.dyneirong{width:88.5%;}
.xhzuo01{width:13.9%;}
.xhyou01{width:82%;}
.xhyou01 h2{line-height: 28px;}
.whhdynr{top: 48%;}
.dyneirong{top: 5%;}
.xwtwz h2{line-height: 26px;}
.xwtwz h4{margin-top: 1%;}
.whhdynr01z a{line-height: 60px;}
.whhdynr01y ul li{line-height: 60px;}
.whhfooty{width:100%;text-align: center;}
.whhdynr01z a{line-height: 60px;}
.whhdynr01y ul li{line-height: 60px;}
}



@media screen and (max-width: 1220px){
.nav{ width:100%; height:98px; margin:0 auto;}
.dao{ display: none; }
.tel{ display: none; }
.logo{margin-left: 10px;width:auto;}
.logo img{ width:100%;}
.p_dao{ display: block; float: right; margin-right: 20px; margin-top: 30px;}
.logo img{ width:100%;vertical-align:baseline;line-height: 98px;}
.xiala{  width: 100px; height: 30px; float: left; position: absolute; z-index: 9999;right: 0px;top:76px;  }
.xiala ul{}
.xiala ul li{ width: 100%; height: 30px; float: left;  background:rgba(0, 0, 0, 0.5); line-height: 30px; text-align: center; margin-top: 1px;}
.xiala ul li a{ color: #ffffff; font-family:"微软雅黑"; font-size:14px;}
.whhxw{width:82.5%;}
.c03_01{width:22.8%;}
.whhxw{left: 6%;}
.foot{width:100%;}
.dyneirong{width:88.5%;}
.xhzuo01{width:13.9%;}
.xhyou01{width:82%;}
.xhyou01 h2{line-height: 28px;}
.whhdynr{top: 48%;}
.dyneirong{top: 5%;}
.xwtwz h2{line-height: 26px;}
.xwtwz h4{margin-top: 1%;}
.whhdynr01z a{line-height: 60px;}
.whhdynr01y ul li{line-height: 60px;}
.whhfootwz{width:37.5%;text-align: center;}
.whhfooty{width:100%;text-align: center;}
.dyneirong{margin-top: 6%;}
}






@media screen and (max-width: 1100px){
.whh01nr{left: 38%;}
.whh01nr{width:42.5%;}
.c03{width:100%;}
.whhxw{width:88.5%;left: 4%;}
.whhxwz h3{line-height: 32px;}
.whhxwy h3{line-height: 49px;}
.whhxwz{padding-left: 11px;padding-top: 11px;}
.whhdynr{top: 45%;}
.whhfootwz{width:41.5%;text-align: center;}
.whhfooty{width:100%;text-align: center;}
.xwtwz h3{line-height:  23px;}
.whhdynr{position: static;width:100%;}
.whhdy{width:100%;}
.whhdynr01z a{font-size: 18px;}
.whhdynr01y ul li{font-size: 14px;}
.whhdynr01z{float: none;width:100%;text-align: center;}
.whhdynr01y{width:100%;text-align: center;}
.whhdynr01y ul{width:100%;text-align: center;}
.whhdynr01y ul li{display: inline-block;;background: #fafafa;float: none;}
.whhfootz span{display: block;}
.whhfootz{float: none;}
.whhfoot{line-height:26px;}

}







@media screen and (max-width: 640px){
.swiper-wrapper{display:none!important;}
.swiper-pagination{display:none!important;}
.swiper-button-next{display:none!important;}
.swiper-button-prev{display:none!important;} 
.shouban{ width: 100%; height: 1027px; margin: 0 auto;  display: block;}  
#bg-video-box{ display: none;}  

.dyneirong01 img{width:100%;}
}


@media screen and (max-width: 640px){
.whh01{display: none}
.whh02{width:130px;height: 140px;margin: 0 auto;}
.active .whh02{left: 31%;top:19%;}
.active .a01{top:15%;}
.active .a011{top:16%;}
.a01{color:#ffffff;}
.active .a02{top:14%;}
.a02{font-size: 23px;}
.whh01nr{left: 2%;text-align: center;margin: 0 auto;width:80%;;top:5%;position: static;}
.whh01nr h1{display: none;}
.whh01nr h4{display: none;}
.whh01nr h3{font-size: 14px;}
.whh02{display: none;}
.whhxianzhi{width:100%;padding-top: 34%;}
.whh01nr h5{font-size: 14px;color:#ffffff;font-weight: normal;line-height: 32px;border: 2px dotted #ffffff;display: inline-block;padding-left: 12px;padding-right: 12px;margin-top: 12px;border-radius: 5px;}
.active .awhhbiaoti{top: 16%;}
.awhhbiaoti{font-size: 18px;}
.active .a011{top: 15%;}
.a02biaoti{font-size: 23px;}
.active .a02biaoti{top: 14%;}
.c03{width:86%!important;}
.c03_01{margin-bottom: 29px;}
.active .c03{top: 20%;}
.whhxw1{display: none;}
.whhxw{width:95%;left: 0px;}
.whhxwlb{width:95%;left: 0px;}
.whhxwz{padding-top: 0px;padding-left: 0px;width:18%;}
.whhxwz h3{font-size: 24px;padding-top: 5px;}
.whhxwy{width:77%;}
.whhxwy h4{height: 51px;overflow: hidden;}
.whhxwy h3{line-height: 29px;}
.whhxwz h3{line-height: 40px;}
.whhxwz{padding-left: 3px;}
.whhxwlb{width:96%;}
.whhxwlb li{margin-bottom:4.4%;}
.whhxw{top: 31.5%;}
.active .a011{top: 15.5%;}
.whhsp{left: 4%;width:85.2%;height: 36.4%;top: 30%;}
.c03_01{width:44.8%;}
.a01{font-size: 18px;}
.c03{width:100%!important;left: 4%;}
.active .more3_box{top:17%;}
.more3 img{width:50%;}
.xwgengduo{width:50%;margin: 0 auto;text-align: center;}
.xwgengduo a{font-size: 14px;color:#ffffff;font-weight: normal;line-height: 32px;border: 2px dotted #ffffff;display: inline-block;padding-left: 12px;padding-right: 12px;margin-top: 12px;border-radius: 5px;text-align: center;margin: 0 auto;}
.whhsylianxi{margin-top: 32%;width:89.4%;height: 60%;}
.whhxltu{display: none;}
.lxwz h2{float: none;width:100%;display: none;}
.lxwz h3{float: none;width:100%;padding-top: 0px;display: none;}
.lxwz h4{float: none;width:83%;font-size: 22px;margin:0 auto;}
.lxwz h5{float: none;width:100%;font-size: 20px;}
.lxwz{float: none;width:100%;text-align: center;padding-left:0px;padding-top: 5%;}
.lxwz img{display: block;width:95px;margin:0 auto;padding-top: 10px;}
.foot_you{display: none;}
.foot_zuo{line-height: 20px;width:100%;text-align: center;}
.whhdynr{position: static;width:100%;}
.whhdy{width:100%;}
.whhdynr01z a{font-size: 18px;}
.whhdynr01y ul li{font-size: 14px;}
.whhdynr01z{float: none;width:100%;text-align: center;}
.whhdynr01y{width:100%;text-align: center;}
.whhdynr01y ul{width:100%;text-align: center;}
.whhdynr01y ul li{display: inline-block;;background: #fafafa;float: none;}
.whhbanner img{}
.xwtu{width:100%;}
.xwtwz{width:100%;}
.xwtwz h2{font-size: 18px;text-align: center;}
.xwtwz h3{text-align: center;padding-top: 5px;font-size: 14px;}
.xwtwz h4{text-align: center;margin-top: 20px;display: block;}
.whhxwlb01{width:98%;}
.xhzuo01 h3{display: none;}
.xhzuo01 h2{font-size: 18px;line-height: 25px;}
.xhyou01 h3{display: none;}
.xhzuo01{width:22%;}
.xhyou01{width:75%;}
.xhyou01 h2{width:100%;font-weight: normal;font-size: 16px;}
.whhxwlb01{padding-top: 12%;}
.whhfootwz{width:92%;}
.whhfoot{line-height: 24px;}
.whhcp ul li{width:48%; margin-bottom: 5%;}
.whhcp ul li:nth-child(2n){margin-right: 0%;}
.whhbanner1{max-width:100%;display: block;}
.whhbanner1 img{max-width: 100%;vertical-align: middle; max-height: 100%;}
.whhbanner{display: none;}
.whhfootz{float: none;}
.xwgengduo{display: block;}



.nav_box{height: 73px;}
.nav{height: 73px;}
.logo{width:56.7%;line-height:73px;}
.logo img{width:84%;}
.wrap{padding-top: 73px;}
.whhxianzhi{padding-top: 35%;}
.active .c03{top:16%;}
.c03_01{margin-bottom: 9px;}
.whhsylianxi{margin-top: 27%;}
.whh01nr{width:83%;}
.active .awhhbiaoti{top: 13%;}
.active .a011{top:13.5%;}
.active .a02biaoti{top:12%;}
.active .c03{top: 14%;}
.lxwz h5 {display: none;}
.active .more3_box{top: 14%;}
.user_mesg textarea{width:60%;}
.user_mesg .item .btn-mesSubmit{display:block;width:180px;height:40px;border:1px solid #fa6104;background:#fa6104;color:#fff;border-radius:5px;line-height:30px;float:left;font-size:18px;font-family:Microsoft Yahei;cursor:pointer }
}