@charset "utf-8";
:root{
	--main-color:#f89919
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html, body{font-family:'思源黑体 CN',sans-serif;font-size: 14px;-webkit-font-smoothing: subpixel-antialiased!important;}
input{ border:none; outline: none;}
img{border:none;}
.fl{float:left;}
.fr{float: right;}
.clear::after{ content: '';display: table;clear: both;}
.page_center{width:1100px;margin:0 auto;}
.container{width:1140px;margin: 0 auto;}
.bgColor{background: #f5f5f5;}
.clearboth{ clear:both;}

#header{background:#fff;position: fixed; top:0; left:0; height:70px; padding:10px 0; z-index:999999; box-shadow:5px 10px 10px #ddd;}
#header .nav_list1 ul li a{ color:#222 !important;}
#header .menu p a{ color:#999;}
#header .menu-handler .burger{ background:#f89919;}
.logo{position: fixed;left: 97px;top:18px;z-index: 99999;}
.banner-bg img{width:100%;vertical-align: bottom;}
.menu {width: 118px; height: 48px; position: fixed; right: 55px; top: 18px; color: #009572; font-size: 16px; line-height: 48px; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; z-index: 99999;}
.menu p a{ color:#fff;}
.menu p{font-size: 16px; color: #fff;float: left;}
.menu-handler {width: 48px; height: 48px; cursor: pointer; position: relative; float: right; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 32px; height: 3px; background: #fff; display: block; position: absolute; z-index: 5;top: 12px; left: 50%; margin: 0 0 0 -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 2px;-webkit-border-radius: 2px;}
.menu-handler .burger-2 {top: 23px; }
.menu-handler .burger-3 {top: 34px;}
.menu-handler.active .burger-1 { top: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.nav-box{background: rgba(246,234,186,0.92);position: fixed;width:100%;height: 100%; overflow-y:auto; left:0;top:-100%;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;z-index: 9999;}
.nav-box.active{top:0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;}
.nav-center{width:1560px;margin: 15% auto 0;}
.nav-list li{float: left;width:16.6666%;text-align: center;}
.nav-icon{width:86px;height: 86px;margin: 0 auto;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}
.nav-icon img{width:100%;height: 100%;}
.nav-page{margin-top: 77px;position: relative;}
/*.nav-page::after{content: '';border-right: 1px solid rgba(255,255,255,0.54);height: 140px;width:3px;top:0;right:0;position: absolute;}*/
.nav-list li.li1 .nav-icon{background: url("../images/nav-icon1-.png") no-repeat; background-size: 100% 100%;}
.nav-list li.li2 .nav-icon{background: url("../images/nav-icon2-.png") no-repeat; background-size: 100% 100%;}
.nav-list li.li3 .nav-icon{background: url("../images/nav-icon3-.png") no-repeat; background-size: 100% 100%;}
.nav-list li.li4 .nav-icon{background: url("../images/nav-icon4-.png") no-repeat; background-size: 100% 100%;}
.nav-list li.li5 .nav-icon{background: url("../images/nav-icon6-.png") no-repeat; background-size: 100% 100%;}
.nav-list li.li6 .nav-icon{background: url("../images/nav-icon5-.png") no-repeat; background-size: 100% 100%;}
.nav-list li.li6 .nav-page::after{display: none;}
.nav-con{display: inline-block;margin: 0 auto;text-align: left;}
.nav-con span{font-size:20px;color: #000;padding-bottom: 30px;display: block;}
.nav-con span a{color: #fff;}
.nav-con p{line-height: 30px;}
.nav-con p a{font-size:16px;color: #000;}
.nav-con p a:hover{text-decoration: underline;}
.nav-close{display: block;width:72px;height: 72px;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;margin: 0 auto;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; background: url("../images/nav-close-.png");}
.nav-close:hover{box-shadow: 0 0 30px #fff;-webkit-box-shadow: 0 0 30px #fff; transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.nav-box.active .nav-close{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1;}
.tel_number{font-size:26px;text-align: center;color: #000;margin: 3% auto 5%;font-weight: normal;}
/*右边菜单*/
#floatMenu{position: fixed;left:40px;top:50%;z-index: 8;margin-top: -77px;display: none;}
#floatMenu li{margin: 10px 0;position: relative;}
#floatMenu li.first{opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
#floatMenu li a{width:14px;height: 14px;background:rgba(248,153,25,0.45);display: block;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}
#floatMenu p{position: absolute;width:102px;height: 23px;line-height: 23px;text-align: center;color: #fff;border-radius: 23px;-webkit-border-radius: 23px;background: rgba(248,153,25,0.84);top:-4px;left:30px;display: none;}
#floatMenu p::after{content: '';position: absolute;top:50%;margin-top: -4.5px;left:-7px;/*background: url("../images/icon-angle-left.png");*/width:8px;height: 9px;}
#floatMenu li.active a{background: rgba(248,153,25,0.84);}
#floatMenu li.active p{display: block;}

.nav_list1{width:55%;z-index:10;position:fixed;right:10%;top:10px;display:block;}
.nav_list1 ul li{display:inline-block;margin:0 30px;line-height:65px;position:relative;}
.nav_list1 ul li a{color:#fff;font-size:18px;text-align:center;}
.nav_list1 ul li a i{color:#fff;font-size:24px;padding-right:10px;float:left;}
.nav_list1 ul li a:hover{color:#f89919;}
.nav_list1 ul li a:hover i{ display:block;color:#f89919;}
.nav_list1 ul li a.on{ color:#f89919;}
.nav_list1 ul li a.on i{display:block;}

/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:65px; left:-85px; z-index:99999; width:auto;}
#menu ul ul li{ background:none; float:none;border-bottom:solid 1px #fff; margin:0 !important; height:42px !important; line-height:42px !important; display:block;}
#menu ul ul li a{ color:#fff; font-size:17px; line-height:42px;height:42px; display:block; width:240px; text-align:center; background:#f89919}
#menu ul ul li a:hover{ color:#f89919;background:#fff;}

/*banner*/
.banner{position: relative;height: 100%;overflow: hidden;background: #fff;}
.banner a{position: absolute;width:100%;height: 100%;z-index: 3;opacity: 0; display:table;}
.banner a .ban_box{ display:table-cell; vertical-align:middle; position:fixed; left:10%; top:40%; z-index:99999; max-width:80%;}
.banner a .ban_box h2{ text-align:left; color:#fff; font-size:3em; letter-spacing:1px;}
.banner a .ban_box b{ display:block; margin:20px 0; width:20px; height:4px; background:#fff;}
.banner a .ban_box h3{ font-size:20px; text-align:left; color:#fff; font-weight:normal;}
.banner a img{height: 100%;transform:scale(1.1);opacity: .5}
.banner a.active{z-index:5;opacity: 1;}
.banner a.active img{transform: scale(1);opacity: 1;}
/*第二*/
.section2{background: url("../images/index_bg2.jpg") no-repeat;background-size:100% 100%;}
.made{width:750px;margin: 0 auto; }
.made li{width:150px;height: 150px;float: left; text-align: center; perspective: 1000px;
	transform-style: preserve-3d;}
.made li a{display: block;width:100%;height: 100%;}
.made li.big{width:300px;}
.made li.threeBig{width:450px;}
.made li.toSmall{background:none; outline:none;}
.made li.dz_title{background: #29bb9b;box-sizing: border-box;}
.made li.dz_title h2{font-size: 35px;color: #fff;margin-bottom: 4px;}
.made li.dz_title span{ color: #fff;}
.made li span{font-size: 20px; color: #fff;}
.made li p{font-size: 20px; color: #fff;margin-top: 8px;}
.made li i{width:40px; height:40px; display: inline-block;vertical-align: middle;}
.made li .dz1{background: url("../images/index-section2-icon1.png") no-repeat;background-size: 100% 100%;}
.made li .dz2{background: url("../images/index-section2-icon2.png") no-repeat;background-size: 100% 100%;}
.made li .dz3{background: url("../images/index-section2-icon3.png") no-repeat;background-size: 100% 100%;}
.made li .dz4{background: url("../images/index-section2-icon4.png") no-repeat;background-size: 100% 100%;}
.made li .dz5{background: url("../images/index-section2-icon5.png") no-repeat;background-size: 100% 100%;}
.made li .dz6{background: url("../images/index-section2-icon6.png") no-repeat;background-size: 100% 100%;}
.made li .dz7{background: url("../images/index-section2-icon7.png") no-repeat;background-size: 100% 100%;}
.made li .dz8{background: url("../images/index-section2-icon8.png") no-repeat;background-size: 100% 100%;}
.made li .dz9{background: url("../images/index-section2-icon9.png") no-repeat;background-size: 100% 100%;}
.made li .dz10{background: url("../images/index-section2-icon10.png") no-repeat;background-size: 100% 100%;}
.made li .dz11{background: url("../images/index-section2-icon11.png") no-repeat;background-size: 100% 100%;}
.made li.li1{margin: -60px 60px 60px -60px;}
.made li.li13{margin:50px -6px 0 6px;}
.trans-3d{
	transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform-origin: 0 50% 0;
	-webkit-transform-origin: 0 50% 0;
	-o-transform-origin: 0 50% 0;
	-moz-transform-origin: 0 50% 0;
}
.made li.deep_color{transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0;}
.scroll-prev{z-index: 2;background: rgba(148,148,148,.45); position: absolute;width:100%;height: 100%;top:0;left:0;transition: all .5s linear;-webkit-transition: all .5s linear;}
.made li.li10 .scroll-prev{background: rgba(144,145,149,.75);}
.made li.li13 .scroll-prev{background: rgba(148,148,148,.85);}
.made li.deep_color .scroll-prev{background: rgba(86,87,93,.75);}

.active .made .trans-3d{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0; }
.scroll-prev,.scroll-back{position: absolute;width:100%;height: 100%;top:0;left:0;}
.scroll-prev{z-index: 3;}
.table_middle{display: table;width:100%;height: 100%;}
.table_inner{display: table-cell;vertical-align: middle;}
.scroll-back{background: rgba(41,178,155,1);transform: rotateX(90deg);-webkit-transform: rotateX(90deg);transform-origin: 50% 100% 0;-webkit-transform-origin: 50% 100% 0;transition: all .5s linear;-webkit-transition: all .5s linear;opacity: 0;}
.made li:hover .scroll-back{opacity: 1;transform: rotateX(0deg);}
.made li:hover .scroll-prev{background: rgba(0,0,0,.1);}
.made li a{transition: all 1s linear;}
.made li:hover .prev-color{opacity: 0;}

/*走进捷达-首页内容*/
.box1{ max-width:1320px; margin:auto;}
.box1_tit{ left:-1000px; margin-bottom:50px; position:relative; transition:all 1s;-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s;}
.active .box1_tit{ left:0;}
.box1_tit span{ display:block; text-align:center; font-size:40px; color:#fff; font-weight:400; text-transform:uppercase;}
.box1_tit em{ display:block; font-style:normal; font-size:30px; color:#fff;}
.box_con1{height: 160px; overflow: hidden; text-align: left; position:relative; left:-1000px;
 transition:all 1s;-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s;}
.active .box_con1{ left:0;}
.box_con1 p{ font-weight:normal; line-height: 30px; text-indent: 2em; color:#fff; font-size:15px;}
.box_con2{width: 100%; margin: 0 auto; position:relative; right:-1000px;
 transition:all 1s;-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s;}
.active .box_con2{ right:0;}
.box_con2 .box_con2_list:first-child{ margin-left:0;}
.box_con2 .box_con2_list{display:block; width: 22.5%;  margin: 0 0 0 2%; position: relative; margin-top: 2%; float:left;}

.box_con2 .box_con2_list a{ display:block; width:100%; color:#fff;}
.box_con2 .box_con2_list a .img{display: block; width: 100%; overflow: hidden;}
.box_con2 .box_con2_list a .img img{ display:block; max-width:100%;height:auto;transform: scale(1,1); transition-duration: 0.5s;}
.box_con2 .box_con2_list:hover a .img img{transform: scale(1.1,1.1); transition-duration: 0.5s;}
.box_con2 .box_con2_list a .tit{background: rgba(0,0,0,.7); position: absolute; bottom: 0; left: 0; color: #fff;height: 50px; line-height: 50px; width: 100%; text-align: center; font-size: 18px;}
/*走进捷达-首页内容*/	
	
	
/*第3 这些是翻页公用的样式*/

.protection_box{position: absolute;height: 100%;width:100%;top:0;left:0;box-sizing: border-box;}
.protection_con{display: table;width:100%;height: 100%;}
.protection{width:50%;text-align: center;height: 100%;position: relative;overflow: hidden;}
.protection_midle{display: table-cell;vertical-align: middle;}
.active .protection span:hover,.aldehyde_des i:hover,.muban_des i:hover{transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/*第4*/


/*第5 产品中心*/
.section5{background: url("../images/index_bg5.jpg") no-repeat;background-size: 100% 100%;}
.appiontment h2{font-size: 30px;color: #fff;text-align: center; font-weight:normal;}
.appiontment h2 span{ text-transform:uppercase; display:block; font-size:40px; font-weight:400; text-align:center;}
.app_list{max-width:1320px;margin: 50px auto 0;}
.app_list li:first-child{ margin-left:0;}
.app_list li{width:15%; margin-left:2%;float: left;text-align: center;height: 360px;position: relative; cursor: pointer;}
.app_list li.li5::before{display: none;}
.app_list li.li1::before{display: none;}
.app_list li .app_con{position: absolute;height: 100%;overflow: hidden;top:0;left:0;width:99%;}
.app_list li .app_con img{ display:block; width:100%;}

.app_list p{font-size: 16px;font-weight: normal;color: #fff; padding-top:12px;}
.app_list .line{width:88px;border-bottom: 2px solid rgba(255,255,255,0.45);margin: 45px auto 0;}
.app_list li.li1{background:#41ba98;width:19%;margin-right: 5%;cursor: auto;}
.app_list li.li1 i{width:127px;height: 127px;margin: 0;/*background: url("./images./index-section5-free.jpg");*/}
.at_once{display: block;width:300px;height: 52px;line-height: 52px;text-align: center;font-size: 28px; color: #fff;
background:url(../images/more.png) no-repeat #000 225px center;box-shadow: 0 0 8px #333; margin: 50px auto 0;position: relative;}
.at_once span{position: absolute;left:0;top:0;width:0;background: rgba(248,153,25,0.75);height: 100%;}
.at_once p{position: relative;z-index: 3; font-size:24px;}
.at_once:hover span{width:100%;}
.at_once:hover p{color: #fff;}
.app_list li.li1{z-index: 10;}
.app_list li.li2{z-index: 9;}
.app_list li.li3{z-index: 8;}
.app_list li.li4{z-index: 7;}
.warpp,.join_page a{width: 100%; height: 100%; perspective: 1000px; transform-style: preserve-3d; }
.trans-pre{overflow: hidden;
	transform: rotateY(-180deg);
	background: none rgba(248,153,25,0.8);
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
	transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
	backface-visibility: hidden;
	transform-origin: center center 0;
	-webkit-transform-origin: center center 0;
}
.trans-back{
	background: rgba(8,7,5,0.45);
	opacity: 1;
	position: absolute;
	-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
	transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
	backface-visibility: hidden;
}
.warpp:hover .trans-pre {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	opacity: 1;
}
.warpp:hover .trans-back{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	opacity: 0;
}

.section5 .gd{display: block;width:86px;height: 86px;background: url("../images/plus3.png");margin: 10px auto 0;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;position: relative;}
.section5 a{display: block;width:100%;height: 100%;position:relative;}

.cp_con{ max-width:300px; margin:auto; margin-top:80px;}
 .slideGroup{width:100%;text-align:left;}
 .slideGroup .parHd{ height:40px; line-height:40px; background:#555;position:relative;  }
 .slideGroup .parHd ul{ float:left; position:absolute; left:0; top:0; height:40px;   }
 .slideGroup .parHd ul li{ float:left; padding:0 121px; cursor:pointer; font-size:16px; color:#fff;}
 .slideGroup .parHd ul li.on{ height:40px;  background:#d82618; color:#fff;}
 .slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative; margin-top:20px; padding-left:20px; padding-right:20px;}
 .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:42%; display:block; width:30px; height:94px; background:url(../images/left.png) no-repeat center; z-index:2; }
 .slideGroup .sNext{ left:auto; right:0; top:42%;background:url(../images/right.png) no-repeat center; }
 .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
 .slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
 .slideGroup .parBd ul li{ margin:0 10px 10px 10px; float:left; _display:inline; overflow:hidden; width: 300px !important; padding:0; position:relative;
 box-shadow:0 0 10px #b3b3b3;}
 .slideGroup .parBd ul li .pic{ text-align:center;}
 .slideGroup .parBd ul li .pic img{max-width:100%; text-align:center;}
 .slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
 .slideGroup .parBd ul li .title1{ color:#000000; font-size:17px; text-align:center; margin:20px 0;}
 
.slideGroup .thumbnail .fu{ position:absolute; top:0px; left:-600px; width:100%; height:100%; background:rgba(28,98,223,0.5);
 transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;}
.slideGroup .thumbnail .fu .fu_con{ display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:90%; width:90%;}
.slideGroup .thumbnail .fu .fu_con h2{ font-size:30px; text-align:center; color:#fff; line-height:30px;}
.slideGroup .thumbnail .fu .fu_con b{ display:block; width:34px; background:#fff; height:2px; margin:20px auto;}
.slideGroup .thumbnail .fu .fu_con span{ display:block; width:90px; line-height:30px; font-size:14px; margin:6px auto; border:1px solid #fff; color:#fff;}
.slideGroup .thumbnail:hover .fu{ left:0;}

.cp1{ background:#fff; padding:10px;}
.cp1_tit{ border-bottom:1px solid #ddd; padding:0 0px; margin-bottom:10px;}
.cp1_tit h3{ float:left; width:calc(100% - 30px); line-height:68px; text-align:left; font-size:18px; color:#333;}
.cp1_tit strong{ display:block; float:right; width:30px;}
.cp1_tit strong img{ display:block; max-width:100%; margin:auto;}

.sy_product{}
.sy_product .swiper-container .swiper-slide{margin-bottom:40px;}
.sy_product .swiper-container .swiper-slide .l{box-shadow:0 0 10px #b3b3b3;overflow:hidden;text-align:center; position:relative;}
.sy_product .swiper-container .swiper-slide .l .nr{padding:10px;background:#fff;}
.sy_product .swiper-container .swiper-slide .l .nr .tit{border-bottom:1px solid #ddd;margin-bottom:10px;/*width:calc(100% - 30px); */line-height:50px; text-align:left; font-size:18px; color:#333; font-weight:bold;}
.sy_product .swiper-container .swiper-slide .l .nr .tit span{float:right;width:22px;display:block;}
.sy_product .swiper-container .swiper-slide .l .nr .tit span img{display:block; max-width:100%; margin:auto;}
.sy_product .swiper-container .swiper-slide .l .nr .pic{overflow:hidden;}
.sy_product .swiper-container .swiper-slide .l .nr .pic img{max-width:100%;text-align:center;}
.sy_product .swiper-container .swiper-slide .l .fu{position:absolute; top:0px; left:0;width:100%; height:100%; background:rgba(28,98,223,0.5);transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; display:none;}
.sy_product .swiper-container .swiper-slide .l .fu .fu_con{ display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:90%; width:90%;}
.sy_product .swiper-container .swiper-slide .l .fu .fu_con h2{ font-size:24px !important; text-align:center; color:#fff; line-height:30px; display:block !important;}
.sy_product .swiper-container .swiper-slide .l .fu .fu_con b{ display:block; width:34px; background:#fff; height:2px; margin:20px auto;}
.sy_product .swiper-container .swiper-slide .l .fu .fu_con span{ display:block; width:90px; line-height:30px; font-size:14px; margin:6px auto; border:1px solid #fff; color:#fff;}
.sy_product .swiper-container .swiper-slide .l:hover .fu{ left:0; display:block;}

/*第6*/


/*第7*/
.section7{background: url("../images/index-section7-bg.jpg") no-repeat center center; background-size: cover;}
.section7 .protection{width:100%;z-index: 9;}
.section7 h3{display: inline-block;border-bottom: 2px solid #fff;font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 18px;padding-bottom: 10px;}
/*.section7 .protection_box::before{content: '';position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(46,46,46,0.45);opacity: 0;}*/
.section7 p{line-height: 30px;}

.section7 .box3{ max-width:1320px; margin:auto;}
.section7 .box3 h2{ font-size:30px; text-align:center; color:#fff; margin-bottom:50px; font-weight:normal; color:#f89919; /*position:relative; left:-1600px;
transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s;*/}
/*.active .box3 h2{ left:0;}*/
/*.box3_con{ position:relative; right:-1600px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s;}
.active .box3_con{ right:0;}*/
.section7 .box3 h2 em{ font-size:40px; display:block; text-transform:uppercase; font-style:normal; font-weight:normal; color:#f89919;}
.section7.active .protection_box::before{opacity: 1;}
.section7 .box3_con{}
.section7 .box3_con .box3_list{float: left; width: 21% !important; margin: 1% 2%; margin-bottom:30px;}
.section7 .box3_con .box3_list .img{width: 100%; /* margin-bottom: 15px; */ overflow: hidden;}
.section7 .box3_con .box3_list .img img{ max-width:100%; display:block;}
.section7 .box3_con .box3_list .txt{padding: 20px 15px; background: rgba(0,0,0,.5); color: #fff;}
.section7 .box3_con .box3_list .txt h3{height: 25px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 25px; font-size:16px; text-align:left; display:block;}
.section7 .box3_con .box3_list .txt p{padding: 0px 0 20px; font-size: 0.938em; color: #ccc; text-align: left; line-height:22px; height:86px; overflow:hidden;}
.section7 .box3_con .box3_list .txt b{display: inline-block; padding: 6px 0; width: 60%; border: 1px solid #fff; border-radius: 4px; font-size: 0.938em;
    color: #fff; transition: all .4s; font-weight:normal; text-align:center;}
.section7 .box3_con .box3_list a:hover .txt b {background:#f89919; border-color:#f89919; color:#fff}
.section7 .box3_con .box3_list.active a:hover .txt b {color:#fff;}
.section7 .box3_con .box3_list a:hover img{ transform:scale(1.1,1.1); transition-duration:0.5s;}
.section7 .box3_con .box3_list.active .txt b, .section7 .box3_con .box3_list.active a:hover .txt b {background:none; opacity:.6}	
.section7 .protection .gd{display: block;width:86px;height: 86px;background: url("../images/plus3.png");margin: 47px auto 0;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;position: relative;}
.section7 .protection a{display: block;width:100%;height: 100%;position:relative;}
.overturn{height: 100%;width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
/*.protection .gd{ position:relative; right:-1600px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s;}
.active .protection .gd{ right:0;}*/
.page-table{display: table; text-align: center;width:100%;height: 100%;}
.page-table-cell{display: table-cell;vertical-align: middle;}
.section .overturn{transform: translate(20px,20px) scale(0.5);-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;opacity: 1;transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;height: 100%;}
.section.active .overturn{transform: translate(0px,0px) scale(1);-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;opacity: 1;transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.section2{background: none;}
.section3{background: none;}
.section4{background: none;}
.section5{background: none;}
.section6{background: none;}
.section2 .overturn{ background-image: url(../images/index_bg2.jpg); background-size:100% 100%; background-position:center center;  }
/*.section3 .overturn{ background-image: url(../images/index-section3-bg.jpg); }
.section4 .overturn{ background-image: url(../images/index-section4-bg.jpg); }*/
.section5 .overturn{ background-image: url(../images/index_bg5.jpg); background-size:100% 100%; background-position:center center; }
/*.section6 .overturn{ background-image: url(../images/index-section6-bg.jpg); }*/
.fixed_left{position: fixed;height: 448px;width: 73px;right:-80px;top:50%;margin-top: -224px;z-index:30;display: block;}
.fixed_left.active{right:0;}
.index .fixed_left{display: none;right:0;}
.fixed_left li{width:73px;height: 73px;background: rgba(129,216,208,0.64);margin-bottom: 2px;text-align: center;}
.fixed_left li a{display: block;width:73px;height: 73px;position: relative;overflow: hidden;}
.fixed_left li a i{display: block;width:32px;height: 32px;margin: 10px auto 0;}
.fixed_left li p{font-size: 12px; color: #fff;}
.fixed_left li.li1 i{background: url("../images/icon-zixun.png");}
.fixed_left li.li2 i{background: url("../images/icon-jiameng.png");}
.fixed_left li.li3 i{background: url("../images/icon-yuyue.png");}
.fixed_left li.li4 i{background: url("../images/icon-shouhou.png");}
.fixed_left li.li5 i{background: url("../images/icon-wechat.png");}
.fixed_left li.li6 i{background: url("../images/icon-qq.png") no-repeat;background-size: cover;}
.fixed_left li.li5{position: relative;}
.fixed_left .ff_code{position: absolute;width:136px;height: 136px;right:75px;top:50%;margin-top: -68px;display: none;}
.fixed_left .ff_code img{width:100%;height: 100%;}
.fixed_left .retrun_top i{background: url("../images/icon-top.png");display: block;width:100%;height: 100%;}
.fixed_left .retrun_top{background: #81d8d0;width:73px;height: 73px;display: block;}
.fixed_left li:hover{background: #81d8d0;}


/*底部*/
.footer_top dl{float: left;/*width:157px;*/ margin-right:7%;}
.section8 .fp-tableCell{vertical-align: top;}
.footer_top{padding: 68px 0 100px 0;}
.footer_top dt{color: #3c3c3c;margin-bottom: 16px;}
.footer_top dd a{color: #999;line-height: 22px;}
.footer_top dd a:hover{color: #666;}
.dy_shop{text-align: center;}
.dy_shop a{width:48px;height: 48px;display: inline-block;border-radius: 14px;-webkit-border-radius:14px;overflow: hidden;}
.dy_shop .tm{background: url("../images/icon-tmall.jpg") no-repeat;margin-right: 10px; background-size: 100% 100%;}
.dy_shop .tm:hover{background: url("../images/icon-tmall-hover.jpg") no-repeat;background-size: 100% 100%;}
.dy_shop .tb{background: url("../images/icon-taobao.jpg") no-repeat; background-size: 100% 100%;}
.dy_shop .tb:hover{background: url("../images/icon-taobao-hover.jpg") no-repeat; background-size: 100% 100%;}
.dy_shop .code{width:100px;float: right;text-align: center; margin-right:0 !important;}
.footer_bot{padding:30px 0 60px 0;}
.bot_l p{line-height: 22px;}
.bot_l p a{color: #858383;}
/*.bot_l p a:nth-last-child(2){display: none;}*/
.bot_r p{color: #3c3c3c;}
.bot_r b{color: #3c3c3c;font-size: 18px;}
.bot_r i{float: left;width:42px;height: 36px;background: url("../images/icon-tel.png");margin-right: 12px;margin-top: 2px;}
.weChat{width:48px;height: 48px;background: url(../images/icon-w.jpg);border-radius: 14px;margin: 0 auto;position: relative;cursor: pointer;z-index: 17;}
.weChat:hover{background: url(../images/icon-w-hover.jpg) no-repeat;background-size: 100% 100%;}
.code_box{position: absolute;bottom:60px;left:50%;margin-left: -68px;width:136px;height:136px;box-sizing: border-box;padding: 7px;border:1px solid #ddd;background: #fff;display: none;}
.code_box img{width:100%;height: 100%;}
.banner a img{transition:transform 5s linear,opacity 1s linear;-webkit-transition:transform 5s linear,opacity 1s linear;-o-transition:transform 5s linear,opacity 1s linear;-moz-transition:transform 5s linear,opacity 1s linear;-ms-transition:transform 5s linear,opacity 1s linear;}
.join span,.join b{transition:all 0.1s linear;-webkit-transition:all 0.1s linear; -o-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;}
.transit,.nav-close,.at_once span,.combie_list li,.show_industry a,.show_industry a i,.vd_btn a,.fixed_left{
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
}
.active .protection span,.fixed_left li,.aldehyde_des i,.envi_list i,.envi_list li p,.join_investment_close,.liaojie_close i,.industry_des_con a i,.muban_des i{
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
}
.protection .line i,.join,.footer-fix,.envi_line,.intro_control a i{
	transition:all 0.6s linear;
	-webkit-transition:all 0.6s linear;
	-o-transition:all 0.6s linear;
	-moz-transition:all 0.6s linear;
 }
.made li,.section4 .protection_box::before,.section7 .protection_box::before,.move_step li,.envi_list li{
	transition:all 1s linear;
	-webkit-transition:all 1s linear;
	-o-transition:all 1s linear;
	-moz-transition:all 1s linear;
}
.step_line{
	transition:all 2.6s linear .2s;
	-webkit-transition:all 2.6s linear .2s;
	-o-transition:all 2.6s linear .2s;
	-moz-transition:all 2.6s linear .2s;
}
.trans,.nav-box{
	-webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
	-moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
	-o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
	-ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
	transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
/****** 旋转 *****/
.vd_btn a:hover{
	transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
}
.join_investment_close:hover,.liaojie_close:hover i,.industry_des_con a:hover i{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
/********** 移动 *****/
.join1 a:hover::before,.join2 a:hover::before{animation:move 1s linear infinite;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-o-animation:move 1s linear infinite;}
@keyframes move{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(10px,0);
	}
	100%{
		transform: translate(0,0);
	}
}
@-webkit-keyframes move{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(10px,0);
	}
	100%{
		transform: translate(0,0);
	}
}
.join3 a:hover::before{animation:move3 1s linear infinite;-webkit-animation:move3 1s linear infinite;-moz-animation:move3 1s linear infinite;-o-animation:move3 1s linear infinite;}
@keyframes move3{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(0,10px);
	}
	100%{
		transform: translate(0,0);
	}
}
@-webkit-keyframes move{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(0,10px);
	}
	100%{
		transform: translate(0,0);
	}
}
.join4 a:hover::before{animation:move4 1s linear infinite;-webkit-animation:move4 1s linear infinite;-moz-animation:move4 1s linear infinite;-o-animation:move4 1s linear infinite;}
@keyframes move4{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(-10px,0);
	}
	100%{
		transform: translate(0,0);
	}
}
@-webkit-keyframes move{
	0%{
		transform: translate(0,0);
	}
	50%{
		transform: translate(-10px,0);
	}
	100%{
		transform: translate(0,0);
	}
}


/******************************************从小到大***********************************************/
.section6.active .join_title{animation:smalltoBig 1s linear;-webkit-animation:smalltoBig 1s linear;-moz-animation:smalltoBig 1s linear;-o-animation:smalltoBig 1s linear;}
@keyframes smalltoBig{
	0%{
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
	100%{
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}
@-webkit-keyframes smalltoBig{
	0%{
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
	100%{
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}
/***************************************************阴影***************************************************/
.active .protection span:hover,.section4 .protection a:hover span,.section7 .protection span:hover,.aldehyde_des i:hover,.toshdow,.ppsp:hover i,.muban_des i:hover{ animation:toShadow 1.5s linear infinite;-webkit-animation:toShadow 1.5s linear infinite;-moz-animation:toShadow 1.5s linear infinite;-o-animation:toShadow 1.5s linear infinite; }
@keyframes toShadow{
	0%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
	50%{
		box-shadow: 0 0 32px #ddd;
		-webkit-box-shadow: 0 0 20px #ddd;
	}
	100%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
}
@-webkit-keyframes toShadow{
	0%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
	50%{
		box-shadow: 0 0 32px #ddd;
		-webkit-box-shadow: 0 0 20px #ddd;
	}
	100%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
}
.ljyd:hover i,.market_vd:hover i{animation:toShadow2 1.5s linear infinite;-webkit-animation:toShadow2 1.5s linear infinite;-moz-animation:toShadow2 1.5s linear infinite;-o-animation:toShadow2 1.5s linear infinite;}
@keyframes toShadow2{
	0%{
		box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
	}
	50%{
		box-shadow: 0 0 32px #fff;
		-webkit-box-shadow: 0 0 20px #fff;
	}
	100%{
		box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
	}
}
@-webkit-keyframes toShadow2{
	0%{
		box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
	}
	50%{
		box-shadow: 0 0 32px #fff;
		-webkit-box-shadow: 0 0 20px #fff;
	}
	100%{
		box-shadow: 0 0 0 #fff;
		-webkit-box-shadow: 0 0 0 #fff;
	}
}

/***************************************************左边***************************************************/
.section3.active .slide_Left,.section5.active li.li1,.slideInLeft,.hangye.active li.slideInLeft{
	-webkit-animation: slideInLeft 1.2s both;
	animation: slideInLeft 1.2s both;
}
@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		-moz-transform: translateX(-2000px);
		-o-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slideInLeft {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		-moz-transform: translateX(-2000px);
		-o-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
/***************************************************右边***************************************************/

.slideInRight,.hangye.active li.slideInRight{
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
		-moz-transform: translateX(2000px);
		-o-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slideInRight {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
		-moz-transform: translateX(2000px);
		-o-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
/***************************************************下往上***************************************************/
.section5.active li.li3,.section5.active li.li5,.slideInUp{
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
		-moz-transform: translateY(2000);
		-o-transform: translateY(2000);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes slideInUp {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
		-moz-transform: translateY(2000);
		-o-transform: translateY(2000);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
/***************************************************上往下***************************************************/
.section5.active li.li2,.section5.active li.li4,.slideInDown{
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}


.pulse{-webkit-animation:pulse .3s linear;}






@keyframes shadow{
	0%{box-shadow: 0 0 0 #999;}
	60%{box-shadow: 0 0 10px #999;}
	100%{box-shadow: 0 0 0 #999;}
}
.musicBtn.active{animation: none;-webkit-animation:none;}


/***************************************************变长***************************************************/
.toLong{
	-webkit-animation-name: toLong;
	animation-name: toLong;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes toLong{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		width:auto;
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		width:100%;
	}
}
@keyframes toLong{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		width:auto;
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		width:auto;
	}
}
/***************************************************浮现***************************************************/
.toUp{
	-webkit-animation-name: toUp;
	animation-name: toUp;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes toUp{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-o-transform: translateY(100px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes toUp{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
		transform: translateY(100px);
		-moz-transform: translateY(100);
		-o-transform: translateY(100);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
/***************************************************右边出来***************************************************/
.toR{
	-webkit-animation-name: toR;
	animation-name: toR;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes toR{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px);
		-moz-transform: translateX(100px);
		-o-transform: translateX(100px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@keyframes toR{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px);
		-moz-transform: translateX(100px);
		-o-transform: translateX(100px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
/***************************************************左边出来***************************************************/
.toL{
	-webkit-animation-name: toL;
	animation-name: toL;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes toL{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-o-transform: translateX(-100px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@keyframes toL{
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-o-transform: translateX(-100px);
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@media(min-width:768px) {
	.cp_con{ max-width:1320px; margin:auto; margin-top:0;}
	.sy_product .swiper-container .swiper-slide .l .nr .tit{line-height:68px; font-size:18px;}
	.sy_product .swiper-container .swiper-slide .l .nr .tit span{width:30px;}
	}