@charset "utf-8";
/* CSS Document */
/** 
華仕尊城設計顧問有限公司
www.w-vi.com
**/
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}
.css3{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;}




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


.head{ padding-top:25px;}
.head .w_auto{ width:1280px;}
.head a.logo{ background:url(../img/logo.png) no-repeat center center; width:230px; height:60px; float:left; display:inline-block;}
.head .funtion{ float:right; display:inline-block; width:870px;}
.head .funtion .menu{ float:left; display:inline-block; text-align:center; width:725px; padding-top:20px;}
.menu li{ display:inline-block; margin:0 15px; line-height:40px; padding-bottom:25px; position:relative;}
.menu li a.one{ font-size:16px; color:#565656;}
.menu li:hover a.one, .menu li.hover a.one{ color:#871EDC;}
.head .funtion .head-right{ float:right; display:inline-block; width:145px;}
.head-right .language{ text-align:right;}
.head-right .language a{ font-size:12px; color:#333; padding:3px 10px;}
.head-right .language a:hover, .head-right .language a.hover{ background:#871EDC; color:#fff;}
.head-right .tell-num{ background:url(../img/inco1.jpg) no-repeat left center; padding-left:34px; font-size:15px; color:#2b2b2b; margin-top:35px;}
.menu li dl{ position:absolute; top:66px; left:-29px; z-index:10; background:#fff; width:120px; display:none; text-align:center;}
.menu li dd a{ font-size:15px; color:#333; line-height:35px; 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;}
.menu li dd a:hover{ background:#871EDC; color:#fff;}

.banner{ position:relative; height:600px;}
.banner li{ position:absolute; top:0; left:0; width:100%; height:600px; display:none;}

.banner .point{ position:absolute; width:100%; left:0; bottom:50px; text-align:center;}
.banner .point span{ background:url(../img/little_icon.png) no-repeat right center; width:14px; height:14px; display:inline-block; margin:0 4px; text-indent:-9999px; cursor:pointer;}
.banner .point span.on{background:url(../img/little_icon.png) no-repeat left center; }
.banner span.dian{ background:url(../img/inco2.png) no-repeat center center; width:64px; height:65px; position:absolute; bottom:-30px; left:50%; margin-left:-32px;-webkit-animation: xiao 1s linear infinite; cursor:pointer;}

@-webkit-keyframes xiao{
	0{ opacity:0; bottom:-45px}
	20%{ opacity:0.2; bottom:-42px}
	40%{ opacity:0.4; bottom:-39px}
	60%{ opacity:0.6; bottom:-36px}
	80%{ opacity:0.8; bottom:-33px}
	100%{ opacity:1; bottom:-30px}
}

.block-1{  padding:10px 0;}
.block-1 li{flex:1; -webkit-flex:1;border:0px solid #E7E7E7; color:#000; float:left; width:25%; box-sizing:border-box; border-left:none; position:relative;}
.block-1 li.y1, .block-1 li.y3, .block-1 li.y6, .block-1 li.y8{ background:#ffffff;}
.block-1 li.y5{ float:right; display:inline-block;}
.block-1 li .new-more{ position:absolute; bottom:0; right:0; font-size:12px; color:#fff; background:#bababa; width:105px; height:30px; line-height:30px; text-align:center;}
.block-1 li .new-zhu{ padding:15px 20px;}
.block-1 li .new-time{ font-size:12px; color:#000000; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
.block-1 li .new-type{ font-size:12px; color:#871EDC; line-height:18px; border:1px solid #871EDC; padding:2px 6px; display:inline-block; margin-left:10px;}
.block-1 li .new-top{ border-bottom:1px solid #dbdee1; padding-bottom:10px;}
.block-1 li .new-img{ float:left; display:inline-block; width:52px;}
.block-1 li .new-jie{ float:left; display:inline-block; width:222px; margin-left:15px;}
.block-1 li .new-title{ font-size:14px; color:#191919; line-height:22px;}
.block-1 li .new-des{ font-size:12px; color:#595959; line-height:18px; padding-top:10px;}
.block-1 li .new-con{ padding-top:16px;}
.block-1 li:hover{ background:#871EDC;}
.block-1 li:hover .new-time, .block-1 li:hover .new-type, .block-1 li:hover .new-title ,.block-1 li:hover .new-des{ color:#fff; opacity:0.8;}
.block-1 li:hover .new-type{ border:1px solid #fff;}
.block-1 li:hover .new-top{ border-bottom:1px solid rgba(255,255,255,0.2);}
.block-1 li:hover .new-more{ background:#f28003;}
.block-1 li:hover .new-title ,.block-1 li:hover .new-des{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}
.block-1 .w_auto{ position:relative;}
.block-1 .video{ position:absolute; top:235px; left:50%; margin-left:-165px; width:330px; height:235px; overflow:hidden;}
.block-1 .video 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;}
.block-1 .video: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);}


.block-2{ background:url(../img/ditu1.jpg) no-repeat top center #9a0000; padding-bottom:100px;}
.block-2 .w_auto{ width:1280px;}
.block-2 .contact-title{ font-size:25px; color:#fff; line-height:28px;}
.block-2 .contact span{ border-bottom:2px solid #fff; display:block; width:60px; margin-top:10px;}
.block-2 .contact{ padding-top:85px;}
.block-2 .contact-gsm{ font-size:18px; color:#fff; line-height:24px; font-weight:bold; padding-bottom:10px;}
.block-2 .contact p{ font-size:13px; color:#fff; opacity:0.8; line-height:22px;}
.block-2 .contact-xin{ margin:35px 0;}
.block-2 .contact-share{ margin-top:5px;}
.block-2 .contact-share a{ margin-left:7px; display:inline-block; float:left;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;}
.block-2 .contact-share a:hover{ transform:rotate(360deg);  -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.block-2 .contact-share a.w1{ margin-left:0;}
.block-2 .contact-place{ margin-top:1px;}
.block-2 .place-name span{ background:#e21f27; color:#fff; width:230px; height:42px; text-align:center; line-height:42px; display:inline-block; float:left;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; cursor:pointer;}
.block-2 .place-name span:hover, .block-2 .place-name span.hover{ background:#f28003;}
.block-2 .place-con{ background:#fff; display:none;}
.block-2 .place-title{ float:left; display:inline-block; width:111px;text-align:center; padding:52px 15px;}
.block-2 .place-title .place-zw{ font-size:18px; color:#871EDC; line-height:24px; font-weight:bold;}
.block-2 .place-title .place-yw{ font-size:13px; color:#666666; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.block-2 .place-nei{ float:left; display:inline-block; padding-left:35px;width:350px; padding-bottom:30px;}
.block-2 .place-nei .place-ji{ font-size:15px; color:#383838; line-height:22px; border-bottom:1px solid #f2f2f2; padding-bottom:5px; margin-bottom:5px;}
.block-2 .place-nei p{ font-size:13px; color:#666666; line-height:20px;}
.block-2 .place-read{ float:left; display:inline-block; width:850px;border-left:1px solid #dca6a6; padding:35px 0;}
.block-2 .place-nei:hover .place-ji{ color:#e21f27;}


.block-2 .contact{ position:relative;}
.block-2 .diqu-tu1 .qu{ display:block;}
.block-2 .diqu-tu1 .di1{ background:url(../img/hb1.png) no-repeat center center; width:276px; height:255px; position:absolute; right:90px; top:38px; filter:alpha(opacity=50);-moz-opacity: 00.5;-khtml-opacity: 0.5;opacity: 0.5;}
.block-2 .diqu-tu1 .di2{ background:url(../img/db1.png) no-repeat center center; width:139px; height:193px; position:absolute; right:1px; top:34px; filter:alpha(opacity=35);-moz-opacity: 0.35;-khtml-opacity: 0.35;opacity: 0.35; }
.block-2 .diqu-tu1 .di3{ background:url(../img/hd1.png) no-repeat center center; width:102px; height:190px; position:absolute; right:73px; top:239px;filter:alpha(opacity=35);-moz-opacity: 0.35;-khtml-opacity: 0.35;opacity: 0.35;}
.block-2 .diqu-tu1 .di4{ background:url(../img/zn1.png) no-repeat center center; width:167px; height:243px; position:absolute; right:123px; top:265px; filter:alpha(opacity=50);-moz-opacity: 00.5;-khtml-opacity: 0.5;opacity: 0.5;}
.block-2 .diqu-tu1 .di5{ background:url(../img/xn1.png) no-repeat center center; width:378px; height:217px; position:absolute; right:223px; top:255px; filter:alpha(opacity=35);-moz-opacity: 0.35;-khtml-opacity: 0.35;opacity: 0.35;}
.block-2 .diqu-tu1 .di6{ background:url(../img/xb1.png) no-repeat center center; width:414px; height:241px; position:absolute; right:214px; top:91px; filter:alpha(opacity=45);-moz-opacity: 0.45;-khtml-opacity: 0.45;opacity: 0.45;}
.block-2 .diqu-tu1 .di7{ background:url(../img/tw1.png) no-repeat center center; width:21px; height:46px; position:absolute; right:55px; top:390px; filter:alpha(opacity=35);-moz-opacity: 0.35;-khtml-opacity: 0.35;opacity: 0.35;}
.block-2 .diqu-tu1 .zong{ background:url(../img/zongbu.png) no-repeat center center; width:210px; height:330px; position:absolute; right:60px; top:126px; display:block;}
.block-2 .diqu-tu1 .hebei{ background:url(../img/hebei.png) no-repeat center center; position:absolute; display:block; width:69px; height:91px; right:120px; top:179px;}
.block-2 .diqu-tu1 .tou{ filter:alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}



.block-3{  padding:30px 0;}
.block-3 .lh-process-item{margin-top:10px;margin-left: 15px;}
.block-3 li{flex:1; -webkit-flex:1;border:1px solid #FFFFFF; color:#000; float:left; width:10%; box-sizing:border-box; border-left:none; position:relative;}
.block-3 li:first-child{border-left:1px solid #FFFFFF;}
.block-3 li:hover{border-color:#FFFFFF; left:-1px; border-left:1px solid #ffffff; z-index:2;}
.block-3 li:first-child:hover{left:0;}
.block-3 li i{float:left; font-size:48px; color:#e54545; display:block; width:48px; text-align:center; margin-right:5px;}
.block-3 li i.icon-yuyue{font-size:46px;}
.block-3 li a{color:#000;display: block; padding:0px 0 0px 0px;}
.block-3 li h2{font-size:14px;}
.block-3 li h3{font-size:12px; margin-top:3px;}
.lh-process-h2 .more{float:right; font-size:12px; position:relative;}
.lh-process-h2 span{font-size:14px; color:#9b9b9b; margin-left:15px; position:relative; top:1px;}
.lh-process-h2 .more:before{content:''; display:block; width:45px; height:2px; background:#e54545; position:absolute; right:0; bottom:0; transition:all .35s;}
.lh-process-h2 .more:hover:before{width:20px;}
.block-3{margin-top:-20px;}

.block-3 li{width:315px; float:left;margin-bottom:30px}
.block-3 li:first-child{margin:60;}
.block-3 li .img{width:305px; height:112px; overflow:hidden;}
.block-3 li .img img{width:305px; height:112px; transition:ease-out .3s;}
.block-3 li h2{color:#9b9b9b; margin-top:13px; line-height:14px; height:14px; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .35s;}
.block-3 li h2:hover{color:#871EDC;}
.block-3 li .img:hover img{transform:scale(1.1,1.1);}


.block-4{  padding:30px 0;}
.block-4 .lh-pic-item{margin-top:10px;margin-left: 30px;}
.block-4 li{flex:1; -webkit-flex:1;border:1px solid #FF00FF; color:#FF00FF; float:left; width:10%; box-sizing:border-box; border-left:1px solid #FF00FF; position:relative;}
.block-4 li:first-child{border-left:1px solid #FF00FF;}
.block-4 li:hover{border-color:#FF00FF;}
.block-4 li:first-child:hover{left:0;}
.block-4 li i{float:left; font-size:48px; color:#e54545; display:block; width:48px; text-align:center; margin-right:5px;}
.block-4 li i.icon-yuyue{font-size:46px;}
.block-4 li a{color:#000;display: block; padding:0px 0 0px 0px;}
.block-4 li h2{font-size:14px;}
.block-4 li h3{font-size:12px; margin-top:3px;}
.lh-pic-h2 .more{float:right; font-size:12px; position:relative;}
.lh-pic-h2 span{font-size:14px; color:#9b9b9b; margin-left:15px; position:relative; top:1px;}
.lh-pic-h2 .more:before{content:''; display:block; width:45px; height:2px; background:#e54545; position:absolute; right:0; bottom:0; transition:all .35s;}
.lh-pic-h2 .more:hover:before{width:20px;}
.block-4{margin-top:-20px;}

.block-4 li{width:287px; float:left;margin-right:20px;margin-bottom:30px;}
.block-4 li:first-child{margin:60;}
.block-4 li .img{width:285px; height:218px; overflow:hidden;}
.block-4 li .img img{
	width:285px;
	height:218px;
transition:ease-out .3s;}
.block-4 li h2{color:#9b9b9b; margin-top:13px; margin-bottom:10px; line-height:14px; height:14px; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .35s;}
.block-4 li h2:hover{color:#871EDC;}
.block-4 li .img:hover img{transform:scale(1.1,1.1);}



.foot{ background:#231f20; padding-top:55px;}
.foot .foot-left{ float:left; display:inline-block;}
.foot-left dl{ float:left; display:inline-block; margin-right:110px;}
.foot-left dl dt{ font-size:16px; color:#871EDC; line-height:24px; padding-bottom:15px;}
.foot-left dl dd a{ font-size:14px; color:#a0a0a0; line-height:22px; display:block; padding:2px 0;}
.foot-left dl dd a:hover{ color:#fff;}
.foot .foot-right2{ float:right; padding-left:16px; display:inline-block;}
.foot-right2 p{ font-size:16px; color:#871EDC; line-height:24px; padding-bottom:18px;}
.foot .foot-right{ float:right; padding-left:0px; display:inline-block;}
.foot-right p{ font-size:16px; color:#871EDC; line-height:24px; padding-bottom:18px;}
.foot .foot-top{ border-bottom:1px solid #413e3f; padding-bottom:35px;}
.foot .foot-middle{ padding:30px 0;}
.foot .foot-middle a{ font-size:12px; color:#a0a0a0; line-height:20px; border-right:1px solid #413e3f; padding-right:12px; margin-right:12px; margin-bottom:20px; display:inline-block;}
.foot .foot-middle a:hover{ color:#fff; text-decoration:underline;}
.foot-bottom{ background:#141414; height:50px; line-height:50px;}
.foot-bottom .foot-copy{ float:left; display:inline-block; font-size:12px; color:#a09f9f;}
.foot-bottom .foot-fen{ float:right; display:inline-block;}
.foot-fen a{ display:inline-block;}
.foot-fen a img{ vertical-align:middle;}
.foot-fen a:hover img{ filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}



/*
产品服务
*/
.product{ position:relative;}
.product .comm-menu{ background:#871EDC; position:absolute; bottom:-30px; left:0; width:100%; height:55px; line-height:55px;}
.product .comm-menu a{ color:#fff; font-size:14px; width:115px; display:inline-block; 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;}
.product .comm-menu a:hover, .product .comm-menu a.hover{ background:#ffffff; color:#383838;}


.zulin{ position:relative;}
.zulin .comm-menu{ background:#871EDC; position:absolute; bottom:-30px; left:0; width:100%; height:55px; line-height:55px;}
.zulin .comm-menu a{ color:#fff; font-size:14px; width:165px; display:inline-block; 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;}
.zulin .comm-menu a:hover, .zulin .comm-menu a.hover{ background:#ffffff; color:#383838;}

.pro-case{ padding:60px 0;}
.pro-case li{ height:246px; overflow:hidden; margin-bottom:15px;}
.pro-case li .pro-img{ float:left; display:inline-block; overflow:hidden;}
.pro-case li .pro-con{ float:right; display:inline-block; width:755px; background:#f4eff0; height:246px; position:relative;}
.pro-case li .pro-title{ font-size:18px; color:#383838; line-height:25px; padding:40px 20px 15px 20px;}
.pro-case li .pro-des{ font-size:13px; color:#595959; line-height:22px; padding:0 20px;}
.pro-case li span{ position:absolute; right:0; bottom:0; width:102px; height:30px; display:block; font-size:12px; text-align:center; line-height:30px; background:#bababa; color:#fff;}
.pro-case li:hover .pro-con{ background:#871EDC;}
.pro-case li:hover .pro-title, .pro-case li:hover .pro-des{ color:#fff;transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}
.pro-case li:hover span{ background:#0f1219;}
.pro-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;}
.pro-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);}


.pro-case li.n2 .pro-img, .pro-case li.n4 .pro-img, .pro-case li.n6 .pro-img, .pro-case li.n8 .pro-img, .pro-case li.n10 .pro-img, .pro-case li.n12 .pro-img, .pro-case li.n14 .pro-img{ float:right; display:inline-block;}
.pro-case li.n2 .pro-con, .pro-case li.n4 .pro-con, .pro-case li.n6 .pro-con, .pro-case li.n8 .pro-con, .pro-case li.n10 .pro-con, .pro-case li.n12 .pro-con, .pro-case li.n14 .pro-con{ float:left; display:inline-block}
.pagenum{ text-align:center; margin-top:50px;}
.pagenum span{ font-size:14px; color:#686868; line-height:20px; display:inline-block; margin:0 5px; cursor:pointer;}
.pagenum span:hover, .pagenum span.current{ color:#871EDC;}
.pagenum a{ font-size:14px; color:#686868; line-height:20px; display:inline-block; margin:0 5px; cursor:pointer;}
.pagenum a:hover{ color:#871EDC;}



.pro-read{
	padding-bottom:10px;
	padding-top:75px;

}
/*.pro-read .pro-con{ padding:0 32px;}*/
.pro-read .pro-title{ font-size:18px; color:#191919; line-height:24px;}
.pro-read .pro-longti{ font-size:16px; color:#5e5e5e; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
.pro-read span.xian{ width:65px; display:block; border-bottom:2px solid #871EDC; margin-top:15px;}
.pro-read .pro-nei p{ font-size:14px; color:#595959; line-height:22px; padding-bottom:30px;}
.pro-read .pro-nei{ padding-top:30px;}
.pro-read .pro-nei img{ max-width:100%; height:auto;}



/*
合作伙伴
*/
.he{ padding:70px 0;}
.he .he-title{ font-size:25px; color:#1e1e1e; line-height:28px; text-align:center; padding-bottom:5px;}
.he span.xt{width:65px; display:block; border-bottom:2px solid #871EDC; margin:0 auto;}
.he li{ float:left; display:inline-block; margin:0 35px; margin-top:40px; width:128px; height:60px;}
.he li 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;}
.he li:hover img{ transform:rotateY(360deg);  -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg);}



/*
分部地址
*/
.add-nei{ margin-top:50px;}
.add-nei li{ float:left; display:inline-block; width:495px; margin-bottom:40px; height:90px;}
.add-nei li .addtitle{font-size:18px; color:#871EDC; line-height:24px;padding-bottom:15px;}
.add-nei li p{font-size:14px; color:#515151; line-height:24px;}
.add-nei li:hover p{ color:#000;}
/*
咨询留言
*/
.liu{ padding:90px 0;}
.liu .liu-title{ font-size:25px; color:#474747; line-height:28px; text-align:center; padding-bottom:5px;}
.liu .liu-longti{font-size:13px; color:#474747; line-height:20px; text-align:center;}
.liu .liu-input input{ width:472px; height:36px; line-height:36px; padding-left:15px; font-size:14px; color:#333; background:#efefef; border:1px solid #efefef; 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;}
.liu .liu-input{ margin-bottom:15px;}
.liu .liu-input input.shu1{ float:left; display:inline-block;}
.liu .liu-input input.shu2{ float:right; display:inline-block;}
.liu textarea{ width:975px; height:170px; padding-left:15px; font-size:14px; color:#333; background:#efefef;  border:1px solid #efefef; padding-top:10px;}
.liu .liu-form{ margin-top:45px; position:relative;}
.liu .sbmuit{ width:106px; height:35px; text-align:center; line-height:35px; font-size:16px; color:#fff; background:#871EDC; position:absolute; display:block; bottom:4px; right:0; 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; cursor:pointer;}
.liu .sbmuit:hover{ background:#000;}
.liu .liu-input input.se{ border:1px solid #ccc;}
.liu textarea.se{border:1px solid #ccc;}


/*
软件下载
*/
.dow-li{ margin-top:20px;}
.dow-li li{ border-bottom:1px solid #e3e3e3; padding:20px 0;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;}
.dow-li li p{ font-size:14px; color:#282828; line-height:22px; float:left; display:inline-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;}
.dow-li li span{ background:url(../img/dow2.png) no-repeat  center center; width:20px; height:20px; float:right; display:inline-block;}
.dow-li li:hover span{ background:url(../img/dow1.png) no-repeat center center;}
.dow-li li:hover p{ color:#871EDC;transform:translate(10px,0px); -webkit-transform:translate(10px,0px); -moz-transform:translate(10px,0px); -o-transform:translate(10px,0px); -ms-transform:translate(10px,0px);}
.dow-li li:hover {border-bottom:1px solid #871EDC;}



/*
招聘信息
*/
.job{ margin-top:30px;}
.job ul{ background:#f4eff0; border-top:1px solid #dfdede;border-right:1px solid #dfdede;}
.job li{ text-align:center; height:40px; border-bottom:1px solid #dfdede;font-size:14px;}
.job li span{ display:inline-block; width:178px; height:40px; line-height:40px; border-left:1px solid #dfdede; float:left;}
.job li.tt1{ background:#871EDC; color:#fff; font-size:14px;}
.job li span.zhi{ width:270px;}
.job li a{ width:80px; height:25px; display:inline-block; line-height:25px; text-align:center; color:#fff; display:inline-block; background:#2d2d2d; cursor:pointer;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;}
.job li a:hover{ background:#871EDC;}
.job-fu .fu-title{ font-size:18px; color:#871EDC; line-height:24px; padding-top:40px; padding-bottom:15px;}
.job-fu p{ font-size:14px; color:#636363; line-height:24px;}


.tan{ position:fixed; width:100%; height:100%; background:url(../img/tan-bg.png) repeat center center; top:0; left:0; display:none; text-align:left;}

.tan .tan-con{ background:#fff; height:700px; position:fixed; width:990px; top:50%; margin-top:-350px;}
.tan .tan-con .tan-title{ float:left; display:inline-block; font-size:18px; color:#232323; line-height:25px; margin-left:15px;}
.tan .tan-con .tan-close{ font-size:20px; float:right; display:inline-block; margin-right:15px;width:30px; text-align:center;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; cursor:pointer;}
.tan .tan-con .tan-close:hover{ background:#871EDC; color:#fff; }
.tan .tan-con .tan-top{ border-bottom:2px solid #f29094; padding-top:10px; padding-bottom:10px;}
.tan .tan-con tr{ height:35px; border-bottom:1px solid #e4e4e4; }
.tan .tan-con tr td.ww{ background:#fff8f9; font-size:14px; color:#727272;}
.tan .tan-con tr td{ padding-left:35px;font-size:14px; color:#2d2d2d;}
.tan .tan-con tr td.mm{ color:#871EDC;}
.tan .tan-con table{ width:100%;}
.tan .tan-zhi{ margin-top:25px; padding:0 30px; }
.tan .tan-zhi .tan-read{border:1px solid #e4e4e4;}
.tan .tan-zhi .zhi-read{ padding:35px; height:420px; overflow-y:scroll;}
.zhi-read p{ font-size:13px; color:#727272; line-height:24px;}



/*
新闻
*/
.xin{ padding:75px 0;}
.xin li .xin-top{ border-bottom:1px solid #e8e4e5; padding-bottom:10px;}
.xin li{ padding:20px 25px; background:#f4eff0; position:relative;}
.xin li.r2, .xin li.r4, .xin li.r6, .xin li.r8, .xin li.r10, .xin li.r12, .xin li.r14, .xin li.r16, .xin li.r18{ background:#e2e7eb;}
.xin li .xin-top .xin-lei{ display:none;}
.xin li.r1 .xin-lei, .xin li.r2 .xin-lei, .xin li.r3 .xin-lei{ display:inline-block;}
.xin li .xin-shi{ font-size:12px; color:#000000; line-height:22px; font-family:"Times New Roman", Times, serif;}
.xin li .xin-lei{ font-size:12px; color:#871EDC; width:65px; height:20px; border:1px solid #871EDC; display:inline-block; text-align:center; line-height:20px; margin-left:10px;}
.xin li .xin-title{ font-size:14px; color:#191919; line-height:24px;}
.xin li .xin-des{ font-size:12px; color:#595959; line-height:20px; padding-top:10px;}
.xin li .xin-left{float:left; display:inline-block;}
.xin li .xin-right{ float:left; display:inline-block; margin-left:15px; width:700px;}
.xin li .xin-con{ margin-top:15px;}
.xin li .xin-more{ font-size:12px; color:#fff; width:100px; height:30px; background:#bababa; text-align:center; line-height:30px; position:absolute; right:0; bottom:0;}
.xin li:hover{ background:#871EDC;}
.xin li:hover .xin-title, .xin li:hover .xin-des{ color:#fff;transform:translate(10px,0px); -webkit-transform:translate(10px,0px); -moz-transform:translate(10px,0px); -o-transform:translate(10px,0px); -ms-transform:translate(10px,0px);}
.xin li:hover .xin-lei{ border:1px solid #fff; color:#fff;}
.xin li:hover .xin-top{ border-bottom:1px solid #de494f;}
.xin li:hover .xin-more{ background:#0f1219;}
.xin li:hover .xin-shi{ color:#fff;}
.xin 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;}
.xin 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);}

.xin-readti{ font-size:18px; color:#333; line-height:24px; text-align:center;}
.xin-ri{ font-size:15px; color:#686868; line-height:20px; text-align:center;}
.xinread_con p{font-szie:14px;color:#595959;line-height: 22px;padding-bottom: 30px;}
.xinread_con{ margin-top:30px;}
.xin-shang{ margin-top:40px;}
.xin-shang p{ font-size:14px; color:#000; line-height:28px;}
.xin-shang p:hover a{ color:#871EDC;}





.xuan{ text-align:center; position:fixed; top:50%; right:0px; width:80px; display:none;}
.xuan a.zi{ background:#fff; display:block; padding:15px 0; border:1px solid #dedede;}
.xuan a.zi p{ background:url(../img/xi1.png) no-repeat center top; padding-top:50px; font-size:12px; color:#3f3f3f; line-height:18px;}
.xuan a.top p{ background:url(../img/xi2.png) no-repeat center top; padding-top:6px;font-size:12px; color:#3f3f3f; line-height:18px;}
.xuan a.top{ background:#fff; display:block;border:1px solid #dedede; margin-top:5px; padding:5px 0;}
.xuan a:hover p{ color:#871EDC;}



.pro-case dd{ position:relative; margin-bottom:30px;}
.pro-case dd 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;}
.pro-case dd .pro-onebg{ background:rgba(230,33,41,0.9); position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.pro-onebg .pro-fen{ font-size:30px; color:#fff; line-height:32px;}
.pro-onebg .pro-more{ font-size:13px; background:#000; width:100px; height:28px; line-height:28px; text-align:center; color:#fff; margin:0 auto; margin-top:15px;}
.pro-onebg .pro-one{ position:absolute; top:50%; left:0; width:100%; height:100px; margin-top:-50px;}
.pro-case dd: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);}
.pro-case dd .pro-onetu{ overflow:hidden; width:990px; height:350px;}




/*
社会责任
*/
.hui-ban{ height:280px; overflow:hidden;}
.hui-ban img{ display:block;}
.hui-li{ padding:70px 0;}
.hui-li .w_auto{ width:1100px;}
.hui-left{ float:left; display:inline-block; width:620px;}
.hui-right{ float:right; display:inline-block; width:460px;}
.hui-right dd{ display:block;}
.hui-right dd a{ font-size:14px; color:#09217B;  line-height:22px; display:block;}
.hui-right dd p{ float:left; display:inline-block;}
.hui-right dd span{ float:right; display:inline-block;}
.hui-left .picScroll-left{ width:620px; height:465px;overflow:hidden; position:relative;}
.hui-left .picScroll-left .hd .prev,.picScroll-left .hd .next{ }
.hui-left .picScroll-left .hd{ position:absolute; left:0; bottom:0px; width:100%; height:15px; text-align:center;}
.hui-left .picScroll-left .hd ul li{ display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 4px;-webkit-border-radius:10px; background:#fff; text-indent:-99999px; cursor:pointer;}
.hui-left .picScroll-left .hd ul li.on{ background:#F00;}
.hui-left .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.hui-left .picScroll-left .bd ul li{ float:left; display:inline-block;}
.hui-left .picScroll-left .bd ul li img{ display:block; width:620px; height:465px;}

.hui-right dd a:hover{ color:#871EDC; text-decoration:underline;}


.section-title {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
	padding-bottom:20px;
}
.piclist{
	width:238px;height:213px;margin-left:5px;margin-top:5px;
}


#introduction {
    margin-top: 30px;
	
}
#introduction .title-container,
#news .title-container {
    position: relative;
    margin-bottom: 20px;
}
#introduction .title-container .line,
#news .title-container .line {
	position: absolute;
	top: 17px;
	left: 241px;
	margin-top: -1px;
	width: 1036px;
	height: 2px;
	background-color: #e7e7e7;
	z-index: -1;
	
}
#introduction .title-container .title,
#introduction2 .title-container .title,
#news .title-container .title {
    display: inline-block;
    padding-left: 40px;
    padding-right: 24px;
   
}
#introduction .title-container .title span,
#introduction2 .title-container .title span,
#news .title-container .title span {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 38px;
    font-size: 50px;
    color: #871EDC;
    font-family: 'Arial';
    font-weight: bold;
}
#introduction .title-container .title h3.cn,
#introduction2 .title-container .title h3.cn,
#news .title-container .title h3.cn {
    margin-bottom: 4px;
    color: #871EDC;
    font-size: 20px;
    font-weight: bold;
}
#introduction .title-container .title h3.en,
#introduction2 .title-container .title h3.en,
#news .title-container .title h3.en {
    color: #a1a1a1;
    font-size: 14px;
    font-family: 'Arial';
    font-weight: bold;
}
#introduction .video {
    float: left;
    width: 410px;
    height: 230px;
}
#introduction .content {
    position: relative;
    float: right;
    width: 860px;
    height: 230px;
    background: #871EDC url('../img/introduction.jpg') no-repeat top right;
}
#introduction .content .text {
    padding: 25px 18px 15px 27px;
}
#introduction .content .text h2 {
    margin-bottom: 11px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}
#introduction .content .text h5 {
    color: #cbf1a9;
    font-size: 18px;
    font-family: 'Arial';
}
#introduction .content .text p {
    padding-top: 28px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
    font-family: '宋体';
}
#introduction .content .text p span {
    color: #2285eb;
}
#introduction .content > a {
    display: inline-block;
    position: absolute;
    left: 27px;
    bottom: 15px;
    padding-left: 44px;
    color: #fff;
    font-size: 12px;
    font-family: '宋体';
    background: url('../images/arrow.jpg') no-repeat 5px center;
}


.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1280px;
}


#introduction2 {
    margin-top: 0px;
	
}

#introduction2 .video {
    float: left;
    width: 410px;
    height: 230px;
}
#introduction2 .content {
    position: relative;
    float: right;
    width: 576px;
    height: 230px;
    background: #871EDC url('../img/introduction2.jpg') no-repeat top right;
}
#introduction2 .content .text {
    padding: 25px 18px 15px 27px;
}
#introduction2 .content .text h2 {
    margin-bottom: 11px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}
#introduction2 .content .text h5 {
    color: #cbf1a9;
    font-size: 18px;
    font-family: 'Arial';
}
#introduction2 .content .text p {
    padding-top: 28px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
    font-family: '宋体';
}
#introduction2 .content .text p span {
    color: #2285eb;
}
#introduction2 .content > a {
    display: inline-block;
    position: absolute;
    left: 27px;
    bottom: 15px;
    padding-left: 44px;
    color: #fff;
    font-size: 12px;
    font-family: '宋体';
    background: url('../images/arrow.jpg') no-repeat 5px center;
}

#in_02{ width:1920px; height:230px; left:50%; margin-left:-960px; background: url(../img/fengcaibg.jpg) no-repeat; position:relative;}
#in_02m{ width:1265px; height:230px; margin:0 auto; position:relative;}
#in_02m .t_px{ width:45px; height:119px; left:17px; top:39px; position:absolute}
#in_02m .t_px:hover{ top:25px;}

.pagenews-titile{text-align:center;padding-top:56px;padding-bottom:56px}
.pagenews-list{width:100%;overflow:hidden;padding-top:6px;padding-left:35px;padding-right:5px}
.pagenews-list li{width:372px;margin-bottom:60px; border-style:solid; border-width:1px; border-color:#DDD;overflow:hidden;-webkit-box-shadow:0 2px 6px #cecece;-moz-box-shadow:0 2px 6px #cecece;box-shadow:0 2px68px #cecece;float:left;margin-right:42px}
.pagenews-list li img{display:block;margin: 0 auto;}
.pagenews-list li div{color:#666;background:#fff;padding:30px}
.pagenews-list li div h4{font-size:16px;margin-bottom:13px;margin-top:0;color:#444;width: 100%;overflow: hidden;height: 20px;white-space: nowrap;text-overflow: ellipsis;}
.pagenews-list li div p{font-size:14px;line-height:22px;height: 88px; overflow: hidden;}
.pagenews-list li div .fenl{color: #871EDC;background: url(../img/qr_27.png) no-repeat  left center;padding-left: 30px;margin-bottom: 10px;display: block;font-size: 14px;line-height: 20px;}
.pagenews-list li div em{ overflow: hidden;; font-style:normal;width:100%;margin-top:12px;display:block;font-size:12px}
.pagenews-list li div em span{float:left}
.pagenews-list li div em a{float:right;color:#871EDC}
.pagenews-list .signup{ padding: 0;border-radius: 20px;display: block;width: 120px;height: 35px;margin: 17px auto 0 auto;}
.pagenews-list .signup a{background: #871EDC;border-radius: 20px;display: block;width: 120px;height: 35px;text-align: center;line-height: 35px;color: #fff;padding: 0;}

.pagenews-list li div:hover h4{ color: #fff;}
.pagenews-list li div:hover em a{ color: #fff;}
.pagenews-list li div:hover p{ color: #fff;}
.pagenews-list li div:hover{ background: #871EDC; color: #fff; cursor: pointer;}
.pagenews-list li div:hover .signup a{ background: #fff; color: #871EDC;}
.pagenews-list li div:hover .fenl{ color: #fff;background: url(../img/qr_28.png) no-repeat  left center;}


.top_1{ width:368px; height:20px;float:right;}
.top_2{ width:368px; float:left; font-size:12px; margin-top:9px;}
.top_3{ width:79px; float:left; height:17px; line-height:17px; background:url(../img/index_03.jpg) no-repeat; background-position:0px -3px; padding-left:18px; border-right:#CCC 1px solid;}
.top_3:hover{ width:79px; float:left; height:17px; line-height:17px; background:url(../img/index_031.jpg) no-repeat; background-position:0px -3px; padding-left:18px; border-right:#CCC 1px solid;}
.top_3 a{ color:#6c6c6c;}
.top_3 a:hover{ color:#4F14CE;}
.top_4{ width:76px; float:left; height:17px; line-height:17px; padding-left:18px; background:url(../img/index_02_03.jpg) no-repeat; background-position:10px -3px; text-align:center; color:#1973d1; border-right:#CCC 1px solid;}
.top_4:hover{ width:76px; float:left; height:17px; line-height:17px; padding-left:18px; background:url(../img/index_02_031.jpg) no-repeat; background-position:10px -3px; text-align:center; border-right:#CCC 1px solid;}
.top_4 a{ color:#6c6c6c;}
.top_4 a:hover{ color:#4F14CE;}
.top_5{ width:82px; float:left; height:17px; line-height:17px; padding-left:4px; background-position:10px -3px; text-align:center; color:#1973d1;}
.top_5:hover{ width:82px; float:left; height:17px; line-height:17px; padding-left:4px; background-position:10px -3px; text-align:center;}
.top_5 a{ color:#6c6c6c;}
.top_5 a:hover{ color:#4F14CE;}