@charset "utf-8";
/* CSS Document */

html {-webkit-text-size-adjust: none;}
body {color: #000000;font-family: Arial, Helvetica,"Microsoft Yahei", sans-serif;overflow-x: hidden;font-size: 12px;}
* {}
a{ outline:none; text-decoration: none;}
a:hover {}
html {zoom:1;}
html * {outline: 0;zoom:1;}
html button::-moz-focus-inner { border-color: transparent!important;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0;padding: 0;}
table {}
fieldset,a img {border: 0;}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: normal;}
ul,li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
em,i {font-style: normal;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: block;}
.clear {clear: both;}

/* 高度自适应 */
.left {float: left;}
.right {float: right;}

.center {margin: 0 auto;text-align: center;}
.block { display: block;}
.inline{display: inline;}
.transparent { filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.break {word-wrap: break-word;overflow: hidden;}

.fl{ text-align: left}
.fr { text-align: right;}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed {position: fixed;clip: rect(0 100% 100% 0);_position: absolute; bottom: 0px;left: 0px;    
    _top: expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);}
*html {background-image: url(about_ACC6BE7F);background-attachment: fixed;}
/*png图片ie6下透明滤镜实现写法*/
.pngimg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}
em {font-style: italic !important;}
strike {text-decoration: line-through !important;}
strong {font-weight: bold !important;}
u {text-decoration: underline !important;}

a {color: #5d5d5e;/*transition: all 0.3s ease-in-out 0s;*/}
a:hover {color:#3e6ed4;}
body {font-family: "Microsoft YaHei",sans-serif;font-size: 12px;line-height: 22px;}
.css3 {
    -webkit-transform: translate3d(0, -20px, 0);    
    -ms-transform: translate3d(0, -20px, 0);    
    transform: translate3d(0, -20px, 0);
    -webkit-transition-property: opacity, -webkit-transform;    
    transition-property: opacity, transform;   
    -webkit-transition-duration: 1000ms;    
    transition-duration: 1000ms;    
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);    
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);   
    -webkit-transition-delay: 800ms;    
    transition-delay: 800ms}

.css3.animated {    
    -webkit-transform: translate3d(0, 0, 0);    
    -ms-transform: translate3d(0, 0, 0);    
    transform: translate3d(0, 0, 0);}
    
    
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@media screen and (max-width: 650px) {}

@media screen and (max-width: 480px) {}
.rotate{    
    transform: rotate(7deg);    
    -ms-transform: rotate(7deg);    
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);}
.wrapper{width: 1060px;margin: 0 auto;position: relative;}


.gb-header,
.gb-nav{background: #fff; position: fixed;left: 0;right: 0;z-index: 8;padding:0 100px;min-width:1200px; 
display: flex;
flex-wrap: nowrap;
justify-content:space-between;}
.gb-nav{background:rgba(255,255,255,0.4);z-index: 99999;}
.gb-nav,.gb-header { top: -98px;    
    -webkit-transition: all 0.5s;    
    -moz-transition: all 0.5s;    
    -o-transition: all 0.5s;    
    transition: all 0.5s;    
    opacity: 0;    
    -webkit-opacity: 0;   
    -moz-opacity: 0;}
.gb-nav.show,.gb-header.show {top: 0;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gb-nav.hide,.gb-header.hide {top: 0;opacity:0;-webkit-opacity: 0;-moz-opacity: 0;}
.gb-nav.show { background: rgba(0,0,0,0.4);}



.logo{ width:308px; height:78px; margin-top:10px; float:left;}
.logo .logo-img{float:left;-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
-ms-transition: -ms-transform 1s ease-out;}
.logo:hover .logo-img{
	-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);}

