@import url(public.css);
.ico{ display:inline-block; background:url(../images/ico.png) no-repeat;}

/*head*/
.top{ height:35px; background:#f5f4f4; line-height:35px;}
.top a{ color:#666; margin:0 5px;}
.top .tel{ width:9px; height:14px; background-position:0 0; vertical-align:middle; margin-right:5px;}
.head{ height:105px; background:#FFF;}
.head .logo{ float:left; display:block; width:187px; height:77px; background:url(../images/logo.jpg) no-repeat center; margin-top:22px;}
.head .txt{ width:116px; height:60px; background:url(../images/txt.png) no-repeat center; float:left; margin:30px 0 0 20px;}
.head .search{ width:409px; height:32px; padding:3px; background:#f7f7f7; float:left; margin:35px 0 0 86px;}
.head .boxleft{ width:327px; height:30px; border:1px solid #e5e5e5; background:#FFF;}
.head .label{ display:inline-block; height:30px; float:left; width:225px; border:0; position:relative;}
.head .label .ipt,.head .label .text{ width:205px; padding:0 10px; height:30px; border:0; outline:none;}
.head .label .text{ line-height:30px; position:absolute; left:0; top:0; color:#999;}
.head .btn-search{ width:80px; height:32px; font-size:14px; color:#FFF; text-align:center; float:left; background:#F06;}
.head .tel{ width:276px; height:49px; background:url(../images/tel.png) no-repeat center; margin-top:25px; float:right;}

/*nav*/
.nav{ height:40px; background:#333;}
.nav>ul>li{ float:left; width:108px; height:40px; line-height:40px; text-align:center; position:relative; z-index:10000; font-size:14px}
.nav>ul>li>a{ display:block; color:#FFF; text-decoration:none;}
.nav>ul>li:hover,.nav>ul>li.current,.nav>ul>li.case{ background:#131313;}
.nav>ul>li.on{ background:#f06;}
.nav>ul>li>a>em{ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #FFF; display:inline-block; vertical-align:middle; margin-left:5px;}
.nav .slidenav { background:#FFF; position:absolute; background:#FFF; top:100%; left:0; min-width:100%; display:none; }
.nav li:hover .slidenav{ display:block;} 
.nav .slidenav li{ height:32px; line-height:32px; text-align:center; white-space:nowrap;}
.nav .slidenav li a{ display:block; width:100%; text-decoration:none;}
.nav .slidenav li a:hover{ background:#ff0066; color:#FFF;}

/*banner*/
.banner{ background:#fff url(../images/bannerbg.jpg) no-repeat center top; height:460px;}

.Type { background:#FFF;}
.Type .item{ float:left; width:25%; min-height:232px; background:url(../images/sx.png) no-repeat left center;}
.Type .item .bd{ padding:0 30px;}
.Type .item.first{ background:none;}
.Type .item.first .bd{ padding-left:0;}
.Type .item h1{ margin:10px 0; display:block; height:20px; line-height:20px; font-size:20px; color:#333;}
.Type .item .money{ font-size:26px; margin-right:10px;}
.Type .item .type-name{ color:#7db0e4;}
.Type .item .more{ display:block; width:138px; height:28px; border:1px solid #ccc; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; line-height:28px; margin-top:10px;}
.Type .item .more em{ margin-left:5px; font-size:12px;}
.Type .item:hover h1,.Type .item:hover .money{ color:#F06;}
.Type .item:hover .more{ color:#FFF; border-color:#F06; background:#F06;}

.index-service{ background:#FFF; height:300px; position:relative; margin-bottom:-40px; padding:40px 0 20px}

.foot-contact{ height:300px; background:#e7e7e7; margin-top:40px;}
.contact-type{ padding-left:50px; float:left; padding-top:20px; color:#999; width:470px;}
.contact-type img{ display:block; margin-bottom:5px;}
.contact-type .ico-contact{ display:inline-block; width:40px; height:40px; background:url(../images/other.png) no-repeat; margin:9px 9px 9px 0; text-indent:999px; overflow:hidden;}
.contact-type .qq{ background-position:0 0;}
.contact-type .qq:hover{ background-position:0 -40px;}
.contact-type .weibo{ background-position:-49px 0;}
.contact-type .weibo:hover{ background-position:-49px -40px;}
.contact-type .weixin{ background-position:-99px 0;}
.contact-type .weixin:hover{ background-position:-99px -40px;}
.contact-type a{ color:#999;}

.contact-message{ float:right; width:540px; padding-top:15px;}
.contact-message .label{ display:block; width:260px; height:35px; margin:6px 0 6px 0; float:left; position:relative;}
.contact-message .label .ipt{ width:250px; padding:0 5px; height:35px; border:0; background:#d9d9d9;}
.contact-message .label .txt{ height:35px; padding:0 5px; width:250px; position:absolute; left:0px; top:0; color:#999; line-height:35px;}
.contact-message .area{ width:100%; height:120px; background:#d9d9d9; border:0; color:#999; outline:none;}
.contact-message .btnbox{ height:10px; border-bottom:1px solid #CCC; text-align:center; width:100%; position:relative; margin-top:18px;}
.contact-message .btnbox span{ display:inline-block; padding:0 20px; height:35px; margin-top:-27px; background:#e7e7e7; position:relative;}
.contact-message .btnbox .btn-submit{ width:157px; height:35px; line-height:35px; color:#FFF; font-size:15px; background:#b1b1b1}

.foot-nav{ background:#2e2e2e url(../images/foot.jpg) no-repeat center; height:205px;}
.foot-nav .bd{ padding-top:33px;}
.foot-nav .navlist{  min-height:133px;margin: 0 auto;
    width: 750px;}
.foot-nav .navlist li{ float:left; width:133px; padding-left:50px; color:#FFF; min-height:133px; background:url(../images/bdr.png) no-repeat right top;}
.foot-nav .navlist li a{ color:#CCC;}
.foot-nav .navlist  li p{ height:24px; line-height:24px;}
.foot-nav .navlist li .hd{ font-size:14px; font-weight:normal;}
.foot-nav .navlist li.QRC{ display:table-cell; vertical-align:middle; background:none;}
.foot{ /*height:24px;*/ line-height:24px; padding:13px 0; background:#dcdcdc; text-align:center; width:100%;}

.inbanner{ height:200px; width:100%; background-position:center; background-repeat:no-repeat;}
.inbanner .txt{ padding-top:45px; color:#FFF; line-height:28px; font-size:14px;}
.inbanner .newtxt{ padding-top:45px; color:#333; line-height:28px; font-size:14px;}
.inbanner .newtxt h1{ font-size:26px; line-height:35px;}
.inbanner .txt h1{ font-size:24px; line-height:35px;}
.inbanner .wrap,.phone-banner .wrap,.phone-ban .wrap{ height:100%; position:relative;}
.inbanner .img{ position:absolute; bottom:-50px; right:0; text-align:right;} 
.inbanner .Brandimg{ position:absolute; bottom:-35px; right:0; text-align:right;} 
.phone-banner{ height:370px; background-color:#5ac2e7; background-position:center;  background-repeat:no-repeat;}
.phone-banner h1{ font-size:48px; line-height:60px; }
.phone-banner .txt{padding-top:50px;}
.aside{ width:201px;}
.section{ width:880px; background:#FFF; margin-bottom:20px;}

.sidenav{ padding:10px 0; width:190px; background:#FFF;}
.sidenav li{ height:37px; line-height:37px; border-bottom:1px dotted #e4e4e4; position:relative; font-size:14px;}
.sidenav li a{ display:block; padding-left:34px; background:url(../images/gt1.png) no-repeat 164px center; text-decoration:none;}
.sidenav li a:hover,.sidenav li.current a{ color:#FFF; background:#ff0066 url(../images/gt2.png) no-repeat 164px center; width:167px; position:absolute; left:0; top:0; border-bottom-right-radius:2px; border-top-right-radius:2px;}

.location{ height:40px; line-height:40px; background:url(../images/l.png) no-repeat left center; border-bottom:1px solid #e9e9e9; padding-left:20px; font-size:20px; color:#666;}

.newslist li{ height:40px; line-height:40px; padding-left:30px; background:url(../images/c.png) no-repeat 5px center; font-size:14px; border-bottom:1px dotted #e6e6e6;}
.newslist li span{ display:inline-block; color:#CCC; margin-left:20px;}

/*========== page ==========*/
.page{height:30px; padding:30px 0 20px;}
.page span,.page a{ display:inline-block; border:1px solid #e4e4e4; height:28px; line-height:28px; padding:0 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:0 4px; text-decoration:none;}
.page span,.page a.active,.page a:hover{ color:#FFF; background:#ff0066; border-color:#ff0066;}
.page a em{ display:inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.page a.prev em{border-right: 8px solid #999; margin-right:5px;}
.page a.next em{border-left: 8px solid #999; margin-left:5px;}
.page a.prev:hover em{ border-right-color:#FFF;}
.page a.next:hover em{ border-left-color:#FFF;}

.news-info{ text-align:center; padding-bottom:10px;}
.news-info .title{ font-size:24px; color:#333; border-bottom:1px solid #e4e4e4; padding:26px 0; margin-bottom:5px;}
.news-info .info{ font-size:12px; color:#999}

.container{ line-height:30px; font-size:14px}

.infobox li{ float:left; width:270px; padding:20px 20px; font-family:"microsoft yahei"}
.infobox li dl{ width:100%; padding-top:10px; padding-bottom:5px;}
.infobox li dl dt{ height:55px; line-height:45px; margin-bottom:10px; font-size:16px; }
.infobox li dl dd{ line-height:24px; color:#737373;}
.name1,.name2,.name3{ /*width:113px;*/ color:#afafaf;  float:left; margin-right:10px;}
.infobox dt img{ display:inline-block; vertical-align:middle;}
.name1 p,.name2  p,.name3  p{line-height:14px; font-size:12px; height:14px;}
.name1 span,.name2  span,.name3  span{ height:35px; line-height:35px; font-size:30px;}
.name1 span{ color:#c62c24;}
.name2 span{ color:#878787;}
.name3 span{ color:#ef9c02;}

.aboutbox{ width:1100px; height:420px; margin:20px auto; position:relative; background:url(../images/aboutbox.jpg) no-repeat center;}
.aboutbox .txt{ width:505px; height:290px;  position:absolute; left:135px; top:90px;}

.Stencil-sort dl{ width:200px; float:left; margin:37px; text-align:center;}
.Stencil-sort dl dt{ width:200px; height:155px; vertical-align:middle; display:table-cell; background:#ddd;}
.Stencil-sort dl dt img{ max-width:100%; max-height:100%; vertical-align:middle;}
.Stencil-sort dl dd{ font-size:16px; padding-top:15px; height:30px; line-height:30px;}

.Stencil-list{ padding:20px; margin-bottom:20px;}
.Stencil-list .hd{ font-size:18px; border-bottom:1px dotted #d9d9d9; height:45px; line-height:45px;}
.Stencil-list .hd ul{ float:left;}
.Stencil-list .hd li{ float:left; margin-right:40px; color:#999;}
.Stencil-list .hd li a{ color:#999;}
.Stencil-list .hd li.current,.Stencil-list .hd li.current a{ color:#060001;}
.Stencil-list .hd .more{ display:inline-block; width:98px; height:28px; background:url(../images/more.png) no-repeat center; float:right; text-indent:999px; overflow:hidden; margin-top:5px;}

.Stencil-list dl,.Templates dl{ float:left; width:200px; float:left; margin:18px 12px 0 0; text-align:center;/* border-bottom:1px dotted #ccc;*/}
.Stencil-list dl dt,.Templates dl dt{ width:200px; height:155px; vertical-align:middle; display:table-cell; background:#ddd;}
.Stencil-list dl dt img,.Templates dl dt img{ max-width:100%; max-height:100%; vertical-align:middle;}
.Stencil-list dl dd,.Templates dl dd{ font-size:14px; padding-top:10px; height:30px; line-height:30px;}
.Templates dl{ margin:20px 12px 20px 0;}
.Templates dl dd{ height:60px;}
.Templates dd .control{ text-align:left; font-size:12px;}
.Templates dd .control a:hover{ color:#ff0066; text-decoration:none;}
.Templates dd .control em{ font-size:14px;}

.ad{ margin-bottom:20px;}

.Category{ height:38px; line-height:38px; font-size:14px; color:#333;}
.Category-form .check-label{ display:inline-block; width:20%; float:left; font-size:12px; color:#666; line-height:30px; height:30px; cursor:pointer; }
.Category-form .check-label .checkradio{ display:inline-block; width:11px; height:11px; background:url(../images/checkradio.png) -12px 0; margin:10px 5px 0 0; float:left; }
.Category-form .check-label.checked{ color:#ff0066} 
.Category-form .check-label.checked .checkradio{ background-position:0 0;}

.colorlist li{ width:24px; height:24px; display:inline-block; float:left; margin-right:24px; background:url(../images/color.png); position:relative; vertical-align:middle; cursor:pointer;}
.colorlist li.color1{ background-position:0 0;}
.colorlist li.color2{ background-position:-48px 0;}
.colorlist li.color3{ background-position:-96px 0;}
.colorlist li.color4{ background-position:-144px 0;}
.colorlist li.color5{ background-position:-192px 0;}
.colorlist li.color6{ background-position:-240px 0;}
.colorlist li.color7{ background-position:-288px 0;}
.colorlist li.color8{ background-position:-336px 0;}
.colorlist li.color9{ background-position:-384px 0;}
.colorlist li i{ display:none;}
.colorlist li.current i{ display:block; width:24px; height:24px; position:absolute; left:0; top:0; background:url(../images/right.png) no-repeat center;}

.Website-Category{ padding-top:40px; color:#999;}
.Website-Category .name{ font-size:24px; line-height:40px; display:block; height:60px; padding:0 50px;}
.Website-Category .cate1 .highcolor{ color:#6699cc;}
.Website-Category .cate2{ margin:0 32px;}
.Website-Category .cate3 .highcolor{ color:#003399;}
.Website-Category .item{ width:345px; float:left;}
.Website-Category .item .txt{ padding:40px 55px 0 55px; font-size:14px; line-height:30px;}
.Website-Category .bd{ height:180px; background:#FFF; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; position:relative;}

.latestworks{ padding:40px 0 5px; }
.latestworks .hd{ height:90px;}
.latestworks .hd .more{ background:url(../images/bigmore.png) no-repeat center; width:135px; height:55px; display:block; float:right;}

.latest-list .item{ width:260px; float:left; margin:0 7px; text-align:center;}
.latest-list .item .img{ display:block; width:260px; height:200px; position:relative;}
.latest-list .item .hover{ opacity:0;filter:alpha(opacity=0);position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/blk30.png); display:block; -webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;transition: all .6s ease-out;} 
.latest-list .item:hover .hover{ opacity:1;filter:alpha(opacity=100);}
.latest-list .item .txt{ height:20px; padding-top:10px; font-size:14px; color:#666;}
.latest-list .item .case-txt{ height:50px; padding-top:15px; font-size:14px; color:#666;}
.latest-list .item .hover .s{ display:block; background:url(../images/s2.png) no-repeat; width:21px; height:22px; position:absolute; left:50%; top:50%; margin:-11px 0 0 -10px;}

.process{ margin-top:40px; background:#FFF; padding:20px 0 30px;}
.process .item{ width:25%; position:relative; text-align:center; float:left; line-height:24px; color:#666;}
.process .item .hd{ height:50px; line-height:40px; color:#333; font-size:15px; display:block;}
.process .item .img{ width:180px; height:180px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; margin:0 auto 15px}
.process .item .gt{ display:block; background:url(../images/gt.png) no-repeat center; width:34px; height:17px; position:absolute; right:-17px; top:130px;}

.development-cycle{ padding:40px; font-size:14px;}
.development-cycle .name{ font-size:30px; line-height:40px;}
.development-cycle .vtxt{ display:inline-block; vertical-align:middle; margin: 0 10px;}
.development .time{ position:relative;}
.development .time li{ width:143px; height:40px; line-height:40px; border-bottom:2px solid #F06; float:left; text-align:center;}
.development .step { width:1208px; position:relative; margin-right:-111px;}
.development .step li{ width:140px; float:left; margin-top:-20px; height:75px;position:relative;}
.development .step li span{ color:#FFF; display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; background:url(../images/step.png)  no-repeat 0 0; margin-bottom:10px;}
.development .step li span.gray{ background-position:-40px 0;}
.development .step li em{ display:inline-block; position:relative;}

.host .le{ width:580px;}
.host .hostlist{ width:450px;}

.host .img{ width:200px;}
.host .le .Domain{ width:355px; font-size:14px; color:#666; line-height:30px;}
.host h1{ font-size:20px;}
.Domain label{ display:inline-block; margin-right:10px;}
.Domain .doserarch{ font-size:18px; color:#333; padding:10px 0;}
.Domain .doserarch .inpt{ width:168px; height:25px; border:1px solid #d8d7d7; background:#FFF; display:inline-block; vertical-align:middle; margin:0 5px; outline:none; font-size:14px;border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.Domain .doserarch .btn-ser{ width:50px; text-align:center; height:27px; line-height:27px; color:#FFF; font-size:14px; background:#F06;}

.host .hostlist .links{ padding:15px 0;}
.host .hostlist .links img{ display:inline-block; margin-right:20px; vertical-align:middle;}
 
.service{ margin-bottom:40px; padding:20px 20px 30px;}
.service .item{ width:50%; float:left;}
.service .item h1{ font-size:16px; line-height:35px;}
.service .item h1 em{ font-size:18px; margin-right:5px;}
.service .item .bd{ padding:10px 20px; font-size:14px; line-height:24px;}

.Superiority{ padding:20px 0;}
.Superiority li{ padding:40px 0; width:33.3%; float:left; min-height:85px;}
.Superiority li .bd{ padding:0 75px 0 100px; position:relative;}
.Superiority li h1{ color:#333; line-height:35px;}
.Superiority li .img{ width:90px; position:absolute; left:0; top:15px;}
.Superiority li em{ display:inline-block; background-image:url(../images/Superiority.png); background-repeat: no-repeat}
.supe1{ width:50px; height:50px; background-position: 0 0;}
.supe2{ width:52px; height:52px; background-position: -71px 0;}
.supe3{ width:58px; height:50px; background-position: -145px 0;}
.supe4{ width:50px; height:51px; background-position: 0 -81px;}
.supe5{ width:50px; height:32px; background-position: -71px -92px;}
.supe6{ width:51px; height:44px; background-position: -152px -84px;}

.phone-ban{ height:455px;  background-position:center; background-repeat:no-repeat; line-height:30px;}
.phone-ban h1{ color:#333; font-size:36px; padding:60px 0 10px; line-height:45px; height:45px; display:block;}
.phone-ban h2{ font-size:18px; color:#666;}
.phone-ban .bgtxt{ width:374px; height:95px; background:#fff; padding:20px; margin-top:20px; font-size:15px; color:#999;}
.phone-ban .img{ text-align:right; position:absolute; right:0; bottom:-15px;}

.Benefit{ padding:35px 0;}
.Benefit dl{ float:left; width:160px; margin:0 30px;}
.Benefit dl dt{ width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; background:#f8f8f8; text-align:center; display:table-cell; vertical-align:middle; margin:0 auto}
.Benefit dl .title{ font-size:18px; color:#333; padding:20px 0 15px; line-height:30px; text-align:center;}
.Benefit dl dt em{ display:inline-block; vertical-align:middle; background-image:url(../images/Benefit.png);}
.Benefit .ico1{ width:66px; height:39px; background-position:0 -9px;}
.Benefit .ico2{ width:71px; height:51px; background-position:-108px -4px}
.Benefit .ico3{ width:54px; height:56px; background-position:-223px 0}
.Benefit .ico4{ width:69px; height:50px; background-position:-319px -5px}
.Benefit .ico5{ width:42px; height:58px; background-position:-432px 0}

.Benefit dl:hover,.Benefit dl:hover .title{ color:#F06;}
.Benefit dl:hover dt{ background-color:#F06;}
.Benefit dl:hover .ico1{ background-position:0 -86px;}
.Benefit dl:hover .ico2{ background-position:-108px -81px}
.Benefit dl:hover .ico3{ background-position:-223px -77px}
.Benefit dl:hover .ico4{ background-position:-319px -82px}
.Benefit dl:hover .ico5{ background-position:-432px -77px}

.needtitle{ padding:55px 0; font-size:30px; line-height:35px; }


.igtt{ width:1096px; height:494px; margin:35px auto 45px; position:relative; font-size:14px; line-height:24px;}

.t-l-t{ position:absolute; top:40px; left:0; width:140px;}
.t-l-m{ position:absolute; top:283px; left:0; width:268px;}
.t-m-m{ position:absolute; top:450px; left:0; width:100%;}
.t-r-t{ position:absolute; top:0; right:-10px; width:277px;}
.t-r-m{ position:absolute; top:199px; right:0; width:151px;}

.needlist .bd{ padding:25px;}
.needlist li{ float:left; width:50%; padding:25px 0;}
.needlist li .cont{ padding:0 25px 0 215px; min-height:145px; position:relative; font-size:14px; color:#999;}
.needlist li .img{ width:175px; height:135px; position:absolute; left:20px; top:0px;}
.needlist li .title{ font-size:20px; line-height:30px; padding-bottom:10px; color:#333;}

.Business .bd{ padding:50px 30px;}
.Business .item{ width:230px; height:370px; float:left; margin:0 15px; position:relative;}
.Business .item .hover{ width:230px; height:370px; display:table-cell; text-align:center; vertical-align:middle; background:url(../images/blk50.png); position:absolute; left:0; top:0; opacity:0;filter:alpha(opacity=0); -webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;transition: all .6s ease-out;}
.Business .item:hover .hover{ opacity:1;filter:alpha(opacity=100);}
.Business .item .hover img{ display:inline-block; vertical-align:middle;}

/*2015年4月3日*/
.pb_title{ color:#333; font-size:40px; padding:30px 0; line-height:40px; border-bottom:1px solid #f2f2f2; position:relative;}
.pb_title .bottom{ display:block; width:70px; height:3px; background:#333; position:absolute; left:50%; bottom:-2px; margin-left:-35px; }
.cal_info{ padding:25px 0; display:inline-block; line-height:30px; font-size:14px; color:#666;}


.call-list .item{ width:542px; height:514px; float:left; background:#FFF; margin:10px 0;}
.call-list .header{ height:160px; padding:0 40px; background:#474e5e; color:#FFF;}
.call-list .header .price{ font-size:16px}
.call-list .header .price h1{ font-size:48px; line-height:50px; display:block; margin-top:35px;}
.call-list .header .name{ font-size:30px; line-height:50px; margin-top:35px; }
.call-list .bd{ width:445px; margin:0 auto; position:relative; top:-20px; font-size:14px; color:#666;}
.call-list .bd .hd{ display:block; color:#FFF; text-decoration:none; text-align:center; width:100%; height:40px; line-height:40px; background:#ff0066; font-size:18px;}
.call-list .bd .call-tab{ width:100%; line-height:30px;}
.call-list .bd .call-tab th{ font-weight:normal; width:70px; vertical-align:top;}
.call-list .bd h2{ margin-top:20px; height:40px; line-height:40px; font-size:14px; border-bottom:1px dotted #e4e4e4;}
.call-list .num li{ line-height:24px; float:left; width:33.3%;}
.call-list .button{ width:215px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:18px; text-decoration:none; font-size:18px;}
.call-list .btn-buy{ background:#ff9900;}
.call-list .btn-Advisory{background:#4f94db;}
.call-list .btn-Seize{background:#ff0066;}

.Reserved li{ width:50%; text-align:center; line-height:40px; font-size:24px; color:#ff0066; float:left;}
.icocall{ padding:55px 0 30px;}
.icocall li{ float:left; width:10%; height:135px; font-size:14px;}
.icocall li .con{ display:block; width:60px; height:57px; background-image:url(../images/icocall.png); background-repeat:no-repeat; margin:0 auto 15px;}
.con1{ background-position:-15px -14px}
.con2{ background-position:-116px -14px}
.con3{ background-position:-221px -14px}
.con4{ background-position:-327px -14px}
.con5{ background-position:-432px -14px}
.con6{ background-position:-536px -14px}
.con7{ background-position:-637px -14px}
.con8{ background-position:-748px -19px}
.con9{ background-position:-851px -14px}
.con10{ background-position:-957px -14px}
.con11{ background-position:-15px -150px}
.con12{ background-position:-119px -150px}
.con13{ background-position:-226px -150px}
.con14{ background-position:-331px -150px}
.con15{ background-position:-431px -155px}
.con16{ background-position:-536px -150px}
.con17{ background-position:-639px -150px}
.con18{ background-position:-747px -150px}
.con19{ background-position:-851px -150px}
.con20{ background-position:-957px -150px}
.map{ width:100%; height:595px; position:relative;z-index:1;}
.map .wrap{ height:595px; position:absolute; left:50%; z-index:100000; margin-left:-550px; top:0;}
.map .contactbox,.thanksbox{ width:380px; height:440px; background:#FFF url(../images/white70.png); padding:10px 25px; margin-top:85px;}
.contactbox h1{ height:35px; line-height:35px; font-size:20px;}

.form-tab{ width:100%;}
.form-tab td{ padding:5px 0;}
.form-tab label{ display:block;}
.form-tab label span{ color:#999; display:inline-block; margin-left:5px;}
.form-tab .form-control{ width:170px; height:24px; background:#eee; border:0; padding:0 5px; margin:5px 0;}
.form-tab .form-area{ width:362px; height:106px; background:#eee; border:0; resize:none;}
.btn-submit{ width:100px; height:40px; background:#ccc; border:0; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#FFF; border-radius:5px; text-transform:uppercase;}
.btn-submit:hover{ background:#f06;}

.thanksbox h1{ font-size:41px; height:45px; line-height:45px; color:#CCC; padding-bottom:17px;font-family:Tahoma;}

.indexcon{ width:100%;}
.indexcon1{ float:left; width:400px;}
.title3{ color:#f8165c; font-size:22px; font-family:"microsoft yahei"; line-height:35px; float:left; width:100%;}
.title4{ float:right; color:#8a8a89;font-family:"microsoft yahei"; line-height:30px;}
.title4 i{ font-family:Arial, Helvetica, sans-serif;}
.pic{ float:left; width:100%; margin-top:40px;}
.indexcon2{ float:right; width:545px;}
.title5{ float:left; margin-left:62px; display:inline; line-height:35px;}
.title5 span{font-size:22px; font-family:"microsoft yahei"; color:#5094db; margin-right:11px;}
.title5 i{ color:#8a8a89;font-family:"microsoft yahei"; font-size:14px;}
.processdl{ float:left; width:100%; margin-top:13px;}
.processdl dt{ float:left; width:220px; height:263px;}
.processdl dd{ float:right; width:312px; padding-top:20px;}
.processtablist{ float:left; width:100%; background:url(../images/processtab.gif) no-repeat right 0; height:146px;}
.processtablist li{ float:left; width:57px; height:57px; margin:0 0 16px 21px; display:inline;}
.processtablist li span{ display:none; color:#5094db;width:57px; height:57px; line-height:57px; text-align:center;font-family:Tahoma, Arial; font-size:24px; background:url(../images/quan.png) no-repeat; cursor:pointer;}
.processtablist li.hover span{ display:block;}
.title6{ color:#969595; background:url(../images/ico3.gif) no-repeat 0 5px; line-height:18px; padding-left:13px; width:278px; float:left;}
.processtabcon{ float:left; margin:10px 0 0 21px; display:inline; width:291px;}
.detail3{ float:left; padding-left:13px; width:278px;}

.indexnews{ background:#FFF url(../images/newboxbg.png) no-repeat center bottom; padding:50px 0; min-height:315px;}
.indexnews .item{ min-height:315px; background:url(../images/indexnews-item-bg.png) no-repeat right center; width:520px; margin-right:25px; float:left;}
.indexnews .item .bd{ width:500px;}
.indexnews .item .hd{ height:35px; line-height:35px; padding-left:15px; background:url(../images/index_06.jpg) no-repeat left center; font-size:15px; color:#333} 
.indexnews .Customers{ width:350px; margin:0; background:none;}


.index-newslist li{ height:37px; line-height:37px; border-bottom:1px dotted #919191; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width:100%;}
.index-newslist li a{ color:#666;display:inline-block; width:90%; overflow:hidden; }
.index-newslist li a:hover{ text-decoration:none; cursor:pointer}
.indexnews .item .hd a{ text-decoration:none; color:#ccc; }
.indexnews .item .hd a:hover{ text-decoration:none; color:#666;}
.index-newslist li span,.newslist li span{ display:inline-block; float:right; color:#f8165c; font-weight:bold; font-size:14px;}

.clients{ margin:10px 0 0 1px;}
.clients li{ float:left; height:85px; width:173px; line-height:85px; border:1px dotted #c7c7c7; margin:-1px 0 0 -1px; display:table-cell; border-collapse:collapse; vertical-align:middle; text-align:center;}
.clients li img{ max-height:100%; max-width:100%; vertical-align:middle; display:inline-block;}

.Optimization-info{ padding:45px 0; line-height:30px; color:#666; font-size:14px;}
.Optimization-info h1{ font-size:18px; color:#333;}

.opinfo{ padding:55px 0; text-align:center;}
.zation{ padding:55px 0 30px;}
.lebox{ width:500px; height:487px; background:url(../images/leboxbg.png) no-repeat center left; position:relative; margin-top:64px;}
.lebox .txt{ width:240px; height:367px; position:absolute; right:20px; top:40px; overflow:hidden; border-bottom:1px dotted #c7c7c7; color:#666; font-size:14px; line-height:28px;}
.rtbox{ width:563px; margin-top:64px;} 
.rgli li{ height:30px; line-height:30px; margin-top:12px; padding:0 10px; background:#FFF; font-size:14px;}
.rgli li:hover{ background:#ff0066; color:#FFF;}

.Graphic .item{ padding:60px 0; border-bottom:1px dotted #e9e9e9; background:#FFF;}
.Graphic .item .lv{ font-size:22px; line-height:28px; color:#78b81c; vertical-align:middle;}
.Graphic .item .txt{ width:510px; font-size:14px; color:#666;}
.Graphic .item .title{ font-size:30px; display:block; padding-bottom:40px; color:#000}
.Graphic .item .img{ width:500px;}

.blklist{ padding:60px 0 45px}
.blklist li{ float:left; width:25%; float:left; text-align:center; height:170px;}
.blklist li img{ max-height:100%; max-width:100%;}

.service-step{ padding:50px 0;}
.service-step .item{ width:33%; float:left; min-height:245px; border-right:1px solid #ddd; line-height:666px; font-size:14px; line-height:24px;}
.service-step .item .ico-step{ display:block; width:260px; height:130px; margin:0 auto; background-repeat:no-repeat; background-image:url(../images/ico-step.png); margin-bottom:20px;}
.service-step .step1{ background-position:0 0;}
.service-step .step2{ background-position:-340px 0;}
.service-step .step3{ background-position:-680px 0;}
.service-step .item h1{ font-size:20px; display:block;}

.sitemap{ width:1000px; }


.sidebar{ width:70px; padding:10px 0; background:url(../images/blk60.png); position:absolute; top:215px; right:0; z-index:10000000;}
.sidebar .slideshow li{ height:51px; margin:6px 0}
.sidebar .slideshow li a{ display:block; width:100%; height:100%; position:relative; color:#FFF;}
.sidebar .slideshow li:hover a{ background:#f06;}
.sidebar .slideshow .imgbox{ display:block; text-align:center; height:100%; line-height:51px;}
.sidebar .slideshow .imgbox img{ display:inline-block; vertical-align:middle;}
.sidebar .slideshow .gotop{ display:block; text-align:center; color:#FFF; line-height:15px; height:30px; cursor:pointer;}
.sidebar .gotop em{ display:inline-block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #FFF;}

.sidebar .txt{ height:100%; width:0; text-indent:15px; background:#f06; color:#FFF; display:block; position:absolute; right:70px; top:0; overflow:hidden; white-space:nowrap } 
.sidebar a:hover .txt{ width:115px;transition: width 0.5s;-moz-transition: width 0.5s;	/* Firefox 4 */-webkit-transition: width 0.5s;	/* Safari 和 Chrome */-o-transition: width 0.5s;}
.sidebar .QRCbox{ display:none}
.sidebar a:hover .QRCbox{ display:block; position:absolute; right:70px; top:0;}