@import url('goble.css');
@import url('header.css');
@import url('zhezhao.css');
@import url('animate.css');
@import url('jquery.mCustomScrollbar.css');

/*通用*/
#intro{width: 1200px;margin: 60px auto;}
#intro h3{font-size: 26px; display: block; text-align:center;font-weight:bold;margin:0 auto;color:#333;font-family: FZYXFW;}
#intro .lead{font-size: 18px;line-height:28px; margin: 0 auto; text-align:center;font-family:\5FAE\8F6F\96C5\9ED1, \9ED1\4F53;}

/* 作品 */
.works_content{width:1200px;height:auto;margin:0 auto;}
.works_content .child{position:relative;float:left;width:25%;}
.works_content .child .childImg{width:292px;height:174px; vertical-align:middle;margin:0 4px 8px 4px;}

.works_content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:292px;height:174px;margin:0 4px 8px 4px;background:#000;filter:alpha(opacity=80);opacity:0.8;}
.works_content .child .childPointer{position:absolute;bottom:17px;right:20px;width:50px;height:50px;}
.works_content .child .childTag{letter-spacing:0.1em;font-weight:100;font-stretch:condensed;padding:6%;position:absolute;top:0px;left:0px;width:88%;font-size:22px;color:#fff;text-align:left;z-index:999;}
.works_content .child .childTag .childSub{width:30px;height:2px;background:#fff;margin:10px 0px;z-index:999;}

/*作品列表*/
.transition5{width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.works_box{width: 1240px;margin: 10px auto;}
.works_box .dt-front-post{float: left;width:390px;height:250px;margin: 10px;position: relative;overflow: hidden;}
.works_box .dt-front-post div img{width:100%;height:250px;}

.works_box .dt-front-post-meta{position: absolute;top: 44%;left: 50%;width: 0;height: 0;opacity:0;visibility: hidden;background: rgba(39,48,57,.85);text-align: center;}
.works_box .dt-front-post-meta h2{width:100%;text-align:center;font-weight:normal;-webkit-transition-delay: .5s;transition-delay: .5s;color: #F6B42D;font-size: 22px;line-height:30px;margin: 25% 0 0 0;opacity: 0;}
.works_box .dt-front-post-meta p{width:100%;text-align:center;font-weight:normal;-webkit-transition-delay: .5s;transition-delay: .5s;color: #F6B42D;font-size: 16px;line-height:25px;margin-bottom:20px;opacity: 0;}

.works_box .dt-front-post-meta a{display: inline-block;color: #F6B42D;border: 2px solid #F6B42D;font-weight:400;opacity: 0;padding: 12px 30px 10px;border-radius: 30px;text-transform: uppercase;letter-spacing: .1em;}
.works_box .dt-front-post-meta a:hover{background: #F6B42D;border-color: transparent;color: #fff;}

.works_box .dt-front-post:hover .dt-front-post-meta{opacity: 1;visibility: visible;top: 0;left: 0;width: 100%;height:100%;}
.works_box .dt-front-post:hover .dt-front-post-meta h2{margin-top: 18%;opacity: 1;}
.works_box .dt-front-post:hover .dt-front-post-meta p{opacity: 1;}
.works_box .dt-front-post:hover .dt-front-post-meta a{opacity: 1;}

.works-infobox{width: 1000px;height:100%;margin:50px auto;border-top: 1px solid #DFDFD5;}
.works-infobox .works-infobox-left{width: 630px;float: left;padding: 20px 0;}
.works-infobox .works-infobox-right{width: 330px;float: right;padding: 20px 0;}

.table-box{width:330px;border-left:1px solid #ddd;border-top:1px solid #ddd;LINE-HEIGHT: 150%;border:0;border-spacing: 0;TEXT-DECORATION: none;border-collapse:separate;}
.table-box td{text-align: center;color:#666;font-size: 14px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table-box tr{height: 35px;line-height: 35px;}
table tr:first-child td:first-child {
    border-top-left-radius: 10px;
}
table tr:last-child{
    border-top-right-radius: 10px;
}
table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* 分类 */
.allclass{width:750px;margin:20px auto;height: 50px;}
.allclass ul li{height: 24px;line-height:24px;float:left;text-align: center;border-left:1px solid #bbb;}
.allclass ul li:first-child{border-left:0;}
.allclass ul li a{height:24px;line-height:24px;color:#858585;font-size: 17px;padding:0 30px;}

.allclass ul .cur{padding:0 30px;height: 24px;font-size: 17px;color:#707070;}
.allclass ul li a:hover{padding:0 30px;height: 24px;font-size: 17px;color:#858585;}

.allclass a,a.hover-line{display:inline-block;position:relative;white-space: nowrap;font-size: 14px;}
.allclass a:after,a.hover-line:after{content:'';height:5px;width:0%;position:absolute;top:40%;left:110%;z-index: -1;background-color:#F6B42D; transition: width 500ms, left 500ms;}
.allclass a:hover:after,.allclass a.cur:after,a.hover-line:hover:after,a.hover-line.cur:after{width:80%;left:10%;transition: width 500ms;}



/*内容 新闻*/
.weblist li{height:40px; line-height:40px; overflow:hidden; position:relative; font-size:14px; color:#999;}
.weblist li span{position:absolute; top:0px; right:10px; white-space:nowrap;}
.weblist li a{background:url(../images/ico2.gif) 2px center no-repeat; padding-left:12px;color:#666;}
.weblist li a:hover{background:url(../images/ico1.gif) 2px center no-repeat;border-bottom:1px solid #999;}

/*详细内容展示*/
.mainHead{position:relative;width:100%;height:150px;text-align:left;border-bottom:2px solid #8EC11F;margin:30px auto;}
.mainHead .title{line-height:52px;color:#434343;font-size:30px;padding-top: 40px;}
.mainHead .tag{color:#434343;font-size:14px;line-height:30px;}

.mainHead-about{position:relative;width:100%;height:50px;text-align:left;border-bottom:2px solid #8EC11F;margin:30px auto;}
.mainHead-about .title{line-height:50px;color:#B4B3B3;font-size:20px;}

/* 标题 */
.title_web{ color:#f45751; font-size:30px; text-align:center;height:50px; padding-top:30px; margin:0 30px; font-weight:normal}
.title_web_m{ text-align:center; font-size:14px; padding-bottom:20px;}
.title_web_s{text-align:center; font-size:20px; line-height:52px; height:52px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin:0 30px; color:#f45751}


/* 内容 */
.web_title{line-height:40px; margin:0 40px;text-align:center}
.web_title h3{font-size:24px;color:#666;margin-bottom: 30px;}
.imgpson{ position:; height:auto}

.case_page_img{margin:0 auto; text-align:center; padding:20px 0;}
.case_page_bc{margin:0 40px; padding:0 0 40px 0}

/*表单*/
.goods-details-R-comment{border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 100%; margin-top: 20px; width: 868px;}
.goods-details-R-comment-T{border-bottom: 1px solid #dddddd; border-top: 3px solid #F8C401; height: 40px; line-height: 40px; margin-top: 50px; text-indent: 17px;}
.goods-details-R-comment-1{border-bottom: 1px solid #dddddd; height: 100%; min-height: 90px; padding: 0 0 0 120px; position: relative; z-index: 0;}
.conment-line-t{color: #3c6887; font-size: 12px;}
.conment-line{background: #3c6887 none repeat scroll 0 0; display: inline-block; height: 10px; margin-right: 5px; width: 2px;}

.headpto{display: inline-block; height: 119px; left: 0; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 110px;}
.headpto img{height: 80px; margin-top: 15px; width: 80px;}

.conment-text{cursor: text; display: inline-block; height: 100%; margin-top: 20px; min-height: 90px; width: 730px;}

.user-name{color: #417eb7; margin-bottom: 12px; min-height: 17px;}
.user-comment{color: #526170; font-size: 11px; height: 100%; line-height: 24px; min-height: 17px; padding-bottom: 5px;}
.admin-comment{border-top: 1px dashed #dddddd; line-height: 22px; margin-left: -100px; min-height: 39px; width: 837px;}
.admin-comment-1{color: #3c6887;}
.admin-comment-1-text{color: #d71338; margin-left: 0;}

/*联系我们 s*/
.contact-boxbg{width: 100%;height:370px;background: url(../images/contactbg.jpg) no-repeat center center;}
.contact-boxbg2{width: 100%;height:420px;background:#EDEDED;text-align: center;}
.contact-boxbg-info{width: 1000px;margin: 0 auto;text-align: center;}
.contact-boxbg-info p{font-size: 16px;line-height: 30px;font-family:\5FAE\8F6F\96C5\9ED1, \9ED1\4F53;}
.contact-boxbg-info h3{font-size: 22px;line-height: 50px;font-weight: bold;color:#555;margin: 20px 0;}

.conatct-box{width:1260px;height:100%;margin:20px auto;}
.conatct-box .conatct-left{width:440px;float: left;padding:50px 0;text-align: left;}
.conatct-box .conatct-left .contact-info{width: 100%;margin:30px auto 40px auto;height:90px;}
.conatct-box .conatct-left .contact-info p{width: 100%;font-size:16px;height: 30px;line-height: 30px;color:#999;}

.conatct-box .conatct-left .contact-code{width: 100%;margin: 20px auto;}
.conatct-box .conatct-left .contact-code img{float: left;}

.conatct-box .conatct-right{width:800px;float: right;}
.conatct-box .conatct-right img{width:800px;height: 420px;}


/*关于我们*/
.web-contact{width: 1200px;margin: 0 auto;}
.web-contact .web-contact-left{float: left;width: 260px;}
.web-contact .web-contact-left img{width: 100%;height: auto;}

.web-contact .web-contact-right{float: right;width: 780px;}
.web-contact .web-contact-info-top{width: 100%;}

.web-contact .web-contact-info-top .web-contact-info-topleft{float: left;width: 22%;font-size: 24px;font-weight: bold;color:#858585;height: 50px;line-height: 50px;}
.web-contact .web-contact-info-top .web-contact-info-topleft span{font-size: 24px;margin-left:10px;font-weight: bold;color:#F6B42D;border-bottom: 2px solid #F6B42D;}
.web-contact .web-contact-info-top .web-contact-info-topright{float: right;width: 77%;}
.web-contact .web-contact-info-top .web-contact-info-topright img{width: 100%;height: auto;margin-top: 23px;}

.web-contact .web-contact-info{width: 100%;clear: both;padding: 10px 0;}
.web-contact .web-contact-info p{font-size: 15px;color:#858585;margin-bottom:10px;line-height: 26px;}

.web-contact-san{width: 1230px;margin: 0 auto;height:250px;}
.web-contact-san ul li{width:370px;height:250px;float:left;margin: 0 20px;position:relative;overflow:hidden;cursor:pointer;z-index: 9999;}
.web-contact-san ul li img{width:370px;height:250px;background-size:cover;}

.web-contact-san ul li .txt-box{width:370px;height:280px;background:rgba(0,0,0,0.6) url('../images/sanjiao.png') no-repeat left top;position:absolute;left:0;top:0;bottom:0;color:#fff;}

.web-contact-san ul li .txt{width: 250px;margin: 0 auto;padding-top: 20px;}
.web-contact-san ul li .txt h3{font-size:20px;font-weight:bold;height:40px;line-height:40px;color:#fff;}
.web-contact-san ul li .txt h5{font-size:28px;font-weight:bold;height:40px;line-height:40px;color:#fff;letter-spacing:-1px;font-family:arial;margin-bottom:10px;padding-bottom: 5px;border-bottom: 2px solid #F6B42D;}
.web-contact-san ul li .txt p{font-size:14px;color:#fff;line-height: 25px;}


/*设计流程*/
.web-design{width: 1260px;margin: 0 auto;height:210px;}
.web-design ul li{width:200px;height:200px;float:left;margin: 0 5px;position:relative;overflow:hidden;cursor:pointer;z-index: 99;}
.web-design ul li .txt-box{width:200px;height:200px;position:absolute;left:0;top:0;bottom:0;color:#fff;}
.web-design ul li .txt-box:hover{width:200px;height:200px;position:absolute;left:0;top:0;bottom:0;color:#fff;background:rgba(62,58,57,0.5);}

.web-design ul li .nbg01{background:#3E3A39 url('../images/num01.png') no-repeat right bottom;}
.web-design ul li .nbg02{background:#3E3A39 url('../images/num02.png') no-repeat right bottom;}
.web-design ul li .nbg03{background:#3E3A39 url('../images/num03.png') no-repeat right bottom;}
.web-design ul li .nbg04{background:#3E3A39 url('../images/num04.png') no-repeat right bottom;}
.web-design ul li .nbg05{background:#3E3A39 url('../images/num05.png') no-repeat right bottom;}
.web-design ul li .nbg06{background:#3E3A39 url('../images/num06.png') no-repeat right bottom;}
.web-design ul li .nbg07{background:#3E3A39 url('../images/num07.png') no-repeat right bottom;}
.web-design ul li .nbg08{background:#3E3A39 url('../images/num08.png') no-repeat right bottom;}
.web-design ul li .nbg09{background:#3E3A39 url('../images/num09.png') no-repeat right bottom;}
.web-design ul li .nbg10{background:#3E3A39 url('../images/num10.png') no-repeat right bottom;}
.web-design ul li .nbg11{background:#3E3A39 url('../images/num11.png') no-repeat right bottom;}

.web-design ul li .txt{width: 190px;margin: 0 auto;padding-top: 15px;}
.web-design ul li .txt h3{font-size:16px;font-weight:normal;color:#fff;}
.web-design ul li .txt h5{font-size:12px;font-weight:normal;color:#ccc;line-height:15px;font-family:arial;text-transform:uppercase;}
.web-design ul li .txt p{font-size: 12px;color:#f4f4f4;margin-bottom: 15px;}
.web-design ul li .txt .x-line{background:#F6B42D;height: 4px;width: 32px;display: block;margin-top: 10px;}

/*资讯*/
.newscon{WIDTH:1000px;height:100%;margin:50px auto;HEIGHT: auto;LINE-HEIGHT: 28px; COLOR: #858585;padding: 50px 0;border-bottom: 1px solid #DFDFD5;border-top: 1px solid #DFDFD5;}
	
.news-content{width: 1200px;margin: 0 auto;}

.news-content .news-content-left{float:left;width:200px;margin: 0 auto;padding:0; list-style: none;}
.news-content .news-content-left h1{font-size: 18px;padding-left:10px;color:#555;font-weight:600;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;}
.news-content .news-content-left ul li{padding: 0 20px 0 10px;overflow: hidden;font-size:16px;color:#161616;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;background: url(../images/jiantou.png) no-repeat right;}
.news-content .news-content-left ul li:hover{overflow: hidden;font-size:16px;color:#161616;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;background: #F9F9F9 url(../images/jiantou.png) no-repeat right;}
.news-content .news-content-left ul li a{font-size:16px;font-weight: normal;color:#858585;display: block;line-height: 50px;}


.news-content .news-content-left2{float:left;width:200px;margin: 0 auto 30px auto;padding:0; list-style: none;}
.news-content .news-content-left2 h1{font-size: 18px;padding-left:10px;color:#555;font-weight:600;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;}
.news-content .news-content-left2 ul li{padding: 0 20px 0 10px;overflow: hidden;font-size:16px;color:#161616;height:70px;border-bottom: 1px solid #DFDFD5;background: transparent;}
.news-content .news-content-left2 ul li:hover{overflow: hidden;font-size:16px;color:#161616;height:70px;border-bottom: 1px solid #DFDFD5;background: #F9F9F9;}
.news-content .news-content-left2 ul li span{font-size:16px;font-weight: normal;color:#858585;display: block;line-height: 25px;}
.news-content .news-content-left2 ul li p{font-size:12px;font-weight: normal;color:#858585;display: block;line-height: 25px;margin-top: 10px;}


.news-content .news-content-right{width:930px;float:right;color:#161616;margin: 0 0 50px 0;}


.newslist{width:930px;margin:0 auto;}
.newslist ul li{float:left; width:280px;display:inline;overflow:hidden;margin: 5px 15px;}
.newslist ul li samp a{float:left; overflow:hidden;padding:2px;width:280px; height:160px; display:block;color:#161616;}
.newslist ul li samp a:hover{float:left;overflow:hidden; padding:2px; width:280px; height:160px; display:block;}
.newslist ul li span{float:left; width:280px; line-height:34px; font-size:14px; text-align:center;}
.newslist ul li p{width:280px;line-height:50px;height:50px;font-size:16px;border-bottom: 1px solid #ddd;margin-bottom: 10px;color:#333;font-family:\5FAE\8F6F\96C5\9ED1, \9ED1\4F53;}

.newslist ul li .newslist-info{width: 100%;margin: 10px auto 0 auto;}
.newslist ul li .newslist-info span{float: left;display: block;}
.newslist ul li .newslist-info .l{width: 60%;text-align: left;color:#999;}
.newslist ul li .newslist-info .r{width: 40%;font-size:13px;text-align: right;color:#F6B42D;}

.newslist ul li img:hover{-webkit-transform: translate3d(0,0,0);-webkit-perspective: 0;-webkit-backface-visibility: hidden;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity: 0.8;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}

.show-next{width: 1000px;margin: 0 auto;border-top: 1px solid #DFDFD5;padding-top: 20px;}
.show-next .show-next-left{float:left;width: 120px;}
.show-next .show-next-left img{width:100%;height: auto;}

.show-next .show-next-right{float:right;width: 500px;}

.show-next .show-next-right .nNewsup{float: right;}
.show-next .show-next-right .nNewsup li{float:left;width:40px;height:40px;margin-right: 15px;}
.show-next .show-next-right .nNewsup li img{width:40px;height:40px;}

/*荣誉*/
.honor-content{width: 1200px;margin: 0 auto;}

.honor-content .honor-content-left{float:left;width:300px;margin: 0 auto;padding:0; list-style: none;}
.honor-content .honor-content-left h1{width: 200px;font-size: 18px;padding-left:10px;color:#555;font-weight:600;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;}
.honor-content .honor-content-left ul{width: 210px;}
.honor-content .honor-content-left ul li{padding: 0 20px 0 10px;overflow: hidden;font-size:16px;color:#161616;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;background: url(../images/jiantou.png) no-repeat right;}
.honor-content .honor-content-left ul li:hover{overflow: hidden;font-size:16px;color:#161616;height:50px;line-height: 50px;border-bottom: 1px solid #DFDFD5;background: #F9F9F9 url(../images/jiantou.png) no-repeat right;}

.honor-content .honor-content-left ul li a{font-size:16px;font-weight: normal;color:#858585;display: block;line-height: 50px;}

.honor-content .honor-content-right{width:800px;float:right;color:#161616;margin: 0 0 50px 0;padding-top: 30px;}
.honor-content .honor-content-right h2{color:#595757;font-size:26px;margin-left: 5px;}
.honor-content .honor-content-right h2 font{color:#C49B63;text-decoration: underline;}

.year-box{width:300px;font-size:16px;font-weight: normal;color:#858585;display: block;line-height: 50px;}
.year-box p{font-size:46px;line-height: 60px;color:#595757;font-weight: bold;}
.year-box span{font-size:12px;line-height:18px;color:#595757;font-weight: bold;}
.year-box span font{color:#C49B63;margin-left: 10px;}
.year-box .y{color:#C49B63;text-decoration: underline;}


.honor-list{width:800px; margin:25px 0 0 0;}
.honor-list ul{width:800px; border-top:dashed #e4e4e4 1px; margin:25px 0 0 0; display:inline; padding:20px 0; display:inline;}
.honor-list ul li{float:left;width:100%;line-height:60px;color:#888;font-size:16px;margin:15px 0 0 0; display:inline;border-bottom: 1px solid #DFDFD5;}


/*团队*/
.team-box{width: 100%;margin-bottom: 260px;}
.team-box img{width: 100%;height: auto;position: relative;top:0;}
.team-box .team-toum{background:#EDEDED;width:700px;height: 400px;position: absolute;bottom:-300px;left: 0;right: 0;margin: 0 auto;padding: 30px 50px;}
.team-box .team-toum img{width:700px;height: 150px;margin-bottom: 30px;}
.team-box .team-toum h3{font-size:20px;font-weight:bold;line-height:30px;color:#868686;}
.team-box .team-toum p{font-size:16px;color:#575757;line-height: 28px;}
.team-box .team-toum .x-line{background:#F6B42D;height: 4px;width: 132px;display: block;margin: 20px 0;}

/*人物*/
.renwu-box{width:1200px;height:420px;margin:20px auto;}

.renwu-box ul li{width: 280px;height:410px;float: left;margin:10px;background:rgba(0,0,0,.25);text-align: center;position: relative;overflow:hidden}
.renwu-box ul li h3{line-height:35px;font-size: 16px;font-weight: bold;color:#fff;}
.renwu-box ul li h5{line-height:30px;font-size: 14px;font-weight: normal;color:#fff;}
.renwu-box ul li p{line-height:20px;height:20px;font-size: 14px;font-weight: normal;overflow: hidden;color:#fff;margin-bottom: 30px;text-transform: uppercase;}
.renwu-box ul li .member-image{transition:.5s;width:280px;display:inline-block;}
.renwu-box ul li .member-image img{width:280px;height:auto;}

.renwu-box ul li .member-info{transition:.5s;height: 120px;}
.renwu-box ul li .member-info a{background:#fff;color: #858585;border: 2px solid #F6B42D;font-weight:400;padding: 6px 30px;margin-top:20px;border-radius: 30px;text-transform: uppercase;font-size: 16px;}
.renwu-box ul li .member-info a:hover{background: #F6B42D;border-color: transparent;color: #fff;}

.renwu-box ul li:hover .member-image{border-bottom:0;border-radius:0 50px;height:195px;display:inline-block;overflow:hidden;width:260px;transition:.4s}

/*滚动 box*/
.content-gd-contact{overflow: auto;position: relative;width:100%;height: 420px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}