.head_nav{height:98px;float:right;min-width:750px;}
.head_nav ul{display: flex;flex-wrap: nowrap;justify-content:space-between;}
.head_nav li{float:left;line-height:98px;height:98px;overflow:hidden;position:relative;}
.head_nav li a{ font-size:16px; color:#333;width:110px;text-align:center;display:block;background: url(../imgs/line_nav.png) no-repeat left center ;}
.head_nav li:first-child a{background:none;}
.head_nav li a:hover{color:#a4131d; }
.head_nav li.current a{color:#a4131d;}

.head_nav li .a i{ position:absolute; top:50%;margin-top:-11px; left:0px; display:block; z-index:1; height:0px; width:2px; background:#a4131d;}
.head_nav li:first-child .a i{ background: transparent;}
.head_nav li.current i{ height: 22px;}
.head_nav li:hover i{  height: 22px; }
.head_nav li .a i{-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}




.logo2{width:308px; height:78px; margin-top:10px; float:left;}
.logo2 .logo-img{float:left;-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
-ms-transition: -ms-transform 1s ease-out;}
.logo2:hover .logo-img{
	-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);}

.head_nav2{height:98px;float:right;min-width:750px;}
.head_nav2 ul{}
.head_nav2 li{float:left;line-height:98px;position:relative;}
.head_nav2 li a{ font-size:16px; color:#fff;width:110px;text-align:center;display:block;background: url(../imgs/line_nav2.png) no-repeat left center ;}
.head_nav2 li:first-child a{background:none;}
.head_nav2 li a:hover{color:#a4131d; }
.head_nav2 li.current a{color:#a4131d;}

.head_nav2 li .a i{ position:absolute; top:50%;margin-top:-11px; left:0px; display:block; z-index:1; height:0px; width:2px; background:#a4131d;}
.head_nav2 li:first-child .a i{ background: transparent;}
.head_nav2 li.current i{ height: 22px;}
.head_nav2 li:hover i{  height: 22px; }
.head_nav2 li .a i{-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}



#bnt_search,#bnt_search2{float:left;height:98px; background: url(../imgs/line_search.png) no-repeat left center ; width: 47px;}
#bnt_search a,#bnt_search2 a{ display: block; background: url(../imgs/icon_search.png) no-repeat center ; height:98px; width: 20px; padding-left:30px;}

#j_seach_box{ position:fixed; z-index:9999; top:0;  left:0; display:none; height:100%; width:100%; }
#j_seach_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85);}
#j_seach_box form{ position:absolute; border-radius: 4px; overflow: hidden; top:50%; z-index:9999; background: #fff;  height: 80px; width: 1000px; left:50%; margin-left:-500px; margin-top:-40px;}
#j_seach_box input[type="text"]{ border: none;  width: 900px; display: block; height:80px; text-align: center; color: #434343; font-size: 16px; background:none; line-height:80px; padding:0 20px; }
#j_seach_box input[type="text"]:focus{ text-align: left;}
#j_seach_box input[type="submit"]{  position:absolute; right:0; top:0; padding: 0; z-index:2; background:url(../imgs/icon_search.png) center no-repeat; height:80px; width:80px; cursor:pointer; border:none; }




.section {position:relative;}
.page1 {/*background: url(../imgs/banner01.jpg) no-repeat center;*/background-size:cover !important;height: 964px;overflow:hidden;}

/*banner*/
.banner{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro-switch {height:auto;overflow: hidden;position: relative;margin:0 auto;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height:0;height:0;}
html[xmlns] .slides {display: block;}
* html .slides {height: auto;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../imgs/ad_ctr.png) no-repeat 0 0;position: absolute;top: 40%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width:100%;position: absolute;bottom:14%;text-align: center;}
.flex-control-nav li {margin:0 5px;display:inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a{background:#fff;display:block;height:8px;overflow:hidden;text-indent:-99em;width:36px;cursor: pointer;}
.flex-control-paging li a.flex-active {background:#820f13;}




.page2 {background: url(../imgs/bg2.jpg) no-repeat center;background-size:cover !important;height: 964px;overflow:hidden;}
.page2 .wrapper {width:100%;height: 100%;}
.page2 .head {position: relative;top:150px;margin: 0 auto;text-align: center;}
.page2 ul {max-width: 1200px;position: relative; top:20%; margin: auto;}
/*.page2 li {margin-top:5%; width:50%;float:left;color: #fff;display: block;position: relative;    
    -webkit-transition: all 1s;    
    -moz-transition: all 1s;    
    -o-transition: all 1s;    
    transition: all 1s;    
    opacity: 0;    
    -webkit-opacity: 0;    
    -moz-opacity: 0;}*/
.page2 li {float:left;width:20%;margin:1% 2.5%; text-align: center;
-webkit-transition: all 1.5s;    
    -moz-transition: all 1.5s;    
    -o-transition: all 1.5s;    
    transition: all 1.5s;  
    
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    
    opacity: 0;    
    -webkit-opacity: 0;    
    -moz-opacity: 0;
    
    }
.page2 li .imgbox{width: calc(100% - 50px);height:198px; padding:25px;position: relative; text-align: center; background: url(../imgs/imgbg.png) no-repeat center;background-size:100%;
/*css3*/
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;} 
.page2 li .imgbox img{width:100%; height:100%; border-radius:50%;}
.page2 li .imgbox .mark{position: absolute;left:25px;top:25px;width: calc(100% - 50px); height: calc(100% - 50px);border-radius:50%;font-size:18px;opacity: 0;
	/*css3*/
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
          
          
	display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
.page2 li h2 {margin-top:20px;font-size:21px;}
.page2 li:hover .imgbox{background: url(../imgs/imgbghover.png) no-repeat center;background-size:100%;}
.page2 li:hover .imgbox .mark{background: rgba(151,6,17,.75);color:#fff; opacity: 1;}
.page2 li:hover h2{color:#9d020d;}	


/*.page2 li.l1 {    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
.page2 li.l2 {    
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
.page2 li.l3 {   
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
.page2 li.l4 {
    -webkit-transform: translate3d(600px, 0, 0);    
    -ms-transform: translate3d(600px, 0, 0);    
    transform: translate3d(600px, 0, 0);}
.page2 li.l5 {-webkit-transform: translate3d(-600px, 0, 0);    
    -ms-transform: translate3d(-600px, 0, 0);    
    transform: translate3d(-600px, 0, 0);}
.page2 li.l6 {    
    -webkit-transform: translate3d(-300px, 0, 0);    
    -ms-transform: translate3d(-300px, 0, 0);    
    transform: translate3d(-300px, 0, 0);}
.page2 li.l7 {   
    -webkit-transform: translate3d(300px, 0, 0);    
    -ms-transform: translate3d(300px, 0, 0);    
    transform: translate3d(300px, 0, 0);}
.page2 li.l8 {
    -webkit-transform: translate3d(600px, 0, 0);    
    -ms-transform: translate3d(600px, 0, 0);    
    transform: translate3d(600px, 0, 0);}*/

.page2.active li {    
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);  
    opacity: 1;    
    -webkit-opacity: 1;    
    -moz-opacity: 1;}




.page3 {height:964px;overflow:hidden;
display: flex;
display: -webkit-flex; 
display: -webkit-box; 
display: -ms-flexbox;
}
.page3-left{width:50%;height: 100%;background: url(../imgs/bg6.jpg) no-repeat; background-size: cover;
	display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
.page3-left-main{padding:0 15%; text-align:center;color:#fff;}
.page3-logo{}
.page3-left-main h1{font-size: 30px; font-weight: 600;margin:20px 0 30px 0;}
.page3-left-main p{font-size: 14px; line-height: 30px;text-align: left;text-indent:2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.page3-left-main .btn-enter{margin-top:30px; display: block;}

.page3-right{width:50%;height:100%;background:#000;}
.swiper1-box{width:100%;height: 100%;}
.swiper-slide img{width:100%; height: 100%;}
.swiper-container {width:100%; height: 100%;}
.swiper-pagination-bullet {width:36px;height:8px;opacity: 1;background: #fff;border-radius:0;}
.swiper-pagination-bullet-active {opacity: 1; background: #820f13;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}



.page4{background: url(../imgs/bg4.jpg) no-repeat center;background-size:cover !important;height: 964px;padding:0 20px;overflow:hidden;
display: flex;
display: -webkit-flex; 
display: -webkit-box; 
display: -ms-flexbox;
}
.page4-left{width:316px;
display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  
  -webkit-transition: all 1.5s;    
    -moz-transition: all 1.5s;    
    -o-transition: all 1.5s;    
    transition: all 1.5s;    
    opacity: 0;    
    -webkit-opacity: 0;    
    -moz-opacity: 0;
    
    -webkit-transform: translate3d(-300px, 0, 0);    
    -ms-transform: translate3d(-300px, 0, 0);    
    transform: translate3d(-300px, 0, 0);
  
  }
.page4-left .title-news{}
.page4-left .tabtit{text-align: center;}
.page4-left .tabtit li{display:block;width:125px;line-height: 42px;text-align: center;background: url(../imgs/tabbg.png) no-repeat center;margin:25px auto;font-size: 16px;cursor:pointer;}
.page4-left .tabtit li.hover{background: url(../imgs/tabbghover.png) no-repeat center;color:#aa0008;}

.page4-main{width: calc(100% - 316px);height:100%!important;position: relative; 
-webkit-transition: all 1.5s;    
    -moz-transition: all 1.5s;    
    -o-transition: all 1.5s;    
    transition: all 1.5s;    
    opacity: 0;    
    -webkit-opacity: 0;    
    -moz-opacity: 0;
    
    -webkit-transform: translate3d(300px, 0, 0);    
    -ms-transform: translate3d(300px, 0, 0);    
    transform: translate3d(300px, 0, 0);
}
.page4-main>div{height:100%!important;}

#CSSBox{width:1500px;height:100%; float:left;}
#CSSContent{height:100%;}
#LeftButton{ cursor:pointer;position:absolute;top:44%;z-index:200;left:0;height:72px;width:48px;background:url(../imgs/btn-left.png);}
#RightButton{cursor:pointer;position:absolute;top:44%;z-index:200;right:0;height:72px;width:48px;background:url(../imgs/btn-right.png);}

#CSSBox2{width:1500px;height:100%; float:left;}
#CSSContent2{height:100%;}
#LeftButton2{ cursor:pointer;position:absolute;top:44%;z-index:200;left:0;height:72px;width:48px;background:url(../imgs/btn-left.png);}
#RightButton2{cursor:pointer;position:absolute;top:44%;z-index:200;right:0;height:72px;width:48px;background:url(../imgs/btn-right.png);}

#CSSBox3{width:1500px;height:100%; float:left;}
#CSSContent3{height:100%;}
#LeftButton3{ cursor:pointer;position:absolute;top:44%;z-index:200;left:0;height:72px;width:48px;background:url(../imgs/btn-left.png);}
#RightButton3{cursor:pointer;position:absolute;top:44%;z-index:200;right:0;height:72px;width:48px;background:url(../imgs/btn-right.png);}


#CSSBox4{width:1500px;height:100%; float:left;}
#CSSContent4{height:100%;}
#LeftButton4{ cursor:pointer;position:absolute;top:44%;z-index:200;left:0;height:72px;width:48px;background:url(../imgs/btn-left.png);}
#RightButton4{cursor:pointer;position:absolute;top:44%;z-index:200;right:0;height:72px;width:48px;background:url(../imgs/btn-right.png);}



.page4-main .warp-pic-list{position:relative;width:1500px;height:100%!important;overflow:hidden;}
.page4-main .warp-pic-list .wrapBox{height:100%!important;}
.page4-main .count{height:100%!important;}
.page4-main .count li{display: inline;width:325px;padding:0 25px;height:calc(100% - 6px);float:left;position: relative;border-bottom:6px solid transparent;
	/*css3*/
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
          
          
	display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}


.page4-main .count li .text-box{width:100%;}
.page4-main .count li .text-box h1{font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page4-main .count li .text-box .line{height: 2px;width: 44px;background: #535353; display: block;margin: 20px 0;}
.page4-main .count li .text-box .time{font-size: 16px;color:#808080;display: block;margin-bottom: 20px;}
.page4-main .count li .text-box  p{line-height:28px;font-size: 14px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.page4-main .count .img_wrap{width:100%;height:232px;overflow:hidden;display: block;margin-top: 20px;}
.page4-main .count .img_wrap img{width:100%;height:100%;transition: .8s;background: url(../images/no-img.jpg) no-repeat center;}

.page4-main .count li:hover{background-color:#ddd;color:#333;border-bottom:6px solid #aa0008;}
.page4-main .count li:hover h1{color:#aa0008;}
.page4-main .count li:hover .line{background:#aa0008;}
.page4-main .count li:hover .time{color:#aa0008;}
.page4-main .count li:hover p{color:#333;}
.page4-main .count li:hover .img_wrap img{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
        
 
.page4.active .page4-left {    
    -webkit-transform: translate3d(0, 0, 0);    
    -ms-transform: translate3d(0, 0, 0);    
    transform: translate3d(0, 0, 0);    
    opacity: 1;    
    -webkit-opacity: 1;    
    -moz-opacity: 1;}  
.page4.active .page4-main {    
    -webkit-transform: translate3d(0, 0, 0);    
    -ms-transform: translate3d(0, 0, 0);    
    transform: translate3d(0, 0, 0);    
    opacity: 1;    
    -webkit-opacity: 1;    
    -moz-opacity: 1;}   


.page5 {background: url(../imgs/bg5.jpg) repeat top center; background-size:cover;height:964px;}
.page5 .wrapper {width: 100%;height:100%;}
.page5 .head {position: relative;top:150px;margin: 0 auto;text-align: center;}
.page5 ul{width: 1100px;position: relative; top:20%; margin: auto;overflow:hidden}
.page5 li{width:33.3%;float: left;text-align:center;margin-top:7%;}
.page5 li a{color:#fff;}
.page5 li .icon-img{moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.page5 li h1{font-size: 18px;margin:20px 0 10px 0;}
.page5 li h2{font-size: 14px;}

.page5 li:hover .icon-img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg);}

/*.page5 li .line{width: 30px;height: 1px;background: #000;display: block;margin:auto;}
.icon-jtjs{width:35px; height: 34px;background: url(../imgs/icon-jtjs.png); display: block;margin:auto;}
.icon-zzjg{width:35px; height: 34px;background: url(../imgs/icon-zzjg.png); display: block;margin:auto;}
.icon-qywh{width:35px; height: 34px;background: url(../imgs/icon-qywh.png); display: block;margin:auto;}
.icon-lxwm{width:35px; height: 34px;background: url(../imgs/icon-lxwm.png); display: block;margin:auto;}
.icon-zxly{width:35px; height: 34px;background: url(../imgs/icon-zxly.png); display: block;margin:auto;}
.icon-zyyy{width:35px; height: 34px;background: url(../imgs/icon-zyry.png); display: block;margin:auto;}*/

/*.page5 li:hover{background: url(../imgs/ind-lbghover.png) no-repeat center;background-size:100%;}
.page5 li:hover h1{color:#fff;}
.page5 li:hover .line{background:#fff;}
.page5 li:hover .icon-jtjs{background: url(../imgs/icon-jtjshover.png);}
.page5 li:hover .icon-zzjg{background: url(../imgs/icon-zzjghover.png);}
.page5 li:hover .icon-qywh{background: url(../imgs/icon-qywhhover.png);}
.page5 li:hover .icon-lxwm{background: url(../imgs/icon-lxwmhover.png);}
.page5 li:hover .icon-zxly{background: url(../imgs/icon-zxlyhover.png);}
.page5 li:hover .icon-zyyy{background: url(../imgs/icon-zyryhover.png);}*/






/*.page5 li{
    opacity: 1;    
    -webkit-opacity: 1;    
    -moz-opacity: 1;}  */


/*foot*/
#footer{ background:#9d020d;width:100%; padding:15px 0;}
.footer-bot{font-size:14px; line-height:28px; width:950px; margin:0 auto;}
.footer-bot p{color:#fafafa;}
.footer-bot a{color:#fafafa;margin:0 10px;}

@media screen and (max-width: 1600px) {
	.flex-direction-nav a {top: 50%;}
	.flex-control-nav {bottom: 6%;}
	
	.page2 .head {top: 120px;}
	.page2 ul {max-width: 1000px;}
	.page2 li .imgbox {height: auto;}
	.page2 li .imgbox {width: calc(100% - 40px);height: 166px;padding: 20px;}
	.page2 li .imgbox .mark {left: 20px;top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);}
    
    .page4-main .warp-pic-list {width: auto;}
	
	
	.page5 .head {top: 130px;}
        .page5 li{margin-top:5.5%;}

	
}

@media screen and (max-width: 1440px) {
	.flex-direction-nav a {top: 50%;}
	.flex-control-nav {bottom: 6%;}
	
	.page2 .head {top: 120px;}
	.page2 ul {max-width: 1000px;}
	.page2 li .imgbox {height: auto;}
	.page2 li .imgbox {width: calc(100% - 40px);height: 166px;padding: 20px;}
	.page2 li .imgbox .mark {left: 20px;top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);}
    
    .page4-main .warp-pic-list {width: auto;}
	
	
	.page5 .head {top: 130px;}
	
}

@media screen and (max-width: 1366px) {
	.wrapper{width:1000px;margin: 0 auto;position: relative;}
	.head_nav{width:700px;height:auto;float:right;}
	.head_nav2 {height:auto;}
	
	.page1 .head {position: relative; top: 130px;margin: 0 auto;text-align: center;}
	.page1 li { top:46%;}
	
	.page2 .head {top:100px;}
	.page2 ul {height:auto;top:12%;}
	.page2 ul h2 {margin-top:10%;}
	.page2 li { margin-top:20px;}
	.page2 li:nth-child(5),.page2 li:nth-child(6),.page2 li:nth-child(7),.page2 li:nth-child(8){margin-top:10px;}
	.page2 li h2{ margin-top:5px;}
	
	.page3 .head {top:100px;}
	
	.page5 li {
    margin-top: 4%;
}
    
	
	}