@charset "utf-8";
/* CSS Document */
/** 
華仕尊城設計顧問有限公司
www.w-vi.com
**/
@font-face {
font-family: 'DIN';
src: url('fonts/DIN.eot');
src: url('fonts/DIN.eot?#iefix') format('embedded-opentype'),
url('fonts/DIN.woff') format('woff'),
url('fonts/DIN.ttf') format('truetype'),
url('fonts/DIN.svg#NeuesBauenDemo') format('svg');
font-weight:normal;
font-style:normal;
}


html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px; font-family:"微软雅黑"; color:#333;outline:0;}
a,a:hover{color:#333;}
.clearfix{clear:both;height:0; overflow:hidden;}
body{overflow-x:hidden}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-corner{background:transparent}
a,li,span{outline:0}
a:hover,a:active,a:focus{outline:0}
a:focus{outline:0}
li:focus{outline:0}
span:focus{outline:0}
.clear{height:0; overflow:hidden; clear:both}


.w_auto{ width:1230px; margin:0 auto; display:block;}


.head{ position:fixed; width:100%; left:0; top:15px; z-index:9999999;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.head .head-left{ float:left; display:inline-block;}
.head .head-left .logo{ float:left; display:inline-block; background:url(images/logo.png) no-repeat center center; width:145px; height:56px;}
.head .head-left .menu{ float:right; display:inline-block; margin-left:50px;}
.head .head-left .menu li{ float:left; display:inline-block; margin-left:35px; position:relative;}
.head .head-left .menu li a.one{ font-size:16px; color:#5f696d;}
.head .head-left .menu li:hover a.one, .head .head-left .menu li.hover a.one{ color:#333;}
.head .head-right{ float:right; display:inline-block;}
.head .w_auto{ background:url(images/menu-bg.png) repeat center center; height:56px;line-height:56px; padding:0 30px;}
.head .head-right a.tel{ background:url(images/moblie.png) no-repeat left center; padding-left:20px; font-size:22px; color:#606060; font-family:'DIN';}

.w-head{ top:0;}
.menu li dl { width:1290px; text-align:center; position:fixed; top:71px; left:50%; margin-left:-645px;background:url(images/menu-bg.png) repeat center center; display:none; z-index:100;}
.menu li dl dd{ line-height:30px; display:inline-block; margin:0 15px;}
.menu li dl dd a{ color:#fff; font-size:14px; color:#666;display:inline-block;}
.menu li dl dd a img{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out}
.menu li dl dd a:hover{ color:#2988c6;}
.menu li dl dd a:hover img{transform:scale(0.9);  -webkit-transform:scale(0.9); -moz-transform:scale(0.9);  -o-transform:scale(0.9); -ms-transform:scale(0.9);}
.menu li dl.gao{top:56px;}




.block-1{ height:745px; position:relative;}
.block-1 li{ height:745px; width:100%; position:absolute; top:0; left:0; display:none;}
.block-1 li .ban-jie{ width:750px; margin:0 auto; text-align:center; padding-top:220px; color:#fff;}
.ban-jie h2{ font-size:46px; line-height:50px;font-family:'DIN';-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;}
.ban-jie p.zw{ font-size:31px; line-height:35px;-transition: all 0.7s ease-out 1s;transition: all 0.7s ease-out 1s;-webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0;}
.ban-jie p.yw{ font-size:14px; line-height:20px;font-family:'DIN';transition: all 0.7s ease-out 1.2s;transition: all 0.7s ease-out 1.2s;-webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0;}
.block-1 .w_auto{ position:absolute; left:50%; bottom:20px; margin-left:-665px;}
.block-1 .w_auto .com-name{ float:left; display:inline-block; font-size:14px; color:#fff;font-family:'DIN'; opacity:0.5;}
.block-1 .w_auto .point{ float:right; display:inline-block;}
.point span{ background:url(images/point.png) no-repeat right center; display:inline-block; width:18px; height:10px; text-indent:-999999px; margin:0 2px; cursor:pointer;}
.point span.on{ background:url(images/point.png) no-repeat left center; }

.block-1 li .ban-jie .anit{webkit-transform: translate3d(0,0,0) !important;transform: translate3d(0,0,0) !important;opacity: 1 !important;}



.blcok-2{ padding:70px 0;}
.blcok-2 .block-title{ font-size:28px; color:#353535; line-height:30px;}
.blcok-2 span.xian{ width:30px; height:1px; display:inline-block; border-bottom:3px solid #049fd9;}
.blcok-2 .blcok-top{ text-align:center;-webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.blcok-2 li{ float:left; display:inline-block; border:1px solid #d9d9d9; width:294px; padding-bottom:14px; margin-left:15px; -webkit-transform: translate3d(-30px,0,0); transform: translate3d(-30px,0,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}


.blcok-2 li img{ display:block;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.blcok-2 li .case-name{ font-size:18px; color:#3a3a3a; line-height:22px; height:22px; overflow:hidden;}
.blcok-2 li .case-miao{ padding:24px 15px;}
.blcok-2 li .case-des{ font-size:13px; color:#8c8c8c; line-height:20px; margin-top:10px; height:40px; overflow:hidden;}
.blcok-2 li.a1{ margin-left:0;}
.blcok-2 .block-case{ margin-top:20px;}
.blcok-2 li .case-img{ overflow:hidden;}
.blcok-2 li:hover img{  transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.blcok-2 li:hover .case-name, .blcok-2 li:hover .case-des{ color:#000;}
.dong{webkit-transform: translate3d(0,0,0) !important;transform: translate3d(0,0,0) !important;opacity: 1 !important;}


.block-3{ background:url(images/new-bg1.jpg) no-repeat center center; height:520px; width:100%; color:#fff; padding:70px 0;}
.block-3 .blcok-top{ text-align:center;-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.block-3 .block-title{ font-size:28px;  line-height:30px;}
.block-3 span.xian{ width:30px; height:1px; display:inline-block; border-bottom:3px solid #fff;}
.block-3 li{ float:left; display:inline-block; width:400px; height:210px; background:url(images/new-bg.png) repeat center center; margin-left:15px; margin-top:15px;-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s; position:relative;}
.indexnew-case li .indexnew-bz{ font-size:12px; line-height:18px; float:right; display:inline-block;color:#fff;}
.indexnew-case li .indexnew-tb{ background:url(images/indexban4_ico.png) no-repeat center center; width:27px; height:34px; float:left; display:inline-block; margin-top:15px;}
.indexnew-case li .indexnew-con { padding:20px;}
.indexnew-case li .indexnew-title{ font-size:20px; line-height:24px; padding-top:20px; color:#fff; height:24px; overflow:hidden;}
.indexnew-case li .indexnew-time{ font-size:12px; line-height:18px; padding:8px 0;color:#fff;}
.indexnew-case li .indexnew-des{ font-size:13px; line-height:20px;color:#fff;}
.indexnew-case li.w1, .indexnew-case li.w4{ margin-left:0;}
.indexnew-case li:hover .indexnew-title{ color:#ccc;}
.block-3 li .fen{ position:absolute; right:0; bottom:0;}

.block-4{ padding:100px 0;}
.block-4 .blcok-top{ text-align:left;}
.block-4 .block-title{font-size:28px; color:#353535; line-height:30px;}
.block-4 .block-longti{font-size:24px; color:#666; line-height:26px;}
.block-4 span.xian{width:30px; height:1px; display:inline-block; border-bottom:3px solid #049fd9;}
.block-4 .suo-left{ float:left; display:inline-block; width:320px; margin-top:60px;-webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); opacity: 0;-transition: all 0.8s ease-out 0.6s;transition: all 0.8s ease-out 0.6s;}
.block-4 .suo-left p{font-size:13px; color:#8c8c8c; line-height:22px; padding-top:30px;}
.block-4 .suo-left a{ color:#049fd9; background:url(images/duo.jpg) no-repeat right center; padding-right:25px; margin-left:25px;}
.block-4 .suo-left a:hover{ color:#04384b;}
.block-4 .suo-right{ float:right; display:inline-block;-webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); opacity: 0;-transition: all 0.8s ease-out 0.6s;transition: all 0.8s ease-out 0.6s;}
.block-4 .suo{ width:1150px; margin:0 auto; position:relative;}
.suo-right img{ width:800px; height:400px;}
.picScroll-left{ width:800px; position:relative; display:block;}
.picScroll-left .hd{ position:absolute; bottom:120px; left:-350px;}
.picScroll-left .hd .prev{ background:url(images/inco1.jpg) no-repeat left center; width:28px; height:25px; display:inline-block;}
.picScroll-left .hd .next{background:url(images/inco11.jpg) no-repeat right center; width:28px; height:25px; display:inline-block;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; display:inline-block;}

.picScroll-left .hd .prev:hover{ background:url(images/inco11.jpg) no-repeat left center;}
.picScroll-left .hd .next:hover{ background:url(images/inco1.jpg) no-repeat right center;}



.suo .slideBox{width:1150px; height:400px; overflow:hidden; position:relative;}
.suo .slideBox .bd { height:400px; width:100%; padding:0;}
.suo .slideBox .bd li{ zoom:1; vertical-align:middle; }


/* 下面是前/后按钮代码，如果不需要删除即可 */
.suo .slideBox .prev{ background:url(images/inco1.jpg) no-repeat left center; width:28px; height:25px; display:inline-block; position:absolute; left:0; bottom:120px; opacity: 0;webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); opacity: 0;-transition: all 0.8s ease-out 0.6s;transition: all 0.8s ease-out 0.6s;}
.suo .slideBox .next{background:url(images/inco11.jpg) no-repeat right center; width:28px; height:25px; display:inline-block; position:absolute;left:28px; bottom:120px; opacity: 0;webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); opacity: 0;-transition: all 0.8s ease-out 0.6s;transition: all 0.8s ease-out 0.6s;}
.suo .slideBox .prev:hover{background:url(images/inco11.jpg) no-repeat left center;}
.suo .slideBox .next:hover{background:url(images/inco1.jpg) no-repeat right center;}



.block-5{ background:#1f3549; color:#fff; padding:80px 0;}
.block-5 .blcok-top{ text-align:center;-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.block-5 .block-title{font-size:28px;line-height:30px;}
.block-5 span.xian{width:30px; height:1px; display:inline-block; border-bottom:3px solid #fff;}
.block-5 li{ float:left; display:inline-block; width:245px; height:180px; text-align:center; margin:0 82px; margin-top:50px;-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.block-5 li .zhong-title{ font-size:18px; line-height:25px; padding-top:15px; padding-bottom:5px; color:#fff;}
.block-5 li .zhong-longtitle{ font-size:13px; font-family:'DIN'; line-height:18px; color:#fff;}
.block-5 li .zhong-tu{ height:90px; width:100%;}
/*.block-5 li.r1 .zhong-tu{ background:url(images/xi1.png) no-repeat center center;}
.block-5 li.r2 .zhong-tu{ background:url(images/xi2.png) no-repeat center center;}
.block-5 li.r3 .zhong-tu{ background:url(images/xi3.png) no-repeat center center;}
.block-5 li.r4 .zhong-tu{ background:url(images/xi4.png) no-repeat center center;}
.block-5 li.r5 .zhong-tu{ background:url(images/xi5.png) no-repeat center center;}
.block-5 li.r6 .zhong-tu{ background:url(images/xi6.png) no-repeat center center;}*/
.block-5 li:hover .zhong-title, .block-5 li:hover .zhong-longtitle{ color:#ccc;}



.block-6{ background:url(images/lian-bg.jpg) no-repeat center center; width:100%; height:600px;}
.lian-left{ float:left; display:inline-block; margin-top:55px; position:relative;-webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.lian-right{ float:right; display:inline-block; margin-top:180px; margin-right:55px;-webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.block-6 .blcok-top{ text-align:left;}
.block-6 .block-title{font-size:28px;line-height:30px;color:#353535; }
.block-6 span.xian{width:30px; height:1px; display:inline-block; border-bottom:3px solid #049fd9;}

.block-6 .lian{ width:1080px; margin:0 auto;}
.block-6 .lian-xin h2{ font-weight:lighter; font-size:18px; color:#636363; line-height:22px; padding-bottom:10px;}
.block-6 .lian-xin{ margin-top:25px;}
.block-6 .lian-xin p{ font-size:13px; color:#8c8c8c; line-height:28px; padding-left:30px;}
.block-6 .lian-xin p.t1{ background:url(images/lian1.png) no-repeat left center;}
.block-6 .lian-xin p.t2{ background:url(images/lian2.png) no-repeat left center;}
.block-6 .lian-xin p.t3{ background:url(images/lian3.png) no-repeat left center;}
.block-6 .lian-xin p.t4{ background:url(images/lian4.png) no-repeat left center;}
.block-6 .lian-xin p.t5{ background:url(images/lian5.png) no-repeat left center;}





.lian-left li .tubiao{ background:url(images/datubiao.png) no-repeat center center; width:26px; height:36px; background-size:80%; position:absolute;transition:All 0.8s ease-in-out;    -webkit-transition:All 0.8s ease-in-out;    -moz-transition:All 0.8s ease-in-out;    -o-transition:All 0.8s ease-in-out;}
.lian-left li.jj1 .tubiao{ top:162px; right:148px;}
.lian-left li.jj2 .tubiao{ bottom:120px; right:175px;}
.lian-left li.jj3 .tubiao{ bottom:60px; right:160px;}
.lian-left li.jj4 .tubiao{ bottom:70px; right:220px;}
.lian-left li .diqu{ position:absolute; display:none;}

.lian-left li.jj1 .diqu{ top:135px; right:170px;}
.lian-left li.jj2 .diqu{ bottom:140px; right:88px;}
.lian-left li.jj3 .diqu{ bottom:85px; right:75px;}
.lian-left li.jj4 .diqu{ bottom:92px; right:245px;}

.lian-left li:hover .tubiao{ background-size:100%;}


.block-7{ background:#049fd9; padding:75px 0; color:#fff;}
.block-7 .blcok-top{ text-align:center;}
.block-7 .block-title{font-size:28px;line-height:30px;-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.block-7 span.xian{width:30px; height:1px; display:inline-block; border-bottom:3px solid #fff;webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); opacity: 0;-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;}
.block-7 .blcok-top p{ font-size:13px; line-height:20px; padding-top:25px;-webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); opacity: 0;-transition: all 0.6s ease-out 0.6s;transition: all 0.6s ease-out 0.6s;}

.block-7 .part{ margin-top:65px;-webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0;-transition: all 0.8s ease-out 0.6s;transition: all 0.8s ease-out 0.6s;}
.moreColumn{position:relative; width:1230px; margin:0 auto;}
.moreColumn .bd{ overflow:hidden; width:1230px; height:55px; margin:0 auto;}
.moreColumn .bd ul{ overflow:hidden; zoom:1; width:1230px;  float:left; display:inline-block;  }
.moreColumn .hd ul li{background:url(images/point.png) no-repeat left center; height:10px; width:15px; display:inline-block; margin:0 5px; text-indent:-99999999px; cursor:pointer;}
.moreColumn .hd ul li.on{background:url(images/point.png) no-repeat right center;}
.moreColumn .hd{ margin-top:50px; text-align:center;}
.moreColumn .hd ul{ display:inline-block;}
.moreColumn .bd ul li{ float:left; display:inline-block; margin:0 25px;}
.moreColumn .bd ul li img{ width:155px; height:55px; display:block; transition:All 0.8s ease-in-out;    -webkit-transition:All 0.8s ease-in-out;    -moz-transition:All 0.8s ease-in-out;    -o-transition:All 0.8s ease-in-out;}
.moreColumn .bd ul li:hover img{  transform:rotateY(360deg);    -webkit-transform:rotateY(360deg);    -moz-transform:rotateY(360deg);    -o-transform:rotateY(360deg);    -ms-transform:rotateY(360deg);}


.foot{ background:#1f3549; padding-top:50px; color:#fff;}
.foot-wei{ float:left; display:inline-block;}
.foot-wei h2{ font-weight:lighter;font-size:14px; line-height:24px; padding-bottom:20px; text-align:left;}
.foot-wei p{ color:#fff; opacity:0.5; font-size:12px; line-height:20px; padding-top:8px;}
.foot-menu { float:right; display:inline-block;}
.foot-menu dl{ float:left; display:inline-block; max-width:145px; margin-left:100px;} 
.foot-menu dl a{ color:#fff; opacity:0.5; font-size:13px; line-height:20px; display:block; }
.foot-menu dl dd{margin-bottom:6px;}
.foot-menu dl dt{ font-size:14px; line-height:24px; padding-bottom:20px;}
.foot-menu dl dd a:hover{ opacity:1;}

.foot-middle{ border-top:1px solid #2a3f52; height:40px; line-height:40px;font-size:12px; opacity:0.5;}
.foot-middle .foot-copy{ float:left; display:inline-block;}
.foot-middle .foot-bei{ float:right; display:inline-block;}





/***********产品*************/
.comm-ban{ height:548px; width:100%; position:relative;}
.comm-ban .w_auto{ color:#fff;}
.comm-ban .w_auto .ban-jie{ position:absolute; left:50%; margin-left:-615px; top:50%; margin-top:-35px; width:1230px;}
.ban-jie .ban-title{ font-size:36px; line-height:45px;}
.ban-jie .ban-longtitle{ font-size:14px;font-family:'DIN'; line-height:20px; padding-top:5px;}
.pro-menu{ background:url(images/xi-bg1.png) repeat center center; width:100%; height:48px; line-height:48px; position:absolute; left:0; bottom:0;}
.pro-menu span{ font-size:16px; margin-right:75px; display:inline-block; cursor:pointer}
.pro-menu span:hover, .pro-menu span.on{ color:#ccc;}
.pro-menu i{ font-size:16px; margin-right:75px; display:inline-block;}
.pro-1 .pro-left{ display:inline-block; float:left;}
.pro-1 .pro-right{ float:right; display:inline-block; width:510px;}
.pro-1 .w_auto{ width:1150px;}
.pro-1 .pro-left img{ display:block;}
.pro-1{ padding:90px 0;}
.pro-right .pro-gai{ font-size:24px; color:#303030; line-height:28px; padding-top:30px;}
.pro-1 p{ font-size:13px; color:#5e5e5e; line-height:22px;}

.pro-2{ background:url(images/xi-t2.jpg) repeat center center; height:560px; width:100%; padding-top:150px; overflow:hidden;}
.pro-2 .te-left{ float:left; display:inline-block; width:540px; color:#fff;}
.te-left .te-title{ font-size:24px; line-height:28px; padding-top:25px;}
.te-left .te-long{ font-size:20px; line-height:24px; padding-top:35px; opacity:0.9;}
.te-left p{ font-size:13px; line-height:22px; padding-top:20px; opacity:0.8;}
.pro-2 .te-right{ float:left; display:inline-block;}
.pro-2 .w_auto{ width:1150px;}



.pro-3{ padding:100px 0;transition:All 0.8s ease-in-out;    -webkit-transition:All 0.8s ease-in-out;    -moz-transition:All 0.8s ease-in-out;    -o-transition:All 0.8s ease-in-out;}
.pro-3 .w_auto{}
.pro-3 .gong-left{ float:left; display:inline-block; width:480px; margin-left:20px;border-right:1px solid #ccc;}
.gong-ti{ font-size:24px; color:#303030; line-height:28px;}
.pro-3 .gong-right{ float:right; display:inline-block; width:640px;  padding-left:65px; margin-top:30px;}
.gong-li li{padding-left:60px;color:#595959; float:left; display:inline-block; width:180px; margin-top:40px; cursor:pointer;}
.gong-li li.a1{ background:url(images/gong1.jpg) no-repeat left center;}
.gong-li li.a2{ background:url(images/gong2.jpg) no-repeat left center;}
.gong-li li.a3{ background:url(images/gong3.jpg) no-repeat left center;}
.gong-li li.a4{ background:url(images/gong4.jpg) no-repeat left center;}
.gong-li li.a5{ background:url(images/gong5.jpg) no-repeat left center;}
.gong-li li.a6{ background:url(images/gong6.jpg) no-repeat left center;}
.gong-li li.a7{ background:url(images/gong7.png) no-repeat left center;}
.gong-li li.a8{ background:url(images/gong8.png) no-repeat left center;}
.gong-li li.a9{ background:url(images/gong9.png) no-repeat left center;}
.gong-li li.a10{ background:url(images/gong10.png) no-repeat left center;}

.gong-li li .gong-zw{ font-size:18px;line-height:22px; padding-top:10px;}

.gong-li li .gong-yw{ font-size:13px;line-height:20px;}
.gong-li li.a1 .gong-zw{ padding-top:8px;}
.gong-li li.a5 .gong-zw{ padding-top:5px;}
.gong-li li:hover, .gong-li li.hover{ color:#0578c6;}
.gong-right td{ padding-left:20px; width:440px;}
.gong-right td.s1{ width:145px;}
.gong-right tr.d1{ background:#2a8cce;}
.gong-right tr td{ padding:8px;}
.gong-right tr.d3, .gong-right tr.d5{ background:#e6e8e9;}
.gong-right tr.d2 td.s1, .gong-right tr.d4 td.s1, .gong-right tr.d6 td.s1, .gong-right tr.d8 td.s1{ background:#f5f6f7;}
.gong-right tr.d1 td.s1{ background:#1a71b8; font-size:14px; color:#fff;} 
.gong-right tr td{ font-size:12px; color:#494949;}
.gong-right .bb2 tr.d2 td{ padding:20px; line-height:20px;}
.gong-right .bb2 tr.d2{ height:auto;}
.gong-right table{ margin-bottom:25px;}



.pro-4{ background:#f3f4f6; padding:70px 0; text-align:center;}
.pro-4 .liu-ti{ font-size:26px; color:#424242; line-height:28px; padding-bottom:35px;}
.pro-4 .liu-tu{ text-align:center; max-width:100%; height: auto;}

.te-right { position:relative; width:580px; height:460px; display:block;}
.te-right li{ background:url(images/te-9.png) no-repeat center center; width:177px; height:153px; display:block; text-align:center; color:#0578c6; font-size:14px; line-height:18px; position:absolute; cursor:pointer;}
.te-right li .tu-biao{ padding-top:30px;}
.te-right li .te-dian{ padding-top:10px;}
.te-right li.te1{ left:135px ; top:1px;}
.te-right li.te2{ right:6px ; top:0;}
.te-right li.te3{ right:137px ; top:77px;}
.te-right li.te4{ right:6px ; top:150px;}
.te-right li.te5{ left:136px ; top:152px;}
.te-right li.te6{ right:136px ; top:228px;}
.te-right li.te7{ left:5px ; top:228px;}
.te-right li.te8{ left:137px ; top:302px; }
.te-right li:hover{ opacity:0.9;}



/*******关于********/
.about-ban{ height:548px;  width:100%;}
.about-ban .w_auto{ position:relative; height:548px; color:#fff;}
.about-ban .about-con{ background:url(images/about-bg.png) repeat center center; position:absolute; bottom:35px; left:0; width:400px; padding:35px 30px; }
.about-con .about-type{ font-size:40px; line-height:45px;}
.about-con .about-ti{ font-size:28px; line-height:32px; padding:10px 0;}
.about-con .aboout-long{ font-size:13px; line-height:20px;}
.about-1{ padding:80px 0; text-align:center;}
.about-1 .company-ti{ font-size:26px; line-height:30px; color:#000;}
.about-1 .company-long{ font-size:16px; color:#353535; line-height:20px;font-family:'DIN';}
.about-1 .company-con{ width:970px; margin:0 auto;}
.about-1 .company-con .company-jie p{ font-size:13px; color:#5b5b5b; line-height:24px; padding-top:20px;}



.about-2{ background:url(images/about-li.jpg) no-repeat center center; height:495px; padding:90px 0; text-align:center;}
.about-2 .li-ti{font-size:26px; color:#fff; line-height:30px;}
.about-2  .li-tu{ overflow:hidden;}
.about-2  li img{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.about-2  li:hover img{transform:scale(0.9);    -webkit-transform:scale(0.9);    -moz-transform:scale(0.9);    -o-transform:scale(0.9);    -ms-transform:scale(0.9);}
.about-2 .slideBox{ width:100%; height:460px; position:relative; color:#fff;}
.about-2 .slideBox .hd{ position:relative; z-index:1; width:100%; text-align:center;}
.about-2 .slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block; }
.about-2 .slideBox .hd ul li{text-align:center;}
.about-2 .slideBox .hd ul.tu{ padding-top:45px;}
.about-2 .slideBox .hd ul.tu li{display:inline-block; margin:0 30px;}
.about-2 .slideBox .hd ul.tu li .li-name{font-size:16px; color:#fff; line-height:22px; padding-top:15px; opacity:0.9;}
.about-2 .slideBox .hd ul.dian li.on{background:url(images/point.png) no-repeat left center;}
.about-2 .slideBox .hd ul.dian li{ background:url(images/point.png) no-repeat right center; width:15px; height:10px; display:inline-block; margin:0 2px;}
.about-2 .slideBox .bd{ position:relative; height:160px;z-index:0; padding-top:60px;}
.about-2 .slideBox .bd li{ color:#fff; font-size:13px; line-height:26px; display:inline-block;}



.about-3{ background:#ededed; padding:90px 0;}
.about-3 .his-ti{ font-size:26px; color:#000; line-height:30px; text-align:center;}
.about-3 .his-long{ font-size:16px; color:#3a3a3a; line-height:24px; text-align:center; padding-top:5px;}
.about-3 .his-shi{ width:820px; margin:0 auto; position:relative; margin-top:50px; padding-bottom:50px; min-height:650px;}



.about-3 .his-shi li{ width:375px; height:230px; position:absolute; filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; transition:All 0.8s ease-in-out;    -webkit-transition:All 0.8s ease-in-out;    -moz-transition:All 0.8s ease-in-out;    -o-transition:All 0.8s ease-in-out;}
.about-3 .his-shi li span{ background:url(images/cheng3.jpg) no-repeat center center; display:block; width:15px; height:16px; position:absolute; top:20px; left:375px;}
.about-3 .his-shi li .his-san{ }
.about-3 .his-shi li .his-jie{ width:345px; background:#ffffff; height:200px; padding:15px;}
.about-3 .his-shi li.f1 i{ background:url(images/quan.jpg) no-repeat  center center; width:12px; height:11px; position:absolute; left:402px; top:24px; display:block; z-index:2;}
.about-3 .his-shi li i{ background:url(images/cheng4.jpg) no-repeat center center; position:absolute; width:15px; height:150px; display:block;}

.about-3 .his-shi li.f2 span, .about-3 .his-shi li.f4 span, .about-3 .his-shi li.f6 span, .about-3 .his-shi li.f8 span, .about-3 .his-shi li.f10 span, .about-3 .his-shi li.f12 span, .about-3 .his-shi li.f14 span, .about-3 .his-shi li.f16 span, .about-3 .his-shi li.f18 span, .about-3 .his-shi li.f20 span{ left:-15px; top:20px;background:url(images/cheng2.jpg) no-repeat center center;}
.about-3 .his-shi li.f2 i{left:-43px; top:-115px;}
.about-3 .his-shi li.f3 i, .about-3 .his-shi li.f5 i, .about-3 .his-shi li.f7 i, .about-3 .his-shi li.f9 i, .about-3 .his-shi li.f11 i, .about-3 .his-shi li.f13 i, .about-3 .his-shi li.f15 i, .about-3 .his-shi li.f17 i, .about-3 .his-shi li.f19 i{ left:402px; top:-116px;}
.about-3 .his-shi li.f4 i, .about-3 .his-shi li.f6 i, .about-3 .his-shi li.f8 i, .about-3 .his-shi li.f10 i, .about-3 .his-shi li.f12 i, .about-3 .his-shi li.f14 i, .about-3 .his-shi li.f16 i, .about-3 .his-shi li.f18 i, .about-3 .his-shi li.f20 i{ left:-43px; top:-116px;}




.about-3 .his-shi li.f1{ left:0; top:0;}
.about-3 .his-shi li.f2{ right:0; top:150px;}
.about-3 .his-shi li.f3{ left:0; top:300px;}
.about-3 .his-shi li.f4{ right:0; top:450px;}
.about-3 .his-shi li.f5{ left:0; top:600px;}
.about-3 .his-shi li.f6{ right:0; top:750px;}
.about-3 .his-shi li.f7{ left:0; top:900px;}
.about-3 .his-shi li.f8{ right:0; top:1050px;}
.about-3 .his-shi li.f9{ left:0; top:1200px;}
.about-3 .his-shi li.f10{ right:0; top:1350px;}
.about-3 .his-shi li.f11{ left:0; top:1500px;}
.about-3 .his-shi li.f12{ right:0; top:1650px;}
.about-3 .his-shi li.f13{ left:0; top:1800px;}
.about-3 .his-shi li.f14{ right:0; top:1950px;}
.about-3 .his-shi li.f15{ left:0; top:2100px;}
.about-3 .his-shi li.f16{ right:0; top:2250px;}
.about-3 .his-shi li.f17{ left:0; top:2400px;}
.about-3 .his-shi li.f18{ right:0; top:2550px;}
.about-3 .his-shi li.f19{ left:0; top:2700px;}
.about-3 .his-shi li.f20{ right:0; top:2850px;}


.his-shi li .his-year{ font-size:24px; color:#2988c6; line-height:28px;font-family:'DIN'; padding-top:60px;}
.his-shi li .his-nei p{ font-size:13px; color:#5b5b5b; line-height:22px; padding-top:10px;}







/********联系我们*********/
.contact-ban{ background:url(images/contact-ban.jpg) center center; background-size:cover; height:580px; width:100%; color:#fff; position:relative;}

.contact-ban .contact-typename{ font-size:39px; line-height:45px; position:absolute; left:50%; top:50%; margin-left:-82px; margin-top:-12px;}
.contact-left{ float:left; display:inline-block; width:620px; padding-left:20px; padding-right:30px; padding-bottom:100px;}
.contact-right{ float:right; display:inline-block;}
.contact-biao .cotact-con{ width:990px; margin:0 auto;}
.contact-biao .cotact-con .contact-form{border:1px solid #eaeaea;}
.contact-biao{ padding:60px 0;}
.contact-biao .cotact-ti{ font-size:26px; color:#424242; line-height:30px; padding-bottom:25px;}
.contact-left .liu-type span{ width:135px; height:30px; background:#a0a0a0; display:inline-block; line-height:30px; text-align:center; font-size:14px; color:#fff; margin-right:10px; cursor:pointer;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.contact-left .liu-type{ padding-top:55px; padding-bottom:45px;}
.contact-left .liu-type span:hover, .contact-left .liu-type span.hover{ background:#006dc5;}
.biao p{ font-size:14px; color:#424242; line-height:24px;}
.biao .biao-shu input{ width:280px;}
.biao .biao-shu, .biao-ru{ margin-bottom:20px;}
.biao .biao-shu .biao-name{ float:left; display:inline-block;}
.biao .biao-shu .biao-tel{ float:right; display:inline-block;}
.biao  input{ height:30px; border:1px solid #eaeaea; padding-left:10px;}
.biao-ru input{ width:610px;}
.biao-ru textarea{ width:610px;border:1px solid #eaeaea; height:250px; padding-left:10px; padding-top:15px; font-size:14px; color:#000; line-height:20px;}
.biao input{ font-size:14px; color:#000; line-height:30px;}
.tijiao{ width:100px; height:30px; background:#006dc5; text-align:center; line-height:30px; font-size:13px; color:#fff;}


.contact-right{ width:275px; border-left:1px dashed #ccc; padding:0 20px;}
.contact-right .quan{ font-size:16px; color:#006dc5; line-height:24px; padding-top:40px; padding-bottom:20px;}
.contact-right .quan p{ font-size:29px;}
.contact-di p{ font-size:13px; color:#5b5b5b; line-height:22px;}





/************新闻************/
.new-ban{ background:url(images/new-ban.jpg) center center; background-size:cover; height:580px; width:100%; position:relative;}
.new-ban .new-zhu{ color:#fff; position:absolute; left:50%; top:48%; width:500px; margin-left:-250px; text-align:center;}
.new-ban .new-zhu .new-type{ font-size:39px; line-height:45px; padding-bottom:20px;} 
.new-ban .new-zhu a{ font-size:16px; color:#fff; background:url(images/new-bg2.png) repeat center center; display:inline-block; width:190px; height:40px; line-height:40px;  text-align:center;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.new-ban .new-zhu a:hover, .new-ban .new-zhu a.hover{ background:url(images/new-bg1.png) repeat center center;}

.new-case .new-img{ float:left; display:inline-block; overflow:hidden; width:320px;}
.new-case .new-img img{ display:block; transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.new-case .new-con{ float:left; display:inline-block; width:550px; padding-left:25px; padding-right:50px;}
.new-case{ width:990px; margin:0 auto;}
.new-case li{ border:1px solid #eaeaea; position:relative; margin-bottom:25px; position:relative;}
.new-case li .new-title{ font-size:20px; color:#333333; line-height:25px; padding-top:25px;}
.new-case li .new-time{ font-size:14px; color:#5e5e5e; line-height:22px; padding:10px 0;}
.new-case li .new-des{ font-size:14px; color:#707070; line-height:24px;}
.new-case li span{ position:absolute; display:block; width:106px; height:28px; text-align:center; line-height:28px; font-size:13px; color:#fff; background:#a0a0a0; bottom:0; right:0;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.new-case li:hover span{ background:#006dc5;}
.new-case li:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.new{ padding-top:50px; padding-bottom:100px;}

.new-case  .share{ position:absolute; right:0; top:0;}

.new-case .new-readti{ font-size:20px; text-align:center; color:#000; padding-bottom:5px;}
.new-case .new-readlongti{ font-size:18px; text-align:center; color:#666; padding-bottom:20px;}
.new-case .new-readcon{ font-size:14px; color:#757575; line-height:22px;}
.new-case .new-readcon p{ padding-bottom:20px;}
.new-case .new-readcon img{ max-width:100%; height:auto;}
.new-shang p{ font-size:14px; color:#3F3F3F; line-height:28px;}
.new-shang p:hover a{ color:#000; text-decoration:underline;}


.pagenum{ text-align:center; margin-top:50px;}
.pagenum span, .pagenum a{ font-size:15px; color:#727272; border:1px solid #f5f5f5; padding:5px 10px; display:inline-block;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out; margin:0 1px; cursor:pointer;}
.pagenum span:hover, .pagenum a:hover, .pagenum span.current{ background:#006dc5; color:#fff;}







/***********代理加盟**********/
.dai-ban{ background:url(images/dai-ban.jpg) no-repeat center center; width:100%; height:555px; position:relative;}
.dai-ban .dai-zhu{ color:#fff; position:absolute; left:50%; top:48%; width:600px; margin-left:-300px; text-align:center;}
.dai-ban .dai-zhu .dai-title{ font-size:39px; line-height:45px;}
.dai-ban .dai-zhu .dai-long{ font-size:20px; line-height:25px; padding-top:5px;}

.dai-1{ padding:110px 0;}
.dai-1 .dai-huan{ width:1000px; margin:0 auto; display:block;}
.dai-1 .dai-huan .huan-ti{ font-size:26px; color:#333333; line-height:28px;}
.dai-1 .dai-huan p{ font-size:13px; color:#4f4f4f; line-height:30px; padding-top:25px;}


.dai-2{ background:#1e84c5; padding:95px 0;}

.dai-2 .dai-zheng{ width:1000px; margin:0 auto; display:block;}
.dai-2 .zheng-ti{ font-size:26px; color:#ffffff; line-height:30px; text-align:center; padding-bottom:20px;}
.dai-2 li{ float:left; display:inline-block; width:248px; height:240px; position:relative;}
.dai-2 li .zheng-img{ position:relative; z-index:10;}
.dai-2 li .zheng-con{ background:#ffffff; width:247px; height:115px;position:absolute; left:0; bottom:3px; border-left:1px solid #f4f4f4; overflow:hidden;}
.dai-2 li .zheng-con p{ padding:0 20px; padding-top:30px; font-size:14px; color:#4c4c4c; line-height:18px;}

.dai-2 .picScroll-left{ width:100%; height:240px; position:relative;}
.dai-2 .picScroll-left .hd ul{display:inline-block;}
.dai-2 .picScroll-left .hd ul li{  text-indent:-99999px; cursor:pointer; background:url(images/point.png) no-repeat right center; width:15px; height:10px; display:inline-block; margin:0 2px;}
.dai-2 .picScroll-left .hd ul li.on{ background:url(images/point.png) no-repeat left center;}
.dai-2 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.dai-2 .picScroll-left .hd{ position:absolute; width:100%; bottom:-30px; left:0; text-align:center;}


.dai-3{ padding-top:75px; padding-bottom:100px;}
.dai-3 .dai-jian{ width:1000px; margin:0 auto; display:block;}
.dai-3 .jian-ti{ font-size:26px; color:#333333; line-height:30px; padding-bottom:40px; padding-left:25px;}
.dai-3 li{ float:left; display:inline-block; text-align:center; width:130px; position:relative; margin-right:87px;}
.dai-3 li .jian-des{ font-size:14px; color:#4c4c4c; line-height:20px; padding-top:15px;}
.dai-3 li.k5 .jian-tou{ display:none;}
.dai-3 li .jian-tou{ background:url(images/tiao6.png) no-repeat center  center; width:110px; height:20px; position:absolute; top:30px; right:-100px;}
.dai-3 li.k5{ margin-right:0;}	




.dai-4{ background:url(images/dai-bg1.jpg) no-repeat center center; height:485px; width:100%;}
.dai-4 .sheng{ width:1000px; margin:0 auto; display:block;}
.dai-4 .sheng-con{ background:url(images/bg-1.png) repeat center center; height:395px; width:370px; padding:0 50px; padding-top:90px;}
.sheng-con .sheng-qu{ font-size:26px; color:#1e84c5; line-height:30px;}
.sheng-con .sheng-des{ font-size:14px; color:#545454; line-height:24px; padding-top:15px; padding-bottom:30px;}
.sheng-con .sheng-di p{ font-size:15px; color:#545454; line-height:28px;}
.sheng-con .sheng-dian{ font-size:14px; color:#545454; line-height:20px; padding-top:45px;}
.sheng-con .sheng-dian span{ color:#1e84c5;}





/************案例************/
.case-ban{ background:url(images/wu-ban.jpg) repeat center center; height:555px; width:100%; color:#fff; position:relative; background-size:cover;}
.case-ban .case-ti{ position:absolute; left:50%; top:48%; font-size:39px; line-height:45px; width:600px; text-align:center; margin-left:-300px;}
.case-ban .case-menu{ position:absolute; left:50%; bottom:0; width:770px; margin-left:-365px; text-align:center;}
.case-ban .case-menu a{ font-size:14px; color:#ffffff; display:inline-block; width:190px; height:40px; background:url(images/about-bg.png)repeat center center; text-align:center; line-height:40px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out; float:left; margin:0 1px;}
.case-ban .case-menu a:hover, .case-ban .case-menu a.hover{ background:url(images/new-bg1.png) repeat center center;}

.case{ padding-top:50px; padding-bottom:100px;}
.case .case-li{ width:970px; margin:0 auto; display:block;}
.case li{ float:left; display:inline-block; width:305px; height:370px; overflow:hidden; border:1px solid #eaeaea; margin:8px;}
.case li .case-img{ overflow:hidden;}
.case li:hover .case-name{ color:#006dc5; transform:translate(0,10px);    -webkit-transform:translate(0,10px);    -moz-transform:translate(0,10px);    -o-transform:translate(0,10px);    -ms-transform:translate(0,10px);}
.case li:hover .case-des{ color:#006dc5; transform:translate(0,10px);    -webkit-transform:translate(0,10px);    -moz-transform:translate(0,10px);    -o-transform:translate(0,10px);    -ms-transform:translate(0,10px);}
.case li img{transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out; display:block;}
.case li:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.case li .case-time{ font-size:13px; color:#595959; line-height:22px; padding:20px;}
.case li .case-name{ font-size:20px; color:#333333; line-height:24px; padding:0 20px; padding-top:30px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.case li .case-des{ font-size:13px; color:#707070; line-height:22px; padding:0 20px; padding-top:15px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}

.case-readti{ font-size:20px; color:#000; line-height:25px; padding-bottom:20px; text-align:center;}
.case-readcon p{font-size: 14px;color: #757575;line-height: 22px; padding-bottom:20px;}




/*********人才招聘*********/
.job-ban{ background:url(images/job-ban.jpg) repeat center center; height:580px; width:100%; position:relative; color:#fff; text-align:center; background-size:cover;}
.job-ban .job-title{ position:absolute; left:50%; top:46%; width:600px; margin-left:-300px;}
.job-ban .job-title p{ font-size:39px; line-height:45px;}
.job-ban .job-title span{ background:url(images/new-bg1.png) repeat center center; width:135px; height:40px; line-height:40px; display:inline-block; font-size:16px; margin-top:30px;}

.job{ padding:70px 0;}
.job .job-nei{ width:1000px; margin:0 auto; display:block;}
.job .job-ti{ font-size:28px; color:#000000; line-height:32px; text-align:center;}
.job .job-fa{ font-size:14px; color:#666; line-height:24px; text-align:center; padding-top:10px;}
.job .job-fa a{ color:#1a71b8; border-bottom:1px solid #1a71b8;}
.job-con .job-top { background:#049fd9; height:40px; line-height:40px;}
.job-con .job-top span{ font-size:16px; color:#fff; display:inline-block; padding:0 20px; width:200px;}
.job-con .job-top span.pp1{ background:#1a71b8; width:240px;}
.job-con{ margin-top:30px;}
.job-con li span{ display:inline-block; padding:0 20px; width:200px;background:#e8e8e8;line-height:40px;font-size:14px; color:#444444; }
.job-con li span.kk1{ width:240px;}
.job-con li .job-miao{ background:#f6f6f6; padding:0 40px; position:relative; padding-top:50px; padding-bottom:25px;}
.job-con li .job-des{ background:#fff; padding:40px 30px; font-size:13px; color:#5b5b5b; line-height:26px; border:1px dashed #ccc; display:none;}
.job-con li i{ font-size:14px; color:#444444; line-height:25px; background:url(images/job_img5.jpg) no-repeat right center; padding-right:20px; position:absolute; left:20px; top:20px; cursor:pointer;}
.job-con li i.on{ background:url(images/job_img4.jpg) no-repeat right center;}
.job-con li i:hover{ color:#000;}
.job-con li .san{ background:url(images/san.jpg) no-repeat center center; width:11px; height:12px; position:absolute; left:31px ;top:49px;}
.job-con li.z1 .job-des{ display:block;}





/************服务********/
.wu-ban{ background:url(images/fu-ban.jpg) repeat center center; height:555px; width:100%; background-size:cover; color:#fff; text-align:center; position:relative;}
.wu-ban .wu-title{ position:absolute; left:50%; top:40%; width:576px; margin-left:-288px; text-align:center;}
.wu-ban .wu-type{ font-size:39px; line-height:45px;}
.wu-ban .wu-menu{ margin-top:25px;}
.wu-ban .wu-menu a{ background:url(images/new-bg2.png) repeat center center; display:inline-block; width:190px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; float:left; margin:0 1px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.wu-ban .wu-menu a:hover, .wu-ban .wu-menu a.on{ background:url(images/new-bg1.png) repeat center center;}

.wu .wu-con{ padding:100px;}
.wu .wu-con .wu-biao{ font-size:26px; color:#333333; line-height:35px;}
.wu .wu-con .wu-nei{ margin-top:30px;}
.wu .wu-con .wu-nei p{ font-size:13px; color:#6d6d6d; line-height:24px;}
.wu .wu-con .wu-nei p.lan{ font-size:18px; color:#1e84c5;}



.xian1{ padding:100px 0;}
.xian-ing{font-size:26px; color:#333333; line-height:28px; padding-bottom:35px;}
.xian1 .xian-li{ width:970px; margin:0 auto; display:block;}
.xian1 li{ float:left; display:inline-block; width:305px; height:350px; margin:8px; overflow:hidden;}
.xian1 li .xian-name{ font-size:20px; color:#333333; line-height:25px; padding-top:20px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.xian1 li .xian-des{ font-size:13px; color:#707070; line-height:20px; padding-top:10px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.xian1 li:hover img{ opacity:0.7;}
.xian1 li img{transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}
.xian1 li:hover .xian-name, .xian1 li:hover .xian-des{ color:#000;transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}

/*应用经验*/
.dow{ padding:100px 0;}
.dow .dow-con{ width:910px; margin:0 auto; display:block;}
.dow .dow-ying{ font-size:26px; color:#333333; line-height:28px; padding-bottom:35px;}
.dow li .dow-name{ float:left; display:inline-block; width:700px; background:url(images/fu-2.jpg) no-repeat left center; padding:6px 0; padding-left:40px; font-size:14px; color:#545454; line-height:20px;}

.dow li .dow-xia{ float:right; display:inline-block;}
.dow li .dow-xia a{ display:inline-block; width:115px; height:32px; background:#a0a0a0; font-size:14px; color:#fff; text-align:center; line-height:32px;transition:All 0.6s ease-in-out;    -webkit-transition:All 0.6s ease-in-out;    -moz-transition:All 0.6s ease-in-out;    -o-transition:All 0.6s ease-in-out;}

.dow li:hover a{background:#006dc5;}
.dow li:hover .dow-name{ color:#006dc5;}
.dow li{ border-bottom:1px solid #e7e7e7; padding:35px 0;}
.dow ul{ border-top:1px solid #e7e7e7;}





/*********方案**********/
.fang-ban{ background:url(images/an-ban.jpg) repeat center center; background-size:cover; height:555px; text-align:center; position:relative; color:#fff;}
.fang-ban .fang-type{ position:absolute; width:100px; font-size:39px; line-height:45px; left:50%; margin-left:-50px; top:43%;}
.fang-menu{ background:url(images/xi-bg1.png) repeat center center; width:100%; position:absolute; left:0; bottom:0; text-align:center; height:48px; color:#fff; line-height:48px; font-size:16px;}
.fang-menu i{ display:inline-block; margin-right:115px;}
.fang-menu span{ display:inline-block; cursor:pointer; margin-right:45px;}
.fang-menu span:hover, .fang-menu span.hover{ color:#ccc;}


.fang{ padding:110px 0;}
.fang .fang-con{ width:820px; margin:0 auto; display:block;}
.fang .fang-title{ font-size:28px; color:#282828; line-height:32px;}
.fang .su-con{ margin-top:20px;}
.fang .su-con p{ font-size:13px; color:#595959; line-height:22px;}
.fang .su-con img{ max-width:100%; height: auto;}




.xuan{ position:fixed; bottom:50px; right:50px; background:#666;}
.xuan a{display:block; width:50px; height:45px; text-align:center; line-height:45px;}
.xuan p{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.xuan a.fan{ background:url(images/top1.png) no-repeat center center;}
.xuan a.top{ background:url(images/top2.png) no-repeat center center;}
.xuan p:hover{ background:#333;}

.new-readtime{ text-align:center; padding-bottom:30px; font-size:14px; color:#333; line-height:25px;}
.new-readtime span{ display:inline-block; margin:0  20px;}




/*
后增加产品
*/
.w_auto1{ width:1150px; margin:0 auto; display:block;}
.pro-1 img{ max-width:100%; height:auto;}


.pin-one{ background:url(images/pro_img/hui-bg.jpg) no-repeat center center; background-size:cover; height:540px; width:100%;}
.pin-one .pin-title{ font-size:24px; color:#fff; line-height:28px; padding-top:115px; padding-bottom:20px;}
.pin-one li{ float:left; display:inline-block; width:570px; height:120px; background:#0091ce; margin-bottom:10px; margin-left:10px;}
.pin-one li.bb1, .pin-one li.bb3{ margin-left:0;}
.pin-one li h2{ font-size:18px; color:#fff; line-height:24px; font-weight:lighter; padding-left:30px; padding-top:28px; padding-bottom:8px;}
.pin-one li p{ font-size:13px; color:#fff; line-height:20px; padding:0 30px;}
.pin-one li:hover{ background:#fff;}
.pin-one li:hover h2, .pin-one li:hover p{ color:#0091ce;}


.pin-two{ padding:90px 0;}
.pin-two .pin-gn{ font-size:24px; color:#303030; line-height:28px; text-align:center; padding-bottom:30px;}
.pin-two .pin-neng{ border:1px solid #ccc; height:700px; overflow-y:scroll; padding:40px;}
.pin-two .pin-neng p{ font-size:13px; color:#606060; line-height:22px;}



.zu-1{ background:#0081c5; padding:105px 0; color:#fff;}
.zu-1 .w_auto1{ position:relative;}
.zu-1 img{ display:block; margin:0 auto;}
.zu-1 .zu-wen li{ font-size:13px; line-height:20px;}
.zu-1 .zu-wen li.zz1{ position:absolute; top:0; right:0; width:352px;}
.zu-1 .zu-wen li.zz2{ position:absolute; top:205px; right:0; width:262px;}
.zu-1 .zu-wen li.zz3{ position:absolute; top:420px; right:0; width:352px;}
.zu-1 .zu-wen li.zz4{ position:absolute; top:420px; left:0; width:352px;}
.zu-1 .zu-wen li.zz5{ position:absolute; top:205px; left:0; width:262px;}
.zu-1 .zu-wen li.zz6{ position:absolute; top:0; left:0; width:352px;}


.pin-two .zu-left{ float:left; display:inline-block; width:210px;background:#f2f6f9;}
.zu-left .zu-gong{ font-size:20px; color:#303030; line-height:45px; padding-left:20px;}
.zu-left li{ font-size:14px; color:#494949; height:38px; line-height:38px; padding-left:20px; cursor:pointer;}
.zu-left li:hover, .zu-left li.hover{ background:url(images/pro_img/zu-img3.png) no-repeat 185px center; background-color:#dae6ef;}
.pin-two .zu-right{ float:left; display:inline-block; margin-left:50px; width:890px;}
.zu-right h2{ font-size:22px; color:#0081c5; line-height:24px; font-weight:lighter; padding-bottom:15px;}
.zu-right p{ font-size:16px; color:#5e5e5e; line-height:20px; padding-bottom:15px;}
.zu-right table{ width:100%; border-right:1px solid #dadada;}
.zu-right tr td{ font-size:14px; color:#565656; height:40px; border-bottom:1px solid #dadada; border-left:1px solid #dadada;}
.zu-right tr.gn{ background:#2a8cce; height:40px; }
.zu-right tr.gn .one{ text-align:center; background:#1a71b8; width:170px;color:#fff; font-size:16px;  border-left:1px solid #0d79be;}
.zu-right tr.gn .two{ text-align:center; width:170px; color:#fff; font-size:16px;border-left:1px solid #0081c5;}
.zu-right tr.gn .three{ padding-left:20px;color:#fff; font-size:16px; border-left:1px solid #0081c5;}
.zu-right tr .yi, .zu-right tr .er{ text-align:center;}
.zu-right tr .san{ padding-left:20px;}
.zu-right .guan-1{ display:none;}




.yu-1{ background:url(images/pro_img/jiu-img2.jpg) no-repeat center center; height:676px; width:100%;}
.yu-1 .yu-title{ font-size:24px; color:#fff; line-height:28px; padding-top:125px; padding-bottom:25px;}
.yu-1 .yu-left{ float:left; display:inline-block; width:320px; background:#e9f3f9; border-right:1px solid #ccc; height:340px;}
.yu-1 .yu-left li{ height:68px; line-height:68px; font-size:15px; color:#333; padding-left:18px; cursor:pointer;border-left:5px solid #e9f3f9;}
.yu-1 .yu-left li:hover, .yu-1 .yu-left li.hover{ background:#fefeff; border-left:5px solid #00a5e5;}
.yu-1 .yu-right{ float:right; display:inline-block; width:693px; background:#fff; height:340px; padding:0 68px;}
.yu-1 .yu-right .yu-miao{ padding-top:30px; display:none;}
.yu-1 .yu-right p{ font-size:14px; color:#565656; line-height:30px;}

.yu-2{ padding:80px 0;}
.yu-2 .yu-top{}
.yu-2 .yu-top li{ float:left; display:inline-block; width:220px; border:1px solid #ccc; height:52px; line-height:52px; text-align: center; font-size:16px; color:#303030; margin-top:10px; margin-left:10px; cursor:pointer;}
.yu-2 .yu-top li span{ padding-left:35px; display:inline-block;}
.yu-2 .yu-top li.mm1 span{ background:url(images/pro_img/zu-inco1.png) no-repeat left center;}
.yu-2 .yu-top li.mm2 span{ background:url(images/pro_img/zu-inco2.png) no-repeat left center;}
.yu-2 .yu-top li.mm3 span{ background:url(images/pro_img/zu-inco3.png) no-repeat left center;}
.yu-2 .yu-top li.mm4 span{ background:url(images/pro_img/zu-inco4.png) no-repeat left center;}
.yu-2 .yu-top li.mm5 span{ background:url(images/pro_img/zu-inco5.png) no-repeat left center;}
.yu-2 .yu-top li.mm6 span{ background:url(images/pro_img/zu-inco6.png) no-repeat left center;}
.yu-2 .yu-top li.mm7 span{ background:url(images/pro_img/zu-inco7.png) no-repeat left center;}
.yu-2 .yu-top li.mm8 span{ background:url(images/pro_img/zu-inco8.png) no-repeat left center;}
.yu-2 .yu-top li.mm9 span{ background:url(images/pro_img/zu-inco9.png) no-repeat left center;}
.yu-2 .yu-top li.mm10 span{ background:url(images/pro_img/zu-inco10.png) no-repeat left center;}
.yu-2 .yu-top li.mm1, .yu-2 .yu-top li.mm6{ margin-left:0;}
.yu-2 .yu-top li:hover, .yu-2 .yu-top li.hover{ background:#0081c5; color:#fff;}


.yu-2 .yu-gn{ font-size:24px; color:#303030; line-height:28px; padding-bottom:20px;}
.yu-bottom{ border:1px solid #d9d9d9; margin-top:10px; padding:0 45px; padding-bottom:100px;}
.yu-bottom p{ font-size:15px; color:#5b5b5b; line-height:28px;}
.yu-bottom p.jia{ color:#000; font-weight:bold; padding-top:35px;}
.yu-bottom .yu-con{ display:none;}



.geng-1{ background:url(images/pro_img/jiu-img2.jpg) repeat center center; background-size:cover; height:676px;}
.geng-1 .geng-te{ font-size:24px; color:#fff; text-align:center; padding-top:100px; padding-bottom:80px;}
.geng-1 li{ background:#fff; width:235px; float:left; display:inline-block; padding:0 25px; height:285px; margin-left:30px; position:relative;}
.geng-1 li span{ position:absolute; top:-44px; left:50%; margin-left:-45px; display:block; width:90px; height:90px;}
.geng-1 li i{ background:url(images/pro_img/gx-img5.png) no-repeat center center; position:absolute; bottom:-13px; width:19px; height:13px; left:50%; margin-left:-9px; display:block;}
.geng-1 li.xi1{ margin-left:0;}
.geng-1 li h2{ font-size:18px; color:#000000; line-height:22px; font-weight:lighter; padding-top:70px; text-align:center; padding-bottom:18px;}
.geng-1 li p{ font-size:14px; color:#5e5e5e; line-height:24px;}
.geng-1 li.xi1 span{ background:url(images/pro_img/gx-img1.png) no-repeat center center;}
.geng-1 li.xi2 span{ background:url(images/pro_img/gx-img2.png) no-repeat center center;}
.geng-1 li.xi3 span{ background:url(images/pro_img/gx-img3.png) no-repeat center center;}
.geng-1 li.xi4 span{ background:url(images/pro_img/gx-img4.png) no-repeat center center;}


.geng-2{ padding:105px 0;}
.geng-2 .geng-le{ float:left; display:inline-block; width:220px; background:#f2f6f9;}
.geng-2 .geng-rh{ float:left; display:inline-block; margin-left:50px; width:830px;}
.geng-le .geng-gn{ font-size:20px; color:#303030; line-height:45px; padding-left:20px;}
.geng-le li{ font-size:14px; color:#494949; height:38px; line-height:38px; padding-left:20px; cursor:pointer;}
.geng-le li:hover, .geng-le li.hover{ background:url(images/pro_img/zu-img3.png) no-repeat 185px center; background-color:#dae6ef;}

.geng-rh table{ width:100%; border-right:1px solid #dadada; margin-bottom:20px;}
.geng-rh tr{ height:38px;}
.geng-rh tr.g-tr{ height:38px; background:#0081c5; color:#fff; width:100%;}
.geng-rh tr.g-tr td{ padding-left:40px;color:#fff; }
.geng-rh tr td{ border-bottom:1px solid #dadada; border-left:1px solid #dadada;}
.geng-rh tr td.g-td{ width:165px; text-align:center; padding-left:0;}
.geng-rh tr td{ padding-left:20px; font-size:15px; color:#565656;}
.geng-rh .geng-biao{ display:none;}


.geng-tu .slideBox{ width:100%; height:700px; position:relative;}
.geng-tu .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.geng-tu .slideBox .bd li{ zoom:1; vertical-align:middle; }
.geng-tu .slideBox .bd img{display:block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.geng-tu .slideBox .prev{ background:url(images/pro_img/jiu-inco1.png) no-repeat center center; position:absolute; display:block; width:39px; height:39px; left:-39px; top:50%; margin-top:-20px;}
.geng-tu .slideBox .next{background:url(images/pro_img/jiu-inco2.png) no-repeat center center; position:absolute; display:block; width:39px; height:39px; right:-39px; top:50%; margin-top:-20px;}
.geng-tu li p{ font-size:20px; color:#000; line-height:30px; padding-top:20px;}

.geng-3{ background:#f3f4f6; text-align:center; padding:80px 0;}
.geng-3 .liu-ti {font-size: 26px;color: #424242;line-height: 28px; padding-bottom: 35px;}


.ying-1{ padding-top:100px; padding-bottom:300px;}
.ying-1 p{font-size:20px; color:#F00; line-height:25px;}