@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
	/*font-family: "微软雅黑";*/
	font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;
	-webkit-text-size-adjust: none;
	color: #333;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
ul, li {
	list-style-type: none;
}
a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
}
.tc {
	text-align: center;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.cl {
	clear: both;
}
.fb {
	font-weight: bold;
}
.fnb {
	font-weight: 200;
	margin-left: -1px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	outline: none;
}
.font_14 {
	font-size: 14px;
}
.font_16 {
	font-size: 16px;
}
.font_18 {
	font-size: 18px;
}
.font_s {
	font-family: "宋体";
}
.min_w {
	min-width: 1200px;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
/*header*/
.section {
	overflow: hidden;
}
.section1 {
	position: relative;
	/*background: url(../images/banner.jpg) 50%;*/
}
.section3 {
	background: url(../images/pic12.jpg) 50%;
}
.section4 {
	background: #f2f2f2;
}
.section5 {
	background: url(../images/pic20.jpg) no-repeat 50%;
}
.section6 {
	background: url(../images/pic22.jpg) no-repeat 50%;
}
.section1_logo {
	width: 100%;
	top: 2%;
	position: absolute;
}
.section1_logo img {
	display: block;
	text-align: center;
}
.logo1 {
	transform: scale(0, 0);
	width: 44%;
	right: -100%;
	margin-top: -300px;
	opacity: 0;
	position: relative;
}
.logo2 {
	width: 20%;
	margin: 0 auto;
}
.logo3 {
	transform: scale(0, 0);
	position: relative;
	left: -100%;
	margin-top: 500px;
	width: 46%;
}
.logo2 {
	animation: myrotate 7s 5s forwards infinite linear;
	-webkit-animation: myrotate 7s 5s forwards infinite linear;
}
 @keyframes myrotate {
 100% {
 transform: rotate(-360deg);
}
}
@-webkit-keyframes myrotate {
 100% {
 -webkit-transform: rotate(-360deg);
}
}
.logo_po {
	transform: scale(0, 0);
	transition: 1.6s 0.5s linear all;
	-webkit-transition: 1.6s 0.5s linear all;
	z-index: 99;
	position: relative;
}
.logo5 {
	margin-top: -400px;
	opacity: 0;
	transition: 1.2s linear all;
	transition-delay: 1s;
	position: absolute;
	top: 15%;
	left: 0px;
	width: 26%;
	left: 50%;
	margin-left: -13%;
}
.logo4 {
	transition-delay: 5s;
	-webkit-transition: 1s 0.5s linear all;
	position: absolute;
	bottom: 0px;
	left: 45%;
	width: 10%;
	opacity: 0;
	transform: scale(0, 0);
}
.active .big {
	transform: scale(1, 1);
}
.active .logo4 {
	transform: scale(1, 1);
}
.section_join {
	z-index: 9999;
	position: relative;
	width: 188px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	margin-top: 29%;
	color: #fff;
	border: 1px solid #fff;
}
.section_join a {
	color: #fff;
	display: block;
}
.nav {
	overflow: hidden;
	height: 90px;
	background: #fff;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 99999;
	box-shadow: 0px 0px 15px #333;
}
.logo {
	margin-left: 1.2%;
	padding-top: 20px;
}
.logo img{
	width:80%;
}
.nav_c {
	width: 50%;
	margin-left:8%;
}
.nav_c li {
	line-height: 90px;
	float: left;
	font-size: 16px;
	color: #2b2b2b;
	padding-left: 5%;
}
.icon a {
	display: inline-block;
	font-size: 14px;
	color: #9f9f9f;
	margin-right: 3%;
}
.icon {
	margin-top: 1.8rem;
	line-height: 32px;
	width: 15%;
}
.icon img {
	vertical-align: middle;
}
.logoh {
	display: none;
	margin-left: 1.2%;
	padding-top: 20px;
}
@media screen and (max-width: 1874px) {
.nav_c {
	width: 57%;
	margin-left: 3%;
}
.icon {
	margin-top: 1.2rem;
	width: 10%;
}
}
@media screen and (max-width:1588px) {
.nav_c {
	margin-left: 0%;
}
}
@media screen and (max-width:1440px) {
.logoh {
	display: block;
}
.logo {
	display: none;
}
.nav_c {
	width: 58%;
	margin-left: 3%;
}
.nav_c li {
	padding-left: 4%;
}
.icon {
	width: 13%;
}
}
@media screen and (max-width:1300px) {
.nav_c {
	width: 60%;
	margin-left: 0;
}
.nav_c li {
	padding-left: 3.5%;
}
}
@media screen and (max-width:1200px) {
.icon {
	display: none;
}
.nav_c {
	width: 71%;
}
}
.section2 {
	position: relative;
}
.section2 .nav {
	position: absolute;
	top: 0px;
}
.home {
	width: 69%;
	margin: 0 auto;
	position: relative;
}
.home img {
	transition: 1s linear all;
	-webkit-transition: 1s linear all;
	display: block;
	margin-left: -100%;
	width: 100%;
}
.home_height {
	transition: 1s 0.4s linear all;
	-webkit-transition: 1s 0.4s linear all;
	font-size: 24px;
	color: #4f4f4f;
	text-align: center;
	position: absolute;
	line-height: 24px;
	height: 24px;
	width: 100%;
	top: -300px;
	margin-top: -12px;
	display: block;
}
.active .home img {
	margin-left: 0%;
}
.active .home_height {
	top: 50%;
}
.idx_pros {
	width: 903px;
	margin: 0 auto;
	background: #fff;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee
}
.idx_pros a {
	display: block;
	width: 300px;
	height: 150px;
	float: left;
	color: #646464;
	border: 1px solid #eee;
	position: relative;
	border-right: 0;
	border-bottom: 0;
	overflow: hidden
}
.idx_pros .ico, .idx_pros .txts {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0
}
.idx_pros .ico {
	background-repeat: no-repeat;
	background-position: left center;
	left: 0;
	transition: left 500ms;
	-webkit-transition: left 500ms
}
.idx_pros .idxp11 .ico {
	background: url(../images/p7.png) no-repeat center center;
}
.idx_pros .idxp11:hover .ico {
	background: url(../images/p13.png) no-repeat center center;
}
.idx_pros .idxp21 .ico {
	background: url(../images/p8.png) no-repeat center center;
}
.idx_pros .idxp12 .ico {
	background: url(../images/p9.png) no-repeat center center;
}
.idx_pros .idxp12:hover .ico {
	background: url(../images/p14.png) no-repeat center center;
}
.idx_pros .idxp22 .ico {
	background: url(../images/p10.png) no-repeat center center;
}
.idx_pros .idxp13 .ico {
	background: url(../images/p11.png) no-repeat center center;
}
.idx_pros .idxp13:hover .ico {
	background: url(../images/p15.png) no-repeat center center;
}
.idx_pros .idxp23 .ico {
	background: url(../images/p12.png) no-repeat center center;
}
.idx_pros .txts {
	left: 50%;
	width: 50%;
	transition: 500ms;
	-webkit-transition: 500ms
}
.idx_pros .txts .ch {
	font-size: 20px;
	text-align: left;
	width: 105px;
	padding-bottom: 3px;
	background: url(../images/pic7.jpg) no-repeat left bottom;
	margin-top: 45px;
}
.idx_pros .idxp1 .txts .ch {
	color: #6d6d6d;
}
.idx_pros .txts .en {
	font-size: 13px;
	text-align: left;
	color: #6d6d6d;
	margin-top: 2px
}
.idx_pros .pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
.idx_pros .pic img {
	width: 100%
}
.idx_pros .idxp2 {
	color: #fff
}
.idx_pros .idxp2 .txts .ch {
	border-color: #fff
}
.idx_pros .cover {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	overflow: visible;
	border: 0 solid #b42c2c;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}
.idx_pros a:hover .cover {
	opacity: 1;
	border: 150px solid #301f18
}
.idx_pros a:hover .ico {
	left: 50%
}
.idx_pros a:hover .txts {
	left: 0;
	padding-right: 0;
	padding-left: 15%
}
.idx_pros .idxp1:hover {
	color: #fff
}
.idx_pros .idxp1:hover .txts .ch {
	background: url(../images/pic8.jpg) no-repeat left bottom;
}
.idx_pros .idxp1:hover .txts .ch, .idx_pros .idxp1:hover .txts .en {
	color: #fff
}
.idx_pros .arrow {
	width: 18px;
	height: 18px;
	background: url(../images/wi_arrow.png) no-repeat center center;
	position: absolute;
	bottom: 8px;
	left: 15%;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	opacity: 0;
	display: none\9;
	transition: 500ms;
	-webkit-transition: 500ms
}
.idx_pros a:hover .arrow {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}
.idx_pros .idxp2 .en {
	color: #fff;
}
.idx_pros .idxp2 .ch {
	background: url(../images/pic8.jpg) no-repeat left bottom;
}
.tranShow {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: 1.2s linear all;
	-webkit-transition: 1.2s linear all;
}
.active .tranShow {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
/*3*/
.bluel {
	margin-top: 10%;
	opacity: 0;
	position: relative;
	width: 33%;
	transition: 1.5s linear all;
	-webkit-transition: 1.5s linear all;
}
.active .bluel {
	margin-top: 0%;
	opacity: 1;
}
.bluel>img {
	width: 100%;
}
.bluec {
	background: #fefefe;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
	transition: 1.5s linear all;
	-webkit-transition: 1.5s linear all;
	width: 24%;
	margin-top: 10%;
	opacity: 0;
}
.active .bluec {
	margin-top: 0px;
	opacity: 1;
}
.bluer {
	position: relative;
	width: 43%;
	margin-top: 10%;
	opacity: 0;
	transition: 1.5s linear all;
	-webkit-transition: 1.5s linear all;
}
.active .bluer {
	margin-top: 0px;
	opacity: 1;
}
.bluer>img {
	width: 100%;
}
.bluel_hid {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bluer_hid {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bluel_hid>img {
	width: 100%;
}
.bluer_hid>img {
	width: 100%;
}
.bluel_more {
	position: absolute;
	top: 24%;
	left: 0px;
	width: 100%;
	text-align: center;
}
.bluel_com {
	font-size: 17px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	padding: 12px 0;
}
.bluel_line {
	margin: 0 auto;
	background: #fff;
	height: 2px;
	width: 0;
	animation: line11 6s forwards infinite linear;
	-webkit-animation: line11 6s forwards infinite linear;
}
@-webkit-keyframes line11 {
0% {
width:0px;
}
50% {
width:113px;
}
100% {
width:0px;
}
}
@keyframes line11 {
0% {
width:0px;
}
50% {
width:113px;
}
100% {
width:0px;
}
}
.line1_more {
	z-index: 99;
	font-size: 13px;
	width: 145px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #fff;
	margin: 6% auto 0 auto;
}
.line1_more a {
	display: block;
	color: #fff;
}
.line1_wid {
	z-index: 2;
	position: absolute;
	bottom: 0%;
	width: 100%;
	left: 0px;
	animation: fly 25s forwards infinite linear;
	-webkit-animation: fly 25s forwards infinite linear;
}
@-webkit-keyframes fly {
0% {
bottom:-20%;
width:100%;
left:0px;
}
50% {
bottom:50%;
width:80%;
left:50%;
margin-left:-40%;
}
100% {
bottom:170%;
width:60%;
left:50%;
margin-left:-30%;
}
}
@keyframes fly {
0% {
bottom:-20%;
width:100%;
left:0px;
}
50% {
bottom:50%;
width:80%;
left:50%;
margin-left:-40%;
}
100% {
bottom:170%;
width:60%;
left:50%;
margin-left:-30%;
}
}
.bluec_title {
	font-size: 18px;
	color: #600306;
	background: url(../images/p21.png) no-repeat center bottom;
	line-height: 32px;
	padding-bottom: 12px;
	text-align: center;
	padding-top: 22%;
}
.bluec_con {
	font-size: 14px;
	color: #464646;
	text-align: left;
	line-height: 25px;
	width: 90%;
	margin: 7% auto 0 auto;
}
.bluer_more {
	width: 100%;
	left: 0px;
	top: 30%;
	position: absolute;
}
.bluer_more_text {
	font-size: 17px;
	color: #fff;
	line-height: 36px;
	text-align: center;
}
.bluer_line {
	margin: 0 auto;
	background: #fff;
	height: 2px;
	width: 0;
	animation: liner1 6s forwards infinite linear;
	-webkit-animation: liner1 6s forwards infinite linear;
}
@-webkit-keyframes liner1 {
0% {
width:0px;
}
50% {
width:81px;
}
100% {
width:0px;
}
}
@keyframes liner1 {
0% {
width:0px;
}
50% {
width:81px;
}
100% {
width:0px;
}
}
.bluer_cn {
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	margin-top: 2%;
}
.bluer_vedio {
	margin: 2% auto 0 auto;
	text-align: center;
}
.section3 .home {
	width: 49%;
}
.section3 .nav {
	position: absolute;
	top: 0px;
}
.product {
	width: 70%;
	margin: 0 auto;
	opacity: 0;
	transform: scale(0.4, 0.4);
	transition: 1.2s linear all;
	-webkit-transition: 1.2s linear all;
}
.active .product {
	opacity: 1;
	transform: scale(1, 1);
}
.section4 .home {
	margin-top: 5%;
	width: 65%;
}
.product li {
	margin-bottom: 1.5%;
	position: relative;
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
.product li:first-child {
	margin-left: 0px;
}
.product li:first-child+li+li+li {
	margin-left: 0px;
}
.section4 .nav {
	position: absolute;
	top: 0px;
}
.product_hid {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
.product_name {
	z-index: 99;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 100%;
	line-height: 24px;
	position: absolute;
	top: 7%;
	left: 0px;
	color: #fff;
}
.product_more a {
	z-index: 99;
	left: 50%;
	margin-left: -41.5px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	width: 83px;
	bottom: 7%;
	line-height: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.product li .product_click {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	overflow: visible;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}
.product li:hover .product_click {
	opacity: 1;
}
.section5 .nav {
	position: absolute;
	top: 0px;
}
.new {
	width: 1200px;
	margin: 0 auto;
}
.new li {
	float: left;
	width: 388px;
	margin-left: 18px;
}
.new li:first-child {
	margin-left: 0px;
}
.new_back {
	min-height: 190px;
	width: 348px;
	padding: 0 20px;
	background: #f2f2f2;
}
.new_tit {
	font-size: 18px;
	color: #595959;
	line-height: 41px;
	padding-top: 19px;
}
.new_con {
	font-size: 15px;
	color: #7b7b7b;
	line-height: 26px;
	margin-top: 6px;
}
.new_more {
	margin-top: 20px;
	text-align: right;
}
.new {
	position: relative;
	top: -100%;
	transition: 1.4s linear all;
	-webkit-transition: 1.4s linear all;
}
.active .new {
	top: 0px;
}
.new1 {
	left: 406px;
	position: relative;
	transition: 1.1s 1.4s linear all;
	-webkit-transition: 1.1s 1.4s linear all;
}
.active .new1 {
	left: 0px;
}
.new3 {
	position: relative;
	left: -406px;
	transition: 1.1s 1.4s linear all;
	-webkit-transition: 1.1s 1.4s linear all;
}
.active .new3 {
	left: 0px;
}
#zzsc {
	min-height: 355px;
	transition: 1.5s linear all;
	-webkit-transition: 1.5s linear all;
	width: 1200px;
	bottom: -50%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.active #zzsc {
	bottom: 0px;
}
#zzsc #wai_box {
	min-height: 355px;
	width: 1200px;
	overflow: hidden;
	position: relative;
}
#zzsc #wai_box .zzsc_box .title {
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	background: rgba(000, 000, 000, 0.5);
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#6B000000, endColorstr=#6B000000);
	display: none;
	height: 30px;
	position: absolute;
	bottom: 0px;
	z-index: 30;
	width: 248px;
	text-indent: 1em;
	left: 0px;
}
#zzsc .zzsc_box {
	width: 100000px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#zzsc .zzsc_box a.img:hover {
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	Opacity: 0.9;
	Filter: alpha(opacity=90);
	outline: none;
}
#zzsc .zzsc_box .img {
	display: block;
}
#zzsc .zzsc_box ul {
	float: left;
	display: block;
	height: 459px;
	width: 1200px;
}
#zzsc .zzsc_box li {
	float: left;
	width: 240px;
	margin-bottom: 60px;
	font-size: 0px;
	line-height: 0px;
	position: relative;
}
#zzsc .znav {
	height: 10px;
	margin-top: 2%;
	margin-bottom:5%;
	width: 231px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#zzsc .znav a {
	border: 2px solid #5f5f5f;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	/*float: left;*/
	height: 10px;
	width: 10px;
	font-size: 0px;
	line-height: 0px;
	margin-right: 17.5px;
	cursor: pointer;
}
#zzsc .znav a:hover {
	background: #5b5b5b;
}
#zzsc .znav .now {
	background: #5b5b5b;
}
.section6 .nav {
	position: absolute;
	top: 0px;
}
.section7 {
	background: #2c2c2c;
}
.foot {
	position: relative;
	background: #2c2c2c;
	min-height: 111px;
}
.foot_l {
	width: 70%;
	text-align: center;
	margin-left: 7%;
	font-size: 16px;
	color: #bebebe;
	line-height: 24px;
	padding-top: 18px;
}
.foot_l span {
	padding-left: 40px;
}
.foot_wid {
	width: 1200px;
	margin: 0 auto;
}
.foot_r a {
	display: inline-block;
	padding: 35px 0 0 11px;
}
.foot_arrow {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.foot_back {
	background: #2c2c2c;
	display: none;
}
.foot_nav {
	width: 1200px;
	margin: 0 auto;
}
.foot_nav>ul>li>a {
	color: #ffffff;
	display: block;
}
.foot_nav>ul>li {
	float: left;
	line-height: 81px;
	font-size: 16px;
}
.foot_nav>ul>li {
	text-align: center;
	width: 124px;
}
.foot_nav>ul>li>ul {
	line-height: 36px;
	margin-top: 12px;
	color: #7a7a7a;
	font-size: 16px;
}
.foot_nav>ul>li>ul a {
	color: #7a7a7a;
}
.foot_nav>ul {
	padding-left: 90px;
	background: url(../images/p28.png) repeat-x center 81px;
}
/*pro_pic*/
.pro_nav {
	position: relative;
	top: 0px;
}
.pro_list {
	background: #e5e5e5;
	height: 68px;
}
.pro_list>ul>li {
	height: 68px;
	line-height: 68px;
	float: left;
	width: 210px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	background: #2c3c5a;
	font-size: 18px;
}
.pro_list>ul>li.on {
	color: #6a6a6a;
	background: #fff;
}
.pro_list>ul>li>a {
	color: #fff;
	display: block;
}
.pro_list>ul>li.on>a {
	color: #6a6a6a;
}
.pro_list>ul>li:hover {
	background: #fff;
}
.pro_list>ul>li:hover>a {
	color: #6a6a6a;
}
.pro_about_l {
	width: 230px;
	margin-top: 80px;
	background: url(../images/pic24.jpg) no-repeat left top;
	padding-left: 120px;
}
.pro_about_l div {
	font-size: 48px;
	color: #434343;
	font-family: Impact;
	background: url(../images/pic25.jpg) no-repeat left bottom;
	line-height: 111px;
	padding-top: 10px;
}
.pro_about_l span {
	font-size: 42px;
	color: #bababa;
	line-height: 65px;
}
.pro_about_r {
	line-height: 28px;
	margin-top: 115px;
	width: 803px;
	font-size: 16px;
	color: #555555;
}
.pro_about_r span {
	display: block;
	text-indent: 2em;
}
.slideBox {
	width: 1197px;
	height: 689px;
	overflow: hidden;
	margin-top: 93px;
	position: relative;
}
.slideBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 35px;
	bottom: 35px;
	z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.slideBox .hd ul li {
	float: left;
	margin: 0 8px;
	width: 15px;
	height: 15px;
	line-height: 14px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	background: #fff;
	cursor: pointer;
}
.slideBox .hd ul li.on {
	background: #f00;
	color: #fff;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd img {
	width: 1197px;
	height: 689px;
	display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}
.slideBox .prev:hover, .slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
.pro_bot {
	padding-top: 120px;
	margin-top: 88px;
	height: 515px;
	background: url(../images/pic27.jpg) no-repeat center center;
}
.pro_bot li {
	float: left;
	width: 390px;
	margin-left: 12px;
}
.pro_bot li:first-child {
	margin-left: 0px;
}
.pro_bowhi {
	min-height: 121px;
	padding: 0 25px;
	width: 340px;
	background: #ffffff;
}
.pro_bowhi div {
	font-size: 20px;
	color: #5d5d5d;
	line-height: 41px;
	padding-top: 12px;
}
.pro_bowhi span {
	display: block;
	font-size: 16px;
	color: #999999;
	line-height: 26px;
	margin-top: 7px;
	padding-bottom: 5px;
}
.search_click {
	margin: 0 auto;
	left: 0%;
	height: 111px;
	overflow: hidden;
	background: #fff;
	width: 100%;
	display: none;
	position: absolute;
	top: 0px;
}
.seainp {
	height: 51px;
	margin-top: 18px;
	border: 1px solid #c2c2c2;
	width: 90%;
	margin: 18px auto 0 auto;
}
.seasub {
	border: none;
	margin-top: 18px;
	height: 53px;
	width: 109px;
	background: url(../images/pic2.jpg) no-repeat center center;
}
/*pro_pic1*/
.pro1_list li {
	width: 200px;
	border: none;
	font-size: 16px;
}
.pro1_l {
	width: 357px;
}
.pro1_r {
	padding-bottom: 37px;
	text-align: right;
	background: url(../images/pic30.jpg) no-repeat right bottom;
	padding-right: 120px;
	width: 480px;
}
.pro1_r div {
	line-height: 49px;
	padding-top: 140px;
	font-size: 30px;
	color: #8d8d8d;
}
.pro1_r span {
	font-size: 36px;
	color: #8d8d8d;
	text-transform: uppercase;
	font-weight: 100;
	line-height: 41px;
}
.pro1_ul {
	padding-top: 36px;
}
.pro1_ul li {
	overflow: hidden;
	margin-top: 44px;
	padding-bottom: 22px;
	float: left;
	width: 297px;
	margin-left: 3px;
	transition: 0.7s linear;
	-webkit-transition: 0.7s linear;
}
.pro1_ul li:hover {
	box-shadow: 0px 0px 10px #333;
}
.pro1_ul li div {
	line-height: 31px;
	text-align: center;
	font-size: 16px;
	color: #7c7c7c;
	margin-top: 15px;
}
.pro1_ul ul {
	margin-left: -3px;
}
.pro1_ul li img {
	height: 256px;
	overflow: hidden;
	display: block;
	transition: 0.7s linear;
	-webkit-transition: 0.7s linear;
}
.pro1_ul li:hover img {
	transform: scale(1.05, 1.05);
}
.page a {
	padding: 0 8px;
	font-size: 16px;
	display: inline-block;
	color: #7c7c7c;
	margin: 0 9px;
}
.page {
	margin-top: 48px;
	margin-bottom: 60px;
	text-align: center;
	line-height: 20px;
	padding: 0 8px;
}
.page a img {
	vertical-align: middle;
}
.page a:hover {
	color: #fff;
	background: #343434;
}
.page a.on {
	color: #fff;
	background: #343434;
}
/*new_pic*/
.pro_new {
	padding-bottom: 168px;
	position: relative;
}
.pro_new_l {
	margin-top: 181px;
}
.pro_new_c {
	position: relative;
	z-index: 999;
	width: 384px;
	margin-top: 199px;
}
.pro_new_title {
	background: url(../images/pic34.png) no-repeat left top;
	line-height: 79px;
	font-size: 24px;
	color: #3e3e3e;
}
.pro_new_con {
	font-size: 13px;
	color: #8f8f8f;
	line-height: 28px;
	margin-top: 10px;
}
.pro_new_con span {
	display: block;
}
.pro_new_more a {
	margin-top: 12px;
	display: block;
	color: #323232;
	font-size: 16px;
	text-align: center;
	line-height: 41px;
	height: 41px;
	width: 166px;
	border: 1px solid #3a2593;
}
.pro_new_r {
	position: absolute;
	z-index: 99;
	right: 0px;
	top: 20px;
}
.pro_two {
	background: url(../images/pic36.jpg) no-repeat center center;
	min-height: 712px;
}
.pro_twid {
	position: relative;
}
.pro_twid_l {
	top: 57px;
	position: absolute;
	left: -113px;
}
.pro_twid_r {
	margin-top: 182px;
	width: 395px;
}
.pro_twid_r .pro_new_title {
	background: url(../images/p32.png) no-repeat left top;
	line-height: 79px;
	font-size: 24px;
	color: #c3a17d;
}
.pro_twid_r .pro_new_more a {
	margin-top: 40px;
	color: #fff;
	border: 1px solid #bc9b79;
}
.pro_twid_c {
	margin-top: 165px;
}
.pro_thew_r {
	margin-top: 80px;
}
.pro_fowid_l {
	top: 76px;
	left: -30px;
}
.pro_foew_r {
	right: -90px;
	top: 0px;
	margin-top: 0px;
}
.cfb1 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
/*new_pic1*/
.pci1_back {
	background: #e5e5e5;
	height: 68px;
}
.proc1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 110px;
}
/*new2*/
.new1_about_r {
	width: 795px;
}
.newl_l {
	width: 302px;
	margin-top: 128px;
}
.newl_r {
	min-height: 198px;
	padding: 0 30px 0 55px;
	margin-top: 128px;
	position: relative;
	background: #e5e5e5;
	width: 407px;
}
.newl_r_date {
	position: absolute;
	font-size: 20px;
	color: #f1f1f1;
	font-family: Impact;
	background: #343434;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	top: 0px;
	left: 0px;
}
.new1_tit {
	font-size: 24px;
	color: #363636;
	line-height: 44px;
	padding-top: 37px;
}
.new1_con {
	font-size: 16px;
	color: #656565;
	line-height: 28px;
	margin-top: 5px;
}
.new1_list li {
	border-bottom: 1px solid #e5e5e5;
	padding: 55px 0 49px 0;
}
.new1_list_l {
	text-align: center;
	width: 128px;
	height: 121px;
	background: #c9c9c9;
	font-family: Impact;
	color: #ffffff;
}
.new1_list_l span {
	font-size: 30px;
	line-height: 48px;
	display: block;
}
.new1_list_l div {
	width: 90px;
	margin: 0 auto;
	line-height: 56px;
	padding-top: 5px;
	border-bottom: 2px solid #fff;
	font-size: 30px;
}
.new1_list_r {
	width: 1045px;
}
.new1_list_r span {
	font-size: 16px;
	line-height: 29px;
	margin-top: 11px;
	display: block;
	text-indent: 2em;
	color: #7c7c7c;
}
.new1_list_r div {
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #585858;
}
/*add*/
.section6 {
	position: relative;
}
.secab {
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
}
.sepo {
	position: relative;
	bottom: 0px;
	width: 100%;
}
.section_join {
	position: relative;
	border: none;
	box-shadow: inset 0 0 0 1px #fff;
}
.section_join::before, .section_join::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}
.section_join {
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}
.section_join::before, .section_join::after {
	border: 1px solid transparent;
	width: 0;
	height: 0;
}
.section_join::before {
	top: 0;
	left: 0;
}
.section_join::after {
	bottom: 0;
	right: 0;
}
.section_join:hover a {
	color:  #e7994a;
}
.section_join:hover::before, .section_join:hover::after {
	width: 100%;
	height: 100%;
}
.section_join:hover::before {
	border-top-color:  #e7994a;
	border-right-color:  #e7994a;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.section_join:hover::after {
	border-bottom-color:  #e7994a;
	border-left-color:  #e7994a;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}


.search_click{ width:888px; left:50%; margin-left:-444px;}
.search_click .seainp{ width:777px !important;}

/*news_show*/
.newsshowall{padding:40px;margin: 0 auto;}
.show_title{text-align: center;font-size: 16px;color: #000;}
.showtime{text-align: center;margin-top: 22px;color: #666666;font-size: 14px;margin-bottom: 22px;}
.newsshowcon{color: #666666;font-size: 14px;padding: 20px 0;line-height: 28px;}

/*2017-10-23*/
.pre{ position:absolute; left:-40px; top:155px;}
.next{ position:absolute; top:155px; right:40px;}
.banner1{ height:100%; position:relative; top:0px; left:0px; width:100%;}
.banner1 .banner_tit{ opacity:0; top:40%; position:absolute; left:0px; margin-left:-17%; left:50%; width:34%; z-index:999; transition:1s linear; -webkit-transition:1s linear;}
.banner_tit img{ width:100%;}
.slick-active .banner_tit{ opacity:1;top:30%;}
.banner{ height:100%;}
.slick-list{ height:100%;}
.slick-slide>img{ height:100%;}
.banner1 .banner_en{ opacity:0; top:48%; position:absolute; left:0px; margin-left:-31%; left:50%; width:62%; z-index:999; transition:0.8s 0.5s linear; -webkit-transition:0.8s 0.5s linear;}
.banner_en img{ width:100%;}
.slick-active .banner_en{ opacity:1;top:40%;}
.banner1 .banner_con{ opacity:0; top:63%; position:absolute; left:0px; margin-left:-19%; left:50%; width:38%; z-index:999; transition:1s 1s linear; -webkit-transition:1s 1s linear;}
.banner_con img{ width:100%;}
.slick-active .banner_con{ opacity:1;top:53%;}


.banner1 .bjo{ position:absolute; opacity:0; top:90%;width: 0;
	height: 44px;font-size: 20px;color: #fff; left:50%; margin:-94px; line-height:44px; text-align:center;
	 transition:1s 1.4s linear; -webkit-transition:1s 1.4s linear; }
.bjo a{ color:#fff; display:block;}
.slick-active .bjo{ opacity:1;top:80%; width:188px;}
.banner_on .banner_tit{  position:absolute; left:0px; margin-left:-20%; left:50%; width:40%; z-index:999; animation:1s fly linear; -webkit-animation:1s fly linear;}

@keyframes fly{
	from{opacity:0; top:40%;}
	to{ opacity:1;top:30%;}
	}
@-webkit-keyframes fly /*Safari and Chrome*/{
	from{opacity:0; top:40%;}
	to{ opacity:1;top:30%;}
	}
.banner_on .banner_en{position:absolute; margin-left:-33%; left:50%; width:66%; z-index:999; animation:1.5s fly1 linear; -webkit-animation:1.5s fly1 linear;}
@keyframes fly1{
	0%{opacity:0; top:53%;}
	20%{opacity:0; top:48%;}
	100%{ opacity:1;top:40%;}
	}
@-webkit-keyframes fly1 /*Safari and Chrome*/{
	0%{opacity:0; top:53%;}
	20%{opacity:0; top:48%;}
	100%{ opacity:1;top:40%;}
	}
.banner_on .banner_con{position:absolute; left:0px; margin-left:-19%; left:50%; width:38%; z-index:999; animation:1.7s fly2 linear; -webkit-animation:1.7s fly2 linear;}
@keyframes fly2{
	0%{opacity:0; top:63%;}
	20%{opacity:0; top:63%;}
	100%{ opacity:1;top:53%;}
	}
@-webkit-keyframes fly2 /*Safari and Chrome*/{
	0%{opacity:0; top:63%;}
	20%{opacity:0; top:63%;}
	100%{ opacity:1;top:53%;}
	}
.banner_on .bjo{ position:absolute;width: 188px;
	height: 44px;font-size: 20px;color: #fff; left:50%; margin:-94px; line-height:44px; text-align:center;animation:2s fly3 linear; -webkit-animation:2s fly3 linear;
}
@keyframes fly3{
	0%{opacity:0; top:90%;}
	50%{opacity:0; top:90%;}
	100%{ opacity:1;top:80%;}
	}
@-webkit-keyframes fly3 /*Safari and Chrome*/{
	0%{opacity:0; top:90%;}
	50%{opacity:0; top:90%;}
	100%{ opacity:1;top:80%;}
	}
.home img {
	transition: 1s linear all;margin-left: -400px;
	-webkit-transition: 1s linear all;
}
.home_height {    top: -100px;
	transition: 1s 0.4s linear all;
	-webkit-transition: 1s 0.4s linear all;
}
.bjo:hover a .section_join{ color:#e7994a !important;}
.section_join{ margin: 0 auto 0 auto;}
.slick-active>img {
	animation: 9s fly4 linear forwards;
	-webkit-animation: 9s fly4 linear forwards;
}
@keyframes fly4{
	0%{ transform:scale(1,1); -webkit-transform:scale(1,1);}
	60%{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
	100%{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
	}
@-webkit-keyframes fly4 /*Safari and Chrome*/{
	0%{ transform:scale(1,1); -webkit-transform:scale(1,1);}
	60%{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
	100%{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
	}


.product_name{ left:-30%; opacity:0; transition:0.6s 0.4s linear; -webkit-transition:0.6s 0.4s linear;}
.product li:hover .product_name{ left:0%; opacity:1;}
.product_more{ position:absolute; bottom:4%; z-index:999; width:83px; left:50%; margin-left:-41.5px; transform:scale(0,0); -webkit-transform:scale(0,0); transition:0.7s 0.4s linear; -webkit-transition:0.7s 0.4s linear;}
.product li:hover .product_more{transform:scale(1,1); -webkit-transform:scale(1,1);}



.nav_c li{ height:20px; margin-top:37px; line-height:20px; overflow:hidden; transition:0.4s linear; -webkit-transition:0.4s linear; top:0px;}
.nav_c li .nav-t{ position:relative; top:0px;}
.nav_c li:hover .nav-t{ top:-30px; opacity:0;}
.nav_c li .nav-b{ position:relative;transition:0.4s linear; -webkit-transition:0.4s linear; top:20px;}
.nav_c li:hover .nav-b{ top:-20px;color: #b42c2c;}



.product_hid{ opacity:0; left:-50%; transition:0.5s linear; -webkit-transition:0.5s linear;}
.product li:hover .product_hid{ opacity:1;left:0%;}
.product li{ overflow:hidden;}

/*2017-10-27*/
.product_click{ display:none !important;}
.product li:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); transition:1s linear; -webkit-transition:1s linear;}
.product_b{ position:relative; transition:1s linear; -webkit-transition:1s linear; width:94%; font-size:18px; padding:0 3%; height:90px;}

.product_bc{ padding-top:4%;}
.product li:hover .product_b{ color:#fff; background:#000;}
.product_line{ opacity:0; right:-30%; width:30px; height:1px; position:absolute; top:40px; z-index:999; background:#fff; transition:0.3s linear; -webkit-transition:0.3s linear;}
.product_line1{ height:30px; width:1px;opacity:0; top:130%;  position:absolute;right:45px; z-index:999; background:#fff; transition:0.3s linear; -webkit-transition:0.3s linear;}
.product li:hover .product_line{ opacity:1; right:30px; }
.product li:hover .product_line1{ opacity:1;  top:25px;  }
.section3 .home .home_p {
	transition: 1s linear all;
	-webkit-transition: 1s linear all;
	display: block; margin-left:150%;
	width: 100%;
}
.section3 .home_height {
	transition: 1s 0.4s linear all;
	-webkit-transition: 1s 0.4s linear all;
	font-size: 24px;
	color: #4f4f4f;
	text-align: center;
	position: absolute;
	line-height: 24px;
	height: 24px;
	width: 100%;
	    top: -300px;
    margin-top: -12px;
	display: block;
}
.active.section3 .home .home_p {
	margin-left: 0% !important;
}
.active.section3 .home_height {
	top:50%;
}
.section4 .home .home_p {
	transition: 1s linear all;
	-webkit-transition: 1s linear all;
	display: block; transform:scale(0,0); -webkit-transform:scale(0,0); margin-left:0%;
	width: 100%;
}
.section4 .home_height {
	transition: 1s 0.4s linear all;
	-webkit-transition: 1s 0.4s linear all;
	font-size: 24px;
	color: #4f4f4f;
	text-align: center;
	position: absolute;
	line-height: 24px;
	height: 24px;
	width: 100%;
	top: 50%; right:50%;
	display: block;
}
.active.section4 .home .home_p {
	margin-right: 0% !important;transform:scale(1,1); -webkit-transform:scale(1,1);
}
.active.section4 .home_height {
	right:0px;
}

.section5 .home .home_p {
	transition: 1s linear all;
	-webkit-transition: 1s linear all;
	display: block;
	width: 1%; margin-left:0%;
}
.section5 .home_height {
	transition: 1s 0.4s linear all;
	-webkit-transition: 1s 0.4s linear all;
	font-size: 24px;
	color: #4f4f4f;
	text-align: center;
	position: absolute;
	line-height: 24px;
	height: 24px;
	width: 100%;
	top: 50%; left:50%;
	display: block;
}
.active.section5 .home .home_p {
	width:100%;
}
.active.section5 .home_height {
	left:0px;
}





.section6 .home .home_p {
	transition: 1s linear all;
	-webkit-transition: 1s linear all;
	display: block;
	width: 1%; margin-left:0%;
}
.section6 .home_height {
	transition: 1s 0.4s linear all;
	-webkit-transition: 1s 0.4s linear all;
	font-size: 24px;
	color: #4f4f4f;
	text-align: center;
	position: absolute;
	line-height: 24px;
	height: 24px;
	width: 100%;
	top: 50%; left:0%;
	display: block;transform:scale(0,0); -webkit-transform:scale(0,0);
}
.active.section6 .home .home_p {
	width:100%;
}
.active.section6 .home_height {
	left:0px;transform:scale(1,1); -webkit-transform:scale(1,1);
}

/*2017-11-10*/
.slick-track {
	top: 110px !important;
}
.product {
	width: 100%;
	opacity: 1;
	transform: scale(1, 1);
}
.product li {
	position: relative;
	width: 25%;
	margin-left: 0px;
}
.product li:first-child {
	top: 300px;
	opacity: 0;
	transition: 1.15s ease-in-out all;
	-webkit-transition: 1.15s ease-in-out all;
}
.active .product li:first-child {
	top: 0px;
	opacity: 1;
}
.product li:first-child+li {
	top: 310px;
	opacity: 0;
	transition: 1.3s ease-in-out all;
	-webkit-transition: 1.3s ease-in-out all;
}
.active .product li:first-child+li {
	top: 0px;
	opacity: 1;
}
.product li:first-child+li+li {
	top: 310px;
	opacity: 0;
	transition: 1.45s ease-in-out all;
	-webkit-transition: 1.45s ease-in-out all;
}
.active .product li:first-child+li+li {
	top: 0px;
	opacity: 1;
}
.product li:first-child+li+li+li {
	top: 310px;
	opacity: 0;
	transition: 1.5s ease-in-out all;
	-webkit-transition: 1.5s ease-in-out all;
}
.active .product li:first-child+li+li+li {
	top: 0px;
	opacity: 1;
}
/*.nav_c{margin-left: 8%;}*/

.nav_c li{padding-left: 5%;}
@media screen and (max-width:1688px) {
.nav_c li{padding-left: 5%;}
	
	}
@media screen and (max-width:1460px) {
.nav_c li{padding-left: 4.5%;}
	
	}
@media screen and (max-width:1366px) {
.nav_c li{padding-left: 3.5%;}
	
	}

.pro1_list>ul>li {
	width: 200px;
	border: none;
	font-size: 16px; position:relative;
}
.pro1_list>ul>li:hover>ul{ z-index:999; display:block;}
.pro1_list>ul>li>ul{ display:none; position:absolute; top:68px; left:0px; width:100%; padding:10px 0; background:rgba(0,0,0,.55); text-align:center;}
.pro1_list>ul>li>ul>li{ height:42px; line-height:42px;}	
.pro1_list>ul>li>ul>li>a{ color:#fff;}