@charset "UTF-8";
/** 仿购网出品 - 模板定制购买中心（www.webfgoo.com） 联系QQ：314250257 **/
.index_header{ height:482px;background:url(service_bg.gif) repeat-x bottom;}
.index_banner{height:480px; width:100%;  overflow:hidden; text-align:center;background:url(service_bg.gif) repeat-x bottom;}
.home-slider{ overflow:hidden; }
.design_box{ width:1200px; margin:0px auto;position:relative; z-index:100; left:0px; }
.design{width:1200px;margin:0 auto;position:absolute;bottom:30px;left:0px;overflow:hidden;z-index:100;}
.design dl{float:left;width:310px;height:100px;background: url(design_dl_bg.gif) no-repeat;text-align:center;padding:10px 30px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.design dl.activeSlide{background: url(design_dl_bg_hover.gif) no-repeat;color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.design dl.activeSlide dd{color:#fff;}
.design_center{margin:0 45px;}
.design dl dt{width:300px;font-family:"微软雅黑";font-size:20px;font-weight:bold;border-bottom:#0F6;}
.design dl dd{line-height:20px;padding-top:10px;color:#999; width:280px; text-align:center; margin:0px auto;}
.xcontent{margin-top:40px;}
.footer { height:358px;}
.contain { margin: 0 auto; min-width: 1200px; position: relative; width: 1200px;}
.who{position:relative;padding:40px 0;}
.who p{text-align:center;font-size:14px;color:#666;}
.ourcase p.himg img{display:inline-block;}
.who .pitxt { margin:10px auto 45px;}
.contain h1{font-size:32px}.contain h2{line-height:26px}.contain h3{font-size:18px} 
.f16{font-size:16px}.f18{font-size:18px}.lh_22{line-height:22px}
.text_c{text-align:center}.text_r{text-align:right}.italic{font-style: italic}
.m_t10{margin-top:5px; color:#888}.m_t20{margin-top:20px}.m_t30{margin-top:30px}.m_b10{margin-bottom:10px}
.black{color:#000}.blue{background:#28b5d2}.orange{background:#ffa000}.blue_dark{background:#008dc6}.orange_dark{background:#ff6915}
/*clearfix*/
.clearfix {*zoom: 1}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0}
.clearfix:after {clear: both}.clear{clear:both}
.container .alpha {margin-left: 0px}
.container .omega {margin-right: 0px}
.row {*zoom: 1; margin-left:-30px}
.row:before,.row:after {display: table;content: "";line-height: 0}
.row:after {clear: both}
[class*="grid_"] {float: left;min-height: 1px; margin-left:30px}

.container {width: 1170px}
.grid_4 {width: 370px}.grid_3 {width: 270px}
.container{margin:0 auto}.cont_pad{padding:28px 0 50px!important}
.img_wrap2{display: block;padding:8px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.ico_block{margin:0 auto;width:120px; height:120px;border-radius:50%; display:block}
.ico_block img{padding:20px;
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
} 
.ico_block img:hover{ 
-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg); 
} 


.case_show {position:relative;}
.case_show img{ width:370px; height:253px; transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.case_show a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transition: scale(1.1); max-height:260px}
.index_tit{text-align:center; margin:40px 0; padding-bottom:8px;}
.index_tit .p1{ font-size:33px; font-weight:bolder; text-transform:uppercase;}
.index_tit .p2{ font-size:20px; line-height:50px; border-bottom:1px #cccccc solid; width:125px; margin:0px auto}
.index_tit .p2 a{font-size:20px;}
.index_adv{ background:url(../images/whybg.png) center 0 no-repeat; height:217px; padding-top:225px; }
.index_adv .next{  cursor:pointer; width:32px; position:absolute; z-index:99;top:40px; right:0px; display:block}
.index_adv .next img{ display:block;}
.index_adv ul{ height:135px; overflow:hidden}
.index_adv_box{ width:540px;float:left;}
.index_adv_box .p1{ font-size:34px; color:#ffffff; line-height:45px;}
.index_adv_box .p2{ font-size:16px; color:#f8f8f8; line-height:30px;}
.index_adv .slideBox{position: relative;width: 580px;height: 135px;overflow: hidden; float:right}
.index_adv .slideBox .bd{ position:relative; height:100%; z-index:0; float:right; margin-right:40px; }
.index_cw li{ float:left; width:25%; *width:24%; margin:0px; border-right:1px solid #eee; border-bottom:1px solid #eee; margin-left:-1px;}
.index_cw li.nobottbor { border-bottom:none}
.index_cw li.nortbor { border-right:none}
.index_cw li img{ display:block; margin:0px auto;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}

.index_cw li a:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);-o-transition: scale(1.1); 
}

.ournews{position:relative;padding:40px 0 0;background:#f3efe9;}
.ournews p.himg{text-align:center;margin-bottom:30px; }
.l_news{width:300px;float:left;background:#fff;height:352px;}
.l_news .ln_img{width:300px;height:180px;position:relative;overflow:hidden;}
.l_news .ln_img img{width:300px;height:180px; transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}
.l_news .ln_img a:hover img{transform:scale(1.1);-webkit-transform: scale(1.1);-o-transition: scale(1.1); }

.l_news .ln_img span{position:absolute;top:14px;left:16px;width:58px;height:36px;line-height:36px;text-align:center;display:block;color:#fff;background:#ec1419;}
.l_news .ln_img span.ra{font-size:30px;}
.l_news .ln_img span.rb{top:50px;color:#f8ebeb;background:#c01317;}
.l_news p.ln_til{font-size:16px;color:#000;font-weight:600;padding:15px 20px 0; margin-bottom:15px; height:24px; overflow:hidden}
.l_news p.ln_til a{color:#000;}.l_news p.ln_til a:hover{color:#21A7F1;}
.l_news p.ln_des{font-size:12px;color:#666;line-height:2em;padding:0 20px 10px 20px;}
.l_news p.ln_data { padding:0 20px;}
.c_news{width:648px;float:left;margin:0 0 0 8px; overflow:hidden}
.cn_item{ float:left; margin-right:10px; background:#fff;width:310px;height:81px;overflow:hidden;margin-bottom:4px; border:2px solid #fff;}
.cn_item:hover{ border-color:#21A7F1}
.cn_item:hover p.cn_til a{color:#21A7F1; font-weight:700}
.cn_item:hover p.cn_des{color:#999;}
.cn_item span{width:56px;height:60px;text-align:center;background:#17AEF5;display:block;float:left;margin:12px;color:#fff; font-size:30px; line-height:54px; border-radius:50%;}
.cn_item .deannewdate { margin:15px 10px 0; background:#21A7F1 url(redarrow.png) no-repeat scroll right top; border-radius: 3px 0 0 3px; color: #fff;float: left;font-size: 16px; height: 51px; line-height: 51px; text-indent:8px; width:110px;}

.cn_item span b{font-size:20px;line-height:1.8em;}
.cn_item p.cn_til{margin-top:10px;color:#000; height:21px; overflow:hidden}
.cn_item p.cn_til a{color:#000;font-size:14px;}
.cn_item p.cn_des{color:#666;margin:5px 0 0 0;line-height:16px; padding-right:10px;}
.r_news{width:240px;height:352px;float:left;margin-left:4px;background:#ece6dd;}
.rn_tt{width:100%;height:174px;overflow:hidden;}
.rn_tt .rn_til{font-size:16px;color:#000;margin:12px 20px 12px 20px;line-height:1.5em; height:25px; overflow:hidden}
.rn_tt .rn_til a{color:#000;}
.rn_tt .rn_des{font-size:12px;color:#666;line-height:20px;padding:0 20px 20px 20px;}
.rn_logo{width:100%;height:178px;background:#ef9b11;position:relative;overflow:hidden;text-align:center;}
.rn_logo img{display:inline-block;width:240px;height:178px;}
.rn_logo em{width:18px;height:10px;display:block;position:absolute;top:0;left:111px;}
.slideTxtBox{ width:1200px; margin:0px auto; padding-bottom:25px;}
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;position:relative; width:650px;margin:0 auto; margin-bottom:15px;}
.slideTxtBox .hd ul{ float:left;position:absolute; left:20px; top:-1px; height:32px; }
.slideTxtBox .hd ul li{ float:left; display: block; width:150px; height:28px; text-align:center; line-height:28px; color:#fff;background:#fff;border-radius:12px; margin:0 15px 0 0;}
.slideTxtBox .hd ul li a{ color:#333; display: block;transition:all ease 0.4s;border-radius:12px;}
.slideTxtBox .hd ul li a:hover{ background:#eb3900; color:#fff;transition:all ease 0.4s;border-radius:12px;}
.slideTxtBox .hd ul li.on a{background:#eb3900; color:#fff;border-radius:12px; transition:all ease 0.4s;}
.slideTxtBox .hd ul li.on{background:#eb3900; color:#333;border-radius:12px;transition:all ease 0.4s; }
.m_box { margin: 0 auto 80px; width: 1150px;}
.ournews .bd { height: 386px; position: relative; width: 1200px;}




/*首页解决方案*/
.box_f{ width:100%; background:#17aef5; height:605px;}
.box_f .titl{ text-align:center; height:145px; padding-top:35px; }
.box_f .titl h2 { font-size:40px; color:#fff; font-weight:normal;}
.box_f .titl .p2 { border-bottom: 1px solid #cccccc; font-size: 18px; line-height: 46px; margin: 0 auto; width: 160px; color:#fbfbfb}
.box{ width:1200px; margin:auto;}
.box ul li{ float:left; height:400px; width:250px; margin:0 20px; overflow:hidden; background:url(orange.jpg)  0 400px no-repeat; position:relative; text-align:center}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; 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;}
.box ul li u{ position:absolute; display:block; margin-left:25px; width:200px; height:200px; background:url(round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; 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; *margin-left:0px; *left:20px;}
.box ul li:hover u { *display:none}
.box ul li u.cr{clip:rect(0px,200px,-10px,100px);   }
.box.active ul li u.cr{clip:rect(0px,200px,200px,100px); }
.box ul li:hover u.cr{ clip:rect(0px,200px,-10px,100px)} 
.box ul li u.cl{clip:rect(200px,100px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,100px,200px,0px);   }
.box ul li:hover u.cl{ clip:rect(200px,100px,2000px,0px) }
.box ul li i{ display:block; font-style:normal; position:absolute; height:70px; width:78px; left:83px; top:66px;  }
.box ul li.box1 i{ background:url(box1.png) 0px 0px no-repeat}
.box ul li:hover.box1 i{ background:url(box1.png) -78px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.box ul li.box2 i{ background:url(box2.png) 0px 0px no-repeat; height:85px; top:62px; width:76px; left:84px; }
.box ul li:hover.box2 i{ background:url(box2.png) -76px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.box ul li.box3 i{ background:url(box3.png) 0px 0px no-repeat; width:74px; left:85px;}
.box ul li:hover.box3 i{ background:url(box3.png) -74px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.box ul li.box4 i{ background:url(box4.png) 0px 0px no-repeat; width:70px; left:86px;}
.box ul li:hover.box4 i{ background:url(box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.box ul li h3{ font-size:18px; color:#fff; padding:0; margin:0; line-height:24px; font-weight: bold; text-align:center; margin-top:248px;}
.box ul li h3 a{ color:#fff}
.box ul li p{ font-size:12px; color:#fff; line-height:22px; margin-top:10px; padding:0 8px}
.box ul li p a{color:#fff;}
.box ul li p a:hover{color:#fff;}
.box ul li:hover p a{color:#fff;}

.general { width:100%;margin:0 auto;background:#fff;padding:40px 0;}
.boxneral_con {width:1200px;margin:0 auto;text-align:center;line-height:24px;	}
.boxneral_title { background:url(tit_linebg.gif) no-repeat 0 0;font-size:34px;font-family:"微软雅黑";text-align:center;margin:0 auto 50px; width:400px; height:40px; line-height:40px;	}
.service_cooperation { width:1170px; margin:0 auto 50px; padding-left:30px; overflow:hidden}
.service_cooperation li { list-style:none; float:left; margin-right:85px; height:100px; overflow:hidden}
.service_cooperation li.biaoqian { background:url(cooperation_shape.png) no-repeat 0 16px; width:32px;}
.service_cooperation li p { font-size:14px; margin-top:5px;}

/*--copy right www.webfgoo.com  QQ:314250257--*/