@charset "utf-8";
/* CSS Document */
/*index_tit*/
.index_tit { width:100%; height:130px; position:absolute; top:-130px;  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; }
.index_tit .index_tit_en{font-family: Lucida Bright;font-size: 45px;color: #606060;text-align:center;}
.index_tit .index_tit_cn {font-size: 16px;color: #606060;margin: 10px 0;text-align:center;line-height:26px;letter-spacing:2px;}
.index_tit.bai .index_tit_en,.index_tit.bai .index_tit_cn { color:#FFF}
.index_tit.index_tit_ani {opacity: 1; top:0px;}
/*bg_index*/
.banner { }
.bg_index_business,.bg_index_brand {background: url(../images/bg_index_business.jpg) top center no-repeat  }
.bg_index_solution {background: url(../images/bg_index_solution.jpg)  bottom center no-repeat  }
.bg_index_news {background: url(../images/bg_index_news.jpg)  top center no-repeat  }
.bg_index_footer {/*background: url(../images/bg_index_footer.jpg)  top center no-repeat*/ background:#161616  }
.guding{width:100%;height:100%; overflow:hidden}   
.gd{width:1000px;height:300px;position:absolute;top:50%;left:50%;margin-top:-185px;margin-left:-500px;}   
/*index_banner*/


/*index_business*/
.index_business { width:1200px; height:460px; position:absolute;top:50%;left:50%;margin-top:-265px;margin-left:-600px; overflow:hidden}
.business { width:100%; position:absolute; bottom:0;  transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;opacity: 1;}
.business.business_ani { opacity: 1; bottom:0px;}
.business .box {width: 1200px;margin: 0 auto;position: relative;
 -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;}
.business .box ul.items {margin: 0 auto;}
.business .box ul.items li {width: 190px;height: 330px;margin: 0 25px;background: url(../images/bg_green.png) no-repeat 0px 400px;overflow: hidden;display: block;float:left; position:relative; top:87px;}
.business .box ul.items li i {display: block;position: relative; top:0;margin: 43.5px auto 0;width: 69px;height: 69px;}
.business .box ul.items li.li_web i {background: url(../images/words.png) no-repeat -17px -9px;}
.business .box ul.items li.li_sem i {background: url(../images/words.png) no-repeat -110px -9px;}
.business .box ul.items li.li_ebo i {background: url(../images/words.png) no-repeat -197px -9px;}
.business .box ul.items li.li_mob i {background: url(../images/words.png) no-repeat -275px -9px;}
.business .box ul.items li.li_om i {background: url(../images/words.png) no-repeat -360px -9px;}
.business .box ul.items li u {display: block;position: absolute;width: 156px;height: 156px;margin-left: 17px;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;}
.business .box ul.items li u.cl {	clip: rect(0px, 156px, -10px, 78px);}
.business .box ul.items li u.cl.cl_ani {clip: rect(0px,156px,156px,78px);}
.business .box ul.items li u.cr {clip: rect(156px,78px,156px,0px);}
.business .box ul.items li u.cr.cr_ani {clip: rect(0px,78px,156px,0px);}
.business .box ul.items li .li_tit {display: block;margin-top: 65px;font-size: 16px;font-weight: normal;text-align: center;}
.business .box ul.items li .li_tit a { color:#666;-moz-transition:color 1.2s linear;-webkit-transition:color 1.2s linear; transition:color 1.2s linear;}
.business .box ul.items li .info {position: relative;top: 200px;color: White;}
.business .box ul.items li .info a{text-align:center;display:block;font-size: 14px;line-height: 25px;color: #FFF;}
.business .box ul.items li:hover {background-position: 0px 0px; top:0px;
 -webkit-transition: all .5s ease-in-out .3s;
 -moz-transition: all .5s ease-in-out .3s;
 -ms-transition: all .5s ease-in-out .3s;
 -o-transition: all .5s ease-in-out .3s;
 transition: all .5s ease-in-out .3s;}
.business .box ul.items li:hover i {margin-top:30px;
 -webkit-transition: all .5s ease-in-out .4s;
 -moz-transition: all .5s ease-in-out .4s;
 -ms-transition: all .5s ease-in-out .4s;
 -o-transition: all .5s ease-in-out .4s;
 transition: all .5s ease-in-out .4s;}
.business .box ul.items li.li_web:hover i {width: 69px;background: url(../images/words.png) no-repeat -17px -83px;}
.business .box ul.items li.li_sem:hover i {width: 69px;background: url(../images/words.png) no-repeat -110px -83px;}
.business .box ul.items li.li_ebo:hover i {width: 69px;background: url(../images/words.png) no-repeat -197px -83px;}
.business .box ul.items li.li_mob:hover i {width: 69px;background: url(../images/words.png) no-repeat -275px -83px;}
.business .box ul.items li.li_om:hover i {width: 69px;background: url(../images/words.png) no-repeat -360px -83px;}
.business .box ul.items li:hover u.cl {clip: rect(0px, 156px, -10px, 78px);}
.business .box ul.items li:hover u.cr {clip: rect(156px,78px,156px,0px);}
.business .box ul.items li:hover .li_tit {color: White; font-size:22px; margin-top:30px;
 -webkit-transition-delay: .4s;
 -moz-transition-delay: .4s;
 -ms-transition-delay: .4s;
 -o-transition-delay: .4s;
 transition-delay: .4s;}.business .box ul.items li:hover .li_tit a { color:#FFF}
.business .box ul.items li:hover .info {top: 20px;
 -webkit-transition: all .3s ease-in-out .5s;
 -moz-transition: all .3s ease-in-out .5s;
 -ms-transition: all .3s ease-in-out .5s;
 -o-transition: all .3s ease-in-out .5s;
 transition: all .3s ease-in-out .5s;}
/*solutions*/
.index_solution { width:1200px; height:510px; position:absolute;top:50%;left:50%;margin-top:-290px;margin-left:-600px;overflow:hidden}
.index_solution .index_solutionl {width:100%; position:absolute; top:130px; left:-1200px;  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; }
.index_solution .index_solutionl_ani { opacity: 1; left:0px;}
.index_solution .index_solutionr { width:100%; position:absolute; bottom:0; right:-1200px;  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;}
.index_solution .index_solutionr_ani {opacity: 1; right:0px; }
.index_solution ul li { display: block; float:left; width:399px; height:190px; padding:20px 0 10px;color:#555;text-align:center;  border-left:solid 1px #393939;border-bottom:solid 1px #393939;
transition: all 0.3s ease 0s;}
.index_solution ul li:first-child { border-left:none}
.index_solution .index_solutionr ul li { border-bottom:none }
.index_solution ul li a { display:block; width:100%; height:100%;}
.index_solution ul li .li_icon { height:70px; margin-top:10px;}
.index_solution ul li .li_icon img {-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; }
.index_solution ul li   .li_tit { margin-top:20px;font-size:20px;line-height:28px;color:#fff;font-weight:bold;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_solution ul li   p{-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transform:scale(0);opacity:0;color:#d0d0d0;font-size:14px;line-height:26px;}
.index_solution ul li:hover .li_icon { margin-top:0; }
.index_solution ul li:hover img {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);    -ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);}
.index_solution ul li:hover .li_tit { margin-top:-8px; }
.index_solution ul li:hover p{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);    -ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
/*brand*/
.index_brand { width:1200px; height:450px; position:absolute;top:50%;left:50%;margin-top:-260px;margin-left:-600px;overflow:hidden}
.brand { width:100%; position:absolute; top:130px;}
.brand .box{  
 -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: 156px;height: 200px;margin: 0 72px;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:#d13a1a;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 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.cl_ani {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.cr_ani {clip: rect(0px,78px,156px,0px);}
.brand .box ul.items li .li_info {display: block;font-size:14px;color:#666;line-height:28px;margin-top:16px}
.brand .box ul.items li:hover i { font-size:65px;}
.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);}
.brandb { width:100%; position: absolute; bottom:-70px;
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;}
.brandb_ani { opacity: 1; bottom:0px; }
.brandb ul li { display:block; float:left; width:150px; height:70px; margin:0 45px; position:relative; cursor:pointer }
.brandb ul li .li_line {position:absolute;top:0px;left:0; width:100%; height:2px; background:#FFF;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.brandb ul li .li_pic { background:url(../images/words.png) no-repeat;width:50px;height:50px;position:absolute;left:0;bottom:0; 
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.brandb ul li#jishu .li_pic {background-position:-24px -236px; }
.brandb ul li#sixiang .li_pic {background-position:-80px -236px; }
.brandb ul li#zhixing .li_pic {background-position:-132px -236px; }
.brandb ul li#chuanbo .li_pic {background-position:-182px -236px; }
.brandb ul li#tiyan .li_pic {background-position:-238px -236px; }
.brandb ul li .li_wen { position:absolute;bottom:0px;left:50px; width:100px;text-align:center;line-height:40px;font-size:18px;font-weight:bold;color:#555;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.brandb ul li:hover .li_line { top:68px; }
.brandb ul li:hover .li_pic { bottom:20px; }
.brandb ul li#jishu:hover .li_pic {background-position:-24px -166px; }
.brandb ul li#sixiang:hover .li_pic {background-position:-80px -166px; }
.brandb ul li#zhixing:hover .li_pic {background-position:-132px -166px; }
.brandb ul li#chuanbo:hover .li_pic {background-position:-182px -166px; }
.brandb ul li#tiyan:hover .li_pic {background-position:-238px -166px; }
.brandb ul li:hover .li_wen { bottom:20px; }
/*newswiki*/
.index_news { width:1200px; height:580px; position:absolute;top:50%;left:50%;margin-top:-320px;margin-left:-600px;overflow:hidden}
.newswiki { position:absolute; left:0; top:-130px; width:100%;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; }
.newswiki.newswiki_ani { top:130px; opacity: 1; }
.newswiki ul li { display:block; float:left; width: 320px;margin: 0 40px;background: #FFF;height: 323px;overflow:hidden; position:relative }
.newswiki ul li a { display:block; width:100%}
.newswiki ul li .li_top { position:absolute;width:100%;height:213px;left:0;top:-213px;background:#000;opacity:0.7;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;opacity: 0;}
.newswiki ul li .li_top u{display: block;margin: 0 auto;margin-top: 85px;width: 44px;height: 44px;background:url(../images/icon.png) left top no-repeat ;}
.newswiki ul li .li_bot {position:absolute;width:100%;height:110px;left:0;bottom:-110px;background:#d13a1a;z-index:1;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;opacity:;} 
.newswiki ul li .li_pic img { width:320px; height:213px;}
.newswiki ul li .li_info { padding: 25px; }
.newswiki ul li .li_info h1 {font-size: 14px;margin-bottom: 5px;color: #383737; }
.newswiki ul li .li_info span { font-size: 12px;color: #8E8E8E;}
/*.newswiki ul li .li_info p {font-size: 12px;color: #6D6D6D;margin-top: 20px;line-height: 20px;}*/
.newswiki ul li a:hover h1,.newswiki ul li a:hover span,.newswiki ul li a:hover p { color:#FFF; z-index:2; position:relative}
.newswiki ul li a:hover .li_top { top:0;opacity: 0.7}
.newswiki ul li a:hover .li_bot { bottom:0;opacity: 1}
.typew { position:absolute; left:0; bottom:-130px; width:100%;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; }
.typew.typew_ani { bottom:0px; opacity: 1; }
.type{margin:0px auto 0px; }
.type ul li  { display:block; float:left; width:320px; margin:0 40px;}
.type a{font-size:14px;display:block;color:#fff;line-height:28px;-webkit-transition: color .3s linear;-moz-transition: color .3s linear;-ms-transition: color .3s linear;-o-transition: color .3s linear;transition:color 0.3 linear;}
.type a:hover{color:#d13a1a;}
/*.type span{font-size:16px;color:#fff;display:inline-block;line-height:21px;margin:0 7px 0 10px;}*/
.type_more{display:block;width:100px;text-align:center;font-size:18px;color:#d13a1a;line-height:36px;text-decoration:none;border:1px dotted #d13a1a;margin:0 auto;
	-webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s
}
.type_more:hover{color:#fff;border:1px solid #d13a1a;background:#d13a1a;}
/*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;  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; }
.index_clients .index_clientsl_ani { opacity: 1; left:0px;}
.index_clients .index_clientsr { width:100%; position:absolute; bottom:0; right:-1200px;  
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;}
.index_clients .index_clientsr_ani {opacity: 1; right:0px; }
.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%;  }