@import "font.css"; 
/* 
@import "font.css"; 

橙色浅	fabf19
橙色深	ffbc00
主背景	f7f7f7

咖啡	b88858
f5a80a

576x338		48%
264x338		22%
48			4%
	transition: all 0.3s linear;
    transition: all 0.3s ease-in;
img	transform: scale(1.1);
*/
.color2 { color:#ffbc00;}
.h131 { width:100%; height:131px; overflow:hidden; }
.pline { width:50px; height:2px; overflow:hidden; background:#fff; }
.pline2 { width:70px; height:2px; overflow:hidden; background:#4d4d4d; margin:0 auto; }
.pline3 { width:240px; height:1px; overflow:hidden; background:#fff; }
.dline { width:50px; height:2px; overflow:hidden; background:#fff; margin:0 auto; }
.dline2 { width:50px; height:2px; overflow:hidden; background:#000; margin:10px auto; }
.p12 { line-height:30px; background:url(../img/p154x4.png) center 14px no-repeat; text-align:center; font-weight:900; font-size:20px; margin-top:36px;}
.p13 { font-size:40px; font-weight:bold; text-align:center; font-family:Arial, Helvetica; line-height:1.5;}
.p14 { text-align:center; font-size:20px; }
.d15 { width:120px; height:30px; line-height:30px; background:#000; color:#fff; text-align:center; margin:50px auto 15px auto; font-size:20px; font-weight:900; border-radius:4px;}
.d16 { width:100%; height:40px; line-height:40px; font-size:32px; background:url(../img/p650x4.png) center 23px no-repeat; text-align:center;}
.h150 { width:100%; height:150px; overflow:hidden;}
.h100 { height:100%;}
.none2 { display:none;}
.w70 { width:70%;}


/* head */


/*--- Header ---*/
.Header-wrapper{z-index:99; }
.Header-wrapper .Header-cl{position:relative; }
.header-container{width:100%; position:fixed; top:0px; left:0px; z-index:90; opacity: 1; -webkit-transition: background .3s, -webkit-transform .3s, opacity .3s; transition: background .3s, transform .3s, opacity .3s; }
.head_container_white{background:#f2f2f2; }
.head_container_hide{-webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity:0; }
/*logo*/
.H-logo{ width:auto; height:80px; overflow:hidden; display:block; }
.H-logo img{ width:auto; height:42px; padding:26px 0 12px 0; box-sizing: content-box;}

.H-nav .line {height: 1px; text-align: center; }
.H-nav .line i { margin: 0 auto; width: 0; height: 1px; display: block; background: none; -webkit-transition: .3s width,.3s background; transition: .3s width,.3s background; }
.H-nav a:hover .line i {width: 92%; background-color: #999; margin:0 auto; }
.H-nav .active,
.H-nav .active:hover {color: #333333; }
.H-nav .active .line i, 
.H-nav .active:hover .line i {width: 92%; background-color: #999;  margin:0 auto;}


.nav-title{width:60px;height:60px;position: absolute; z-index:200; top:0; right:0; display:none;}
.nav-title .nav-btn{display:block;float:left;width:60px;height:60px;position:relative}
.nav-title .line{display:inline-block;width:24px;height:2px;background-color:#333;position:absolute;left:18px;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:all .5s;transition:all .5s}
.nav-title .line-top{top:21px}
.nav-title .line-middle{top:29px}
.nav-title .line-bottom{top:38px}
.nav-btn.on .line-top{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.nav-btn.on .line-middle{opacity:0}
.nav-btn.on .line-bottom{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}


/*Hnav*/
.H-nav{ height:80px; overflow:hidden; }
.H-nav>li{width:80px; height:80px; overflow:hidden; float:left; text-align:center; padding:0 15px; }
.H-nav .Hnav-menu{display:block; height:47px; line-height:47px; padding-top:32px; font-size:14px; color:#666; position:relative; text-align:center; font-family: Helvetica,cn2;}
.H-nav .Hnav-menu span{ display:block; height:47px; line-height:47px; text-align:center; }
.H-nav .Hnav-menu:hover{color:#333; }


/* index */

.swiper-container2{ width:100%; height:600px;}
.swiper-slide-i1 img { width:1200px; height:600px;}
.swiper-slide-i1 a { height:600px; display:block;}

.swiper-container { width:100%; height:auto; overflow:hidden; margin:0 auto; transition: all 0.3s linear; min-width:1200px;} /* width: 100%; height: 100%; */
.swiper-slide { text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide1 img { width:auto; max-width:100%; display:none;}
.swiper-slide1 a { width:100%; height:100%; display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}

.swiper-slide-i2 {}
.swiper-slide-i2 img{ display:none; width:auto; max-width:100%;}

.sc_2 { height:44px; line-height:36px; font-family:bentonsans-thin,arial; color:#4d4d4d; font-size:12px; background:url(/upload/g1x40.gif) left 30px no-repeat;}


.banner_tit { padding:150px 0 90px 0;}
.banner_tit .t1 { font-size:32px; line-height:90px; font-family:cn2; -webkit-animation:fadeInUp 1s 0.6s ease both;-moz-animation:fadeInUp 1s 0.6s ease both;}
.banner_tit .t2 { font-size:36px; line-height:54px; font-family:cn2; -webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;}
.banner_tit .t3 { font-size:24px; line-height:32px; font-family:cn2; -webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;}



.text1 { font-size:22px; line-height:46px; padding-top:70px; font-weight:bold;}
.text2 { font-size:16px;  line-height:36px;}
.text3 { font-size:14px; line-height:30px; width:760px; padding:38px 0 70px 0;}


.main2 .box{}

.main3 { padding-bottom:70px;}
.main31 { padding-bottom:20px; }

.m3ttl { font-size:16px; color:#201f1f;}
.caselisti1 {}
.caselisti1 a{ font-size:14px; color:#605f5f; padding:0 15px; }
.caselisti1 a:hover ,
.caselisti1 a.all{ color:#000; font-weight:bold;}


/* 首页banner

.focusBox { position: relative; width:100%; overflow: hidden;}
.focusBoxactive {}

.focusBox .pic{ position:relative; z-index:0; min-width:1200px; }
.focusBox .pic li{ background-position:center center; background-repeat:no-repeat; background-size:cover ; background-attachment:fixed; min-width:1200px;}
@media screen and (max-width: 980px) {
.focusBox .pic li {background-size:auto 100% ;}
	}
.focusBox .pic li a{ display:block;}
.focusBox .pic li a span{ display:none;}
.focusBox .pic li a img{ width:auto; max-width:100%; display:none;}

.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(/upload/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1; }
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev , .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(/upload/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
*/

#productlist { padding:140px 0 80px 0;}

.caselisti { width:1200px; height:auto; overflow:hidden; padding:20px 0; }
	.caselisti ul{}
	.caselisti li.caseibtn{ width:380px; float:left; display:inline; height:auto; overflow:hidden; margin-right:30px; margin-bottom:40px;}
	.caselisti li a.a_text{width:100%; height:100px; display:block; overflow:hidden;}
	.caselisti li h3{ font-size:16px; padding:15px 0 3px 0; color:#b88858; line-height:22px; font-family:cn2;}
	.caselisti li:hover h3{ }
	.caselisti li h4{ width:100%; height:32px; font-size:12px; padding-top:2px; color:#888; line-height:16px; overflow:hidden;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
	.slideBox .bd{ position:relative; height:100%; z-index:0;   }
	.slideBox .bd li{ zoom:1; vertical-align:middle; }
	.slideBox .bd img{ width:576px; height:276px; transition: all 0.6s;  }
	.slideBox .bd img:hover{ transform: scale(1.1);}
	.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{ float:left; margin-right:4px;  width:8px; height:8px; line-height:10px; text-align:center; background:#fff; cursor:pointer; border-radius:5px; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4; }
	.slideBox .hd ul li.on{ background:#fff; color:#fff; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6; }

.caselisti li.casei13 ,
.caselisti li.casei16 ,
.caselisti li.casei19 ,
.caselisti li.casei112 ,
.caselisti li.casei115 ,
.caselisti li.casei118 ,
.caselisti li.casei121 ,
.caselisti li.casei124 ,
.caselisti li.casei127 ,
.caselisti li.casei130 ,
.caselisti li.casei133 ,
.caselisti li.casei136 ,
.caselisti li.casei139 ,
.caselisti li.casei142 ,
.caselisti li.casei145 ,
.caselisti li.casei148 ,
.caselisti li.casei151 ,
.caselisti li.casei154 ,
.caselisti li.casei157 ,
.caselisti li.casei160 ,
.caselisti li.casei163 ,
.caselisti li.casei166 ,
.caselisti li.casei169 ,
.caselisti li.casei172 ,
.caselisti li.casei175 ,
.caselisti li.casei178 ,
.caselisti li.casei181 ,
.caselisti li.casei184 ,
.caselisti li.casei187 ,
.caselisti li.casei190
 { margin-right:0;}

.btn_more4 { padding:0 0 10px 0;}
.btn_more4 a{ width:160px; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; margin:0 auto; border:1px solid #ccc; letter-spacing:2px; transition: all 0.6s; }
.btn_more4 a:hover{ background:#000; color:#fff;}

.main4 {}
.main4 .box {}
.m4ttl { height:36px; line-height:36px; font-size:24px; font-weight:bold; background:url(/upload/yun.png) left top no-repeat; padding-left:50px;}

/* -------------- */
#product-gallery .gallery-item ,
#product-gallery2 .gallery-item {display: none; position:relative; }
#product-gallery .gallery-item.show ,
#product-gallery2 .gallery-item.show {display: block !important;}

.main2 {}
	.menucase { text-align:center; padding:100px 0 70px 0;}

	.menucase ul { width:100%; height:36px;}
	.menucase ul li{ width:auto; display:inline-table;border-right:1px solid #999; height:36px; overflow:hidden;}
	.menucase ul li.mct5{ border-right:none;}

	.menucase a{ font-size:24px; line-height:36px; display:block; color:#666; font-family:cn2; padding:0 32px; transition: all 0.3s linear;}
	.menucase a:hover{ color:#000; }
	.menucase a.currentNav{ color:#000;}



	.menucase .line {height: 1px; text-align: center; }
	.menucase .line i { margin: 0 auto; width: 0; height: 1px; display: block; background: none; -webkit-transition: .3s width,.3s background; transition: .3s width,.3s background; }
	.menucase a:hover .line i {width: 100%; background-color: #999; margin:0 auto; }


.main4 { background:url(/upload/zq.jpg) center bottom no-repeat #707070; height:760px;}
.main4 .box{ width:1210px; padding:100px 0;}
.main4 .newslist_i { width:460px; height:auto; overflow:hidden; padding:40px 40px 30px 40px; background:rgba(255,255,255,.95); box-shadow:0 0 5px #fff; margin-right:5px;}
	.main4 .newslist_i ul{ }
	.main4 .newslist_i  .com-img{position:relative;}
	.main4 .newslist_i  .pic{width:216px; height:126px; overflow:hidden;}
	.main4 .newslist_i  .pic img{width:216px; height:126px;}
	.main4 .newslist_i  .note{width:220px;}
	.main4 .newslist_i  .note h4{font-size:18px;color:#333;margin:10px 0px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
	.main4 .newslist_i  .note p{color:#666;font-size:14px;}
	.main4 .newslist_i  .note .num{position:relative;text-align:right;font-size:16px;color:#999;}
	.main4 .newslist_i  .note .num:after{content:"";position:absolute;left:0px;bottom:50%;width:20%;height:1px;background:#888888;transition:all 0.8s ease-in-out;}
	.main4 .newslist_i  .picList li:hover .note .num:after{width:80%;}
	.main4 .newslist_i  .picList li:hover h4 a{color:#b88858;}
	.main4 .newslist_i  .picList li{overflow: hidden;margin-bottom:30px;}

	.main4 .newslist_i  .newslist_i_more { text-align:center; padding:10px 0 20px 0;}
	.main4 .newslist_i  .newslist_i_more a{ font-size:16px; line-height:30px; display:block; text-align:center;}
	.main4 .newslist_i  .newslist_i_more a:hover{ color:#b88858;}

	.main4_cnt { width:460px; height:auto; overflow:hidden; padding-top:150px;}
		.main4_cnt .t1{ font-size:32px; line-height:1.4; font-family:cn2; color:#fff; padding-bottom:20px; }
		.main4_cnt .t2{ font-size:16px; line-height:1.6; color:#eee;}

	.newslist_i{ position:relative;  }
	.newslist_i .hd{ overflow:hidden;  height:auto; overflow:hidden; text-align:center; padding:20px 0 0 0; }
	.newslist_i .hd .hdcnt { width:100px; height:30px; overflow:hidden; margin:0 auto; font-size:18px; font-family:en4; padding-top:10px;}
	.newslist_i .hd .prev,
	.newslist_i .hd .next{ display:block;  width:30px; height:30px; overflow:hidden; cursor:pointer; background:url(/upload/jiantou.png) 0 0px no-repeat;}
	.newslist_i .hd .next{ background-position:0 -30px;  }
	.newslist_i .hd .prevStop{ background-position:-30px -0px;  }
	.newslist_i .hd .nextStop{ background-position:-30px -30px;  }
	.newslist_i .hd .pageState{ height:30px; line-height:30px;}
	.newslist_i .bd { height:438px; overflow:hidden;}

.main5{ background:url(/upload/bg_main5.jpg) center bottom no-repeat #fff; height:1005px;}

.main51{ text-align:center; padding:0px 0 80px 0;}
.main51 h2{ font-size:36px; color:#333; line-height:80px;}
.main51 h3{ font-size:16px; color:#666;}

.main52 { width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:120px; min-width:1180px; padding:10px; }
	.main52 .ttl{ font-size:60px; line-height:80px; text-align:center; font-family:en5; color:#b8905a; padding:35px 0 0px 0;}
	.main52 .cnt .p1{ font-size:16px; line-height:24px; padding:0px 0 0 0; text-align:center;}
	.main52 .cnt .p2{ font-size:12px; line-height:14px; padding:5px 25px 0 25px; text-align:center; color:#999;}

	.main521 , .main522 , .main523{ box-shadow:0 0 8px #aaa; background:#fff; float:left;}

	.main521 { width:300px; height:200px;}
	.main522 { width:300px; height:200px; margin:0 140px;}
	.main523 { width:300px; height:200px;}
.main53 { height:600px; background:url(/upload/bg_main5.png) left 100px no-repeat;}

#newlist_i { padding:40px 0 60px 0;}
.newstop{ width:552px; height:auto; overflow:hidden;}
.newstop img{ width:552px; height:282px;}
.newstop h3{ font-size:24px; line-height:36px; padding:40px 0 18px 0; font-family:"cn2", Arial;}
.newstop p{ font-size:16px; color:#555; line-height:24px;}

.newsilist { width:522px; height:auto; overflow:hidden;}
.newsilist ul{}
.newsilist li{ width:100%; height:auto; overflow:hidden; padding-bottom:38px;}
.newsilist li .newsidate{ font-family:Arial, Helvetica; font-size:16px; line-height:16px; padding-left:15px; background:url(/upload/p7x12.png) left 1px no-repeat;}
.newsilist li a h3{ font-size:16px; line-height:36px;}
.newsilist li a:hover h3{ color:#333; font-weight:bold;}
.newsilist li.newsilist { display:none;}

.btn-morenews {-webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;position: relative;padding: 0px 50px;min-height: 26px;border-left: 1px solid #1A1A1A;border-right: 1px solid #1A1A1A;font: normal 18px/42px "en3", Arial !important;color: #1A1A1A;cursor: pointer;display: inline-block;letter-spacing: 1px;}
.btn-morenews:before, .btn-morenews:after {position: absolute;content: '';display: block;-webkit-transition: width 0.2s linear;transition: width 0.2s linear;background: #1A1A1A;height: 1px;width: 0px;}
.btn-morenews:hover:before, .btn-morenews:hover:after {width: 100%;}
.btn-morenews:before {top: 0;left: 0;}
.btn-morenews:after {bottom: 0;right: 0;}

.ttl_news { padding: 0 0 40px 0;}

/* -------------- */

/* about_pp */

#product-gallery .gallery-item {display: none; }
#product-gallery .gallery-item.show {display: block !important;}

.mainl1 { background:url(/upload/banner_about.jpg) center center no-repeat; background-size:cover; display:table;  }/*  */
.mainl1 .box2{ display:table-cell; vertical-align:middle; font-family:cn2;}
.mainl1 .box h2{ color:#fff; font-size:50px; text-align:center; line-height:60px; padding:10px 0 60px 0;}
.mainl1 .box .intro{ height:404px;}
.mainl1 .box .intro .aboutcn{}
.mainl1 .box .intro .aboutcn p{ font-size:16px; color:#fff; line-height:1.8; text-align:center; margin-bottom:30px; color:#ccc;}
.mainl1 .box .intro .abouten{}
.mainl1 .box .intro .abouten p{ font-size:14px; font-family:en4; color:#eee; margin-top:30px;}

.langbtn { text-align:center; margin-top:40px;}
.langbtn a{width:60px; height:20px; line-height:20px;  display:block; margin:0 auto; border:1px solid #555; border-radius:0 4px 0 4px; text-align:center; color:#888; font-size:12px;transition: all 0.3s linear;}
.langbtn a:hover{border:1px solid #ccc; color:#ccc;}

.nextpage1 { width:100%; height:80px; position:absolute; z-index:99; left:0; bottom:10px; min-width:1200px;}
.nextpage1 a{ width:80px; height:80px; display:block; margin:0 auto; background:url(/upload/p23x13.png) center center no-repeat rgba(0,0,0,.4);  border-radius:50%;}

.nextpage1 a:hover{animation:nextpage 2s linear 0.5s infinite ;
-moz-animation:nextpage 2s linear 0.5s infinite; /* Firefox */
-webkit-animation:nextpage 2s linear 0.5s infinite; /* Safari and Chrome */
-o-animation:nextpage 2s linear 0.5s infinite; /* Opera */
}

@keyframes nextpage
{
0%   {background-position:center -13px;}
100% {background-position:center 80px;}
}

@-moz-keyframes nextpage /* Firefox */
{
0%   {background-position:center -13px;}
100% {background-position:center 80px;}
}

@-webkit-keyframes nextpage /* Safari and Chrome */
{
0%   {background-position:center -13px;}
100% {background-position:center 80px;}
}

@-o-keyframes nextpage /* Opera */
{
0%   {background-position:center -13px;}
100% {background-position:center 80px;}
}



.mainl2 { padding:80px 0 80px 0;}
.bandtitle { color: #333;font-size: 40px;text-align: center;line-height: 60px;padding: 10px 0 20px 0;}
.bandtitle2 { color:#666; font-size:16px; line-height:1.6; text-align:center; padding-bottom:60px;}
.bandlist{ text-align:center; padding-bottom:40px;}
.bandlist li{ width:239px; height:160px; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; overflow:hidden;transition: all 0.3s linear; }
.bandlist li:hover{ background:#999;}
.bandlist li img{ width:239px; height:160px;}
.bandlist li .bl_ttl{ width:219px; height:140px; background:rgba(0,0,0,.6); position:absolute; z-index:2; color:#eee; text-align:center; line-height:1.5; margin:-150px 0px 0px 10px; display:none; }
.bandlist li:hover .bl_ttl { display:block;}
.bandlist li .bl_ttl p{ padding-top:60px;}

.bl_5 ,.bl_10 ,.bl_15 ,.bl_20 ,.bl_25 ,.bl_30 ,.bl_35 ,.bl_40 ,.bl_45 ,.bl_50 ,.bl_55{ border-right:none !important;}

.about_csr {padding:100px 0 60px 0; background:#f1f1f1;}

.about_csr .fl { width:600px;}
.about_csr .fr { width:600px;}
.about_csr .fr img { width:auto; max-width:600px;}

.about_csr .cnt { padding-top:70px;}
.about_csr .cnt .p1 { font-size:36px; line-height:50px;}
.about_csr .cnt .p2 { height:300px; font-size:16px; line-height:27px; padding:42px 0 110px 0;}
.about_csr .cnt .p2 p{ margin-bottom:15px;}
.about_csr .cnt .p3 { font-size:14px; line-height:24px; }


.w580 { width:580px; height:auto; overflow:hidden;}
.nTab{}


.nTab .TabContent{width:100%; height:500px; overflow:hidden; background:#333; color:#eee; font-family:cn2; position:relative;}
.nTab .TabContent .p1{ font-size:30px; line-height:40px; padding:120px 0 20px 0; color:#f5a80a;}
.nTab .TabContent .p2{ height:120px; font-size:16px; padding-bottom:30px;}
.nTab .TabContent .p3 a{ width:60px; height:26px; line-height:26px; border-radius:0 13px 13px 0; background:#fff; color:#333; display:block; text-align:center; transition: all 0.3s linear; filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.nTab .TabContent .p3 a:hover{ padding-left:30px;}
.nTab .TabContent .TabCnt{width:100%; height:500px; overflow:hidden;}

#myTab0_Content1 { background:url(/upload/casei_1.jpg) center top no-repeat #0ba9f3;}
#myTab0_Content2 { background:url(/upload/casei_2.jpg) center top no-repeat #950ddd;}
#myTab0_Content3 { background:url(/upload/casei_3.jpg) center top no-repeat #6270ed;}
#myTab0_Content4 { background:url(/upload/casei_4.jpg) center top no-repeat #f5a80a;}



.yun-arrow-wrap{position:absolute;z-index:10;left:0;bottom:0;display:table;width:100%;height:18px;overflow:hidden}
	.yun-arrow-wrap .yun-arrow-item{display:table-cell;position:relative;width:auto;background-color:#fff}
	.yun-arrow-wrap .yun-arrow-triangle{width:1200px;height:17px;background-color:transparent}
	.yun-arrow-wrap .yun-arrow-triangle:after,.yun-arrow-wrap .yun-arrow-triangle:before{content:"";position:absolute;bottom:0;width:100%;box-sizing:border-box}
	.yun-arrow-wrap .yun-arrow-triangle:before{right:50%;border-bottom:18px solid #fff;border-right:22px solid transparent}
	.yun-arrow-wrap .yun-arrow-triangle:after{left:50%;border-bottom:18px solid #fff;border-left:22px solid transparent}
	
	#myTab0_Content1 .yun-arrow-triangle:before{right:75%}
	#myTab0_Content1 .yun-arrow-triangle:after{left:25%;width:75%}
	
	#myTab0_Content2 .yun-arrow-triangle:before{right:58%}
	#myTab0_Content2 .yun-arrow-triangle:after{left:42%;width:58%}
	
	#myTab0_Content3 .yun-arrow-triangle:before{right:41%}
	#myTab0_Content3 .yun-arrow-triangle:after{left:59%;width:41%}
	
	#myTab0_Content4 .yun-arrow-triangle:before{right:25%}
	#myTab0_Content4 .yun-arrow-triangle:after{left:75%;width:25%}


.nTab .TabTitle{clear: both;overflow: hidden; width:100%;}
.nTab .TabTitle ul{ width:800px; height:auto; overflow:hidden; margin:0 auto;}
.nTab .TabTitle li{width:200px;  height:150px; cursor: pointer; float: left;display:inline; overflow:hidden; text-align:center; font-size:14px; padding-top:50px;transition: all 0.3s linear;}
.nTab .TabTitle li:hover , .nTab .TabTitle li.active{}
.nTab .TabTitle li.normal{}

.nTab .TabTitle li i{ width:100%; height:40px; display:block; margin-bottom:10px; }
.ico_c1 { background:url(/upload/ico_c1.png) center top no-repeat;}
.ico_c2 { background:url(/upload/ico_c2.png) center top no-repeat;}
.ico_c3 { background:url(/upload/ico_c3.png) center top no-repeat;}
.ico_c4 { background:url(/upload/ico_c4.png) center top no-repeat;}

.nTab .TabTitle li.active .ico_c { background-position:center -40px;}

.nTab .TabTitle li i.ico_line { width:1%; height:1px; overflow:hidden; background:#999; margin:60px auto 0 auto;transition: all 0.3s linear; filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.nTab .TabTitle li:hover i.ico_line , .nTab .TabTitle li.active i.ico_line{width:50%; filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}


/* about_pp1 */
.mainl2 {}

.mainl3 { height:400px; background:url(/upload/bg_off.jpg) center center no-repeat fixed; background-size:cover; text-align:center;}
.mainl3 img { width:auto; max-width:100%; display:none;}/* margin-top:260px;*/

.mainl4 { padding:0px 0 80px 0 ;}  /* padding:70px 0 80px 0 ; */

.mainl5 { }

.textl1 { font-size: 22px; line-height: 46px; font-weight: bold; padding-bottom:20px; }
.textl2 { font-size:16px; line-height:40px; }


.mainl6{ height:400px; background:url(/upload/bg_off3.jpg) center center no-repeat ; background-size: cover;}

.mainl5 { background:#fff; padding:80px 0 100px 0;}
.mainl5 .box{ padding-bottom:25px;}

.news_a_ttl { height:auto; overflow:hidden; padding-bottom:40px;}
.news_a_ttl a{ font-size:32px; font-family:en4; line-height:70px;}
.news_a_ttl_line { width:50px; height:1px; background:#555;}

.news_a_list {}
.news_a_list ul{}
.news_a_list ul li{ width:380px; overflow:hidden; float:left; display:inline; margin:0 30px 30px 0; background:#fff;}
.news_a_list_li3 ,
.news_a_list_li6 ,
.news_a_list_li9 ,
.news_a_list_li12 ,
.news_a_list_li15 ,
.news_a_list_li18 ,
.news_a_list_li21 ,
.news_a_list_li24 ,
.news_a_list_li27 ,
.news_a_list_li30 ,
.news_a_list_li33 ,
.news_a_list_li36 ,
.news_a_list_li39 ,
.news_a_list_li42 ,
.news_a_list_li45 { margin-right:0 !important;}

.news_a_list ul li .a_pic{width:380px; height:230px; display:block; overflow:hidden;}
.news_a_list ul li .a_pic img{ width:380px; height:230px; }
.cont-wrap { height:auto; overflow:hidden; border: 1px solid #f8f8f8; border-top:none; padding:0px 22px 10px 22px; transition: all 0.3s linear;}
.news_a_list ul li:hover .cont-wrap{ border-color:#ccc;}
.news_a_list ul li h3{ padding:25px 0 8px 0;}
.news_a_list ul li h3 a{ font-size:18px; line-height:30px; font-family:cn2; color:#b88858; }
.news_a_list ul li .desc{ height:70px; color:#888; font-size:14px; line-height:22px;font-family:cn2; }
.linenews{ width:100%; height:1px; background:#e5e5e5;}
.linenews2{ width:1%; height:1px; background:#b88858; margin:0 auto;filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;transition: all 0.3s linear;}
.news_a_list ul li:hover .linenews2{width:100%; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; }
.cont-wrap .lmore {}
.cont-wrap .lmore .sp1{ font-family:en4; font-size:12px; color:#777; line-height:40px; display:block;}
.cont-wrap .lmore .sp2{ width:11px; height:40px; background:url(/upload/g10x9.gif) 1px 18px no-repeat;}

.case_more_button {width: 235px;height: 64px;text-align: center;line-height: 64px;font-family:en4;font-size: 15px;color: #333;border: 1px solid #cfcfcf;cursor: pointer;text-transform: uppercase;margin: 0 auto;position: relative;overflow: hidden;-webkit-transition: .8s cubic-bezier(.19,1,.22,1);-moz-transition: .8s cubic-bezier(.19,1,.22,1);-o-transition: .8s cubic-bezier(.19,1,.22,1);transition: .8s cubic-bezier(.19,1,.22,1);}
.case_more_button::before {content: '';width: 100%;height: 100%;background-color: #f1f1f1;position: absolute;top: 0;left: 0;z-index: 0;transform: translateX(-100%);-webkit-transition: .8s cubic-bezier(.19,1,.22,1);-moz-transition: .8s cubic-bezier(.19,1,.22,1);-o-transition: .8s cubic-bezier(.19,1,.22,1);transition: .8s cubic-bezier(.19,1,.22,1);}
.case_more_button p {position: relative;z-index: 1;box-sizing: border-box;}
.case_more_button:hover{color:#1f1f1f;border-color:#f1f1f1;}
.case_more_button:hover::before{transform: translateX(0);}
.case_more_button a{ line-height:62px; display:block; color:#333;}


/* caselist */
.caselisti1 {}
.caselisti1 dl{}
.caselisti1 dl dd{ float:left;}
.caselisti1 dl dd a{font-size:14px; color:#605f5f; padding:0 15px;}
.caselisti1 dl dd.on{ font-weight:bold;}

.shaixuan1 #FO_pscase2 { display:none;}
.shaixuan2 #P_pscase1 { display:none;}


/* 联系我们 

*/


/*newsdetail*/
h2.ttl{  font-size:36px; text-align:center; line-height:40px; padding:60px 0 30px 0; font-family:cn2; background:url(/upload/ttl_line2.gif) center bottom no-repeat; margin-bottom:30px;}

.banner_news { height:700px; background-repeat:no-repeat; background-attachment:fixed; background-position: top center; background-size:cover;}
.banner_news img { width:auto; max-width:100%; display:none;}

#newsdetail .goback{ height:auto; }
#newsdetail .goback a{ width:64px; height:28px; line-height:28px; background:url(/upload/goback.jpg) 4px 4px no-repeat; font-size:14px; color:#1a1a1a; display:block; float:left; font-family:"??ì?", Arial; text-align:left; border:2px solid #333; padding-left:34px;}

#newsdetail { padding-bottom:50px;}
#newsdetail img{ width:auto; max-width:100%;}

.proinfocs_p { font-size:18px; color:#000; line-height:28px; padding:23px 0 110px 0; font-family:cn2;}
	.proinfocs_r { width:230px; position:absolute; left:50%; margin-left:370px; z-index:2; font-family:cn2;}
	.proinfocs_r .pi_r1 { font-size:24px; line-height:24px; }
	.proinfocs_r .pi_r2 { font-size:52px; line-height:52px; margin:22px 0 96px 0;}
	.proinfocs_r .pi_r3 { font-size:14px; line-height:18px; }
	.proinfocs_r .pi_r3 span{ display:block; width:100%;}


.newscnt { height:auto; overflow:hidden; padding:150px 0;}
	.newscnt .ttl_pd_img { text-align:center; padding:0 0 150px 0;}
	.newscnt .ttl_pd_img img{ width:auto; max-width:100%;}
	.newscnt .newscnt_w100 { background:url(/upload/p1x40.jpg) 430px top repeat-y; }
	.newscnt .pbzc{ background:url(/upload/pbzc.png) left bottom no-repeat;}	

	.newscnt .newscnt1 { width:820px; overflow:hidden; line-height:30px;}
		.newscnt .newscnt1_cn { width:370px; padding:0 0 20px 0; line-height:28px; font-size:16px; color:#444;}
		.newscnt .newscnt1_cn img{ width:auto; max-width:370px; padding-bottom:20px;}
		.newscnt .newscnt1_cn p{ margin-bottom:20px;}
		.newscnt .newscnt1_en { width:330px; padding:0 0 0 60px; line-height:20px; color:#5d5d5d;}
		.newscnt .newscnt1_en p{ margin-bottom:20px;}
	
	.newscnt .newscnt2 { width:330px; text-align:center;}
		.newscnt .newscnt2  img{ width:330px; max-width:100%;}

.newscnt_t2{ width:830px !important; float:left; display:inline; font-family:cn2; font-size:16px; line-height:28px; padding-bottom:130px; min-height:300px; }
	.newscnt_t2 p{ margin-bottom:20px;}
	.newscnt_t2 .pc1 { font-size:32px; line-height:50px; padding:60px 0 50px 0; margin-bottom:20px;}
	.newscnt_t2 .pc1 p{ margin-bottom:0;}


.newscntpic { height:auto; overflow:hidden; margin-bottom:160px;}
.newscntpic .pic1 { width:584px; margin-right:32px;}
.newscntpic .pic2 { width:276px; margin-right:32px;}
.newscntpic .pic3 { width:276px;}
.newscntpic img{ width:auto; max-width:100%;}

.newscntpic2 { height:auto; overflow:hidden; margin-bottom:160px;}
.newscntpic2 .pic1 { width:276px; margin-right:32px;}
.newscntpic2 .pic2 { width:276px; margin-right:32px;}
.newscntpic2 .pic3 { width:584px;}
.newscntpic2 img{ width:auto; max-width:100%;}

.newscntpic3 { height:auto; overflow:hidden; margin-bottom:160px;}
.newscntpic3 .pic1 { width:584px;}
.newscntpic3 .pic2 { width:584px; margin-left:32px;}
.newscntpic3  img{ width:auto; max-width:100%;}

.newscntpic4 { height:auto; overflow:hidden; margin-bottom:160px;}
.newscntpic4 .pic1 { width:276px; margin-right:32px;}
.newscntpic4 .pic2 { width:276px; margin-right:32px;}
.newscntpic4 .pic3 { width:276px; margin-right:32px;}
.newscntpic4 .pic4 { width:276px;}
.newscntpic4 img{ width:auto; max-width:100%;}

.newscntpic5 { width:100%; height:700px; overflow:hidden;background-repeat: no-repeat;background-position: center top;background-attachment: fixed; background-size:cover; margin-bottom:160px;}
.newscntpic5 img{ display:none; filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

.newscntpic6 { height:auto; overflow:hidden; margin-bottom:160px;}
.newscntpic6 .pic1 { width:380px; margin-right:30px;}
.newscntpic6 .pic2 { width:380px; margin-right:30px;}
.newscntpic6 .pic3 { width:380px;}
.newscntpic6 img{ width:auto; max-width:100%;}

.newscntpic7 { height:auto; overflow:hidden; margin-bottom:160px; text-align:center;}
.newscntpic7 img{ width:auto; max-width:100%;}

.newscntpic8 { background:url(/upload/t2/g1920x40.gif) center top repeat-y; padding:60px 0; margin-bottom:120px;}
	.newscntpic8 .mores { font-size:22px; line-height:80px; font-family:cn2; text-align:right; background:url(/upload/t2/p45x2.jpg) right top no-repeat; margin:50px 0 20px 0;}
	.newscntpic8 .slogan_en { font-size:14px; line-height:22px; padding-top:60px;}

.newscnttext { margin-bottom:50px; font-size:14px; color:#333;}
.newscnttext p{  margin-bottom:20px; font-size:16px;}
.newscnttext img{ width:auto; max-width:100%; padding:10px;}

.picScroll-left{ overflow:hidden; position:relative; padding:30px 0 0 0 ;}

	.picScroll-left .bd{ padding:0 0 0 0;   }
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ width:590px; margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic a{ height:840px; display:block;}

	.picScroll-left .hd ul{ width:1200px; height:auto; overflow:hidden; margin:22px auto; zoom:1; float:left; text-align:center;}
	.picScroll-left .hd ul li{ display:inline-table; width:100px; height:22px; overflow:hidden; text-indent:-999px; cursor:pointer; background:url(/upload/t2/g100x22.gif) center -10px repeat-x;}
	.picScroll-left .hd ul li.on{ background-position:center 10px;}

/*news-page*/
.pagenavi { padding:30px 0;}
.pageleft {}
.pageright {}

.pagenavi1{ padding:60px 0; color:#fff; text-align:center;}
.pagenavi1 span{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#333; background:#eee;}
.pagenavi1 a{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#fff; background:#999;transition:background 0.3s linear,color 0.3s linear;}
.pagenavi1 a:hover{ background:#453327; color:#fff; }

/* prodetail*/
.proinfomenu {width:120px; left:0; top: 50%; margin: -200px 0 0 0; position: fixed;}

#prnav { width:100%; height:auto; overflow:hidden;  padding:30px 0 30px 0;}
#prnav li { width:100%; height:36px;}
#prnav a {color: #666;display: block;font-size: 14px; line-height:36px; text-decoration: none;text-transform: uppercase; padding:0 0 0 20px; font-family:cn2; transition: all 0.3s linear; background:url(/upload/g8x7.gif) -8px 14px no-repeat; }
#prnav a:hover , #prnav .current a{ color:#333; font-size:14px; background-position:17px 14px; padding:0 0 0 30px; }

.menucontrol i{ display:none;}
.menucontrol_c { width:100%; height:30px; background: rgba(51,51,51,.3); overflow:hidden; display:block; padding-top:10px; }
.menucontrol_c span{ width:20px; height:20px; display:block; overflow:hidden; background:url(/upload/menucontrol_c.gif) center center no-repeat rgba(255,255,255,.4); float:right;  margin-right:10px; transition: all 0.3s linear;}
.menucontrol_c:hover span{ background-color:rgba(255,255,255,.8)}

.menucontrol_o { width:26px; height:80px; position:fixed; z-index:999; left:0; top:50%; margin-top:-30px; background:url(/upload/menucontrol_o.gif) center center no-repeat rgba(51,51,51,.3);transition: all 0.3s linear;}
.menucontrol_o:hover{background:url(/upload/menucontrol_o.gif) center center no-repeat rgba(51,51,51,.5);}




.pdgs {}
.proinfocs {}

/* foot */



/* Foot_B1

.foot{ background:#333;color: #6a6a6a; min-width:1200px;}
.foot a{ color:#6a6a6a;}


.gotop_i a{ height:38px; display:block; color:#333; font-size:14px; line-height:38px; }
.gotop_i a span{ width:80px; height:38px; line-height:38px; display:block; margin:0 auto; text-align:center; color:#ccc;}
.gotop_i a:hover span{ }

.foot1 { padding-top:20px;}

.menu_btm { width:33%;}
.menu_btm a{ color:#000;}
.menu_btm a:hover{ color:#;}

.menu-item { width:90px; float:left; display:inline; text-align:left; height:auto; overflow:hidden;}
.menu-item a{}
.menu-item a:hover{font-weight:bold; color:#fff;}
.menu-item a.menu-item-ttl{ font-size:14px; line-height:34px; color:#999; display:block;}
.menu-item a.menu-item-ttl:hover{ color:#fff;}
.menu-item2 a{ font-size:12px; line-height:20px; padding-bottom:0px; color:#6a6a6a;}
#mbtm4 a.menu-item-ttl{ background:none;}

.foot_tel { width:33%; border-left:1px dashed #4b4a4a;  border-right:1px dashed #4b4a4a; }
.foot_tel_cnt { width:100%; text-align:center;}
.foot_tel_cnt p{color:#6a6a6a; font-size:12px; line-height:24px;}
.foot_tel_cnt span{color:#6a6a6a; font-size:14px;}

.fenxiang { width:33%;}
.fenxiang li{ width:59px; float:right; text-align:center; font-size:12px; color:#6a6a6a; margin:0 20px;}
.fenxiang li img{ width:59px; height:59px;}

.foot2{ padding:10px 0 20px 0; text-align:center; font-size:12px; color:#6a6a6a;}
.foot2 a{ color:#6a6a6a;}*/

.foot {background: #eee;color: #1a1a1a;min-width: 1360px;padding: 40px 0; margin-top:120px; min-width:1200px;}
.foot a {color: #333;}
.foot a:hover {}
.foot1 {padding-top: 15px;padding-bottom: 95px;}
.menu_btm {}
.menu_btm a {color: #333;}
.menu_btm a:hover {color: #000;}
.menu_btm2 {padding-top: 17px;}
.menu-item {width: 240px;float: left;display: inline;text-align: left;height: auto;overflow: hidden;}
.menu-item a {font-size: 20px;line-height: 1.5;font-family: en4;font-weight: 100;}
.menu-item2 a {font-size: 16px;line-height: 34px;padding-bottom: 0px;font-family: cn2;}
a.menu-item1 {font-size: 16px;line-height: 60px;display: block;text-align: center;border-bottom: 1px solid #808080;padding: 10px 60px 0 60px;}

.foot2{}
.foot2 a{}
.foot2{ background:url(/upload/logo_btm_2.png) right top no-repeat; padding-top:50px;}

.foot_share a { height:24px; padding-right:24px; float:left; display:block;}
.foot_share a img{ vertical-align:bottom; float:left;}
.foot_share a.footmail{ padding-right:10px;}
.foot_share .footmail2{line-height:24px; font-family:entop; font-size:14px; display:block; float:left;}

.foot_info { line-height:24px; font-size:16px; }
.foot_info span{ margin-left:20px;}


.wxcode { width:116px; height:140px; position:absolute; padding:6px 6px 2px 6px; background:#fff; border-radius:4px; box-shadow:0 0 4px #666; margin:-160px 0 0 -5px; text-align:center; filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.wxcode img{ width:116px; height:116px;}
.wxcode p{ line-height:22px; text-align:center; font-size:12px;}
.wxcode:after {position: absolute;content: '';display: block;background: #fff;width: 12px;height: 12px;margin:-3px 0px 0px 54px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

.mapframebg { width:100%; position:fixed; z-index:150; background:rgba(0,0,0,.9); left:0; top:0;}
.mapframe { width:1200px; height:600px; padding:20px; background:#333; position:fixed; left:50%; top:50%; margin:-310px 0 0 -610px; z-index:200; border-radius:5px;}
.close2 { background:url(/upload/x2.gif) center top no-repeat rgba(0,0,0,.5); border-radius:3px; background-size:30px; width:30px; height:30px; position:absolute; display:block; float:right; margin:0 0 0 1169px;}

.btn_more {-webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;position: relative;padding: 0px 50px;min-height: 26px;border-left: 1px solid #fff;border-right: 1px solid #fff;font: normal 18px/42px "en3", Arial !important;color: #fff;cursor: pointer;display: inline-block;letter-spacing: 1px;}
.btn_more:before, .btn_more:after {position: absolute;content: '';display: block;-webkit-transition: width 0.2s linear;transition: width 0.2s linear;background: #fff;height: 1px;width: 0px;}
.btn_more:hover:before, .btn_more:hover:after {width: 100%;}
.btn_more:before {top: 0;left: 0;}
.btn_more:after {bottom: 0;right: 0;}

.btn_more_foot {text-align: center;background: url(/upload/foot2.png) 26px 4px no-repeat;padding: 0;color: #333 !important;border-left: 1px solid #333;border-right: 1px solid #333;line-height: 28px !important;font-size:14px;padding: 0 26px 0 46px;}
.btn_more_foot:before, .btn_more_foot:after {background: #333;}

.gsxx { padding-top:10px;}



/* 淡入 */

.dr21{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.dr22{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.dr23{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.dr24{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.dr25{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.dr26{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.dr27{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.dr28{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.dr29{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.maintop3 .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.maintop3 .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.maintop3 .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.maintop3 .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.maintop3 .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.maintop3 .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.maintop3 .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.maintop3 .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.maintop3 .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.active .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.active .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.active .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.active .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.active .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.active .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.active .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.active .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.active .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.about_pp .active .danru11{-webkit-animation:fadeInUp 1s 0.3s ease both;-moz-animation:fadeInUp 1s 0.3s ease both;}
.about_pp .active .danru12{-webkit-animation:fadeInUp 1s 0.6s ease both;-moz-animation:fadeInUp 1s 0.6s ease both;}
.about_pp .active .danru13{-webkit-animation:fadeInUp 1s 0.9s ease both;-moz-animation:fadeInUp 1s 0.9s ease both;}
.about_pp .active .danru14{-webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;}
.about_pp .active .danru15{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.about_pp .active .danru16{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;}
.about_pp .active .danru17{-webkit-animation:fadeInUp 1s 2.1s ease both;-moz-animation:fadeInUp 1s 2.1s ease both;}
.about_pp .active .danru18{-webkit-animation:fadeInUp 1s 2.4s ease both;-moz-animation:fadeInUp 1s 2.4s ease both;}
.about_pp .active .danru19{-webkit-animation:fadeInUp 1s 2.7s ease both;-moz-animation:fadeInUp 1s 2.7s ease both;}

.swiper-slide-active .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.swiper-slide-active .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.swiper-slide-active .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.swiper-slide-active .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.swiper-slide-active .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.swiper-slide-active .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.swiper-slide-active .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.swiper-slide-active .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.swiper-slide-active .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}
.swiper-slide-active .danru110{-webkit-animation:fadeInUp 1s 5s ease both;-moz-animation:fadeInUp 1s 5s ease both;}



.active .dr_t {-webkit-animation:fadeInDown 1s 0.4s ease both; -moz-animation:fadeInDown  1s 0.4s ease both;}
.active .dr_t2{-webkit-animation:fadeInDown 1s 0.8s ease both; -moz-animation:fadeInDown  1s 0.8s ease both;}
.active .dr_t3{-webkit-animation:fadeInDown 1s 1.2s ease both; -moz-animation:fadeInDown  1s 1.2s ease both;}
.active .dr_t4{-webkit-animation:fadeInDown 1s 1.6s ease both; -moz-animation:fadeInDown  1s 1.6s ease both;}
.active .dr_t5{-webkit-animation:fadeInDown 1s 2.0s ease both; -moz-animation:fadeInDown  1s 2.0s ease both;}

.active .dr_r{-webkit-animation:fadeInRight 1s .5s ease both; -moz-animation:fadeInRight 1s .5s ease both;}
.active .dr_d{-webkit-animation:fadeInUp    1s .5s ease both; -moz-animation:fadeInUp    1s .5s ease both;}
.active .dr_l{-webkit-animation:fadeInLeft  1s .5s ease both; -moz-animation:fadeInLeft  1s .5s ease both;}



@keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}
@-webkit-keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}
@-moz-keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}



@keyframes fadeInDown{
0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@-webkit-keyframes fadeInDown{
0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes fadeInDown{
0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}


@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}


@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}

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

body{ min-width:1220px;}
/*	.box {padding-left:10px !important; padding-right:10px !important;} */

/*
.focusBox .pic{ min-width:1220px; }
.focusBox .pic li{ min-width:1220px; background:none !important;}
.focusBox .pic li a img{ display:block;}

.mainl3 { height:auto; background:none; }
.mainl3 img { display:block; width:auto; max-width:100%;}
*/

.banner_news { height:auto;}
.banner_news img { width:auto; max-width:100%; display:block;}

.newscntpic5 { height:auto;}
.newscntpic5 img { display:block;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.mainct1 { height:auto;}
.mainct1 img { display:block;}


/* Pro-d */
.newscnt .newscnt_w100 { background:none;}
.newscnt .newscnt2 {}
.newscnt .newscnt1_cn { width:47%;}
.newscnt .newscnt1_en { width:47%; padding:0 0 0 0px}


}

@media screen and (min-width: 1200px) {
	.mainl1 , .mainl6{ background-attachment:fixed;}
	}