body{margin: 0;background: #FFFFFF;color: #333333;font-family: "Microsoft Yahei" !important;font-size: 0.9em;letter-spacing:1px;}
img{border: 0;}
p{padding: 0;margin: 0;}
h2, h3, h4, ul, li, dd, dl, p{list-style: none;padding: 0;margin: 0;font-weight:normal;}
h2{font-size: 1.1em;margin: 6px 0;}
h3{font-size: 1.1em;margin: 4px 0;}
h4{font-size: 1em;margin: 4px 0;}
img{border: none;max-width: 100%;}
.clear{clear: both;height: 0;line-height: 0;overflow: hidden;}
.clear6{clear: both;height: 6px;line-height: 6px;}
.clear16{clear: both;height: 14px;line-height: 14px;}
.clear36{clear: both;height: 36px;}
ul, li{list-style: none;margin: 0;padding: 0;}
a{color: #666666;text-decoration: none;}
a:hover{text-decoration: none;}
.nodata{width: 100%;text-align: center;float: left;padding: 100px 0;color: #cccccc;font-size: 28px;}
.allline{width: 100%;}
.container{max-width: 1010px;margin-left:auto;margin-right:auto;position: relative;display: block;}
.flow-center{margin: 0 auto;position: relative;display: block;}
.pinklink a{color: #cc0033;}
.pinklink a:hover{text-decoration: underline;}
.pinkext{color: #cc0033;}
.fleft{float: left;}
.fright{float: right;}.tcen{text-align:center}
/*------------------------首页底部友情链接--------------------*/
.footclear{clear: both;height: 0;line-height: 0;overflow: hidden;}
.foottitle{padding: 0px 0;border-bottom: 1px solid #666;padding-left:0px;}
.foottitle h2{font-size: 1.0em;padding: 3px 0;color: #bbbbbb;}
/*------------------------clear--------------------*/
.allline:before, .allline:after,
.container:before, .container:after,
.industorycate:before, .industorycate:after,
.disblock:before, .disblock:after,
.servicecate:before, .servicecate:after{display: table;content: " ";}
.allline:after,
.container:after,
.industorycate:after,
.disblock:after,
.servicecate:after{clear: both;}
/*------------------------head--------------------*/
.headlogo{padding-top: 15px;padding-bottom: 15px;}
.headphone{text-align: right;float:right;}
.navmenu{font-size: 1.1em;padding-top: 35px;}/*------顶部导航按钮--------*/
.navmenu ul li{text-align: center;width: 14.2%;float: left;}
.navmenu ul li a{color: #333333;display: block;}
.navmenu ul li a:hover{text-decoration: underline;color: #cc0033;}
.navmenu ul li .aindex{color: #cc0033;}
/*------------------slide-category-----------------*/
.btn-pink{font-size: 0.8em;padding: 2px 10px;background-color: #cc0033;color: #ffffff;margin-bottom: 0;text-align: center;white-space: nowrap;vertical-align: middle;background-image: none;border: none;border-radius: 2px;moz-border-radius: 2px;-webkit-border-radius: 2px;cursor: pointer;}
.slide-category{position: absolute;left: 0;right: 50px;top: 40px;color: #ffffff;z-index: 100;width: 25%;}
.slide-category ul{border-top: 2px solid #cfcfcf;width: 100%;}
.slide-category ul li{font-size: 1.1em;width: 90%;padding-left: 10%;height: 40px;line-height: 40px;border-bottom: 2px solid #cfcfcf;background: url(../images/categorybg.png) no-repeat 95% 0 #DEDCDA;opacity:0.9;}
.slide-category ul li.icon1{background-position:95% 3px;}
.slide-category ul li.icon2{background-position:95% -34px;}
.slide-category ul li.icon3{background-position:95% -69px;}
.slide-category ul li.icon4{background-position:95% -106px;}
.slide-category ul li.icon5{background-position:95% -142px;}
.slide-category ul li.icon1hover{background-position:95% -180px;}
.slide-category ul li.icon2hover{background-position:95% -216px;}
.slide-category ul li.icon3hover{background-position:95% -251px;}
.slide-category ul li.icon4hover{background-position:95% -287px;}
.slide-category ul li.icon5hover{background-position:95% -321px;}
.slide-category ul li a{display: block;}
.slide-category ul li a:hover{color: #cc0033;}
.slide-category ul li.on a{color: #cc0033;}
.slide-category ul li.icon1hover a, .slide-category ul li.icon2hover a, .slide-category ul li.icon3hover a, .slide-category ul li.icon4hover a, .slide-category ul li.icon5hover a{color: #cc0033;}
.slider-content{position: absolute;left: 10px;right: 50px;top: 90px;color: #fff;z-index: 1000;}
.slider-content .slider-title{font-size: 2.5em;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.slider-content .slider-txt{padding-top: 12px;font-size: 1.4em;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.sliderpics .slides img {width: 100%; display: block;}

/*---------------brandcate-----------------*/
.brandcate li .brandcateitem{padding-left: 16px;margin-bottom: 16px;border-left: 1px solid #dedede;background: url(../images/servicebg.png) no-repeat 80% 0;cursor:pointer;}
.brandcate li .brandcateitem ul{width:100%;}
.brandcate li .brandcateitem ul li{width:100%;float:left;text-align:center;}
.brandcate li .brandcate1{background-position:80% 6px;}
.brandcate li .brandcate2{background-position:80% -80px;}
.brandcate li .brandcate3{background-position:80% -172px;}
.brandcate li .brandcate4{background-position:80% -250px;}
/*---------------industorycate-----------------*/
.industorycate{width: 100%;padding: 10px 0;}
.industorycate li{padding: 10px 0;width:20%;float:left;}
.industorycate li a{color: #cc0033;font-size: 1.1em;display: block;padding-left: 6px;}/*--首页行业分类按钮--*/
.industorycate li a:hover{text-decoration: underline;}
/*---------------servicecate-----------------*/
.servicecate{margin: 0 auto;width:100%;font-weight: bold;}
.servicecate li{float: left;}
.servicecate li a{text-align: center;display: block;padding: 6px 0px;font-size: 1.1em;}/*-推荐案例按钮色块+文字大小--*/
.servicecate li a:hover{text-align: center;color: #ffffff;background-color: #cc0033;border-radius: 4px;moz-border-radius: 4px;-webkit-border-radius: 4px;}/*-推荐案例按钮色块圆角--*/
.servicecate li .active{text-align: center;color: #ffffff;background-color: #cc0033;border-radius: 4px;moz-border-radius: 4px;-webkit-border-radius: 4px;}

.brandlist{width: 100%;}/*-首页案例宽度--*/
.brandlist .li{background: #ffffff;margin: 0px;padding: 0;-moz-box-box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);-webkit-box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);overflow: hidden;}
.brandlist a{display: block;}
.brandlist img{width: 100%;}
.brandlist .brandinfo{height: 100%;width: 100%;position: absolute;top: 0;color: #f0f0f0;background-color: #cc0033;cursor: pointer;display: none;overflow: hidden;}
.brandlist .brandinfo .biline1{padding-top: 12px;padding-left: 20px;padding-right: 20px;font-size: 0.9em;line-height:1.6em;}
.brandlist .brandinfo .biline2{padding: 2px 20px;font-size:0.9em;line-height:1.6em;padding-bottom:12px;}
.brandlist .brandinfo p{padding: 2px 20px;font-size:0.8em;line-height:1.8em;}
/*---------------新闻-----------------*/
.newstitle{padding: 20px 0;padding-left: 10px;}
.newstitle h2{float: left;}
.newstitle span{float: left;line-height: 3em;padding-left: 10px;font-size: 0.8em;color: #666;font-style: oblique;}
.news .item{background-image: url(../images/touming.png);border: 0px solid #dcdcdc;}
.news .item img{width: 100%;}
.news .item h3 a{color: #cc0033;font-size: 0.9em;}/*----新闻标题----*/
.news .item h3{color: #cc0033;padding: 15px 15px;display: block;}
.news .item span{padding: 0 15px;display: block;color:#999999;font-size: 0.7em;}/*----新闻内容----*/
.news .item .datemore{color: #cc0033;display: block;padding: 15px;font-style: italic;font-size:0.7em;}/*----新闻日期 more----*/
.news .item .more{float: right;}

.introduce .title{padding-bottom: 10px;padding-left: 10px;}
.introduce .content{padding-bottom: 10px;padding-top: 10px;padding-right: 30px;line-height:1.7em;color: #999999;font-size: 1.9em;display: block;padding-left: 10px;}

.grouppic li{width: 30%;padding-right: 2%;float: left;}
.grouppic li img{width: 100%;}
/*---------------indexabout底部文件---------------*/
.indexabout{padding-right: 30px;display: block;color: #888888;}
.indexabout .title{padding: 10px 0;display: block;border-bottom: 1px solid #666;margin-left: 10px;margin-right: 10px;}
.indexabout .title h3{float: left;font-weight: normal;color: #bbbbbb;font-size: 0.9em;}
.indexabout .title a{color: #cc0033;float: right;padding-top: 5px;}
.indexabout .content{padding: 10px 0;display: block;line-height: 2em;padding-left: 10px;}
.indexabout .content a{color: #888888;}
.indexabout .content .indexservicelist li{width: 50%;float: left;}
.indexabout .content .indexcustlist li{width: 49%;padding-right: 1%;float: left;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bottomrights{font-size: 0.8em;text-align: right;}
.indexcatetile{line-height:1.5em;border-bottom:0px solid #f0f0f0;float:left;width:99%;padding-top:20px;padding-bottom:10px;}
.indexcatetile .indexcatetiler{float:right;}
.indexcatetile .indexcatetiler a{background-color: #cc0033; color: #ffffff; padding: 4px 10px; border-radius: 4px; moz-border-radius: 4px; -webkit-border-radius: 4px;}
/*---------------BrandClass行业分类链接---------------*/
.casecatelist {font-size:1.1em;}
.casecatelist a:hover{color: #cc0033;}
.casecatelist .aindex{color: #cc0033;}
.casecatelist .title{border-bottom: 1px solid #cccccc;float: left;width: 100%;padding: 6px 0;padding-left:10px;}
.casecatelist .title .titlec,.casecatelist .title span,.casecatelist .title a{float: left;font-size:1em;padding-top: 13px;}
.casecatelist .title .titlec{font-weight:  ;}
.casecatelist .title span{color: #cc0033;padding-left: 6px;padding-right: 20px;font-style: italic;}
.casecatelist .title a{padding-left: 20px;padding-right: 20px;font-weight:  ;}
.casecatelist .industorycatelist a{width: 16.666666667%;float: left;padding: 10px 0;}
.casecatelist .procatelist a{float: left;padding: 10px 20px;}
.morecase{margin: 0 auto;width: 100px;background: url(../images/morecase.jpg) no-repeat 90% 23px;font-size: 1.0em;color: #cc0033;padding-top: 21px;padding-bottom: 10px;}
.morecase a{display: block;}
/*---------------sinlecase案例左边列表-*/
.sinlecaseleft{padding: 20px;border-right: 1px solid #f9f9f9;color:#666666;background-color:#e5e5e5;}
.sinlecaseleft .title{padding:5px 0;display: block;font-size: 1.0em;color: #333333;}
.sinlecaseleft .content{padding:5px 0;display: block;font-size: 1.0em;color: #666666;}
.sinlecaseleft .hotline{border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;padding-top: 20px;display: block;padding-left: 0px;padding-bottom: 20px;}
.sinlecaseright{padding: 3%;display: block;font-size:1.0em;line-height:1.5em;color:#666666;}
/*---------------newsbrand-----------------*/
.newsbrandcate{padding:15px 40px;display: block;background-color: #ffffff;border: 1px solid #dddddd;font-size: 1.0em;color: #cc0033;}
.newsbrandcate .cateitem{padding-top:30px;}
.newsbrandcate .cateitem .newcateone {padding-left:18px;}
.newsbrandcate a{color: #333333;}
.newsbrandcate a:hover{color: #cc0033;}
.newsbrandcate .aindex{color: #cc0033;}
.newbrandlist{display: block;}
.newbrandlist li{padding-bottom: 6px;padding-right: 10px;}
.newbrandlist .newsbrandbox{padding: 20px 30px;border: 1px solid #dddddd;background-color: #ffffff;}
.newbrandlist .newsbrandbox img{width: 100%;}
.newbrandlist .newsbrandbox .newsbrandcontent{padding: 0 30px;display: block;}
.newbrandlist .newsbrandbox .newsbrandcontent h3{display: block;padding-bottom: 6px;}
.newbrandlist .newsbrandbox .newsbrandcontent h3 a{color:#cc0033;}
.newbrandlist .newsbrandbox .newsbrandcontent .datemore{color: #cc0033;display: block;padding: 10px 0;font-style: italic;}
.newbrandlist .newsbrandbox .newsbrandcontent .datemore a{color: #cc0033;}
.newbrandlatelist{background-color:#ffffff;padding: 10px 10px;border: 1px solid #cccccc;}
.newbrandlatelist h3{font-weight: normal;padding: 13px 0;border-bottom: 1px solid #cccccc;display: block;color: #cc0033;}
.newbrandlatelist a{display: block;padding: 2px 0;color: #666666;}
/*---------------newsdetails-----------------*/
.newsdetails{display: block;padding-right: 10px;}
.newsdetails .ndbox{border: 1px solid #dddddd;background-color: #ffffff;display: block;padding: 10px 20px;}
.newsdetails .ndbox .ndtitle{padding: 15px 0;font-size: 1.6em;font-weight: bold;border-bottom: 2px solid #cc0033;color: #cc0033;}
.newsdetails .ndbox .ndcontent{padding: 15px 0;line-height: 1.8em;text-indent: 0em;}
.newsdetails .ndbox .ndcontent img{max-width: 80%;}
/*---------------contact-----------------*/
.contact{background-color: #ffffff;padding: 20px 30px;display: block;}
.contact .ctitle{font-size:1.4em;color:#cc0033;float:left;padding-bottom:20px;font-weight:bold;}
.contact .contactleft{border-right:1px solid #dddddd;}
.contact .contactright{padding-left:60px;}
.contact .cmap{ color: #ffffff;background-color: #cc0033;height: 500px;}
.contact .cmap .cmaptitle{padding-top:60px;padding-bottom:60px;padding-left:50px;font-size:2em;}
.contact .cmap .cmapaddr li{padding-left:50px;color:#cfcfcf;display:block;font-size:1.2em;line-height:2.2em;background-color: #cc0033;cursor:pointer;}
.contact .cmap .cmapaddr .mapactive{border:18px solid; border-color:#cc0033 #cc0033 #cc0033 #F4F3EF;position:absolute;margin-left:-50px;}
/*---------------about-----------------*/
.abouttitle{background-color: #ffffff;padding:10px 20px;display: block;border:1px solid #dddddd;font-size:1.0em;text-align:center;}
.abouttitle .abtitem{cursor:pointer;float:left; }
.abouttitle .aindex{color: #cc0033;}
.abouttitle .aboutactive{border:11px solid; border-color:transparent transparent #cc0033 transparent;position:absolute;margin-left:15%;margin-top:25px;}
.aboutcontent{padding:20px 20px;display:none;background-color:#ffffff;border:1px solid #dddddd;color:#666666;line-height:1.5em;}
/*---------------service-----------------*/
.servicecontent{padding:30px;display:none;}
.brandcate .serviceactive{border:19px solid; border-color:#F0F0F0 transparent transparent transparent;position:absolute;margin-left:45%;margin-top:96px;z-index:100;}

/*---------------Recruitment-----------------*/
.Recruitment .rctitle1{font-size:1.4em;color:#cc0033;float:left;padding-right:30px;border-right:1px solid #dddddd;font-weight:bold;}
.Recruitment .rctitle2{font-size:1.4em;color:#999999;float:left;padding-left:30px;}
.Recruitment .rccontent{padding:20px 0;float:left;width:100%;}
.job .jobtitle1{padding:20px 0;font-size:1.6em;font-weight:bold;color:#cc0033;float:left;}
.job .jobtitle2{padding-bottom:10px;padding-top:70px;float:right;}

/*---------------isotope-----------------*/
.isotope-item{z-index: 2;}
.isotope-hidden.isotope-item{pointer-events: none;z-index: 1;}
.isotope,.isotope .isotope-item{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope{-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity;}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}
/*---------------关于-----------------*/
.mytitle {width:100%;height: 373px;background-image: url(../images/mytitle.jpg);}
.mya{font-size: 1.4em;color:#666;font-family: "Microsoft YaHei";font-weight: bold; padding-left:10%; padding-top:5%;}
.myb{font-size:2em;font-family: "Microsoft YaHei";font-weight: bold; padding-left:10%;color:#e50150;}
.myc{font-size:1.1em;font-family: "Microsoft YaHei";padding-top:3%;color:#e50150; }
.mytitle-wz{ width:87%;height:auto;font-size:1.0em;font-family: "Microsoft YaHei";color:#666;padding-left:7.5%; line-height:1.8em;}
.mywza{font-size:1.2em;font-family: "Microsoft YaHei";font-weight: bold;color:#666;padding-top:1%; padding-bottom:0%}
/*---------------首页三大板块-----------------*/
.myindex-A {width:100%;height:861px;background: url(../images/myindex.png) no-repeat;}
.myservice-A {width:100%;height:861px;background-image: url(../images/service3.png);}
.myindex-left-A{ float:left;font-size: 0.8em;color:#666;font-family: "Microsoft YaHei";padding-left:6%; padding-top:50%; line-height:2em;}
.myindex-left-B{ float:left;font-size: 0.8em;color:#666;font-family: "Microsoft YaHei";padding-left:10.5%; padding-top:50%; line-height:2em;}
.myindex-left-C{ float:left;font-size: 0.8em;color:#666;font-family: "Microsoft YaHei";padding-left:5.0%; padding-top:50%; line-height:2em;}
.myindex-left-D{ float:left;font-size: 0.8em;color:#666;font-family: "Microsoft YaHei";padding-left:4.2%; padding-top:50%; line-height:2em;}
.myindex-left-E{ float:left;font-size: 0.8em;color:#666;font-family: "Microsoft YaHei";padding-left:8%; padding-top:50%; line-height:2em;}

.gotop {display: none;position:fixed;transition: bottom ease .3s;bottom:10%;z-index: 9999;width:46px;height: 46px;background:url(../images/top.png) no-repeat;overflow:hidden;cursor:pointer; text-indent:-999em;}
.gotop:hover {background-position:0 bottom}
