@charset "UTF-8";

/** 仿购网出品 - 模板定制购买中心（www.webfgoo.com） 联系QQ：314250257 **/

.index_header{ height:602px;background:url(../img/service_bg.gif) repeat-x bottom;margin-top: 115px;}

.index_banner{height:600px; width:100%;  overflow:hidden; text-align:center;background:url(../img/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(../img/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.sel{background: url(../img/design_dl_bg_hover.gif) no-repeat;color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.design dl.sel 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:20px 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;text-align:center;}.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:0 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{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.case_show a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-o-transition: scale(1.05);outline: 3px solid #2d67c3;max-height:260px;}

.index_tit{text-align:center; padding-bottom:8px;}

.index_tit .p1{ font-size:33px; font-weight:bolder; text-transform:uppercase;text-align:center;}

.index_tit .p2{ font-size:20px; line-height:50px; border-bottom:1px #cccccc solid; width:150px; margin:0px auto}

.index_tit .p2 a{font-size:20px;}

.index_adv{ background:url(../img/whybg.jpg) 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%;height:160px;overflow:hidden;box-sizing:border-box;border:1px solid #ddd;}

.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:auto;}

.l_news .ln_img{width:300px;height:180px;position:relative;overflow:hidden;}

.l_news .ln_img img{ 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: 26px;}

.l_news .ln_img span.rb{top:50px;color:#f8ebeb;background:#c01317;FONT-SIZE: 16PX;}

.l_news p.ln_til{font-size:16px;color:#000;font-weight:600;padding:15px 20px;width: 270px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; max-height: 25px;-webkit-line-clamp: 1;

    -webkit-box-orient: vertical; white-space: nowrap;}

.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;height:88px;}

.l_news p.ln_data { padding:0 20px;}

.c_news{width:890px;float:left;margin:0 0 0 8px; overflow:hidden}

.cn_item{ float:left; margin-right:10px; background:#fff;width:431px;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(../img/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;}

.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;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.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;padding:12px 20px 12px 20px;line-height:1.5em;}

.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: 30px auto 40px; width: 1200px;}

.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:38px; color:#fff; font-weight:normal;}

.box_f .titl .p2 {  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(../img/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(../img/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(../img/box1.png) 0px 0px no-repeat}

.box ul li:hover.box1 i{ background:url(../img/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(../img/box2.png) 0px 0px no-repeat; height:85px; top:62px; width:76px; left:84px; }

.box ul li:hover.box2 i{ background:url(../img/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(../img/box3.png) 0px 0px no-repeat; width:74px; left:85px;}

.box ul li:hover.box3 i{ background:url(../img/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(../img/box4.png) 0px 0px no-repeat; width:70px; left:86px;}

.box ul li:hover.box4 i{ background:url(../img/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;text-align:center;}

.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;	}

.service_cooperation { width:1200px; margin:40px auto 50px; overflow:hidden}

.service_cooperation li { list-style:none; float:left; margin-right:96px; height:100px; overflow:hidden}

.service_cooperation li.biaoqian { background:url(../img/cooperation_shape.png) no-repeat 0 16px; width:32px;}

.service_cooperation li p { font-size:14px; margin-top:5px;}



/*--幻灯片css--*/
.flexslider {margin: 0px auto 20px;position: relative;width: 100%;height: 600px;overflow: hidden;zoom: 1;}

.flexslider .slides li {width: 100%;height: 100%;}

.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(/templets/temp/img/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;
          filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}

        .flex-direction-nav .flex-next {
          background-position: 0 -70px;
          right: 0;
        }

        .flex-direction-nav .flex-prev {
          left: 0;
        }

        .flexslider:hover .flex-next {
          opacity: 0.8;
          filter: alpha(opacity=25);
        }

        .flexslider:hover .flex-prev {
          opacity: 0.8;
          filter: alpha(opacity=25);
        }

        .flexslider:hover .flex-next:hover,
        .flexslider:hover .flex-prev:hover {
          opacity: 1;
          filter: alpha(opacity=50);
        }

        .flex-control-nav {
          width: 100%;
          position: absolute;
          bottom: 10px;
          text-align: center;
        }

        .flex-control-nav li {
          margin: 0 2px;
          display: inline-block;
          zoom: 1;
          *display: inline;
        }

        .flex-control-paging li a {
          background: url(/templets/temp/img/dot.png) no-repeat 0 -16px;
          display: block;
          height: 16px;
          overflow: hidden;
          text-indent: -99em;
          width: 16px;
          cursor: pointer;
        }

        .flex-control-paging li a.flex-active,
        .flex-control-paging li.active a {
          background-position: 0 0;
        }

        .flexslider .slides a img {
          width: 100%;
          height: 600px;
          display: block;
        }

/*--幻灯片css--*/