/*--公共--*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0;font-weight:normal;background-repeat:no-repeat; outline:none;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;font-family:"微软雅黑";}
body{font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both; background:url(../images/bg.png) repeat;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none !important; color:#333333; outline:none; cursor:pointer;}
a:hover{ background-repeat:no-repeat;text-decoration: none; color:#ac6a00;}
.clearfl:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfl{*zoom:1;}
html,body{overflow-x:hidden;}
*{-webkit-appearance:none;}
.htmlscroll{ overflow-y:hidden; overflow-x:hidden; position:relative; height:100%;}

.commonTitle{ text-align:center; padding-top:40px; position:relative;}
.commonTitle h3{ font-size:28px; font-weight:bold; color:#7e7062;}
.commonTitle h3 img{ vertical-align:middle; max-width:80%;}
.commonTitle h4{ font-size:17px; color:#7e7062; padding:10px 0px;}
.commonTitle h5{font-size:14px; padding:15px 0px 0px; position:relative; line-height:30px; color:#7e7062;}
.commonTitle h5 a{ margin:0px 6px; color:#7e7062;}
.commonTitle h5 a.cur{ color:#c45b12;}
.commonTitle h5 a:hover{ color:#c45b12;}
.commonTitle h5 a.more{ margin:0px; display:block; font-size:14px; position:absolute; left:50%; margin-left:-31px; top:45px; display:none;}
.commonTitle h5 a.more2{ background:url(../images/img40.png) right bottom; border:1px solid rgba(14,6,11,0.28); padding:0px 10px; line-height:23px;  border-radius:6px; vertical-align:middle; display:block; margin:15px auto 0px; font-size:12px; color:#707070; right:0px; top:18px; max-width:85px;}

.commonMore{ text-align:center; padding:30px 0px 0px;}
.commonMore a{color: #7e7062; font-size:14px;}


/*--头部--*/

