﻿.index{height: 100%;}

/* top */
.index .top{position: absolute; left: 0; top: 0; width: 100%;z-index: 5; border-bottom: 1px solid rgba(241, 234, 229,0.102);}
.header-menu li a{color: rgb(255, 255, 255);}
.header-menu li span.en{ color: rgba(255, 255, 255, 0.502);}
.top-search .open-search{background: url(../images/search-btn.png) center center no-repeat;}

.index{position: relative;}

.clear {clear: both;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.fp-responsive{ overflow-x: hidden!important}

.contain-part1{position: relative;}

/* index-part1 */
.contain-part1 .wap_pic{display: none;}
.contain-part1 .font_pic{ position: absolute; width: 100%; top: 0; text-align: center; opacity: 0; transition: 1s}
.contain-part1 .font_pic:after{ content: ''; position: absolute; width: 20px; height: 3px; left: 50%; bottom:-10px; margin-left: -10px; background: #da6212}
.contain-part1 .font_pic img{ width: 24.5%}
.contain-part1 .banner-slick{ }
.contain-part1 .slick-list{height: 100%;}
.contain-part1 .slick-track{height: 100%;}
.contain-part1 .slick-track .slick-item{height: 100%;} 
.contain-part1 .slick-item{ width: 100%; overflow: hidden;}
.contain-part1 .pic{background:  center center no-repeat ;background-size: cover;transition: 10s ease-out; -ms-transition: 10s ease-out; -webkit-transition: 10s ease-out; -moz-transition: 10s ease-out; position: relative; width: 100%; height: 100%; }
.contain-part1 .banner-slick-item a{width: 100%; height: 100%; display: block; cursor: pointer;}
.contain-part1 .slick-dots{z-index: 1;}
.contain-part1 .slick-slide{ transition: 0.5s}
.contain-part1 .slick-current{ z-index: 10;}
.contain-part1 .slick-current .pic{ transform: scale(1.2);}
.contain-part1 .slick-current .font_pic{ top: 20%; opacity: 1}
.contain-part1 .slick-dots li.slick-active button{ background-color: #da6212; border-color: #da6212;}

.header{ z-index: 100}
.header-left{float: left; height: 100px; display: table; text-align: center; width: 180px;}
.header-left a{ display: table-cell;vertical-align: middle;}
.header-left img { height:50px; }
.header-mid{float: right; margin-right: 1.88%;}
.header-right{float: right; padding-top: 30px;}
.header-mid .ul li{float: left; height: 100px; padding:0 30px; display: table;}
.header-mid .ul li em{ display: table-cell; vertical-align: middle; position: relative;}
.header-mid .ul li em a{font-size: 16px; font-style: normal; }
.header-mid .ul li em a:hover{color: #ff7f00;}
.header-mid .ul li em span{ display: block}
.header-mid .ul li em a span.en{font-size: 12px;}
.header-menu li em a:after{content: '';position: absolute; bottom: 0; left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0;height: 4px; background-color: #ff7f00 ;-webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.header-menu li:hover em a:after,
.header-menu li.aon em a:after{width: 100%;}

.clear_float::after,.clear_float::before{ content: ""; display: block;clear: both;  }

.auto_1600{max-width: 1600px;margin: auto;}
 @media (max-width: 1600px) {
.auto_1600{padding: 0 2%;}
 }