*{ padding:0px; margin:0}
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; }
body{max-width: 1920px;}
body{min-width: 1080px;}
body, button, input, select, textarea { font-size: 14px; font-family: 'Microsoft YaHei'; color: #333;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small {font-size: 12px; }
ul, ol {list-style: none; }
a {text-decoration: none; color: #333;transition: color linear .3s}
a:hover {color: #b48957;}
sup {vertical-align: text-top; }
sub {vertical-align: text-bottom; }
legend {color: #000; }
fieldset, img {border: 0; }
table {border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.FL{ float:left;}
.FR{ float:right;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.cfix{*zoom:1;}
.clear{content:".";display:block;clear:both;overflow:hidden;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.color-orange,a.color-orange{color: #fda233;}


.topnav li>a{  line-height:99px; color:#878787; display:inline-block; height:99px;}
.topnav li>a b{ color:#666;}

.nav_tab{ position:absolute; top:30px; left:68px; z-index:50; background:url(../Images/nav_tab.png) no-repeat 70px 0 ; height:0px; overflow:hidden;}
.nav_tab>div{ background:#00a0ea; padding:0 35px; height:37px; line-height:37px; color:#fff; font-size:14px; margin-top:15px;}
.nav_tab a{ padding:5px; color:#fff; font-size:14px;}


.my_art{ position:absolute; top:107px; left:380px; z-index:40; height:0px; overflow:hidden;}
.navs{position: fixed;z-index: 1199;top: 0;left: 0;width: 100%;height: 115px;line-height: 115px;background: rgba(246, 247, 251, 0.9);}
.nav-box{width: 1280px;height: 115px;margin: 0 auto;position: relative;}
.nav-box .logos{display: block;width: 445px;height: 68px;position: absolute;top: 25px;left: -90px;z-index: 999;}

.menu li.active{background: url(../images/hover.png) no-repeat;}

.menu {width:784px;height:40px;z-index:998;position: absolute;top: 40px;right: 0;}
.menu li{width:95px;height: 40px;list-style:none; float:left; display:inline-block; font:16px/42px "Microsoft Yahei";}
.menu li a{color:#00A0E9;display:block;width: 95px;height: 40px;text-align: center;line-height: 40px;}

.menu * {
  box-sizing: border-box;
}
.menu .center {
  width: 900px;
}
.menu .ul-list {
  display: flex;
}
/*.menu .ul-list > li {
  flex: 1;
  border-right: 1px solid #333;
  position: relative;
}*/
.menu .ul-list > li:last-child {
  border-right: none;
}
/*.menu .ul-list > li > a {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  background: #222;
}*/
.menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
    display: none;
    position: absolute;
    top: 42px;
    left: 93px;
    z-index: 999;
    background: #00A0EA;
    width: 95px;
}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #FDD505;  color: #000;
	transition: color linear 0s
}	





.slide { background: url(../images/img1.jpg) 50%;}
.slide a{display: block;width: 100%;height: 100%;}
.section2 { background: url(../images/img2.jpg) 50%;}
.section3 { background: url(../images/img3.jpg) 50%;}
.section4 { background: url(../images/img4.jpg) 50%;}
.section5 { background: url(../images/img5.jpg) 50%;}
.section6{ background: url(../images/img7.jpg) 50%;}
.section7 { background: url(../images/img6.jpg) 50%;}
.section8 { background: url(../images/img8.jpg) 50%;}
.section9 { background: url(../images/img9.jpg) 50%;}


/*section2*/
.fp-text{margin:0 auto;width:1120px;height:400px;font-size:16px;line-height:30px;color: #fff;text-indent:30px;}
@media screen and (min-width: 1701px) and (max-width: 1920px){
	.fp-text{margin-top:12%;}
}
@media screen and (min-width: 1401px) and (max-width: 1700px){
	.fp-text{margin-top:22%;}
}
@media screen and (min-width: 1280px) and (max-width: 1400px){
	.fp-text{margin-top:25%;}
}
@media screen and (min-width: 1080px) and (max-width: 1279px){
	.fp-text{margin-top:30%;}
}
@media screen and (min-width: 320px) and (max-width: 1079px){
	.fp-text{margin-top:35%;}
}

/*section3*/
.m3-box{width:1000px;margin: 0px auto 0;}
.m3-box h4{font-size: 36px;color: #000;text-align: center;z-index: 999;margin: 160px auto 0;}
.m3-box .title{display: block;width: 128px;height: 4px;margin: 18px auto 40px;}
.m3-box .m3{width: 1200px;height: 540px;margin:  65px auto;}
.m3-box .m3 ul li{width: 400px;height: 270px;float: left;overflow: hidden;}
.m3-box .m3 ul li:nth-of-type(1),.m3-box .m3 ul li:nth-of-type(3),.m3-box .m3 ul li:nth-of-type(5){background: #00A0E9;}
.m3-box .m3 ul li h5{font-size: 20px;color: #fff;margin-top: 95px;font-weight: bold;}
.m3-box .m3 ul li span{display: block;font-size: 20px;font-weight: bold;color: #fff;margin: 5px auto 10px;}
.m3-box .m3 ul li p{font-size: 18px;color: #fff;}
.m3-box .m3 ul li p b{font-weight: bold;}
.m3-box .m3 ul li h5,.m3-box .m3 ul li span,.m3-box .m3 ul li p{padding-left: 60px;}



/*一天得*/
.m8-box{width:1900px;margin: 160px auto 0;}
.m8-box h4{font-size: 36px;color: #000;text-align: center;z-index: 999;margin: 160px auto 0;}
.m8-box .title{display: block;width: 128px;height: 4px;margin: 18px auto 40px;}
.m8-box .m8{width: 1750px;height: 540px;margin:  65px auto;}
.m8-box .m8 ul li{width:350px;height: 270px;float: left;overflow: hidden;    background: #00A0E9;}
.m8-box .m8 ul li:nth-of-type(1),.m8-box .m8 ul li:nth-of-type(3),.m8-box .m8 ul li:nth-of-type(5),.m8-box .m8 ul li:nth-of-type(7),.m8-box .m8 ul li:nth-of-type(9){background: #00A0E9;}
.m8-box .m8 ul li h5{font-size: 24px;color: #fff;margin-top: 95px;font-weight: bold;text-align: center;}
.m8-box .m8 ul li span{display: block;font-size: 20px;font-weight: bold;color: #fff;margin: 5px auto 10px;}
.m8-box .m8 ul li p{font-size: 20px;color: #fff;text-align: center;padding-top: 20px;}
.m8-box .m8 ul li p b{font-weight: bold;}

.box_container{
position:relative; 
width:350px; 
height:270px; 
overflow:hidden;
background: black;
color:white;
}
.images_holder{
position:absolute; 
}
.image_div {
    position:relative; 
    overflow:hidden; 
    width:50%;
    float:left;
}
.right img{
    margin-left: -100%; 
}
.box_container p {
	text-align: inherit!important;
    background: #00A0E9;
    font-size: 16px!important;
    color: #fff;
    padding: 10px 15px 0px!important;
    height: 256px;
    margin-top: 0px;
    line-height: 27px;
	border: 2px solid #fff
}


/*十大品项*/
.card-container {
  width: 1000px;
  height: 600px	
}
.card-container .controller {
	position: absolute;
    z-index: 200;
    top: 20%;
    width: 43%;
    height: 75%;
    background: none;
}
.card-container .controller.left {
  left: -13%;
   background: url(../images/left_px02.png) no-repeat center;

}
.card-container .controller.left:hover {
  background: url(../images/left_px.png) no-repeat center;
}

.card-container .controller.right {
  right: -13%;
   background: url(../images/right_px02.png) no-repeat center;	 
}
.card-container .controller.right:hover {
  background: url(../images/right_px.png) no-repeat center;
}


.card-container .card {
  position: absolute;
  width: 1000px;
  height: 600px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border-radius: 2px;
/*  background-color: mistyrose;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);*/
  z-index: 90;

}
.card-container .card:first-of-type {
  z-index: 100;
  opacity: 1;
}
.card-container .card:nth-of-type(n+2) {
          transform: scale(0.8);
}
.card-container:hover .card:first-of-type {
          transform: scale(1);
          transform-origin: center;
}
.card-container:hover .card:nth-last-of-type(2) {
          transform: scale(0.7) rotate(-20deg) translateX(-200px);
          transform-origin: bottom left;
}
.card-container:hover .card:last-of-type {
          transform: scale(0.7) rotate(20deg) translateX(200px);
          transform-origin: bottom right;
}







/*section4*/

.slide2{float:left;width:1600px;height:660px;overflow:hidden;position:relative;}
.slide2 .mask{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;overflow:hidden;color:#fff;background:#000;text-align:center;filter:alpha(opacity=50);opacity:0.50;}
#controller{height:60px;overflow:hidden;width: 600px;margin: 0 auto;background: #fff; border-radius: 50px;}
#controller span{display:block;float:left;width:200px;cursor:pointer;text-align:center;}
#controller span a{border-top:#333 3px solid;display:block;height:60px;line-height:60px;font-weight:bold;font-size:16px;}
#controller span a:hover{border-top:#FCD200 3px solid;color:#000;}
#controller .jflowselected a{border-top:#00A0E9 1px solid;color:#fff;background-color:#00A0E9;}
#controller .jflowselected a:hover{border-top:#00A0E9 1px solid;color:#fff;background-color:#00A0E9;}
#controller .flowprev,#controller .flownext{font:18px/50px arial;font-weight:800;width:65px;color:#00A0E9;text-align:center;}
.about-history{ height:701px; padding:0px 91px 0;  -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom:40px;text-align: center}
.about-title h3 {margin: 0 0 10px;font-size:36px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 34px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:3px solid #FCD200; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:152px; padding:44px 0 0 0; background-color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;height:154px }
.about-history-list .slides li .item:before{ position:absolute; top:-46px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(218,183,101,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-42px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#FCD200; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#00A0E9;}
.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#999999; text-align:center; background-color:#e2e2e2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:hover h3{ color:#232323; background-color:#fff;}
.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 26px 0; font-size:14px; color:#929292;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:#FCD200; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}


/*section4*/
.m4-box{width: 1600px;margin: 120px auto 0;}
.m4-left{width: 380px;height: 465px;margin-left: 52px;}
.m4-right{width: 672px;height: 465px;margin-right: 58px;}
.m4-title{height: 98px;background: url(../images/title2.jpg) no-repeat top left;font-size: 36px;color: #fff;font-weight: bold;text-transform:uppercase;padding-left: 25px;}
.m4-left p{font-size: 18px;color: #fff;line-height: 40px;margin-top: 40px;text-indent: 2em}
.m4-right ul li{width: 175px;height: 210px;float: left;margin-top: 40px;margin-left: 70px;position: relative;}
.m4-right ul li:nth-of-type(1),.m4-right ul li:nth-of-type(4){margin-left: 0;}
.m4-right ul li:nth-of-type(1),.m4-right ul li:nth-of-type(2),.m4-right ul li:nth-of-type(3){margin-top: 0;}
.m4-right ul li .pic2{position:absolute;top:0;left:0;z-index:-1;}
.m4-right ul li a{width:100%;height:175px;display:block;-webkit-perspective: 600px;-moz-perspective: 600px;}
.m4-right ul li a .pic1{-webkit-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateX(0deg) rotateY(0deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.m4-right ul li a:hover .pic1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.m4-right ul li a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}
.m4-right ul li a:hover .pic2{-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;}
.m4-right ul li a .pic1{width:100%;height:175px;overflow:hidden;}
.m4-right ul li a .pic2{width:100%;height:175px;overflow:hidden;}
.m4-right ul li a .pic2 img{position:absolute;}
.m4-right ul li h5{text-align: center;font-size: 18px;color: #fff;margin: 10px auto 0;}

/*section5*/
.m5-box{width: 1280px;margin: 0px auto 0;}
.m5-box h5{font-size: 36px;color: #000;text-align: center;z-index: 999;margin: 160px auto 0;}
.m5-box .title{display: block;width: 128px;height: 4px;margin: 5px auto 0px;}
.m5-boxs{height: 600px;margin: 80px auto;}

/*m6*/
.m6-box{width: 1920px;margin: 160px auto 0;}
.m6-box h4{font-size: 36px;color: #000;text-align: center;z-index: 999;margin: -100px auto 0;}
.m6-box .title{display: block;width: 128px;height: 4px;margin: 18px auto 20px;}
.swiper-wrapper{}
.swiper-slide {width:974px;transition-timing-function:linear;}
@media only screen and (max-width:1200px){
	.swiper-slide {width:766px;}
}
@media only screen and (max-width:980px){
	.swiper-slide {width:467px;}
}
@media only screen and (max-height:480px){
	.swiper-slide {width:467px;}
}
.swiper-slide img{width:100%;border-radius: 10px;}
.swiper-slide .title{position:absolute;transform:rotate(90deg);transform-origin:left top;left:-3px;font-size:11px;color: rgb(102, 102, 102);}	
.swiper-button-next, .swiper-button-prev{width:86px;height:95px;background-size:86px 95px;outline:none;}
.swiper-button-next{background-image:url(../images/right.png);}
.swiper-button-prev{background-image:url(../images/left.png);}		
.swiper-pagination-bullet{background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:none;vertical-align:middle;}
.swiper-pagination-bullet span{width:3px;height:3px;background:#CCC;display:block;border-radius:50%;margin-top:3px;margin-left:3px;}
.swiper-pagination-bullet i{background:#b48856;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width:9px;height:9px;margin-top:0;margin-left:0;background:#b48856;position:relative;z-index:1;}
.swiper-pagination-bullet-active i{animation:middle 6s;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}	


/*section7*/
.m7{width: 520px;height: 700px; margin: 120px 0 0 48%;background: #fff;border-radius: 20px;padding: 30px 48px 0 48px;}
.m7 .address{margin: 25px auto 0;cursor: pointer;}
.m7 .address .add-left{width: 115px;font-size: 18px;font-weight: bold;}
.m7 .address .add-right{width: 520px;margin-right: 25px;}
.m7 .address .add-right ul li{width: 500px;height:170px;font-size: 18px;margin-top: 15px;line-height:40px;}
.m7 .address .add-right ul li:nth-of-type(1){margin-top: 0;}
.map{position: relative;margin: 10px auto 0;}
.map img{display: block;width: 520px;height: 435px;}
.map p{width: 100%;position: absolute;top: 40px;left: 0;font-size: 18px;font-weight: bold;}
.xinxi{margin: 15px auto 0;}
.xinxi p{text-align: center;line-height:30px;font-size: 16px;}
.index_video {position: relative; z-index: 1; height: 100%; width: 100%;}