@charset "utf-8";
/* CSS Document */
html,body { width:100%; height:100%}
.bai { background:url(../images/bg_index_business.jpg) no-repeat center top;background-attachment:fixed; /*padding:300px 0*/}
.section1,.section2,.section3,.section4,.section5,.section6{ width:100%; height:100%; position:relative; overflow: hidden}
.section1,.section3,.section5 { z-index:1; color:#FFF}
.section2,section4 {color: #606060;}
.bg_web_01 {background:url(../images/bg_web_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_web_03 {background:url(../images/bg_web_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_web_05 {background:url(../images/bg_web_05.jpg) no-repeat center top;background-attachment:fixed;}
.bg_sem_03 {background:url(../images/bg_sem_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_sem_05 {background:url(../images/bg_sem_05.jpg) no-repeat center;background-attachment:fixed;}
.bg_ebiz_03 {background:url(../images/bg_ebiz_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_ebiz_05 {background:url(../images/bg_ebiz_05.jpg) no-repeat center top;background-attachment:fixed;}
.bg_mob_03 {background:url(../images/bg_mob_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_mob_05 {background:url(../images/bg_mob_05.jpg) no-repeat center top;background-attachment:fixed;}
.bg_om_03 {background:url(../images/bg_om_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_om_05 {background:url(../images/bg_om_05.jpg) no-repeat center top;background-attachment:fixed;}
.bg_about_03 {background:url(../images/bg_about_03.jpg) no-repeat center top;background-attachment:fixed;}
.bg_about_05 {background:url(../images/bg_about_05.jpg) no-repeat center top;background-attachment:fixed;}
.bg_about_07 {background:url(../images/bg_about_07.jpg) no-repeat center top;background-attachment:fixed;}
img.zom{ -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out;}
img.zom:hover {-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);} 
.web_tit { width:100%; height:130px; position: absolute; top:-130px;opacity: 0; }
.web_tit .web_tit_en{font-family: Lucida Bright;font-size: 45px;text-align:center;}
.web_tit .web_tit_cn {font-size: 16px;margin: 10px 0;text-align:center;line-height:26px;letter-spacing:2px;}
.web_tit .web_tit_zn { font-size:46px; color:#e3403f; line-height:70px; height:70px; }
.bai .web_tit .web_tit_zn { color:#4b4b4b }
.web_tit p { font-size:18px; }
.web_tit .web_tit_zn i {display:inline-table; width:0px;  height:1px; background:#e3403f;vertical-align: middle;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;opacity: 0; }
.bai .web_tit .web_tit_zn i { background:#4b4b4b }
.web_tit .web_tit_zn:hover i { width:50px;opacity: 1;margin-right: 10px;}
.web_tit.web_tit_ani {opacity: 1; top:0px;}
.more {margin:50px 0 0; position:relative; width:100%; height:46px; }
.more a { display:block; width:180px; line-height:46px; text-align:center; position:absolute; left:510px; top:46px;color:#FFF; background:#e3403f; border:solid 1px #e3403f; border-radius:25px; opacity: 0; }
.web_01 { width:1200px; height:500px; position:absolute;top:50%;left:50%;margin-top:-260px;margin-left:-600px;}
.web_01 .tit h1 { font-size:60px; color:#e3403f; line-height:70px; height:70px;position: relative; left:0; top:70px; opacity: 0; }
.web_01 .tit i {display:inline-table; width:0px;  height:1px; background:#F00;vertical-align: middle;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;opacity: 0; }
.web_01 .tit:hover i { width:50px;opacity: 1;margin-right: 10px;}

.web_01 .tit.tit_ani h1{opacity: 1; top:0px;}
.web_01 .info p{ margin-top:15px; font-size:20px; line-height:36px; height:72px;position:relative; top:70px; opacity: 0; }
.web_01 .info.info_ani p {opacity: 1; top:0px;}
.web_01 .tip p{ margin-top:50px;font-size:28px; color:#e3403f;  line-height:64px; height:64px;position:relative; top:70px;opacity: 0; }
.web_01 .tip.tip_ani p {opacity: 1; top:0px;}
.web_01 .service li { display: block; float:left;width:230px;margin:10px 10px 0 0; position:relative }
.web_01 .service li h2 { font-size:16px; top:70px;opacity: 0; position:relative; }
.web_01 .service li h2 a { display:inline-table; line-height:32px; height:32px;color:#FFF;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;position: relative;  }
.web_01 .service li h2 a .overlay-botttom {position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#e3403f}
.web_01 .service li h2 a:hover { color:#e3403f;}
.web_01 .service li h2 a:hover .overlay-botttom { animation:borderslideBottom .35s linear 0s 1;animation-fill-mode:forwards}
.web_01 .service.service_ani h2 {opacity: 1; top:0px;}

@-moz-keyframes borderslideBottom{from{width:0}
to{width:100%}
}
@-webkit-keyframes borderslideBottom{from{width:0}
to{width:100%}
}
@keyframes borderslideBottom{from{width:0}
to{width:100%}
}

@media screen and (max-width: 1024px) {
.web_01 { width:1000px; height:360px; position:absolute;top:50%;left:50%;margin-top:-195px;margin-left:-500px;}
.web_01 .service li { width:240px;}
}

.web_02 { width:1200px; height:380px; position:absolute;top:50%;left:50%;margin-top:-195px;margin-left:-600px; z-index:1}
.process { width:100%;position: absolute;  bottom:-150px;opacity: 0; }
.process.process_ani {opacity: 1; bottom:0px;}
.web_02 .process li { display:block; float:left; width:200px; height:220px;font-size:16px; text-align:center;line-height:28px; cursor:pointer; position:relative;}
.web_02 .process li div { width:120px; height:120px; margin:15px auto;border:solid 7px #e4dede ; border-radius:50%;behavior: url(pie.htc);position:relative; z-index:100;transition:all 0.1s linear;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;
background:#fff;
}
.web_02 .process li div span{display:block;width:100%;height:100%;background:url(../images/web_pro_goutong.png) no-repeat center center;}
.web_02 .process li div span.one {background:url(../images/web_pro_qianyue.png) no-repeat center center;}
.web_02 .process li div span.two {background:url(../images/web_pro_sheji.png) no-repeat center center;}
.web_02 .process li div span.three {background:url(../images/web_pro_kaifa.png) no-repeat center center;}
.web_02 .process li div span.four {	background:url(../images/web_pro_ceshi.png) no-repeat center center;}
.web_02 .process li div span.five {background:url(../images/web_pro_shangxian.png) no-repeat center center;}
.web_02 .process li:hover div span {animation:mymove 0.3s linear;	-webkit-animation:mymove 0.3s linear; /*Safari and Chrome*/}
.web_02 .process li:hover div {
	-webkit-transform: scale(1.31);
	-moz-transform: scale(1.31);
	-ms-transform: scale(1.31);
	-o-transform: scale(1.31);
	transform: scale(1.31);
	border:solid 7px #e3403f ;
}
@keyframes mymove
{
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100%{transform: rotate(360deg);}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	0% { -webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(180deg);}
	100%{ -webkit-transform: rotate(360deg);}
}
.web_02 .process li p{
	margin:30px 0 0 0;
	font-size:16px;
	line-height:24px;
	color:#606060;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
	font-weight:800;
}
.web_02 .process li:hover p{
	color:#e3403f;
	font-size:20px;
	line-height:30px;
	margin:45px 0 0 0;
}
.doh{position:absolute;height:3px;width:0px;top:74px;left:0;background:#e3403f;margin:0 0 0 0;z-index:3;}
.toh{position:absolute;height:3px;width:0%;top:74px;left:0;background:#e3403f;z-index:2;margin:0 0 0 0;} 
.web_03 { width:1200px; height:570px; position:absolute;top:50%;left:50%;margin-top:-320px;margin-left:-600px;}
.jineng { width:100%;position: absolute;  bottom:-150px; opacity: 0; }
.jineng.jineng_ani {opacity: 1; bottom:0px;}
.web_03 .jineng li { display:block; float:left; width:298px; margin:0 1px; height:400px; padding:100px 0 60px; color:#e3403f; text-align:center;cursor:pointer; position:relative; overflow:hidden}
.web_03 .jineng li .li_bg { width:100%; height:100%; position:absolute; left:0; top:0; background:#000;flter:alpha(opacity=60); -moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6; z-index:-1 }
.web_03 .jineng li .li_pic { width:112px; height:96px; overflow:hidden; margin:0 auto; position:relative}
.web_03 .jineng li .li_pic img { position:absolute; left:0; top:0;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.web_03 .jineng li .li_line { width:100px; height:5px; background:#e3403f; margin:0 auto; position:absolute; left:100px; top:220px; 
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.web_03 .jineng li .li_cn { width:100%; font-size:22px; height:52px; line-height:52px; position:absolute; left:0; bottom:100px;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.web_03 .jineng li .li_en { width:100%; font-size:16px; height:36px; line-height:36px;position:absolute; left:0; bottom:-60px;
transition:all 0.5s ease; 
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;opacity: 0; }
.web_03 .jineng li:hover { color:#FFF; background:#e3403f}
.web_03 .jineng li:hover .li_pic img {top:-96px;}
.web_03 .jineng li:hover .li_line {top:245px; background:#fff}
.web_03 .jineng li:hover .li_cn {bottom:160px;}
.web_03 .jineng li:hover .li_en {opacity: 1; bottom:100px;}

.web_04 { width:1200px; height:620px; position:absolute;top:50%;left:50%;margin-top:-290px;margin-left:-600px;}
.case { width:100%;verflow:hidden;position: absolute;  bottom:-50px;opacity: 0; }
.case.case_ani {opacity: 1; bottom:0px;}
.case ul li { display: inline; float: left; width: 300px;position:relative;  overflow: hidden; cursor:pointer; text-align:center }
.case ul li  .bg_img { display: block; width:100% ; height:450px; overflow:hidden;}
.case ul li  .bg_img img {transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.case ul li .li_bg { position: absolute; left:0; bottom:0; width:100%; height:100%;background:#000;flter:alpha(opacity=50); -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; z-index:1;}
.case ul li .li_logo { width:100%; position:absolute; left:0; bottom:40px; 
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.case ul li .li_logo img { width:200px; height:60px;}
.case ul li:hover .li_bg { flter:alpha(opacity=20); -moz-opacity:0.2;  -khtml-opacity: 0.2;  opacity: 0.2;}
.case ul li:hover .li_logo { left:0; bottom:320px; z-index:2;}
.case ul li:hover .li_logo img { -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); }
.case ul li:hover .bg_img img {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.web_05 { width:1200px; height:510px;position:absolute;top:50%;left:50%;margin-top:-320px;margin-left:-600px; overflow:hidden }
.web_05_conw { width:100%; height:340px;position: absolute; bottom:0}
.web_05_conw_bg { background:#000;flter:alpha(opacity=70); -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7; position:absolute; bottom:0; width:100%; height:100%;} 
.web_05 .web_05l { width:510px; height:340px; position: absolute; left:-510px; bottom:0px; padding:40px 0 40px 0px; position:relative; overflow:hidden }
.web_05 .web_05l_pic { position:absolute; top:0px; left:0px; }
.web_05 .web_05l_infobg { position:absolute; left:0; bottom:-80px; width:100%; height:140px; background:#000;flter:alpha(opacity=70); -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.web_05 .web_05l_info { position:absolute; left:0; bottom:-80px; width:100%; height:140px;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.web_05 .web_05l_info h1 a { font-size: 26px; line-height:60px;color:#FFF; display:block; text-align:center}
.web_05 .web_05l_info p { font-size:16px;line-height: 28px;color:#FFF; padding:0 32px 20px;opacity: 0;
transition:all 0.5s linear;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}

.web_05  .web_05l:hover .web_05l_infobg { bottom:0px;}
.web_05  .web_05l:hover .web_05l_info { bottom:0px;}
.web_05  .web_05l:hover .web_05l_info p  {opacity: 1;}

.web_05 .web_05r { width:690px; position: absolute; right:-690px; bottom:0px; padding:10px 0px 30px }

.newswiki ul { padding-bottom:20px;}
.newswiki ul li { display:block;padding:12px 0px; margin:0 50px;overflow:hidden; border-bottom:solid 1px #292929 ;}
.web_05 ul li .li_info { width:420px;}
.web_05 ul li .li_info h2 a  {font-size: 16px; line-height:36px;color:#e3403f;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.web_05 ul li .li_info h2 a:hover { color:#FFF;}
.web_05 ul li .li_info  p {font-size: 14px;line-height: 24px; color:#b5b5b5}
.web_05 ul li .li_pic { width:135px; height:90px; overflow:hidden;}

.knowledge ul li { display:block; float:left; width: 295px;margin: 0 0 0 50px; padding:0px 0 0px;}
.knowledge ul li a { display:block; color:#878787; padding:0px;font-size: 14px; line-height:24px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.knowledge ul li a:hover { color:#e3403f;}
/*sem*/
.sem_01 { width:1200px; height:540px; position:absolute;top:50%;left:50%;margin-top:-280px;margin-left:-600px;}
.sem_02 { width:1200px; height:600px; position:absolute;top:50%;left:50%;margin-top:-280px;margin-left:-600px; z-index:1}
.yewu { width:100%;position: absolute;  bottom:-300px;opacity: 1; }
.mr20{margin-right:20px}
/*.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}*/
.card-area{margin:0px auto 0;height:420px;width:1280px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:420px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#e3403f;border-left:1px solid #e3403f}
.card-area .card-item .card .card-title .contenta{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#fff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#fff;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:265px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#e3403f;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:16px;line-height:32px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#e86b6a;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#e3403f}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:0px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:425px}
.card-area .card-item.active .card .card-title{background-color:#e86b6a;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#fff}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
/*ebiz*/
.ebiz_02 { width:1200px; height:560px; position:absolute;top:50%;left:50%;margin-top:-305px;margin-left:-600px; z-index:1}
.daiyunying { width:100%;position: absolute;  bottom:-150px; opacity: 0; }

.product-type{width:100%; max-width:1200px; margin:auto; overflow:hidden;}
.product-type li{position:relative; float:left; width:171px; height:220px;background:#f1f0ed; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-type li:nth-of-type(2n){background:#f8f7f5;}
.product-type li:before{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff;}
.product-type li:last-of-type:before{display:none;}
.product-type li a{position:absolute; top:0; right:0; bottom:0; left:0;}

.product-type li div {position:absolute; top:60px; left:0; width:70px; height:70px; margin: 0 0 0 50px; text-align:center;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-type li div img { width:70px; height:70px;}
.product-type li b{position:absolute; top:30px; left:0;width:130px; height:130px; margin:0 0 0 20px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 0 #f1e3d2; opacity:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);}
.product-type span{position:absolute; bottom:30px; left:0; width:100%; text-align:center; color:#333; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-type li:hover{background:#eeddc7;}
.product-type li:hover b{box-shadow:inset 0 0 0 8px #f1e3d2; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.product-type li:hover span{color:#7e4430;}

.dian { margin-top:50px; }
.button.button--aylen {float: left; 
	width: 200px; margin:10px 20px; line-height:46px; font-size:16px;color: #37474f;
	display: block;
	 
	border: none;
	background: #f9f9f9;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;border: 1px solid #dfdfdf;border-radius: 50px;
 
	
	overflow: hidden;
 -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;
}
 
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
	background: #e27070;
}
.button--aylen::after {
	background: #e3403f;
}
.button--aylen:hover {
	color: #fff; font-size:18px; font-weight:bold; border:solid 1px #e27070
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

.ebiz_03 .jineng li { width:198px;}
.ebiz_03 .jineng li .li_line { left:49px; top:230px;  }
.ebiz_03 .jineng li .li_cn { height:72px; line-height:28px; bottom:70px; font-size:18px}


.ebiz_03 .jineng li:hover .li_line {top:310px;}
.ebiz_03 .jineng li:hover .li_cn {bottom:100px;}

 
/*mob*/
.mob_02 { width:1200px; height:450px; position:absolute;top:50%;left:50%;margin-top:-225px;margin-left:-600px; z-index:1}
.server { width:100%;position: absolute;  bottom:-150px;opacity: 0; }
.server ul li {width: 300px; height:250px; float:left; margin-left:75px; text-align: center; position: relative; overflow:hidden; cursor: pointer}
.server ul li .li_info { overflow:hidden; transition: 0.3s; color:#e3403f }
.server ul li .li_info .info_tit { font-size:20px; line-height:36px; padding:15px 0 5px; font-weight:bold;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;   }
.server ul li .li_info div { font-size:14px; line-height:22px; }
.server ul li .li_info div span { display:inline-block; width: auto; color:#4f4f4f;-moz-transition:color 0.4s linear;-webkit-transition:color 0.4s linear; transition:color 0.4s linear;}
.server ul li:hover .li_info .info_tit { font-size:24px; }
.server ul li:hover .li_info div span {  color:#e3403f }
.server ul li .li_pic { border:solid 5px #e3403f; border-radius:50%; width:140px; height:140px; padding:25px; margin:0 auto }
.server ul li img  {-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out; width:80px; height:80px;}
.server ul li:hover img  {-webkit-animation: spinAround 0.5s linear infinite;
	-moz-animation: spinAround 0.4s linear infinite;
	animation: spinAround 0.4s linear infinite; }
@keyframes spinAround
{0%   {-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}
5%   {-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
10%   {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
15%   {-webkit-transform:rotate(65deg);-moz-transform:rotate(65deg);-ms-transform:rotate(65deg);-o-transform:rotate(65deg);transform:rotate(65deg)}
20%   {-webkit-transform:rotate(80deg);-moz-transform:rotate(80deg);-ms-transform:rotate(80deg);-o-transform:rotate(80deg);transform:rotate(80deg)}
25%   {-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform:rotate(100deg)}
30%   {-webkit-transform:rotate(115deg);-moz-transform:rotate(115deg);-ms-transform:rotate(115deg);-o-transform:rotate(115deg);transform:rotate(115deg)}
35%   {-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
40%   {-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
45%   {-webkit-transform:rotate(170deg);-moz-transform:rotate(170deg);-ms-transform:rotate(170deg);-o-transform:rotate(170deg);transform:rotate(170deg)}
50%   {-webkit-transform:rotate(185deg);-moz-transform:rotate(185deg);-ms-transform:rotate(185deg);-o-transform:rotate(185deg);transform:rotate(185deg)}
55%   {-webkit-transform:rotate(205deg);-moz-transform:rotate(205deg);-ms-transform:rotate(205deg);-o-transform:rotate(205deg);transform:rotate(205deg)}
60%   {-webkit-transform:rotate(220deg);-moz-transform:rotate(220deg);-ms-transform:rotate(220deg);-o-transform:rotate(220deg);transform:rotate(220deg)}
65%   {-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
70%   {-webkit-transform:rotate(255deg);-moz-transform:rotate(255deg);-ms-transform:rotate(255deg);-o-transform:rotate(255deg);transform:rotate(255deg)}
75%   {-webkit-transform:rotate(275deg);-moz-transform:rotate(275deg);-ms-transform:rotate(275deg);-o-transform:rotate(275deg);transform:rotate(275deg)}
80%   {-webkit-transform:rotate(290deg);-moz-transform:rotate(290deg);-ms-transform:rotate(290deg);-o-transform:rotate(290deg);transform:rotate(290deg)}
85%   {-webkit-transform:rotate(310deg);-moz-transform:rotate(310deg);-ms-transform:rotate(310deg);-o-transform:rotate(310deg);transform:rotate(310deg)}
90%   {-webkit-transform:rotate(325deg);-moz-transform:rotate(325deg);-ms-transform:rotate(325deg);-o-transform:rotate(325deg);transform:rotate(325deg)}
95%   {-webkit-transform:rotate(345deg);-moz-transform:rotate(345deg);-ms-transform:rotate(345deg);-o-transform:rotate(345deg);transform:rotate(345deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.mob_03 { width:1200px; height:500px; position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-600px; z-index:1}
.advantage { width:100%;position: absolute;  bottom:-150px; opacity: 0; }
.advantage ul li {float: left;margin:10px;width: 278px; }
.advantage ul li a {border: 1px solid #353535; display:block;position: relative; }
.advantage ul li .li_bg { position:absolute; left:0; top:0; width:100%; height:100%;background:#000; opacity: 0.5; z-index:-1 }
.advantage ul li .pic { float:left;width:50px; height:50px; overflow:hidden;position: absolute; left:20px; top:50px;  }
.advantage ul li .pic img { position:absolute; left:0px; top:0;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.advantage ul li .right { float:right ;width: 200px;  padding:40px 20px;color:#6c6c6c }
.advantage ul li .right p.name { font-size:22px;transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease; }
.advantage ul li .right p.info { font-size:14px; transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease; }
.advantage ul li a:hover { border: 1px solid #e3403f; }
.advantage ul li a:hover .li_bg { background:#e3403f; opacity: 0.7;}
.advantage ul li a:hover .pic img { left:-70px;}
.advantage ul li a:hover p { color:#FFF; }
.mob_04 { width:1200px; height:532px; position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-600px; z-index:1}
.mob_case {
 width:100%;position: absolute;  bottom:-420px; opacity: 0; 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;

}
.mob_case .box {  
  width: 270px;
  height: 390px; margin:0 15px;  text-align:center;
 
}
.mob_case .product {padding:15px 0;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
 
}
.mob_case .pic img  { width:240px; height:360px;}
 
.mob_case .description {font-size:14px; color:#4f4f4f; line-height:22px; text-align: center;
 position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  display: block;
  padding: 0 15px;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
}
.mob_case .box  {
 -webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out;
}.mob_case:hover .box:not(:hover)  {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  opacity: 0.5;
}
.mob_case .box:hover  {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  
}
.mob_case .box:hover .product {
  height: 420px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 1s linear,
    height 0.1s linear 0.2s;
  transition:
    box-shadow 1s linear,
    height 0.1s linear 0.2s;
}
.mob_case .box:hover .description { 
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0.1s;
  transition: opacity 0.1s linear 0.2s;
}
/*om*/
.om_02 { width:1200px; height:450px; position:absolute;top:50%;left:50%;margin-top:-225px;margin-left:-600px; z-index:1}
.single-member{width: 300px; height:266px; float:left; margin-left:75px; text-align: center; position: relative;}
.effect-5{max-height: 250px; min-height: 266px; overflow: hidden;}
.effect-5 .member-image{width: 100%; position: absolute; top:0; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width:300px; height:200px;}
.effect-5 .member-info { position: absolute; width: 100%; top: 200px; left: 0; height: 66px; transition: 0.3s; z-index: 2; background:#e3403f; color:#FFF }
.effect-5 .member-info .info_tit { font-size:22px; line-height:36px; padding:15px 0; font-weight:bold}
.effect-5 .member-info div { font-size:16px; line-height:28px; }
.effect-5 .member-info div span { display:inline-block; width:auto; margin:0 10px; }
.mob_02 .effect-5 .member-info div span { display:inline-block; width: auto; }
.effect-5 .member-info:before{border-left: 150px solid transparent; border-right: 150px solid transparent; border-bottom: 15px solid #e3403f; top: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-image{ top:-100px;transition: 0.3s;}
.effect-5:hover .member-info{height: 166px; transition: 0.3s; z-index: 6; top:100px}
.om_03 .jineng li { width:398px;}
.om_03 .jineng li .li_line { left:150px; }
.om_03 .jineng li .li_cn,.om_03 .jineng li .li_en { padding:0 60px;}
.om_03 .jineng li .li_en span { display:inline-block; width:80px; }
/*about*/
.about_01 .mg01,.about_01 .mg02 { height:120px; overflow:hidden; width:100% }
.about_01 .mg01 p { width:750px; margin:0 auto; font-size:80px;color:#e3403f; line-height:80px; position: relative; left:0; top:120px; opacity:0; }
.about_01 .mg01 p span,.about_01 .mg02 p span { display:block; float:left; width:160px; margin-right:50px; text-align:right}
.about_01 .mg02 p { width:750px; margin:0 auto; font-size:30px; color:#FFF; line-height:60px;  position: relative; left:0; top:120px; opacity:0; }
.about_01 .we { height:42px; overflow:hidden}
.about_01 .we p { font-size:22px; line-height:42px;text-align:center;position: relative; left:0; top:120px; opacity:0;  }
 

.about_02 { width:1200px; height:520px; position:absolute;top:50%;left:50%;margin-top:-265px;margin-left:-600px; z-index:1; overflow:hidden}
.about_pic { width:420px;position: absolute;  left:-200px; bottom:0;opacity: 0; font-size:16px; line-height:32px; }
.about_info { width:740px;position: absolute;  right:-800px; bottom:0;opacity: 0; font-size:16px; line-height:32px; }
.about_03 { width:1200px; height:460px; position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-600px; z-index:1;overflow:hidden }
.about_shiyi_en { width:100%; position: absolute; left:0; bottom:0}
.about_shiyi_en .about_shiyi_enl { width:620px; position:relative;}
.about_shiyi_en .about_shiyi_enl .en { width:170px; left:-200px; }
.about_shiyi_en .about_shiyi_enl .en.en_2 { width:110px;}
.about_shiyi_en .about_shiyi_enl .en.en_3 { width:130px;}
.about_shiyi_en .about_shiyi_enl .en.en_4 { width:130px;}
.about_shiyi_en .about_shiyi_enl .en.en_5 { width:130px;}

.about_shiyi_en .about_shiyi_enr { width:400px; position:relative}
.about_shiyi_en .about_shiyi_enr .en { width:200px; right:-200px;}
.about_shiyi_en .en { position:absolute;height:260px; text-align:center; bottom:0;-webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;}
.about_shiyi_en .en .en_jx {font-size:160px; line-height:120px; font-weight:bold; cursor:pointer;-moz-transition:color 0.2s linear;-webkit-transition:color 0.2s linear; transition:color 0.2s linear;}
.about_shiyi_en .en .en_qc {font-size:36px; position:absolute; width:100%; bottom:-80px;  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;}
 .about_shiyi_en .en .en_qc span { font-size:24px; display:block; margin:0px 0 5px}
.about_shiyi_en .en:hover .en_qc { bottom:0px;}
.about_shiyi_en .en:hover .en_jx { color:#e3403f}
 
.about_04 { width:1200px; height:360px; position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-600px; z-index:1}
.about_hist {width:100%;position: absolute;  bottom:-150px;opacity: 0;}

.brand .box{  border: none;
box-shadow: none;
 -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;}
.brand .box ul.items li {width: 176px;height: 220px;margin: 0 62px;background: url(../images/bg_green.png) no-repeat 0px 400px;overflow: hidden;display: block; float:left;text-align:center;}
.brand .box ul.items li i {display: block;position: relative;width: 156px;height: 156px; line-height:156px;font-family:"Impact";font-size:50px;color:#e3403f;font-weight:100; font-style: normal;       
-moz-transition:font-size 0.2s linear;   
-webkit-transition:font-size 0.2s linear; 
transition:font-size 0.2s linear;}
.brand .box ul.items li.one i { font-size:60px}
.brand .box ul.items li u {display: block;position: absolute;width: 156px;height: 156px;background: url(../images/words.png) no-repeat 0px -363px;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.brand .box ul.items li u.cl {clip: rect(0px, 156px, -10px, 78px);}
.brand .box ul.items li u.cl {clip: rect(0px,156px,156px,78px);}
.brand .box ul.items li u.cr {clip: rect(156px,78px,156px,0px);}
.brand .box ul.items li u.cr {clip: rect(0px,78px,156px,0px);}
.brand .box ul.items li .li_info {display: block;font-size:16px;color:#666;line-height:36px;margin-top:16px}
.brand .box ul.items li.one:hover i { font-size:90px;}
.brand .box ul.items li:hover i { font-size:70px;}
.brand .box ul.items li:hover u.cl {clip: rect(0px, 156px, -10px, 78px);}
.brand .box ul.items li:hover u.cr {clip: rect(156px,78px,156px,0px);}
.about_05 { width:1200px; height:380px; position:absolute;top:50%;left:50%;margin-top:-160px;margin-left:-600px; z-index:1}
.about_wenhua {width:100%;position: absolute;  bottom:-150px;opacity: 0;}
.boxa {width:260px;height:195px;margin:20px;float:left;position: relative; overflow:hidden}
.box-content {display:block;padding:20px;width: 100%;height: 100%;background: #333;color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.box-overlay {width: 100%;height: 100%;position: absolute;top:0;left:0;z-index:10;}
.box-content .box-wrapper {width: 100%;height: 100%;font-size:24px;display:block;padding:30px 0 10px 0;text-align:center;margin-bottom:10px;border:2px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.box-content .row_tit {text-align:center;font-size:18px; font-weight:bold; margin-top:0px;}
.box-content .row {margin-top:10px;font-size:14px;color:#ddd;}
.box-content .row span { font-size:12px; margin-top:5px; display:block; font-family:JhengHei}
.about_06 { width:1200px; height:360px; position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-600px; z-index:1}
.about_logo { width:100%;position: absolute;  bottom:0px;font-size:16px; line-height:32px; }
.about_logo ul li { display:block; float:left; position:relative; width:200px; height:80px; cursor:pointer;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out;  }
.about_logo ul li img { position:absolute; left:40px; top:-200px;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;}
.about_logo ul li:hover  {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);
    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
 
/*clients*/
.index_clients { width:1200px; height:430px; position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-600px; overflow:hidden}
.index_clients .index_clientsl {width:100%; position:absolute; top:130px; left:-1200px; }
.index_clients .index_clientsr { width:100%; position:absolute; bottom:0; right:-1200px;}
.da-thumbsa,.da-thumbsb {height:150px;position: relative;}
.index_clients ul li { display:block;float: left;/*background: #fff;*/position: relative; width:239px; height:150px; overflow:hidden; border-left: dashed 1px #ddd;border-bottom:dashed 1px #ddd; cursor:pointer}
.index_clients ul li img { position: absolute; left:0; top:0; z-index:1;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;} 
.index_clients ul li:first-child { border-left:none}
.index_clients .index_clientsr ul li { border-bottom:none }
.index_clients ul li:hover img { top:-150px;} 
.index_clients ul li .li_bg {position: absolute; left:0; top:150px;background: #DDD;  filter:alpha(opacity=50); 
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  width: 100%;height: 100%;  }