@charset "gb2312";
/* CSS Document */
body{ margin:0;padding:0;font-size:13px; font-family:"Microsoft Yahei"; position:relative;color:#333;background:#fff; width:100%; height:100%; min-width:1200px;}
div, form, img, ul,  li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a:link, a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color:#C51220;text-decoration:none;}
a:focus {outline:none; -moz-outline:none}
input,textarea{ outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
.fleft{ float:left;display:block;}
.fright{ float:right !important;display:block;}
.Piece{ display:block;}
*, *::after, *::before{box-sizing:border-box}
/* divbody */
.divbody,.divWide{ width:100%; height:auto; margin:0 auto}
.divWide{ width:1100px;}
/*header*/
.header{ background:#434142 url(../images/headerTopbj.png) no-repeat center center; height:auto}
.headTop{ height:25px; line-height:25px; text-align:right; color:#999; background:rgba(0, 0, 0, 0.3) }
.headTop a{ display:inline-block; padding:0 10px;color:#999}
.headTop a:hover,.LatestInfor span a:hover{ text-decoration:underline}
.aweixin{ position:relative}
#divWebBo{z-index: 100; position:absolute; width: 0px; height: 0px; display: none; top:0; right:210px}
.headLogo{ overflow:hidden; padding:30px 0 40px; background:url(../images/navline.png) no-repeat center bottom}
.logo img{ height:90px}
.logoTxt{ margin:12px 0 0 25px}
.logoTxt img{ height:76px}
.hotTel{ margin-top:5px}
.hotTel img,.hotTel span,.hotTel p, .hotTel h3{ display:block}
.hotTel img,.hotTel span{ float:left}
.hotTel img{ height:70px}
.hotTel span{ margin-left:10px}
.hotTel p, .hotTel h3{color:#fff}
.hotTel p{ font-size:16px; margin-top:5px; letter-spacing:1px }
.hotTel h3{ font-size:22px; /*margin-top:13px;*/ font-weight:normal}
.nav{ height:40px; background:url(../images/navbj.png) no-repeat top center}
.navUL{ display:block}
.navUL>li,.navUL>li>a{ display:inline-block;color:#fff}
.navUL>li,.navD li{line-height:35px;position:relative}
.navUL>li:last-child{ border:none}
.navUL>li>a{font-size:16px; }
.navUL>li>a:hover,.navDtwo li a:hover{background:url(../images/navlibj.png) repeat left top}
.navUL li a{padding:0 24px }
.navD,.navDtwo{ display:none; position:absolute;  z-index:996}
.navD{background:url(../images/navlibj.png) repeat left top;left:0; top:35px;width:120px }
.navDpro{ width:150px}
.navD li a{ display:block; font-size:14px; color:#fff; border-top:1px solid #999}
.navD>li>a:hover{ background:url(../images/scrollbtnbg.png) repeat}
.navUL>li:hover>.navD{ display:block}
.navDtwo{background:url(../images/scrollbtnbg.png) repeat left top; top:0; left:150px; width:140px}
.navDtwo li a{ font-size:12px !important}
.navUL .navD li:hover>.navDtwo{ display:block}
/*banner*/
.banner{ position:relative}
.index_focus { height:414px;position: relative;width:100%}
.index_focus_pre,.index_focus_next { display: none;position: absolute;top: 50%;margin-top: -36px; width:50px;height:81px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 90;background:url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre { left: 0;background-position: 0 0;}
.index_focus_pre:hover {background-position: 0 -162px;}
.index_focus_next { right: 0;background-position: 0 -81px;}
.index_focus_next:hover { background-position: 0 -243px;}
.index_focus .slide_nav { position: absolute;right: 16%;bottom:0; z-index:99}
.index_focus .slide_nav a {cursor:pointer;float:left; font-size:28px;color: #fff;padding:2px;text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color:#C51220;filter: alpha(opacity=80);opacity: 0.8;}
.bd img{ width:100%; margin:0 auto; height:414px}
.banUl li{ display:block; width:100% }
.banUl li .pic{position:relative;}
.banBot{ height:30px; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0}
.Keywords{color:#999; height:30px; line-height:30px; width:620px; overflow:hidden}
.Keywords p,.Keywords a{ display:inline-block}
.Keywords p{ color:#c50303; font-weight:bold; margin-right:10px; letter-spacing:1px}
.Keywords a{ padding:0 10px; color:#fff}
.Keywords a:hover{color:#c50303}
.search{ width:201px;border:1px solid #ccc;margin-right:40px; border-radius:18px; margin:3px 0 0 50px; background:#f0f0f0}
.search input{ border:0;}
.entry{ width:150px; color:#ccc; padding-left:15px;height:22px; line-height:22px; border-radius:18px ;background:#f0f0f0 }
.click{width:35px;height:22px;background:url(../images/sprite_icon.png) no-repeat 8px -118px;border-radius:0 5px 5px 0;}
.click:hover{background-position:9px -158px;cursor:pointer;}
/*content*/
.content{height:auto; overflow:hidden}
.platebj1{ background:#EAEAEA; overflow:hidden; padding-bottom:10px}
.LatestInfor{ height:58px; margin-top:20px; background:url(../images/lineShadow.png) no-repeat bottom center; overflow:hidden}
.LatestInfor h3{display:block;  font-size:16px; background:#444; line-height:30px; height:30px;float:left;padding:0 20px; border-radius:20px 0 20px 0; margin-top:10px; color:#fff; box-shadow:1px 1px 5px rgba(153,153,153,1); letter-spacing:1px}
.LatestInfor span{ float:right; margin-right:60px}
.LatestInfor span a{ display:inline-block; padding-left:15px; background:url(../images/La.gif) no-repeat left center; line-height:48px; width:350px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:60px}
.LatestInfor span a:hover,.NewsCont ul li:hover{  background:url(../images/Lahover.gif) no-repeat left center}
.classClient{ margin:30px auto; overflow:hidden}
.more{ margin-top:25px; background:url(../images/more.png) no-repeat right center; padding-right:20px}
.more:hover{ color:#C51220; background:url(../images/moresty.png) no-repeat right center}
.classScroll{ height:200px; overflow:hidden}
.classScroll>.Title{background:url(../images/classTitlebj.jpg) repeat-x left bottom}
.Title{ height:56px}
.Title h3,.Title h3>a,.Title h3 p{ float:left;display:block}
.Title h3{  font-size:24px; line-height:50px}
.Title h3 p{ font-size:18px; font-weight:normal; color:#999; margin-left:10px; margin-top:5px; text-transform:uppercase}
.per,.next{ width:16px; height:32px; display:block; margin-top:50px}
.per{ background:url(../images/per.jpg) no-repeat left center}
.next{ background:url(../images/next.jpg) no-repeat left center}
.classScroll ul{float:left; margin:0 30px; padding-top:20px;overflow:hidden}
.classScroll ul,.classScroll ul li,.classScroll ul li p.classScroll ul li a{display:block}
.classScroll ul li{ float:left; text-align:center; margin-right:15px; width:auto; height:120px;}
.classScroll ul li img{ width:115px; height:92px;}
.classScroll ul li p{ height:30px; overflow:hidden; padding:2px 5px}
.Agent{height:200px; overflow:hidden; margin:0 auto}
.Agent>.Title{background:url(../images/line.png) repeat-x left bottom}
.Agent ul{ margin:20px 0}
.Agent ul li{ float:left; margin-right:20px}
.Agent ul li img{width:125px; border:1px solid #ccc}
.projectCase{}
.projectDiv{}
.casebox1{ width:686px; height:370px}
.scrolllist{ position:relative;width:686px; height:370px}
.abtn{ width:46px; height:46px; display:block; position:absolute; top:140px; z-index:9; background:url(../images/scrollbtnbg.png) no-repeat left center}
#scrollbtn1{ left:0;}
#scrollbtn2{ right:0}
.agrayleft,.agrayright{cursor:default}
.imglist_w{ width:690px; position:relative; height:360px; overflow:hidden}
.imglist{ position:absolute; left:0; top:0; width:20000px; z-index:1}
.imglist li ,.imglist li img,.imglist li span,.imglist li a,.casebox2 a,.casebox2 img,.casebox2 p,.txt{ display:block}
.imglist li{ width:230px; height:352px; float:left}
.imglist li img{ width:226px; height:298px}
.txt{height:52px;background:#6e6e6e; width:226px; padding:8px 0 0 11px}
.txt a{ font-size:13px; color:#fff; line-height:20px; height:20px; overflow:hidden}
.txt a:hover{ color:#C51220}
.txt p{ font-size:10px; color:#8A8A8A;height:18px; overflow:hidden}
.casebox2{ width:310px; position:relative}
.casebox2>span{ width:310px}
.moresty{ position:absolute; top:140px; left:10px;}
.moresty img{ width:46px; height:46px}
.platebj2{background:#fff; overflow:hidden }
.SolutionTitle{ height:220px; background:#3D3D3D url(../images/SolutionTbj.png) repeat top center; overflow:hidden; }
.SolutionWide{ margin:30px auto; color:#fff; text-align:center; background:url(../images/SolT.png) no-repeat 0 40px; letter-spacing:2px}
.SolutionWide h3,.SolutionWide p,.SolutionWide b{ display:block}
.SolutionWide span{ display:inline-block}
.SolutionWide h3{font-size:40px}
.SolutionWide span{ height:35px; line-height:35px;background:#3A3A3A;padding:0 60px;font-size:20px; margin-top:10px; color:#FFC57C}
.SolutionWide b{ width:320px; height:8px; background:#a3a1a1; margin:0 338px}
.SolutionWide p{ font-size:18px; margin-top:8px}
.SolutionWide p font{ font-size:30px}
.Solution{ border-bottom:15px solid #333}
.SolutionUL,.SolutionUL li{ display:block}
.SolutionUL{ margin:50px auto;overflow:hidden}
.SolutionUL li{ width:auto; height:auto; text-align:center;overflow:hidden; float:left}
.Solcont{ width:auto; float:left; background:#d8d8d8; padding:15px 12px; border-radius:5px}
.Solcont img{ width:125px; height:117px;border-radius:5px}
.Solcont h2{ color:#333; font-size:18px; line-height:35px; font-weight:normal;}
.Solcont  p{ color:#666}
.Solimg{ float:left}
.Glory{ background:#eee url(../images/Glorybj.jpg) repeat-x left top; overflow:hidden}
.GloryTitle{ margin-top:15px}
.GloryUl{ overflow:hidden; margin:50px auto}
.GloryUl li{ display:block; overflow:hidden}
.Gloimg{ width:475px; margin-top:5px}
.Glotxt{ width:500px}
.GloTitle{ height:60px; margin-bottom:10px; overflow:hidden}
.GloTitle h3,.GloTitle span,.GloTitle p,.GloTitle h4,.Glotxt>p{ display:block}
.GloTitle h3{ font-size:38px;float:left; color:#111; margin-right:10px}
.GloTitle span{ margin-top:6px }
.GloTitle h4{ font-size:20px; color:#666}
.GloTitle p{ color:#999; text-transform:uppercase; font-size:10px}
.Glotxt>p{ font-size:14px; margin:10px 0; line-height:24px}
.Glotxt em{ font-size:26px; font-weight:bold}
.platebj3{ height:auto; background:#fff; padding:50px 0; overflow:hidden }
.leftlist{ width:auto;}
.leftDiv{background:#ddd url(../images/leftlistbj.jpg) repeat top left; padding:20px 20px 20px; margin-bottom:30px; width:210px}
.listtitle{ height:30px; width:100%;color:#fff; text-align:center}
.listtitle h3{display:inline-block;font-size:16px; line-height:25px; font-weight:normal;color:#fff;letter-spacing:2px}
.listtitle p{ font-size:10px; text-transform:uppercase; line-height:18px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.85)}
.listUl,.listUl li,.listUl a,.listUl li a h3,.listUl li a p,.leftlist span{ display:block}
.listUl{ margin:30px 0px 15px;background:#fff; padding:10px 0; border-radius:4px}
.listUl>li {height:35px;background:url(../images/leftlist.png) no-repeat 10px; border-bottom:1px solid #ccc; position:relative}
.listUl>li>a{padding-left:34px;font-size:14px; line-height:35px}
.listUltwo{ display:none; position:absolute; top:0; left:135px; z-index:99; background:url(../images/scrollbtnbg.png) repeat; width:130px }
.listUltwo li{ height:35px}
.listUltwo li a{padding-left:20px; line-height:35px; color:#fff; border-bottom:1px dotted #999}
.listUltwo li a:hover{background:url(../images/navlibj.png) repeat}
.listUl li:hover>.listUltwo{ display:block; }
.leftlist span img{ width:170px; height:163px; border-radius:4px}
.contWay{ width:170px; background:#fff; padding:10px 0; margin-top:30px; border-radius:4px}
.contWay p{ display:block;padding:4px 10px; border-bottom:1px solid #ccc}
.rightlist{ width:750px; background:#fff; padding:0 20px}
.rightlist>.Title{ background:url(../images/line.png)  repeat-x left bottom}
.rightlistitle>a{ margin-top:0}
.ProductUL{ overflow:hidden;width:100%}
.ProductUL li{ float:left; width:auto; margin:10px 27px 28px 0; padding:15px 0 0; background:#fff; text-align:center}
.ProductUL li img{ width:150px; height:120px; margin-bottom:10px}
.ProductUL li span,.ProductUL li a{display:block}
.ProductUL li span{ width:150px; padding:0; height:35px}
.ProductUL li span>a{ height:30px; width:150px; padding:0 5px; line-height:30px}
.platebj4{ height:auto; overflow:hidden}
.abimg{ margin-top:20px}
.About{ margin:50px auto; overflow:hidden}
.About>.Title{background: url(../images/oembj2.jpg) repeat-x scroll left bottom; height:60px}
.AboutCont{ margin-top:20px}
.AboutCont img{ float:left; width:354px; height:249px}
.AboutCont span{  float:right; width:620px}
.AboutCont span>h3>a{ font-size:18px; line-height:30px}
.AboutCont span p{ display:block; font-size:14px; line-height:25px; margin-top:10px; overflow:hidden; height:150px}
.amore{ width:160px; text-align:center; height:30px; line-height:30px; background:#357fa5; color:#fff !important;display:block; border-radius:5px; margin-top:25px}
.nmore{ width:90px; height:28px; line-height:28px}
.amore:hover{ background:#347da2; box-shadow:1px 1px 5px rgba(153,153,153,1)}
.News{ width:600px; overflow:hidden; margin-bottom:30px}
.News>.Title{background: url(../images/oembj.jpg) repeat-x scroll left bottom; margin-bottom:10px; height:60px}
.NewsCont{ overflow:hidden; margin-top:20px}
.NewsCont img,.NewsCont span,.NewsCont ul{ display:block; float:left}
.NewsCont img{ width:140px; height:130px}
.NewsCont span{ width:430px; margin-left:30px}
.NewsCont span h3 a{ font-size:14px; color:#555}
.NewsCont span p{ height:50px; overflow:hidden; margin-top:7px}
.newsUl{ width:100%; margin:10px auto; height:178px; overflow:hidden}
.newsUl li{ line-height:35px; background:url(../images/La.gif) no-repeat left center; padding-left:20px; border-bottom:1px solid #ccc; height:35px}
.newsUl li a{ float:left; width:360px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:35px}
.newsUl li>span{ float:right; display:block; width:120px}
.Problem{ width:400px}
.Problem>.Title{background: url(../images/oembj1.jpg) repeat-x scroll left bottom; height:60px; padding-left:45px}
.Problem ul{ width:350px;margin:6px 0 10px 45px; height:330px; overflow:hidden}
.Problem ul li{line-height:37spx; margin:12px 0 8px; border-bottom:1px solid #ccc; height:37px}
.Problem ul li h3{ line-height:25px; background:url(../images/Ask.jpg) no-repeat left center; padding-left:30px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.Problem ul li p{ background:url(../images/Answer.jpg) no-repeat 0 4px; padding-left:30px; height:45px; overflow:hidden; margin-top:6px}

/*footer*/
.footer{ overflow:hidden; background:url(../images/footerbj.jpg) repeat left top; padding-bottom:20px}
.footNav{ height:70px; margin:10px auto 0; background:url(../images/fNavsty.png) no-repeat bottom center}
.footNav a{ float:left; display:inline-block; width:125px; text-align:center;line-height:50px; font-size:14px; color:#fff}
.footNav a:hover{ color:#E60013}
.footUl,.footUl li,.flogo img ,.flogo span,.flogo p,.flogo h2,.fFocus span{ display:block}
.footUl{overflow:hidden}
.footUl li{ height:150px}
.footUl li,.fFocus span{ float:left;color:#fff}
.flogo,.fcontact{ background:url(../images/bo.png) no-repeat right center; padding-right:50px; margin-right:50px}
.flogo span{margin-left:10px}
.flogo p{ font-size:16px; margin:15px 0 0}
.flogo h2{ font-size:28px}
.fcontact{ line-height:28px}
.fcontact b{ font-size:14px}
.fcontact a{ color:#fff}
.fcontact a:hover{ text-decoration:underline}
.fFocus{}
.fFocus span{ margin-right:5px; text-align:center}
.fFocus img{ width:100px; margin-top:6px}
.fFocus p{ line-height:20px}
/*go to top*/
.goToTop {display:none;color: #333;position: fixed;bottom: 35px;right:20px;z-index: 99999;
line-height: 14px;background:url(../images/icon-toTop1.png) no-repeat left bottom;text-align: center;width: 47px;
height: 47px;}
.goToTop:hover{background-position:top left;}

/*projects*/
.platebj5{ background:url(../images/platebj5.png) repeat left top; overflow:hidden}
.innerBan{ height:320px; overflow:hidden}
.main{ padding:20px 0; overflow:hidden}
.place{ text-align:right; line-height:25px; margin-top:25px}
.project{ overflow:hidden; margin-bottom:40px}
.project p,.project img,.project  h3{ display:block; line-height:24px; margin-top:10px}
.project p{}
.project>p{ overflow:hidden; clear:both}
.project  h3{ font-size:18px}
.Ulsty{ padding-top:10px; width:740px; overflow:hidden}
.Ulsty li{ width:220px; float:left;line-height:30px; font-family:"ËÎÌå"}
.dlsty{ margin:10px 0; width:100%; float:left}
.dlsty dt{ font-size:16px; line-height:30px; color:#C03; margin:10px 0; background:#eee; padding-left:10px}
.dlsty dd{ line-height:25px; color:#666; padding:0 10px;  font-family:"ËÎÌå"}
/*products*/
.Page{ margin-top:10px; margin-bottom:20px}
.Page a{ display:block; width:auto; height:25px; float:left; text-align:center; line-height:25px; margin:0px 5px; padding:0px 10px; background:#ececec; border:1px solid #e0dfdf}
.Page a:hover{ background:#E60013; color:#fff;}
/* products-1 */
.proimg{ text-align:center}
.proimg img{ display:inline-block}
.productItem h3{ font-size:16px; line-height:40px; margin-bottom:8px; border-bottom:1px dashed #ccc;margin-top:30px; }
.productItem table{line-height:30px; margin-top:10px; font-size:12px; margin:0 !important; width:740px !important; overflow:hidden !important;}
.productItem table tr td{ border:1px solid #ccc; padding-left:20px; text-align:left}
.productItem table tr td strong{ font-size:14px}
/*news*/
.news{ height:auto}
/* news-1 */
.titles{ height:70px; text-align:center; border-bottom:1px dotted #ccc; margin-bottom:20px;}
.titles h3,.titles span{ display:block; line-height:30px;}
.titles h3{}
.titles span{ color:#666;}
.context{ padding-bottom:30px;}
/*certificate*/
.certificate,.certificate li,.certificate li p, .certificate li img{ display:block; text-align:center}
.certificate{ margin-bottom:20px; margin-left:30px}
.certificate li { float:left; width:300px; margin:20px}
.certificate li img{ width:300px; height:auto; border:1px solid #ccc}
.certificate li p,.casesUl li p{ height:30px; padding:0 10px; line-height:30px; overflow:hidden}
/*cases*/
.casesUl,.casesUl li,.casesUl a,.casesUl p{ display:block; text-align:center}
.casesUl{ margin:20px auto; overflow:hidden;border-top:1px solid #ccc; border-left:1px solid #ccc; width:706px}
.casesUl li{ float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.casesUl li img{ width:140px; height:112px}
/*client
.project>table{ width:700px !important; overflow:hidden; margin-top:20px}
.project>table tr{ width:320px; float:left; display:block; margin-right:30px}
.project>table tr td{ line-height:20px; padding:5px 15px; vertical-align:middle; font-size:12px}
.project>table tr td strong{ font-size:14px} */
/*recruit */
.recruit>.project{ border-bottom:1px dashed #ccc}
/*Message*/
.Message{ overflow:hidden; margin:20px auto}
.Message h3{font-size:16px; line-height:40px; margin-bottom:8px; border-bottom:1px dashed #E60013;margin-top:30px;color:#E60013;}
.formC{ font-size:14px; margin-left:40px}
.formC div{ overflow:hidden; margin-bottom:2px}
.divinput p{display:block; float:left; margin-right:37px}
.formC div p{margin-top:20px;}
.formC input,.formC textarea{ padding:0px 5px;background:none;}
.formC input{ width:200px;height:25px; line-height:25px; border:none; border-bottom:1px solid #999}
.formC textarea{ width:520px;height:160px; overflow-y:scorll; border:1px solid #999}
.formC label{width:80px;text-align:left;display:block;float:left;}
.button{ height:35px;margin-top:20px; float:right;}
.formC .butt{width:80px;height:35px;background:#E60013;color:#fff;border:none; float:left; margin:30px  0px  0px 212px; cursor:pointer; opacity:1; font-size:14px}
.formC .butt:hover{ opacity:0.7;}
.butr{ margin-left:30px !important;}
.formC input:hover{ border-bottom:1px solid #E60013}
.formC textarea:hover{border:1px solid #E60013}

.showbox{width:680px;height:450px; overflow:hiddenl;position:fixed;left:50%;top:50%;z-index:999;border:1px #ccc solid;background:#fff;border-radius:5px;box-shadow: 0 0 3px #ccc; padding-bottom:20px; margin-left:-340px; margin-top:-225px}
.showbox h2{height:50px;line-height:50px;font-size:16px;position:relative; background:#f5f5f5;color:#555;border-bottom:1px solid #ddd;padding:0 15px 0 300px ;}
.showbox h2 a{position:absolute;right:10px;top:0;color:#999;font:bold 14px/45px simsun;text-shadow:0 1px 0 #ddd}
.showbox h2 a:hover {color:#666; text-decoration:none;}


/*contact*/
.frame{ height:330px; width:720px}]
/*works*/
.workUL,.workUL li,.workUL li img,.workUL li p,.workUL li a{ display:block}
.workUL li{ float:left; width:165px; height:155px;overflow:hidden; margin:10px 16px 18px 0}
.workUL li img{ width:165px; height:124px}
.workUL li:nth-child(4n+4){ float:right; margin-right:0}
.workUL li p{ height:30px; line-height:30px; overflow:hidden; margin-top:0}
/*brand*/
.brandUL li{ margin:10px 22px 15px 0px}
.brandUL li img{width:120px; height:96px; margin-bottom:10px}
.brandUL li span{ width:120px; padding:0; height:30px}
.brandUL li span>a{ height:28px; width:120px; padding:0 5px; line-height:28px}

.bradzsUl li {margin: 10px 18px 28px 9px;}
.bradzsUl li img{height:205px !important}