﻿@charset "utf-8";
/*Reset www.toprand.net*/
/*修改标记*//*修改前*/
.banner{ height:477px;}
.main{ float:left; width:100%; padding:0 0 40px 0;}
.about_m1{ display:block; overflow:hidden; clear:both; line-height:38px; color:#585757;}
.about_tit{ margin:40px 0 8px 0; display:block; overflow:hidden; clear:both; font-size:12px;text-transform:uppercase; border-bottom:2px solid #d3d3d3; padding-bottom:8px; line-height:20px; float:left; width:100%;}
.about_tit h2{ font-size:40px; line-height:56px;}
.idea,.environment{ float:left; width:100%;display:block; overflow:hidden; clear:both;line-height:38px;}
.emvironlist li{ float:left; width:490px; margin:17px 21px 0 0;}
.emvironlist li.nor{ margin-right:0;}
.emvironlist li img{ display:block;}
.team{ float:left; width:100%;}
.teamlist li{ float:left; width:100%; line-height:36px; padding:16px 0 60px; margin-bottom:26px; border-bottom:1px solid #b2b2b2;}
.teamlist li .pic{ float:left;}
.teamlist li .txt{ float:right; width:758px;}
.teamlist li .txt b{ line-height:18px; color:#e50012; border-bottom:1px solid #ec7a83; display:inline-block; height:24px;}
.teamlist li.last{ border-bottom:none;}
.academic{ float:left; width:100%; line-height:36px;}
.academiclist li{ float:left; width:100%; margin:6px 0 20px; line-height:36px;}
.academiclist li.nor{ margin-bottom:0;}
.academiclist li img{ display:block;}
.academiclist li span{ display:block; line-height:20px; margin-bottom:15px; float:left; width:100%;}
.abnews{ float:left; width:100%; margin:40px 0 0 0;}
.title{ float:left; width:100%; padding-bottom:15px; line-height:20px; font-size:12px;text-transform:uppercase;}
.title p,.title h2,.title span.line{-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;-mz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.title p{ margin-left:0px;}
.title h2{font-size:40px; line-height:56px;}
.title:hover h2,.title:hover p{ color:#e40012}

.latest{ float:left; width:472px;}
.hotspot{ float:right; width:472px;}
.newbox{ float:left; width:100%; height:626px; background:#959595; color:#fff;}
.newbox .new_hot{width:472px; height:418px; overflow:hidden;}
.newbox .txt{ display:block; width:412px; padding:14px 0 0 32px; line-height:36px;}
.newbox .txt a.more{ float:right; color:#fff; font-size:13px;}
.newbox .txt a.more b{font-family:"\5B8B\4F53"; font-size:14px; line-height:24px;}
.newbox a{ color:#fff;}
.newbox .txt a.more:hover,.newbox a:hover{color:#e40012;}
.newbox h2{ font-size:21px; font-weight:bold;}
.inewslist li{ float:left; width:100%;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-mz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.inewslist li a{ display:block;color:#fff;border-bottom:1px dashed #fff;}
.inewslist li a:hover{ color:#fff;}
.inewslist li:hover{padding:0 28px 0 32px;margin:0 -28px 0 -32px; background:#646464;}
/*index*/
.ban{ height:477px;}
.focus{	width:100%;	height:477px;	position:relative; zoom:1; }
.f426x240{width:100%;height:477px;overflow:hidden; }/*3.21*/
.rslides li{ width:100%; height:477px; float:left;}
.rslides{width:100%;position:relative;list-style:none;padding:0px;margin: 0px; margin:0 auto;}
.rslides_nav{height:51px;width:31px;position:absolute;bottom:110px;left:0;	opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;margin-top:-28px; display:none }
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;right:0}
.rslides_tabs{text-align:center;position:absolute;bottom:40px; z-index:99; left:0; width:100%; text-align:center;}
.rslides_tabs li{display:inline;margin-right:8px}
.rslides_tabs a{width:16px; height:16px; background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px; text-indent:-99999px; display:inline-block; margin:0 10px;}
.rslides_tabs .rslides_here a{ background:#e40012;}


.m1{ padding:40px 0 60px; float:left; width:100%; background:#f3f3f3;}
.ihisnav li{ float:left;width:172px; height:172px; margin:36px 34px 0 0;display:table; text-align:center; font-size:18px; line-height:24px; position:relative;background:url(../images/yuan1.png) center top no-repeat;}
.ihisnav li:hover{margin-top:28px;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-mz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ihisnav li a{ display:table-cell; vertical-align:middle; color:#fff;}
.ihisnav li.nor{ margin-right:0;}
.m2{ float:left; width:100%; background:#e5e5e5; height:288px;}
.fixem2{ position:fixed; left:0; top:50px; z-index:999; background:url(../images/bgfixedm2.png) left bottom repeat-x; height:50px;}
.ibrandlist li{ float:left; width:305px; margin:44px 0 0 0; height:74px;}
.ibrandlist li a{ display:block; color:#717071;}
.ibrandlist li a:hover,.ibrandlist li a.hover{ color:#e40012;}
.ibrandlist li a span.icon,.ser_tit span.icon{ background:url(../images/icon1.png) no-repeat; width:74px; height:74px; float:left; margin-right:8px;}
.ibrandlist li a span.icon1,.ser_tit span.icon1{ background-position:0 0;}
.ibrandlist li a span.icon2,.ser_tit span.icon2{ background-position:0 -74px;}
.ibrandlist li a span.icon3,.ser_tit span.icon3{ background-position:0 -148px;}
.ibrandlist li a span.icon4,.ser_tit span.icon4{ background-position:0 -219px;}
.ibrandlist li a span.icon5,.ser_tit span.icon5{ background-position:0 -296px;}
.ibrandlist li a span.icon6,.ser_tit span.icon6{ background-position:0 -370px;}
.ibrandlist li a span.txt{ float:left; width:194px; margin:20px 0 0 0; font-size:12px; text-transform:uppercase;}
.ibrandlist li a span.txt b,.ser_tit h2 b{ display:block; font-size:24px; line-height:30px;}
.ibrandlist li.spa{ border-left:1px solid #717071; border-right:1px solid #717071; width:280px; padding-left:22px; margin-right:22px;}
.ibrandlist li.nor{ width:360px;}
.ibrandlist li.nor a span.txt{ width:250px;}
.ser_tit h2{ margin-top:30px;}
.ser_tit{ display:block; overflow:hidden; clear:both;font-size:12px; text-transform:uppercase; color:#e40012; line-height:16px; padding-bottom:16px;}
.fixem2 .ibrandlist li{ margin-top:8px; height:22px; width:120px; overflow:hidden; padding: 0 15px; text-align:center;}
.fixem2 .ibrandlist li.spa{ width:auto;}
.fixem2 .ibrandlist li a span.icon{ display:none;}
.fixem2 .ibrandlist li a span.txt{ margin-top:0; margin-left:0; width:120px;}
.fixem2 .ibrandlist li a span.txt b{ line-height:22px; font-size:16px;}
.fixem2 .ibrandlist li.nor{border-right:1px solid #717071; width:auto;}
.fixem2 .ibrandlist li.nor a span.txt{ width:120px;}

.m3{ float:left; width:100%; padding:42px 0;}
.filter{ float:left; width:100%;}
.filter_tit{ display:block; overflow:hidden; clear:both; border-bottom:2px solid #cccccc;font-size:12px;line-height:20px;text-align:center; padding-bottom:20px;}
.filter_tit p{ font-size:18px; font-size:18px;}
.filter_con{ float:left; width:100%; line-height:36px; margin:13px 0 0 0; color:#707070;}
.filter_con a{ float:left; width:218px;}
.filter_con a.spa{ width:119px;}
.ibrand_tit{width:50%; text-align:center; padding:50px 0 0 0; font-size:12px; line-height:26px; overflow:hidden; clear:both; margin:0 auto;}
.ibrand_tit h2,.filter_tit h2{ color:#595757; font-size:40px; line-height:50px; width:100%;}
.ibrand_tit p{ font-size:12px; line-height:20px;}
.ibrand_tit img{-moz-transform-style:-moz-preserve-3d;-ms-transform-style:-ms-preserve-3d;-webkit-transform-style:-webkit-preserve-3d;transform-style:preserve-3d; -webkit-prespective:800;-moz-prespective:800;-ms-prespective:800;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%; perspective-origin:50% 50%;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-mz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;border-radius:50%;}
.ibrand_tit:hover img{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);ransform:rotateY(180deg); }
.ibrand_tit a:hover h2,.ibrand_tit a:hover p{ color:#e40012;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-mz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.ibrand_tit a{ display:block;}
.ibrand_tit a:hover{color:#e40012;}
.ibrandlist2 li{ float:left; width:314px; margin:30px 10px 0 10px; font-size:12px; line-height:38px;}
/*修改标记*//*.ibrandlist2 li{ float:left; width:314px; margin:30px 26px 0 0; font-size:12px; line-height:38px;}*/
.ibrandlist2 li.nor{ margin-right:0;}
.ibrandlist2 li h2{ font-size:16px; border-bottom:1px solid #878787;}
.ibrandlist2 li h2 span.num{ float:right; background:url(../images/mouse.png) left center no-repeat; font-size:12px; padding-left:18px;}
.ibrandlist2 li a{ display:block;}
.ibrandlist2 li a img{ display:block;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-mz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.ibrandlist2 li .work_thumb{ width:314px; height:208px; overflow:hidden;}
.ibrandlist2 li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.lookmore{ float:right; margin:20px 0 0 0;}
.lookmore a{ background:url(../images/more2.png) right center no-repeat; padding-right:16px; color:#e40012; font-weight:bold; font-size:13px;}
.lookmore2 a{background:url(../images/more.png) right center no-repeat;}
.lookmore3{ width:209px; margin:0 auto; float:none; line-height:33px; background:#e6e6e6; margin-top:40px; text-align:left;}
.lookmore3 a{ padding-left:73px; display:block; background:none; color:#999;background:url(../images/jtpic3.png) 132px center no-repeat;-webkit-transition: none;
-moz-transition: none;-o-transition: none;-mz-transition: none;transition: none;}
.lookmore3 a:hover{ color:#e40012; background:url(../images/more.png) 132px center no-repeat;}
.vibox{ float:left; width:100%; margin:32px 0 0 0;}
.mtop{ padding-top:0;}
.iabnews{ margin:50px 0 0 0;}
.filter2{ text-align:left; margin-top:42px; border-bottom:1px solid #a6a5a5; font-size:12px;}
.filter2 a{ float:right; color:#e51f19; font-size:18px; margin:46px 0 0 0;}
.filter2 h2{ font-size:40px;}
.filter2 h2 i{ font-size:12px; width:100%; display:block; line-height:18px;}
/*case*/
.case{ float:left; width:100%; margin:40px 0 0 0;}
.case_tit{ float:left; width:100%; font-size:12px; line-height:20px; padding-bottom:15px; border-bottom:1px solid #b2b2b2; font-weight:normal;}
.case_tit h2{ font-size:40px; line-height:56px;}
.caselist li{ float:left; width:100%; margin:26px 0 0px 0; line-height:40px; font-size:16px;}
.caselist li a img{ margin-bottom:6px;}
.caselist li a img,.caselist li a{ display:block;}
.caselist li a h2 span{ float:right; font-size:12px;}
.mcon{ float:left; width:100%; padding:28px 0 0 0;}
.mleft{ float:left; width:800px; background:#fff; padding:60px 0 0 0;}
.mright{ float:right; width:185px;}
.relate_tit{ line-height:42px; background:#c8c8c8; float:left; width:100%;}
.news_tit{ border-bottom:1px solid #b8b7b8; color:#595757; font-size:40px; line-height:48px; padding:0 0 22px 55px; display:block; overflow:hidden; clear:both;}
.newsdt{ display:block; overflow:hidden; clear:both; padding:26px 55px 0; line-height:36px;}
.relate_case{ float:left; width:100%; ; text-align:center; line-height:30px; font-size:12px;}
.sharelist li{ float:left; width:92px; text-align:center; margin:0 0 0 47px; padding:32px 0 28px; font-size:12px; border-bottom:1px solid #a9a8a9;}
.sharelist li.nor{ border-bottom:none;}
.sharelist li a span.fx{ display:inline-block; width:46px; height:50px; background:url(../images/icon2.png) no-repeat;}
.sharelist li a:hover span.fx{ background:url(../images/ico3.png) no-repeat;}
.siderbar .sharelist li a span.fx{ background:url(../images/ico5.png) no-repeat;}
.sharelist li a span.fx1,.sharelist li a:hover span.fx1,.siderbar .sharelist li a span.fx1{ background-position:0 0;}
.sharelist li a span.fx2,.sharelist li a:hover span.fx2,.siderbar .sharelist li a span.fx2{ background-position:0 -50px;}
.sharelist li a span.fx3,.sharelist li a:hover span.fx3,.siderbar .sharelist li a span.fx3{ background-position:0 -100px;}
.baojia{ float:left; width:800px; text-align:center; margin:57px 0 0 0;}
.formbox{ display:block; overflow:hidden; clear:both; border:2px solid #e58486; margin:50px 0 0 0;}
.formbox .r{ float:right; padding:20px 26px 28px 0;}
.formbox .l{ float:left; width:695px; padding:20px 0 0 0;}
.formtable{ float:left; width:100%;}
.formtable td{ vertical-align:top;}
.formtable p{ padding-bottom:15px;}
.formtable .bb{ margin-right:6px;}
.writelist li{ text-align:right; width:390px; float:left;}
.wtxt1{ width:245px; height:18px; border:none; line-height:18px; color:#666; font-size:12px; padding-left:5px; background:#fff;}
.wtxt3{ width:133px;}
.writelist li .span1{ width:246px; float:right;}
.item1{ margin-left:10px;}
.item2{ width:170px; display:inline-block; text-align:left;}
.wtxt2{ border:1px solid #b6b6b7; height:60px; width:264px; resize:none; padding-left:5px; font-size:12px; color:#444;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:24px; margin-top:-8px;outline:none;}
.submitbtn{ float:right; width:88px; height:24px; border:none; cursor:pointer; color:#fff; background:#717071; margin:6px 10px 0 0; font-size:16px;}
.submitbtn:hover{ background:#e40011; color:#fff;}

/*news*/
.newsdt_tit{ float:left; width:100%; padding:78px 0 48px; text-align:center; line-height:48px;}
.newsdt_tit h2{ line-height:85px; font-size:40px;}
/*修改标记*//*.newsdt_tit h2{ line-height:85px; font-size:60px;}*/
.nslist li{ float:left; width:487px; margin:0 0 40px; line-height:50px;}
.nslist li.fr{ float:right;}
.news_detail{ float:left; width:100%; line-height:36px;}
.tips{ float:left; width:100%; margin:90px 0 0 0; border-bottom:2px solid #cdcdcd; line-height:60px;}
.tips a{ color:#e50012; width:447px; float:left; overflow:hidden;}
.tips a.backlist{ float:right; width:auto;}
/*contact*/
.contact{ display:block; overflow:hidden; clear:both; margin:30px 0 0 0;}
.ask{ float:left; width:100%;}
.ask p{ margin:10px 0 0 0; line-height:38px; background:url(../images/tel_icon1.jpg) left center no-repeat; font-size:20px; color:#231815; padding-left:40px;}
.ask p b{ font-size:30px;}
.askbtn{ float:right; width:230px; background:#e40012; line-height:76px; text-align:center; font-size:32px; color:#fff;}
.askbtn:hover{ color:#fff;}
.problem{ float:left; width:100%; padding-bottom:30px; border-bottom:1px solid #b2b2b2;}
.problemlist li{ float:left; width:100%; line-height:36px;}
.problemlist li h2{ color:#e50012;}
.honor{ float:left; width:100%; padding-top:20px;}
.honorlist li{ float:left; width:100%; margin:26px 0 0 0; height:280px; overflow:hidden;}
.honorlist li .pic{ float:left;}
.honorlist li .txt{ float:right; width:672px; height:279px; border-bottom:1px solid #b1b0b1; line-height:36px;}
.honorlist li .txt h2{ color:#e00012; font-size:24px; line-height:24px; padding-bottom:10px;}
.response{ float:left; width:100%;}
.responselist li{ float:left; width:100%; margin:20px 0 10px 0;}
.responselist li .pic{ float:left;}
.responselist li .txt{ float:right; width:592px; line-height:36px; border-bottom:1px solid #b1b0b1; height:175px; margin-top:-10px;}
.response .academiclist{ float:left; width:100%; padding:14px 0 0 0; border-bottom:2px solid #d1d1d1;}
.design{border-bottom:2px solid #d1d1d1; padding-bottom:30px;}

/*advatage*/
.advatage{ padding-top:0px;}
.about_tit2{ margin-bottom:8px;}
/*service*/
.service{ float:left; width:100%; padding:0px 0 40px; position:relative;}
.jiao{ position:absolute; left:0; top:0;}
.designlist li{ float:left; line-height:26px; border-left:2px solid #d61518; padding-left:12px; margin:12px 155px 0 5px;}
.designlist2 li{ margin-right:32px;}/*gai*/
.designlist3 li{ margin-right:166px;}
.designlist4 li{ margin-right:145px;}
.designlist5 li{ margin-right:250px;}
.designlist li.nor{ margin-right:0;}
.designlist li p{ padding-bottom:10px;}
.vibox2{ float:left; width:100%; margin:68px 0 0 0;}
.service_tab{ float:left; width:100%; background:#dddddd;}
.service_tabcon{ position:relative; float:left; width:100%; padding:36px 0 60px; line-height:36px; height:556px;}
.service_tabcon .moredt{ float:right; font-size:13px;}
.service_tabcon .moredt a{color:#e40012; font-weight:bold;}
.maintab{ float:left; width:100%; padding:80px 0 0;}
.tabnav{ width:400px; margin:0 auto; height:246px; position:relative;}
.tabnavlist li{ float:left; width:246px; height:246px; text-align:center;}
.tabnavlist li.last{ margin-left:-100px; }
.tabnavlist li a{ display:inline-block;width:246px; height:246px;border-radius:50%; position:relative;}
.tabnavlist li a img{ position:absolute; left:0; top:0;}
.tabnavlist li a img.aa{ opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.tabnavlist li a img.bb{ opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.2s ease-in-out 0.3s;
    -moz-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;}
.tabnavlist li a:hover img.aa,.tabnavlist li a.hover img.aa{ opacity:1;-webkit-transform: scale(0.5) rotate(0);
    -moz-transform: scale(0) ;
    -ms-transform: scale(0);
    -o-transform: scale(0) ;
    transform: scale(0); z-index:3;visibility: hidden;}
.tabnavlist li a:hover img.bb,.tabnavlist li a.hover img.bb{ opacity: 1;
-webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
	 z-index:999;
	 visibility: visible;
}

.tabnavlist li.last a:hover,.tabnavlist li.last a.hover{}
.tabcon1{ float:left; width:100%; line-height:36px; margin:50px 0 0 0;}

.research{ float:left; width:100%; margin:60px 0 0 0;}
.research .repic{ float:left; width:438px;}
.research .retxt{ float:right; width:485px; line-height:28px;}
.research .retxt h2{ color:#231815; font-size:24px; line-height:26px; padding-bottom:10px;}
.research .retxt p.tit{ line-height:30px; padding:8px 0;}
.research .retxt p span{ display:inline-block; width:193px;}
.research .retxt p span.spa{ width:88px;}
/*修改标记*//*.research .retxt p span.spa{ width:92px;} */
.lxtxt{ width:300px; border:none; border-bottom:2px solid #b2b1b2; height:26px; line-height:26px; background:none; font-size:14px; color:#606060}
/*修改标记*//*.lxtxt{ width:305px; border:none; border-bottom:2px solid #b2b1b2; height:26px; line-height:26px; background:none; font-size:14px; color:#606060}*/
.research .retxt .submitbtn{ float:none;}
.word1{ float:left; width:100%; border-bottom:1px solid #a6a6a5; text-align:center; padding-bottom:30px; font-size:24px;}
.word1 h2{ font-size:40px; line-height:70px;}
.years{ float:left; width:100%; margin:20px 0 0 0;}
.yearslist{ position:relative; width:485px; height:328px; margin:0 auto;}
.yearslist li{ float:left; position:absolute; color:#a4a4a4; font-size:70px; line-height:normal; cursor:pointer; font-weight:bold;}
.yearslist li.list1{ font-size:110px; color:#383838; left:82px; top:0;}
.yearslist li.list2{ left:312px; top:30px;}
.yearslist li.list3{ font-size:190px; top:90px; left:0;}
.yearslist li.list4{ font-size:93px; top:120px; left:258px; color:#5e5e5e;}
.yearslist li.list5{ font-size:120px; top:220px; left:258px; color:#8b8b8b;}
.yearslist li span.hover,.yearslist li span:hover{ color:#e40012;-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;-mz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}

.yearslist li.list1:hover{ font-size:120px;}
.yearslist li.list2:hover{ font-size:80px;}
.yearslist li.list3:hover{ font-size:200px;}
.yearslist li.list4:hover{ font-size:103px;}
.yearslist li.list5:hover{ font-size:130px;}

.years_tab{ float:left; width:100%; margin:70px 0 0 0; text-align:center;}
.years_tab h2{ color:#595957; font-size:24px; padding-bottom:10px;}
.years_tab h2 b{ color:#e40012; font-size:36px;}
.view{ float:left; width:100%; margin:40px 0 0 0;}
.view_tit{ text-align:center; border-bottom:1px solid #a6a6a5; padding-bottom:30px; text-align:center; font-size:24px;}
.view_tit h2{ line-height:70px; font-size:40px;}
.people{ float:left; width:100%; background:url(../images/bgdian2.jpg) left bottom repeat-x; position:relative;}
.peoplelist li{ float:left; width:210px; height:211px; margin:50px 27px 0 0; cursor:pointer;text-align:center; padding:10px;padding-bottom:38px; position:relative;}
.peoplelist li span{ background:url(../images/jiao2.jpg) center bottom no-repeat; height:13px; width:20px; position:absolute; left:95px; bottom:0; display:none}
.peoplelist li.hover span,.peoplelist li:hover span{ display:block;}
.peoplelist li.nor{ margin-right:0;}
.peoplelist li:hover,.peoplelist li.hover{ background:url(../images/bgyuan1.png) center top no-repeat;}
.people span.prev,.people span.next,.tPrev,.tNext{ background:url(../images/lrbtn1.png) no-repeat; width:30px; height:50px; position:absolute; left:-50px; top:50%; margin-top:-20px; cursor:pointer;}
.people span.prevStop,.people span.nextStop{ display:none;}
.people span.next,.tNext{ background-position:-30px 0; left:auto; right:-50px;}
.people_tab{ display:block; overflow:hidden; clear:both; border-bottom:2px solid #e83c4a; padding:38px 60px 28px 75px;}

.jincai{ position:absolute; top:-5px; right:10px; background:#f3f3f3;}
.histab_con{ float:left; width:100%; margin:12px 0 0 0; line-height:36px;}
.word2{ display:block; overflow:hidden; clear:both; text-align:center; margin:36px 0 0 0; float:left; width:100%;}
.people_tit{ border-left:4px solid #e40012; padding-left:15px; display:block; overflow:hidden; clear:both; height:48px; line-height:20px; margin-left:-20px; color:#e40012; margin-bottom:20px;}
.people_tit h2{ font-size:24px; font-weight:bold; line-height:28px;}

.siderbar{ background:#e40012; width:92px; position:fixed; right:0; top:50%; margin-top:-190px; z-index:999; display:none;}
.siderbar .sharelist li{ margin:0 0 0 15px; width:64px; border-bottom:1px solid #f28089; padding:15px 0;}
.siderbar .sharelist li a{ color:#fff;}
.backtop{ float:left; width:100%; text-align:center; padding:10px 0;}

.news{ float:left; width:100%; margin:65px 0 0 0; position:relative;}
.newslist li{ float:left; width:315px; height:377px; background:#fff; margin-right:19px; margin-top:8px;}
/*修改标记*//*.newslist li{ float:left; width:315px; height:377px; background:#fff; margin-right:27px; margin-top:8px;}*/
.newslist li .npic{ float:left; width:315px; height:209px; overflow:hidden;}
.newslist li .nword{ display:block; overflow:hidden; clear:both; padding:16px 20px 0; color:#878787; line-height:30px;}
.newslist li .nword h2{ border-bottom:2px solid #c7c7c7; line-height:36px; margin-bottom:6px;}
.newslist li .nword p.spa{ margin-top:8px;}
.newslist li .nword span.num{ background:url(../images/mouse.png) left center no-repeat; padding-left:20px; font-size:12px; line-height:24px; float:left;}
.newslist li .nword span.dt{ float:right; font-size:12px; color:#e40012;}
.newslist li.nor{ margin-right:0;}
.newslist li a{ display:block;}
.newslist li a img{display:block;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-mz-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.newslist li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.newslist li a:hover h2{color:#e40012;}
.news a.prev,.news a.next{ background:url(../images/lrbtn1.png) no-repeat; width:30px; height:52px; display:block; position:absolute; left:-45px; top:50%;}
.news a.next{ background-position:-30px 0; left:auto; right:-45px;}
.news a.nextStop{ display:none;}
.news a.prevStop{ display:none;}
.bglayout{ position:fixed; z-index:88888; width:100%; background:rgba(0,0,0,0.5); height:100%;}
.mydiv{ position:fixed; left:50%; top:50%; width:500px; height:180px;background:#eaebeb; z-index:999999; border-radius:5px; margin:-90px 0 0 -250px; background:#e50012;}
.close_x{ position:absolute; right:15px; top:15px;}
.mybox{ display:block; overflow:hidden; clear:both; border:1px solid #e50012; border-radius:5px; padding:18px 8px 8px; text-align:center; color:#fff;}
.mybox h2{ line-height:35px; font-size:24px; padding-bottom:10px;}
.mybox .call{ border:2px solid #fff; margin:5px 60px; line-height:30px; font-size:16px; padding:8px 0; border-radius:2px;}
.mybox .call .callnum{ display:block; font-size:28px; font-weight:bold; background:url(../images/callnum.jpg) 50px center no-repeat; padding-left:14px;}
.asksch{ display:inline-block;background:#fff; width:358px; height:35px; margin-top:17px; border-radius:4px; overflow:hidden;}
.asktxt{ float:left; width:250px; padding-left:8px; line-height:35px; height:35px; border:none; color:#707070;}
.askbtn2{ float:right;  background:url(../images/schbtn2.jpg) no-repeat; width:101px; height:35px; border:none; cursor:pointer; color:#fff; font-size:14px;}
.mydiv2{ position:fixed; width:420px; height:420px; background:#fff; left:50%; top:50%; margin:-210px 0 0 -210px; z-index:99999;}
.ewm{ text-align:center; font-size:20px; line-height:30px; margin:48px 0 0 0;}

.lianxiang{ float:left; width:100%; line-height:36px; margin:50px 0 0 0; padding-top:50px;}
.lianxiang h2{ line-height:50px; font-size:36px; padding-bottom:20px;}
.develop{ float:left; width:100%; background:#6e6e6e; margin:72px 0 0 0; line-height:38px; color:#fff; padding-bottom:72px;}
.about_tit3{ color:#fff; border-bottom:1px solid #fff;}
.job{ float:left; width:100%; background:#c81e1e; color:#fff;}
.job .mlinks{ color:#fff;}
.job .mlinks a{ color:#fff;}
.apply{ float:left; width:100%; padding-bottom:40px;}
.joblist li{ float:left; width:100%; padding-bottom:15px; line-height:36px; font-size:21px;}
.joblist li span.lei{ float:left; font-size:24px; width:198px;}
.joblist li span.jobname{ float:left; width:802px;}
.joblist li span.jobname a{ color:#fff; width:180px; float:left;}
.joblist li span.jobname a:hover b,.joblist li span.jobname a.hover b{ border-bottom:4px solid #fff;}
.jobcon{ display:block; overflow:hidden; clear:both; border:1px solid #fff; padding:38px 0; line-height:36px; margin-top:20px;}
.job_intro{ float:left; width:474px; padding:0 38px; border-right:1px solid #fff;}
.apply_box{ float:right; width:345px; padding:0 46px 0 0; position:relative;}
.submittips{ position:absolute; left:50%; top:50%; width:300px; margin:-150px 0 0 -170px; background-color:rgba(0,0,0,0.7); border-radius:5px; text-align:center; padding-bottom:10px; display:none;}
.repiclist li{ float:left; width:100%; position:relative;}
.repiclist li img{ display:block;}
.repiclist li a span{ display:block; color:#fff; line-height:30px; background-color:rgba(0,0,0,0.5); height:0px; overflow:hidden; position:absolute; left:0; bottom:0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-mz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; width:100%; text-align:center;}
.repiclist li a:hover span{ height:30px;}
.hrbtn1{ background:#e40012; color:#fff; border:none; cursor:pointer; line-height:34px; font-size:16px; width:120px; border-radius:5px;}
.box_top{ float:left; width:100%; height:205px; overflow:hidden; background:#fff; border-radius:8px; padding-top:16px;}
/*.updatebtn{ background:url(../images/btn2.png) no-repeat; margin:24px 0 0 0; width:344px; height:75px; line-height:75px; text-align:center; color:#c81e1e; border:none; cursor:pointer; font-size:24px;font-family:"\5FAE\8F6F\96C5\9ED1";}*/
.fileUpload{ float:left; width:100%;margin:24px 0 0 0; position:relative;}
.updatebtn{ background:url(../images/btn2.png) no-repeat;  width:344px; height:75px; line-height:75px; text-align:center; color:#c81e1e; border:none; cursor:pointer; font-size:24px;font-family:"\5FAE\8F6F\96C5\9ED1"; display:block;}
.fileUpload .upload{width:344px; height:75px; position:absolute; top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}

.phonecall{ text-align:center; margin:15px 0 0 0; font-size:18px; line-height:40px;}
.phonecall b{ display:block; font-size:36px; font-weight:bold;}
.box_top p{border-bottom:1px solid #6e6e6e; margin:0 22px; display:block; overflow:hidden; clear:both; line-height:45px; color:#6e6e6e;}
.box_top p.spa{ border-bottom:none;}
.jobtxt{ width:210px; height:45px; line-height:45px; border:none; font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1";color:#6e6e6e;}
.applybtn{ float:left; width:100%; height:67px; background:#6e6e6e; font-size:24px; font-weight:bold; color:#fff; border:none; cursor:pointer;font-family:"\5FAE\8F6F\96C5\9ED1";}


.slideBox{ width:472px; height:418px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; margin-left:-30px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 4px;width:8px; height:8px;text-align:center; background-color:rgba(255,255,255,0.6); cursor:pointer; text-indent:-9999em; border-radius:50%;}
.slideBox .hd ul li.on{ background-color:rgba(255,255,255,1); color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:472px; height:418px; display:block;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-26px; display:block; width:20px; height:52px; background:url(../images/lrbtn3.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:0; background-position:-21px 0; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.model{ display:block; overflow:hidden; clear:both; line-height:36px; color:#595957;}
.sellcase_List li{ float:left; width:100%; margin:28px 0 0 0; line-height:36px;}
.sellcase_List li p.spa{ margin-top:10px;}
.sellcase_List li h2{ color:#e40012;}
.ser_tit2{ float:left; width:100%; margin:20px 0 0 0;}
.ser_tit2 span.icon6{ background:url(../images/articon1.jpg) center bottom no-repeat;}
.art{ margin:0 auto; width:450px; padding-top:80px;}
.art_tit{ border-top:10px solid #9f987b; width:100%; float:left; text-align:center; line-height:94px; font-size:40px;}
.relate_caseList li{ float:left; width:100%; margin-bottom:8px; position:relative;}
.relate_caseList li img{ display:block;}
.relate_caseList li a span{ position:absolute; left:0; bottom:0; width:100%; line-height:30px; height:0; overflow:hidden; background-color:rgba(0,0,0,0.5); color:#fff;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-mz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.relate_caseList li a:hover span{ height:30px;}



.mod18{width:100%;position:relative; margin:60px 0 0 0;}
.mod18 .btn{position:absolute;width:15px;height:30px;top:-6px;cursor:pointer;z-index:99;font-size:24px;z-index:999; color:#e50112}
.mod18 .prev{left:-20px;}
.mod18 .next{right:-20px;}
.mod18 li{float:left;}
.mod18 .cf{ float:left; width:100%;}
.mod18 .cf li{position:relative;}
.mod18 .picBox{position:relative;overflow:hidden;}
.mod18 .picBox ul{position:relative;}
.mod18 .picBox .cf2 li{ height:300px; overflow-y:auto;}
.mod18 .picBox li{ width:1002px; float:left; margin:30px 0 0 0;}
.mod18 .listBox{width:905px; overflow:hidden;height:50px;position:relative;background:url(../images/bgdian.jpg) left 10px repeat-x;}
.mod18 .listBox ul{height:50px;position:absolute;width:}
.mod18 .listBox li{width:130px;height:60px;cursor:pointer;position:relative; background:url(../images/bgyuan2.jpg) left 0 no-repeat; padding-top:20px;}
.mod18 .listBox .on{ background:url(../images/bgyuan.jpg) left top no-repeat;}

.mydiv3{ background:#fff; width:300px; height:auto; margin:-40px 0 0 -150px;text-align:center; padding:10px 0; line-height:30px;}
.rewritebtn{ background:#e40012; width:100px; line-height:36px; display:inline-block; color:#fff; border-radius:5px;}
.rewritebtn:hover{ color:#fff;}
.bkmsg{ float:right; margin:8px 0 0 0;}