.header{ position:absolute; height:54px; left:0px; right:0px;top:0px; z-index:99;}
.header ul{ text-align:center;height:54px;}
.header ul li{ display:inline-block; vertical-align:top; line-height:54px; margin:0px 15px; display:none;}
.header ul li a{ color:#e5e5e5; font-size:16px;}
.header ul li.logo{ height:142px; background:#fff; width:85px; margin:0px 45px; border-radius:0px 0px 3px 3px; display:inline-block;}
.header ul li.logo img{ display:block; margin:0px auto; height:142px;}
.header ul li:hover a{ color:#ec6941;}
.headerTwo{ background:#fff; border-bottom:1px solid rgba(98,98,98,0.4);}
.headerTwo a.logo{ float:left; padding-top:15px; padding-bottom:10px;}
.headerTwo a.logo img{ display:block; height:50px;}
.headerTwo ul{ position:fixed; z-index:9999; width:100%; left:0px; bottom:0px; top:75px; overflow-y:auto; overflow-x:hidden; padding:0px 20px; background:#fff;display:none;}
.headerTwo ul li{ text-align:center; border-bottom:1px solid #7d7063;}
.headerTwo ul li a{ padding:12px 0px; color:#7d7063; display:block;font-size:18px;}
.headerTwo ul li.cur a{ color:#c45b12;}
.headerTwo ul li:hover a{ color:#c45b12;}

.navbtn{height:60px; width:60px; cursor:pointer; z-index:9999; float:right; position:relative; display:block; margin-top:8px; display:none;}
.navbtn span{height:4px;width:25px; position:absolute; left:19px; top:28px; background:#7e7062;transition:all .2s ease;opacity:1;filter:alpha(opacity=100);}
.navbtn span:nth-child(1){ top:20px;}
.navbtn span:nth-child(2){ top:36px;}

.navbtnclose span:nth-child(1){opacity:0;filter:alpha(opacity=0);}
.navbtnclose span:nth-child(2){ transform:rotate(-45deg) translate(5px,-5px);}
.navbtnclose span:nth-child(3){ transform:rotate(45deg) translate(1px,0px);}

/*--首页--*/

.indexNav{ position:fixed; bottom:0px; left:0px; right:0px; background:#e5e5e5; z-index:999; padding:8px 0px; display:block;}
.indexNav ul li{ float:left; width:33.3333%; position:relative;}
.indexNav ul li>a{ border-right:1px solid #c1c1c1; text-align:center; display:block;}
.indexNav ul li>a span{background-repeat:no-repeat; display:inline-block; line-height:32px; padding-left:40px; color:#313131; font-size:18px; background-size:30px; background-position:left center;}
.indexNav ul li>a span.icon1{ background-image:url(../images/img114.png);}
.indexNav ul li>a span.icon2{ background-image:url(../images/img112.png);}
.indexNav ul li>a span.icon3{ background-image:url(../images/img113.png);}
.indexNav ul li:last-child a{ border-right:none;}

.indexNav ul li p{ position:absolute; bottom:40px; width:100%; background:rgba(255,255,255,0.7); display:none;}
.indexNav ul li p a{ display:block; border-bottom:1px solid #b7bcbf; line-height:40px; text-align:center; font-size:16px;}
.indexNav ul li p a:last-child{ border-bottom:none;}
.indexNav ul li.cur a span.icon1{ background-image:url(../images/img115.png);}

.indexNavfoot{ padding-bottom:48px;}

.banner{ width:100%; height:100vh; overflow:hidden; position:relative;}
.banner ul li{ width:100%; overflow:hidden; position:relative;}
.banner ul li img{ height:100vh; display:block; position:relative; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.bannerline{ background:rgba(137,124,110,0.5); height:28px; display:none;}

.whatcanwedo{ background:#fff; min-height:480px; position:relative;border-radius:4px; border:1px solid  rgba(128,115,102,0.12); z-index:99; margin-top:20px;}
.whatcanwedo:after{ background:url(../images/img3.png) no-repeat; width:100px; height:97px; position:absolute; right:-100px; bottom:-3px; content:""; display:block;}
.whatcanwedo:before{ background:url(../images/img2.png) no-repeat; width:100px; height:97px; position:absolute; left:-100px; bottom:-3px; content:""; display:block;}

.announcement{ height:42px; overflow:hidden; text-align:center; border-bottom:1px solid #e5e5e5; padding:0px 15px;}
.announcement a{ color:#7d7d7d; font-size:12px; background:url(../images/img4.png) no-repeat left 4px; padding-left:25px; height:20px; overflow:hidden; line-height:20px; display:block;}
.announcement a:hover{ color:#c45b12;}

.announcementList{ height:20px; position:relative; overflow:hidden; max-width:325px; margin:10px auto 0px;}
.announcementList ul li{ overflow:hidden;}

.whatcanwedoClass{ padding:0px 8px; margin-top:20px;}
.whatcanwedoClass li{ float:left; width:50%; padding:0px 8px 15px;}
.whatcanwedoClass li img{ display:block; width:100%;}
.whatcanwedoClass li div{min-height:304px; border:1px solid #e2e0de; background-repeat:no-repeat; background-position:center top; position:relative; display:none;}
.whatcanwedoClass li div p{ text-align:center; font-size:14px; position:absolute; bottom:20px; width:100%; left:0px;}
.whatcanwedoClass li.bg1 div{ background-image:url(../images/img5.png); background-color:#ede8e5;}
.whatcanwedoClass li.bg2 div{ background-image:url(../images/img6.png); background-color:#ecf3d8;}
.whatcanwedoClass li.bg3 div{ background-image:url(../images/img7.png); background-color:#faead2;}
.whatcanwedoClass li.bg4 div{ background-image:url(../images/img8.png); background-color:#d2e7f1;}

.works{ padding-top:20px;}
.works li{ padding-top:20px;}
.works li a{ display:block; position:relative;}
.works li img{ display:block; width:100%;}
.works li:hover div.imgCommonMask{ display:block;}

.imgCommonMask{ background:rgba(0,0,0,0.5); left:0px; top:0px; bottom:0px; right:0px; position:absolute; display:none;;}
.imgCommonMask dl{ position:absolute; left:0px; right:0px; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%); padding:0px 20px}
.imgCommonMask dl dt{ height:23px; color:#fff; font-size:18px; text-align:center; overflow:hidden;}
.imgCommonMask dl dd{ font-size:12px; line-height:20px; text-indent:2em; height:40px; overflow:hidden; color:#c9c9c9; margin-top:10px;}
.imgCommonMask dl p{ text-align:center; padding-top:15px;}
.imgCommonMask dl p span{ border-radius:5px; background:#e9470c; font-size:16px; display:inline-block; color:#fff; padding:4px 20px;}

.indexAbout{ background:#fff; min-height:390px; position:relative; margin-top:35px; border:1px solid  rgba(128,115,102,0.12); z-index:99; padding:17px; display:none;}
.indexAbout:after{ background:url(../images/img3.png) no-repeat; width:100px; height:97px; position:absolute; right:-100px; bottom:-3px; content:""; display:block;}
.indexAbout:before{ background:url(../images/img2.png) no-repeat; width:100px; height:97px; position:absolute; left:-100px; bottom:-3px; content:""; display:block;}


.indexAboutleft dl dt{ width:100%; position:relative; overflow:hidden; border:6px solid #7e7062; margin-top:15px;}
.indexAboutleft dl dt div{ width:100%; overflow:hidden; position:relative;}
.indexAboutleft dl dt div ul li{ overflow:hidden; position:relative; width:100%;}
.indexAboutleft dl dt div ul li img{ width:100%; display:block;}

.indexAboutleft dl dd h3{ text-align:center; font-size:28px; font-weight:bold; color:#7e7062; padding-top:5px;}
.indexAboutleft dl dd h4{ text-align:center; vertical-align:middle; max-width:100%; padding-top:8px;}
.indexAboutleft dl dd div.desc{ color:#7d7d7d; font-size:12px; line-height:24px; text-indent:2em; padding-top:10px}
.indexAboutleft dl dd div.desc a{ color:#ac6a00;}
.indexAboutleft ul.aboutClass{ padding-top:30px;}
.indexAboutleft ul.aboutClass a{ display:inline-block; border:1px solid #bebebe; color:#7e7062; margin-left:5px; padding:0px 12px; margin-bottom:8px;}
.indexAboutleft ul.aboutClass a:hover{ color:#c45b12;border:1px solid #c45b12; }
.indexAboutleft ul.aboutClass a.more{ border:none;}

.indexAboutright{min-height:356px; padding-left:17px; padding-top:33px;}
.indexAboutright h3{ font-size:18px; color:#7e7062;}
.indexAboutright h3 a{ font-size:14px; float:right; color:#7e7062;}
.indexAboutright h3 a:hover{ color:#c45b12;}
.indexAboutright ul{ padding-top:15px;}
.indexAboutright ul li{ line-height:30px; height:30px; overflow:hidden; background:url(../images/img15.png) no-repeat left 12px; padding-left:17px;}
.indexAboutright img{ display:block; max-width:100%; margin-top:20px;}

.indexNews{ background:#fff; position:relative; margin-top:35px; border:1px solid  rgba(128,115,102,0.12); z-index:99; padding:0px 15px;}
.indexNews:after{ background:url(../images/img3.png) no-repeat; width:100px; height:97px; position:absolute; right:-100px; bottom:-3px; content:""; display:block;}
.indexNews:before{ background:url(../images/img2.png) no-repeat; width:100px; height:97px; position:absolute; left:-100px; bottom:-3px; content:""; display:block;}
.indexNews div.commonTitle{ padding-top:0px;}
.indexNews h3{ padding-top:30px;}

.indexNews ul{ padding-top:20px; padding-bottom:20px;}

.indexNews ul li{ padding-top:20px; padding-bottom:20px;}
.indexNews ul li img{ float:left; width:110px; margin-right:15px;}
.indexNews ul li h4{ font-size:14px; color:#000; overflow:hidden; height:22px; line-height:22px; margin-top:5px;}
.indexNews ul li h4 span{ float:right;}
.indexNews ul li p{ font-size:12px; margin-top:5px; color:#999; line-height:24px; text-indent:2em; height:48px; overflow:hidden;}
.indexNews ul li:hover a h4{ color:#c45b12;}
.indexNews ul li:hover a p em{ color:#c45b12;}
.indexContactTitle{ padding:40px 0px 30px; font-size:28px; color:#7e7062; text-align:center; font-weight:bold; display:none;}

.indexContact{ background:#fff; min-height:310px; position:relative;border:1px solid  rgba(128,115,102,0.12); z-index:99; padding:17px;display:none;}
.indexContact:after{ background:url(../images/img3.png) no-repeat; width:100px; height:97px; position:absolute; right:-100px; bottom:-3px; content:""; display:block;}
.indexContact:before{ background:url(../images/img2.png) no-repeat; width:100px; height:97px; position:absolute; left:-100px; bottom:-3px; content:""; display:block;}

.indexContact dl dt{}
.indexContact dl dt img{ display:block; margin:0px auto; width:89px;}
.indexContact dl dt p{font-size:14px; padding-left:60px; color:#535353; line-height:30px; padding-top:20px;}
.indexContact dl dd{ max-width:320px; margin:0px auto; overflow:hidden; padding-top:20px;}
.indexContact dl dd p{ float:left; padding-right:50px; font-size:16px; text-align:center; line-height:30px;}
.indexContact dl dd p img{ display:block; width:131px; padding-bottom:10px;}
.indexContact dl dd p:last-child{ padding-right:0px;}

.indexLink{ padding-top:35px; padding-bottom:35px;}
.indexLink p{ position:relative; font-size:14px; padding-left:48px;}
.indexLink p span{ color:#fff; position:absolute; left:0px; top:0px; display:inline-block; background:#887a6c; padding:0px 5px;}
.indexLink p a{ color:#887a6c; margin:0px 8px;}
.indexLink p a:hover{ color:#c45b12;}
.footer{ background:rgba(136,122,108,0.75); padding:15px 0px;}
.footer dl{ text-align:center;}
.footer dl dt{ font-size:12px; padding-left:20px; color:#fff; font-weight:normal; padding-bottom:10px;}
.footer dl dt a{ color:#fff;}
.footer dl dd{ padding-right:20px; color:#fff;}


.Pagination{ padding:40px 0px 20px; text-align:center;}
.Pagination a{ display:inline-block; margin:0px 5px;text-align:center; background:#fff; border:1px solid #e5e5e5; vertical-align:middle; color:#333; font-family:"宋体"}
.Pagination a.cur{ background:#ed6941; color:#fff;border:1px solid #ed6941;}
.Pagination a:hover{background:#ed6941; color:#fff;border:1px solid #ed6941;}
.Pagination span{padding:0px 10px; display:inline-block;height:30px; font-size:14px; line-height:30px;margin:0px 5px;}
.Pagination span.current{display:inline-block;background:#ed6941; color:#fff; vertical-align:middle;}
.Pagination span.prev{display:inline-block;border:1px solid #e5e5e5;background:#fff; color:#333;vertical-align:middle;}
.Pagination span.next{display:inline-block;border:1px solid #e5e5e5;background:#fff; color:#333;vertical-align:middle;}
.Pagination a span{ margin:0px;}
.Pagination a span.prev{ padding:0px 10px; height:auto;display:inline;border:none;}
.Pagination a span.next{ padding:0px 10px; height:auto;display:inline;border:none;}
.Pagination a:hover span.prev{ color:#fff; background:none;}
.Pagination a:hover span.next{ color:#fff; background:none;}
.Pagination a.pagePrev,.Pagination a.pageNext{ font-size:14px;}
.paging_left { display:none;}

.clickindex{ display:block; position:fixed; left:0px; top:0px; bottom:0px; right:0px; z-index: 999999; background:url(../images/bg.png) repeat;}
.loding{ position:absolute; top:50%; left:50%; width:118px; height:240px; margin-left:-59px; margin-top:-120px;}
.loding span{ display:block; height:240px; width:100%; background-repeat:no-repeat; right:0px;top:0px; position:absolute;}
.loding span.ldimgOne{z-index:9;animation:mymove 5s infinite;-webkit-animation:mymove 5s infinite; background-image:url(../images/logo4.png); background-repeat:no-repeat; background-position:center right}
.loding span.ldimgTwo{ background-image:url(../images/logo3.png); z-index:1;}

@keyframes mymove
{
from {width:100%;}
to {width:0px}
}

@-webkit-keyframes mymove
{
from {width:100%;}
to {width:0px}
}

/*--案例--*/

.location{background:rgba(112,112,112,0.15); border-bottom:1px solid rgba(98,98,98,0.3); padding:15px 0px;}
.location dl{ position:relative;}
.location ul{ overflow-x:auto; overflow-y:hidden; padding-top:15px; margin-bottom:-15px;white-space:nowrap;}
.location dl dt img{ max-width:40%;}
.location dl dd{ text-align:right; padding-top:15px; color:rgba(98,98,98,0.7);}
.location dl dd a{ color:rgba(98,98,98,0.7);}
.location dl dd.locationTop{ bottom:auto; top:0px;}
.location ul li{display:inline-block;}
.location ul li a{ display:inline-block; padding:0px 18px; height:37px; line-height:37px; font-size:14px;}
.location ul li.cur a{ box-shadow:0px -2px 4px rgba(0,0,0,0.1); background:#fff; border-radius:4px 4px 0px 0px;}

.locationNobg{ background:none; border-bottom:none;}

.footAdvantage{ border:1px solid #cdcccd; background:rgba(255,255,255,0.5); padding:30px 0px; margin-top:20px;}
.footAdvantage ul{ padding:0px 30px;}
.footAdvantage ul li div{ padding:0px 0px 20px;}
.footAdvantage ul li div img.icon{ max-width:100%; margin:0px auto; display:block;}
.footAdvantage ul li div h3{ padding-top:20px;}
.footAdvantage ul li div h3 img{ max-width:100%;}
.footAdvantage ul li div p{ font-size:14px; color:#7d7063; padding-top:15px;}

.footProcess{ background:#fff;border:1px solid #cdcccd; margin-top:20px; padding:20px 0px;}
.footProcess h3{ text-align:center; font-size:19px; color:#000;}
.footProcess ul{ padding-top:25px;}
.footProcess ul li{ float:left; width:33.3333%;text-align:center; position:relative; padding-bottom:20px;}
.footProcess ul li p{ color:#7d7063; font-size:16px; padding-top:8px;}
.footProcess ul li:last-child:after{ display:none;}

.Casedetail{background:#fff;border:1px solid #cdcccd; position:relative;margin-top:50px;}
.Casedetail span.after{ content:""; background:url(../images/img95.png) no-repeat; left:0px; display:block; top:0px; height:47px; width:38px; position:absolute}
.Casedetail span.before{ content:""; background:url(../images/img96.png) no-repeat; right:0px; display:block; bottom:0px; height:47px; width:38px; position:absolute}

.CasedetailSmallImg{background-size:100%; margin:0px auto;width:90%; max-width:450px;margin-top:-17px; padding-top:13px; padding-left:11px; padding-right:13px; position:relative; z-index:9;}
.CasedetailSmallImg img{ display:block; width:100%; height:auto !important;}
.CasedetailSmallImg span{ display:block; background-repeat:no-repeat; background-size:100%; background:url(../images/img125.png) no-repeat; padding:0px 10px;}


.Casedetailinfo{ padding:30px 25px; max-width:700px; margin:0px auto;}
.Casedetailinfo h1{ text-align:center; font-size:24px; font-weight:bold; line-height:30px; overflow:hidden; height:30px;}
.Casedetailinfo ul{ padding-top:15px;}
.Casedetailinfo ul li{ line-height:30px; height:30px; font-size:14px; color:#626262; overflow:hidden; background:url(../images/img15.png) no-repeat left 12px; padding-left:17px;}
.Casedetailinfobox{ position:relative; margin-top:15px;}
.CasedetailinfoDesc{ font-size:12px; line-height:24px; color:#737373; overflow:hidden; height:68px; text-indent:2em; margin-top:5px;}

.Browse{ padding-top:15px;}
.Browse a{ display:block; text-align:center;}
.Browse a img{ vertical-align:middle; height:40px;}

.bdsharebuttonbox{ padding-top:15px;}
.bdsharebuttonbox span{ float:left;}

.guanggao{ top:110px !important;}

.CasedetailContentbox{ background:#d3d3d3; border:1px solid #cdcccd; margin-top:18px;}
.CasedetailContentTitle{ text-align:center; font-size:14px; background:#efefef; color:#626262; line-height:48px;}
.CasedetailContent{padding:8%; font-size:14px; line-height:24px;}
.CasedetailContent img{ display:block; max-width:100%; margin:0px auto;}

.Casebtn{ max-width:660px; margin:0px auto; padding:30px 0px 10px;}
.Casebtn a{ display:block; float:left; width:25%; padding:0px 12px;}
.Casebtn a img{ display:block; width:100%;}

.advertisingBtn{ max-width:415px; margin:0px auto; padding:30px 0px 10px;}
.advertisingBtn a{ display:block; float:left; width:33.3333%; padding:0px 12px;}
.advertisingBtn a img{ display:block; width:100%;}

/*--新闻呢--*/
.newsList{border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding-bottom:25px;}
.newsList dl{ border-bottom:1px solid #c8c8c8; margin:0px 20px; padding-bottom:35px; padding-top:30px;}
.newsList dl dd{ padding-bottom:15px;}
.newsList dl dd img{ display:block; width:100%;}
.newsList dl dd p{ text-align:center; font-size:14px; color:#626262; overflow:hidden; line-height:22px; height:22px; margin-top:8px;}
.newsList dl dd a{ display:block; padding:0px 15px;}
.newsList dl dd:hover p{ color:#ac6a00;}
.newsList ul{ padding:0px 0px 35px;border-bottom:1px solid #c8c8c8; margin:0px 10px;}
.newsList ul li{ padding-top:30px;}
.newsList ul li h3{ font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.newsList ul li img{ display:block; float:left; width:100px; margin-right:25px;}
.newsList ul li p.desc{ line-height:18px; height:54px; overflow:hidden; margin-top:0px; color:#999; font-size:12px; text-indent:2em;}
.newsList ul li p.Time{ font-size:12px; color:#ccc; text-align:right; padding-top:8px;}

.newsClassbox{border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:0px 12px 30px;padding-top:25px; margin-top:25px;}
.newsClassbox ul.newsClass li{ border-bottom:1px dashed #c8c8c8; line-height:33px; text-align:center; padding-top:30px; padding-bottom:5px;}
.newsClassbox ul.newsClass li a span{ position:relative; font-size:16px;}
.newsClassbox ul.newsClass li a span:after{ display:none; content:''; border-top:10px solid transparent;border-right:10px solid #eb6100; border-bottom:10px solid transparent; position:absolute; left:-15px; top:2px; width:0px; height:0px;}
.newsClassbox ul.newsClass li a{ display:block;}
.newsClassbox ul.newsClass li a:hover{color:#eb6100;}
.newsClassbox ul.newsClass li a:hover span:after{color:#eb6100; display:block;}

.newsClassbox ul.newsClass li.cur a{color:#eb6100;}
.newsClassbox ul.newsClass li.cur a span:after{color:#eb6100; display:block;}
.newsClassbox h3 { padding-top:50px;}
.newsClassbox h3 a{ font-size:14px; text-align:center; background:url(../images/img40.png) repeat; line-height:28px; height:28px; display:block; width:78px; border:1px solid #e1e1e1; border-radius:4px 4px 0px 0px; font-weight:bold;}
.newsClassbox ul.hotspot{ padding-top:15px;}
.newsClassbox ul.hotspot li{ line-height:30px; height:30px; overflow:hidden; background:url(../images/img15.png) no-repeat left 12px; padding-left:17px;}

.contentbox{border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:30px 15px 25px;}

.contentTitle{text-align:center;}
.contentTitle h1{ font-size:24px; line-height:50px; font-weight:bold;}
.contentTitle p{ padding:10px 0px; color:#897c6e; font-size:12px; border-bottom:1px solid #bfbfbf;}
.content{ color:#626262; font-size:14px; line-height:30px; padding:35px 0px 60px;}
.content p{ text-indent:2em;}
.content img{ max-width:100%; margin-left:-2em;}

.footNews p{ height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.footNews p a{ color:#626262;}
.footNews p a:hover{ color:#c45b12;}

/*--我们--*/

.about{border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:25px 15px; min-height:1112px; font-size:14px; color:#1b1b1b; line-height:30px;}
.about img{ max-width:100%; margin-left:-2em;}
.about p{ text-indent:2em;}

.aboutRight ul{ padding-top:15px; margin:0px -10px;}
.aboutRight ul li{ padding-bottom:15px; float:left; width:50%; padding:10px 10px;}
.aboutRight ul li div{background:rgba(255,255,255,0.8);border:1px solid #d3d3d3; border-radius:5px; height:210px;}
.aboutRight ul li div img{ max-width:100%; margin:0px auto; display:block; padding-top:45px;}
.aboutRight ul li div p{ color:#7d7063; font-size:14px; text-align:center; padding:20px 15px 0px;}
.aboutRight ul li:last-child{ padding-bottom:0px;}


/*--微信--*/

.weixinImg{ font-size:14px; color:#1b1b1b;}
.weixinImg h3{ padding-top:35px; padding-bottom:35px;}
.weixinImg img{ display:block; max-width:100%; margin:0px auto;}
.weixinImg p.desc{ padding:0px 15px 25px; max-width:1010px; margin:0px auto; text-indent:2em;}

.features li{ padding-bottom:25px;}
.weixinNewsList{ margin-top:40px;}
.weixinNewsList ul{ padding:0px 0px 35px;border-bottom:1px solid #c8c8c8;}
.weixinNewsList ul li{ padding-top:30px;}
.weixinNewsList ul li h3{ font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.weixinNewsList ul li img{ display:block; float:left; width:100px; margin-right:25px;}
.weixinNewsList ul li p.desc{ line-height:18px; height:54px; overflow:hidden; margin-top:5px; color:#666; font-size:13px; text-indent:2em;}
.weixinNewsList ul li p.Time{ font-size:12px; color:#666; text-align:right; padding-top:5px;}

.weixinContentbox{ padding:30px 2%;}

.weixinTabBox{ display:none;}
.weixinNewsListMore{ padding:20px 0px; text-align:center;}
.weixinNewsListMore a{ border-radius:5px; background:#e9470c; font-size:16px; display:inline-block; color:#fff; padding:4px 20px;}



/*--网站--*/

.webClass{ text-align:center; padding-top:35px;}
.webClass span{ display:inline-block;vertical-align:middle;}
.webClass span a{ display:inline-block; position:relative; height:37px; font-size:22px; line-height:33px; color:#000; padding:0px; position:relative; margin:0px 15px;}
.webClass span a.cur{ background:#000; color:#fff; font-size:28px;}
.webClass span a.cur:after{ content:""; background:url(../images/img68.png) no-repeat; left:-12px; display:block; top:0px; height:37px; width:12px; position:absolute}
.webClass span a.cur:before{ content:""; background:url(../images/img69.png) no-repeat; right:-12px; display:block; top:0px; height:37px; width:12px; position:absolute}
.webClass a.Casebtn{ background:url(../images/img40.png) right bottom; border:1px solid rgba(14,6,11,0.3); padding:0px 10px; line-height:26px; border-radius:6px; vertical-align:middle; display:inline-block; margin-left:20px; font-size:14px;}

.webClass p.desc{ padding:20px 15px; max-width:845px; margin:0px auto; text-align:left; text-indent:2em; color:rgba(37,37,37,0.6)}
.webPcImg img{ max-width:100%; margin:0px auto; display:block;}

.weblistbox{ position:relative; padding:40px 45px 0px;}
.weblistNext, .weblistPrev{ position:absolute; top:50%; margin-top:-34px; width:20px; height:67px; background-repeat:no-repeat; z-index:999; cursor:pointer; background-size:cover;}
.weblistPrev{ background-image:url(../images/img76.png); left:0px;}
.weblistNext{background-image:url(../images/img77.png); right:0px;}

.weblist{ width:100%; overflow:hidden; position:relative;}
.weblist ul li{ float:left; width:20%;}
.weblist ul li a{ display:block; background:#fff; border-radius:6px; border:1px solid #d2d2d2; min-height:365px;}
.weblist ul li a img{ width:100%;}
.weblist ul li a h3{ font-size:19px; color:#000; padding:20px 10px 0px; height:88px; text-align:center; line-height:24px;}
.weblist ul li a p{ color:rgba(0,0,0,0.7); padding:0px 10px 0px; margin-top:10px; text-align:center; line-height:20px; height:80px; overflow:hidden;}
.weblist ul li:hover h3{ color:#c45b12;}
.weblist ul li:hover p{ color:#c45b12;}

/*--广告--*/
.Design{ padding-top:20px;}
.Design h3{padding-left:0px; padding-bottom:25px;}
.Design img{ max-width:100%;}
.Production h3{ padding-top:25px; padding-bottom:25px; padding-left:0px;}
.Production h3 img{ max-width:100%;}
.Production ul li{ padding-bottom:20px;}
.Production ul li a{ display:block; background:#fff;min-height:340px;}
.Production ul li a img{ width:100%;}
.Production ul li a h3{ font-size:16px; color:#000; padding:0px; line-height:70px; font-weight:bold; height:70px; text-align:center;}
.Production ul li a p{ color:rgba(0,0,0,0.7); padding:0px 15px 0px; margin-top:10px; line-height:21px; height:63px; overflow:hidden; text-indent:2em;}




/*--方案--*/

.ProgramList{border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding-bottom:20px;}
.ProgramList ul{ padding:0px 10px;}
.ProgramList ul li{ padding-top:23px;}
.ProgramList ul li a{ display:block; border:1px solid #d5d5d5; background:#fff; padding-bottom:20px; position:relative;}
.ProgramList ul li a h3{ height:50px; line-height:50px; font-size:18px; color:#000; text-align:center; overflow:hidden; padding:0px 10px;}
.ProgramList ul li a img{ display:block; width:100%;}
.ProgramList ul li a p{ font-size:14px; line-height:24px; color:#535353; padding:0px 10px; text-indent:2em; margin-top:10px; height:120px; overflow:hidden;}
.ProgramList ul li a span{ width:32px; height:28px; background:url(../images/img93.png) no-repeat; float:right; margin-right:10px; margin-top:20px;}
.ProgramList ul li:hover div.ProgramMask{ display:block;}


.ProgramClassbox{ margin-top:25px;border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:0px 12px;padding-top:10px;}
.ProgramClassbox ul.newsClass li{ border-bottom:1px dashed #c8c8c8; line-height:41px; text-align:center; padding-top:30px;}
.ProgramClassbox ul.newsClass li a span{ position:relative; font-size:16px;}
.ProgramClassbox ul.newsClass li a span:after{ display:none; content:''; border-top:10px solid transparent;border-right:10px solid #fff; border-bottom:10px solid transparent; position:absolute; left:-20px; top:2px; width:0px; height:0px;}
.ProgramClassbox ul.newsClass li a{ display:block;}
.ProgramClassbox ul.newsClass li:hover{ border-bottom:1px solid transparent;}
.ProgramClassbox ul.newsClass li:hover a{color:#fff; background:#eb6100;}
.ProgramClassbox ul.newsClass li:hover a span:after{display:block;}
.ProgramClassbox ul.newsClass li.cur{ border-bottom:1px solid transparent;}
.ProgramClassbox ul.newsClass li.cur a{color:#fff; background:#eb6100;}
.ProgramClassbox ul.newsClass li.cur a span:after{display:block;}

.ProgramMask{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-image:url(../images/img109.png); background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,0.5); display:none;}

.ProgramContent{ border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding: 60px 35px 25px; min-height:1010px;}

/*--联系--*/

.contact{ border:1px solid #cdcccd; background:#fff;}
.contact dl{ padding:40px 30px;}
.contact dl dt{width:100%;}
.contact dl dt img{ display:block; max-width:100%; margin:0px auto;}
.contact dl dd.contactContent{ margin:0px auto;max-width:450px; font-size:14px; line-height:24px; padding-top:20px;}
.contact dl dd.contactContent img{ display:block; padding-bottom:10px; max-width:100%;}
.contact dl dd.erweima { text-align:center; padding-top:20px;}
.contact dl dd.erweima p{ display:inline-block; padding:0px 20px;}
.contact dl dd.erweima p img{ display:block; padding-bottom:10px; max-width:100%;}
.contactmap{ border-top:1px solid #cdcccd; padding:30px;}
.contactmap img{ display:block; width:100%;}


.fixedRight{ position:fixed; right:2%; width:48px; z-index:99; top:50%; margin-top:-98px; display:none;}
.fixedRight li{ width:48px; height:48px; line-height:48px; color:#fff; font-size:20px; background:#706356; margin:1px 0px; text-align:center; position:relative;}
.fixedRight li>img{ height:24px;}
.fixedRight li div{ background:url(../images/img111.png) no-repeat; width:150px; height:167px; position:absolute; right:55px; top:-56px; padding-top:52px; padding-left:27px; display:none;}
.fixedRight li div img{ width:86px; height:86px; display:block;}
.fixedRight li:hover div{ display:block;}
.fixedRight li a{ display:block; height:48px; color:#fff;}
.fixedRightIni{ position:absolute; top:50%; margin-top:0px; display:none;}

.websiteTab,.advertisingTab,.indexNewsTab{ display:none;}

.indexMore{ text-align:center;}


@media (max-width:320px) {

}
@media (max-width:520px) {
	.indexNews ul li{ padding:10px 0px 0px;}
	.works{ padding-top:0px;}
	.commonTitle{ padding-top:25px;}
	.works li{ width:100%;}
	.works li:nth-child(n+5){ display:none;}
	.Production ul li a{ display:block; background:#fff;min-height:260px;}
	.Production ul li a h3{ line-height:50px; height:50px;}
}

@media (min-width: 768px) {
.indexHeader{ display:none;}
.header{ display:block;background: rgba(255,255,255,0.1);}
.header ul li{ display:inline-block;}
.headerTwo{ background:#fff; border-bottom:1px solid rgba(98,98,98,0.4); height:101px; display:block;}
.headerTwo a.logo{ float:left; padding-top:15px;}
.headerTwo a.logo img{ display:block; height:77px;}
.whatcanwedoClass{ padding:0px 55px; margin-top:20px;}
.whatcanwedoClass li{ float:left; width:50%; padding:0px 14px 25px;}
.commonTitle h5 a.more{ display:block; right:0px; left:auto; margin-left:0px; top:15px;}
.fixedRightIni{ display:block;}
.navbtn{display:none;}
.headerTwo ul { float:right; position:relative; left:0px; top:0px; width:auto; background:none; padding-top:40px; display:block;}
.headerTwo ul li{ float:left; padding-left:15px; color:#7d7063; font-size:18px; border:none;}
.headerTwo ul li a{ display:inline; padding:0px; }
.banner{ height:auto;}
.banner ul li img{ height:auto; width:100%; display:block;}
.location dl dt{ text-align:left;}
.location dl dd{ position:absolute; right:15px; bottom:0px; color:rgba(98,98,98,0.7);}
.location dl dt img{ max-width:100%;}
.Browse a img{ vertical-align:middle; height:60px;}
.webClass span a{ font-size:32px; line-height:33px;}

.weixinNewsList ul{ padding:0px 25px 35px; margin:0px 20px}
.weixinNewsList ul li img{ display:block; float:left; width:215px; margin-right:25px;}
.weixinNewsList ul li h3{ font-size:28px; line-height:30px; height:30px; overflow:hidden;}
.weixinNewsList ul li p.desc{ line-height:22px; height:66px; overflow:hidden; margin-top:20px; color:#666; font-size:14px; text-indent:2em;}
.weixinNewsList ul li p.Time{ font-size:12px; color:#666; text-align:right; padding-top:8px;}
.newsList ul{ padding:0px 25px 35px;border-bottom:1px solid #c8c8c8; margin:0px 20px;}
.newsList ul li img{ display:block; float:left; width:215px; margin-right:25px;}
.newsList ul li p.desc{ line-height:22px; height:66px; overflow:hidden; margin-top:20px; color:#999; font-size:14px; text-indent:2em;}
.newsList ul li p.Time{ font-size:12px; color:#ccc; text-align:right; padding-top:8px;}
.newsList dl dd{ float:left; width:33.3333%;}
.newsList dl dd a{ display:block; padding:0px 35px;}
.indexAbout,.indexContactTitle,.indexContact{ display:block;}
.commonTitle h5 a{ margin:0px 10px;}
.fixedRight{ display:block;}
.bannerline{ display:block;}
.whatcanwedo{margin-top:-100px; }
.indexNav{ display:none;}
.bdsharebuttonbox{ position:absolute; right:0px; top:135px; padding-top:0px;}
.Browse{ position:absolute; right:0px; top:20px;}
.commonMore{ display:none;}
}
@media (min-width: 992px) {
.indexAboutleft{ float:left; width:615px;}
.indexAboutleft dl dt{ float:left; width:280px; height:auto; margin-top:30px;}
.indexAboutleft dl dd{ float:right; width:300px; height:240px; overflow:hidden;}
.indexAboutright{ float:right; width:275px;background:url(../images/img14.png) no-repeat left center;}
.indexContact dl dt{ float:left; width:500px; padding-left:23px; padding-top:43px;}
.indexContact dl dt p{ float:left; font-size:14px; width:388px; padding-left:40px; color:#535353; line-height:30px; padding-top:10px;}
.indexContact dl dt img{ float:left;}
.indexContact dl dd{ float:right; width:365px; padding-top:43px;}
.footer dl dt{ font-size:12px; float:left; padding-left:20px; color:#fff; font-weight:normal; padding-bottom:0px;}
.footer dl dd{ float:right; padding-right:20px; color:#fff;}
.footProcess ul li{width:14.285714285714286%;}
.footAdvantage ul li div{ padding:0px 40px;}
.CasedetailSmallImg{margin:0px auto; width:448px; margin-top:-17px; padding-top:13px; padding-left:11px; padding-right:13px;}
.ProgramList{ float:left; width:80%; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding-bottom:20px; min-height:1000px;}
.ProgramContent{ float:left; width:80%; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding: 60px 35px 25px; min-height:1010px;}
.ProgramClassbox{ float:right; width:19%;border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:0px 12px;min-height:1010px; padding-top:10px; margin:0px;}
.Production ul li a h3{ font-size:30px;}
.CaseTitle{ position:absolute; left:40px;}
.commonTitle h5{font-size:18px;}
.commonTitle h5 a.more2{ background:url(../images/img40.png) right bottom; border:1px solid rgba(14,6,11,0.28); padding:0px 10px; line-height:23px; position:absolute; border-radius:6px; vertical-align:middle; display:inline-block; margin-left:20px; font-size:12px; color:#707070; right:0px; top:18px;}
.contact dl dt{ float:left; width:50%;}
.contact dl dd.contactContent{ float:left; width:50%; font-size:14px; line-height:24px; padding-top:20px;}
.contact dl dd.erweima{ float:left; width:100%; padding-top:20px;}
.weblist ul li a h3{ font-size:19px; color:#000; padding:20px 50px 0px; }
.location ul{ position:absolute; bottom:-15px; right:100px; padding-top:0px; margin-bottom:0px;}
.location ul li{ float:left; display:block;}
.weixinContentbox{ padding:40px 10% 40px;}

.about{ float:left; width:79%; padding:60px;}
.aboutRight{ float:right; width:19%;}
.aboutRight ul{ padding-top:0px; margin:0px;}
.aboutRight ul li{ float:none; width:100%; padding:0px; padding-bottom:15px;}
.aboutRight ul li div p{ color:#7d7063; font-size:17px; text-align:center; padding:20px 15px 0px;}
.newsList{ float:left; width:78%; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding-bottom:25px; min-height:1353px;}
.newsClassbox{ float:right; width:21%;border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:0px 12px;min-height:1353px; padding-top:45px; margin:0px;}
.contentbox{float:left; width:78%; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:60px 35px 25px; min-height:1353px;}
.footProcess ul li:after{ background:url(../images/img37.png) no-repeat; width:13px; height:27px; display:block; content:""; position:absolute; right:-13px; top:15px;}
.Design{ padding-top:40px;}
.Design h3{padding-left:40px;}
.Production h3{ padding-top:40px; padding-bottom:40px; padding-left:40px;}
}
@media (min-width: 1260px) {
	.whatcanwedoClass li{ float:left; width:25%; padding:0px 14px 25px;}
	.indexAboutleft{ float:left; width:815px;}
	.indexAboutleft dl dt{ float:left; width:324px; height:239px; position:relative; overflow:hidden; border:6px solid #7e7062; margin-top:33px;}
	.indexAboutleft dl dd{ float:right; width:470px; height:auto; padding-right:20px;}
	.indexAboutright{ float:right; width:289px;}
	.indexContact dl dt p{ float:left; font-size:14px; width:500px; padding-left:60px; color:#535353; line-height:30px; padding-top:20px;}
	.indexContact dl dt{ float:left; width:672px; padding-left:83px; padding-top:43px;}
	.headerTwo ul li{padding-left: 40px;}
	.Casedetail{background:#fff;border:1px solid #cdcccd; position:relative; padding-bottom:30px; margin-top:50px;}
	.CasedetailSmallImg{ float:left; width:448px; margin-top:-35px; margin-left:52px; padding-top:13px; padding-left:11px; padding-right:13px;}
	.CasedetailSmallImg img{ padding:0px;}
	.Casedetailinfo{ float:right; width:545px; margin-right:55px; padding:30px 0px 0px;}
	.bdsharebuttonbox{ position:absolute; right:0px; top:100px;}
	.CasedetailContent{padding:77px; font-size:14px; line-height:24px;}
	
	.ProgramList{ float:left; width:85%; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding-bottom:20px; min-height:1000px;}
	.ProgramClassbox{ float:right; width:14%;border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:0px 12px;min-height:1010px; padding-top:10px;}
	.ProgramContent{ float:left; width:85%; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding: 60px 35px 25px; min-height:1010px;}
	
	.contact dl dt{ float:left; width:303px;}
	.contact dl dd.contactContent{ float:left; width:450px; font-size:14px; line-height:24px; padding-top:20px; margin-left:25px;}
	.contact dl dd.erweima{ float:left; width:300px; padding-top:20px;}
	.contact dl dd.erweima p{ float:left; width:117px; text-align:center; font-size:14px; line-height:20px; margin-left:30px;}
	.contact dl dd.erweima p img{ display:block; padding-bottom:15px; width:100%;}
	
	.about{ float:left; width:930px; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:60px; min-height:1112px; font-size:14px; color:#1b1b1b; line-height:30px;}
	.aboutRight{ float:right; width:182px;}
	
	.newsList{ float:left; width:900px; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding-bottom:25px; min-height:1353px;}
	.newsClassbox{ float:right; width:223px;border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:0px 12px;min-height:1353px; padding-top:45px;}
	.contentbox{float:left; width:900px; border:1px solid #d3d3d3; background:rgba(255,255,255,0.8); padding:60px 35px 25px; min-height:1353px;}
}
@media (min-width: 1440px) {

}