@charset "utf-8";
/* CSS Document */

/***********nav*******************/
.nav-box{position:relative;z-index:10; border-bottom: 3px solid #AF0000;}
.nav-box .area{ height: 75px; z-index:2;}
.nav-box .logo{position: absolute; left: 0; top: 16px;}

/* m-nav */
.m-nav{position: absolute; right: 0; bottom: 0; width: 770px; z-index:3;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:right;height:75px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:107px;z-index:9;text-align:center;background:url(../images/nav-line.gif) left top no-repeat;}
.m-nav .fir-ul .j-li{}
.m-nav .fir-ul .line{/*background:url(../images/nav-line.png) right center no-repeat;*/}
.m-nav .fir-ul .u-a{display:inline-block;*display:inline;*zoom:1;width:100%;height:75px;line-height:75px;color:#444;font-size:14px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .u-a p{color:#999;font-size:13px;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{color:#FFF;background:#AF0000;text-decoration:none;}
.m-nav .fir-ul .hover .u-a p,
.m-nav .fir-ul .current .u-a p{color:#FFF;}
.m-nav .sec-ul{position:absolute;top:110px;top:75px;left:0;width:100%;font-size:0;text-align:center;font-family:'microsoft yahei';padding-top: 3px;}
.m-nav .sec-ul li{height:40px;line-height:40px;overflow:hidden;padding:0;}
.m-nav .sec-ul li a{display: block;background:#AF0000; overflow:hidden;color:#fff;font-weight:normal;font-size:14px;}
.m-nav .sec-ul li.hover{}
.m-nav .sec-ul li.hover a{background: #444; text-decoration:none;}
/*横向子导航*/
.m-nav .nav-x .sec-ul{height:40px;}
.m-nav .nav-x .sec-ul li{display:inline-block;*display:inline;*zoom:1;}
.m-nav .nav-x .sec-ul li a{display:inline-block;*display:inline;*zoom:1;padding:0 6px;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}

/**************** banner *****************/
.banner-box{position:relative;z-index:5;}
.m-focus-d{position:relative;height:670px;z-index:3;}
.m-focus{height: 367px; margin-bottom: 40px;}
.m-focus-d .switchable-box{width:100%;height:670px;}
.m-focus .switchable-box{height: 367px;}
.m-focus-d .switchable-content li{width:100%;height:670px;text-align:center;overflow:hidden; text-indent:-999em;}
.m-focus .switchable-content li{height: 367px;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{position:absolute;top:50%;z-index:25;width:54px;height:87px;margin-top:-28px;text-align:center; background: url(../images/pic-debtn.gif) left top no-repeat;}
.m-focus-d .m-focus-prev {left:10px}
.m-focus-d .m-focus-next {right:10px; background-position:right top;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .pic-btn {position:absolute;bottom:0;left: 0;width:100%; z-index:24;text-align:right;z-index:5}
.m-focus-d .pic-btn li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 4px 0 2px;overflow:hidden;text-align:center;font-family:'microsoft yahei';font-size:24px;color:#FFF; opacity:0.5;}
.m-focus-d .pic-btn li.active{opacity:1;}

/**************** mTopCon *****************/
.mTopCon{padding: 30px 0 50px;}
.mAbout{padding-top: 20px; margin-bottom: 40px; overflow: hidden;}
.mAbout .u-img{display: block; overflow: hidden; width: 320px; height: 164px;}
.mAbout .mTextBox{width: 660px; padding-left: 20px;}
.mAbout .mTextBox .title a{display: block; height: 59px; line-height: 59px; margin-top: -20px; color: #242424;  font-size: 18px;}
.mAbout .mTextBox .title a:hover{color: #AF0000;}
.mAbout .mTextBox .title strong{ font-size: 38px; margin-right: 20px; font-family: Arial;}
.mAbout .mTextBox .subTitle{margin-top: -3px; height: 27px; line-height: 27px; padding-bottom: 10px; font-size: 18px; color: #ff6600; font-family: Arial; border-bottom: 1px solid #ccc;}
.mAbout .mTextBox .text{padding-top: 17px; line-height: 18px; height: 72px; overflow: hidden; color: #464646; }

.mTitle{padding: 10px 0; height: 60px; line-height: 60px; font-size: 38px; color: #222; font-family: Arial; border-bottom: 1px solid #ccc;}
.mTitle span{font-size: 18px; font-family:'microsoft yahei'; font-weight: normal; margin-left: 30px;}
.mTitle a{font-size: 12px; color: #242424;}
.mTitle a:hover{color: #AF0000;}

.mCase .mCaseList{margin-top: 30px; padding-bottom: 10px; overflow: hidden; width: 1020px;}
.mCase .mCaseList li{float: left; width: 235px; margin-right: 20px;}
.mCase .mCaseList li .u-img{display: block; overflow: hidden; width: 235px; height: 235px;border: 1px solid #ccc;}
.mCase .mCaseList li .title{height: 52px; line-height: 62px; overflow: hidden; font-size: 16px;}
.mCase .mCaseList li .text{line-height: 18px; height: 50px; overflow: hidden; color: #444;}
.mCase .mCaseList li .more{width: 118px; height: 35px; line-height: 35px; margin-top: 20px; font-weight: bold; color: #fff; background: #AF0000; font-family: Arial; text-align: center; display: block;}
.mCase .mCaseList li .more:hover{box-shadow: 2px 2px 3px rgba(0,0,0,0.6)}

.mPro {overflow: hidden;}
.mPro .mProList{padding-top: 30px; overflow: hidden; width: 1020px;}
.mPro .mProList li{float: left; width: 320px; margin-right: 20px;}
.mPro .mProList li .u-img{display: block; overflow: hidden; width: 320px; height: 184px;border: 0px solid #ccc;}
.mPro .mProList li .mTextBox{padding: 20px 20px 30px; background: #AF0000; color: #fff;}
.mPro .mProList li .title{padding: 10px 0; font-size: 18px;}
.mPro .mProList li .title strong{margin-right: 15px; font-family: Arial; font-size: 30px; }
.mPro .mProList li .text{line-height: 18px; height: 90px; overflow: hidden;}
.mPro .mProList li a:hover .mTextBox{background: #333;}

.mConsult{ margin-top: 70px; padding: 10px 0 20px; background: #f7f7f7;}
.mConsult .mTable{width: 320px;}
.mConsult .mTable table{margin-top: 24px; border-spacing:0;}
.mConsult .mTable table input{margin: 0 0 22px; padding: 0; height: 33px; width: 318px; border: 1px solid #ccc; padding-left: 5px;}
.mConsult .mTable table input:hover{border-color: #000;}
.mConsult .mTable table #text{width: 150px;}
.mConsult .mTable table .btn{color: #fff; background: #AF0000;  font-family:'microsoft yahei'; border-color: #AF0000;}
.mConsult .mTable table .btn:hover{border-color: #AF0000; box-shadow: 2px 2px 3px rgba(0,0,0,0.6)}
.mConsult .mImgShow .u-img{margin-top: 50px; display: block; overflow: hidden; width: 660px; height: 443px;}

.footerBox{padding: 10px 0; background: #000; color: #fff;}
.footerBox .leftCon{width: 740px; line-height: 30px; overflow: hidden; font-size: 14px; }
.footerBox .focusUs {line-height: 88px;}
.footerBox .focusUs .icon{display: inline-block; *display: inline; *zoom: 1; width: 32px; height: 32px; margin-right: 5px; background: url(../images/iconSina.jpg) 0 0 no-repeat; vertical-align: middle;}
.footerBox .focusUs .icon02{background: url(../images/iconTX.jpg) 0 0 no-repeat;}
.footerBox .focusUs .icon03{background: url(../images/iconWX.jpg) 0 0 no-repeat;}
.footerBox .focusUs .icon:hover{opacity: 0.8;}
.footerBox .sub-share{padding: 0;}
.footerBox .sub-share .bdsharebuttonbox{float: left;}

/**************** 设计团队 *****************/
.subBan{width: 100%; height: 446px; overflow: hidden;}
.subBan img{visibility:hidden;}

.mTitle02 {padding: 50px 0 30px; line-height: 50px;}
.mTitle02 .p1{font-size: 24px; color: #212121;}
.mTitle02 .p1 strong{margin-right: 10px;}
.mTitle02 .p2 {font-size: 14px;}
.mTitle02 strong{font-family: Arial; font-size: 42px; color: #212121;}
.mTitle02 .p2 strong,.mTitle02 .p2 span{display: block;}
.mTitle02 .p2 span{margin: 5px 0 0 10px; line-height: 20px;}

.mTeamBox{padding-bottom: 30px; overflow: hidden;}
.mTeamBox .mTeamList{padding: 50px 0; width: 100%; overflow: hidden;}
.mTeamBox .mTeamList li{float: left; width: 230px; margin: 0 20px 20px 0; text-align: center; font-size: 14px;}
.mTeamBox .mTeamList li .u-img{display: block; overflow: hidden; width: 230px; height: 230px;}
.mTeamBox .mTeamList li .text{height: 61px; line-height: 52px;}
.mTeamBox .mTeamList li a:hover {color: #AF0000;}
 
 /**************** 产品列表 *****************/
.mainCon{padding: 70px 0; overflow: hidden;}
.mainCon .leftColumn{width: 230px; overflow: hidden;}
.mainCon .rightColumn{width: 722px;}

.mTitle03{height: 40px; line-height: 40px; color: #fff; background: #AF0000; font-size: 16px; padding-left: 20px;}

.m-leftmenu{margin-top: 10px;}
.m-leftmenu li{position:relative;*zoom:1;}
.m-leftmenu a{display:block; color: #666;}
.m-leftmenu a:hover{text-decoration:none;}
.m-leftmenu a.sec-a,
.m-leftmenu p.sec-a a{padding-left:14px;}
.m-leftmenu p.menu-a a{display:inline-block;*display:inline;*zoom:1;max-width:80%;overflow:hidden;}
.m-leftmenu .fir-a{display:block;padding-left:20px;position:relative;height:40px;line-height:40px; font-size:14px;}
.m-leftmenu .sec-a{display:block;padding-left:20px;height:26px;line-height:26px;color:#666;font-size:12px; }
.m-leftmenu .current{background: #AF0000; }
.m-leftmenu .current a {color: #fff;}
.m-leftmenu .open{background-image:url(../images/close-ico.gif);background-repeat:no-repeat;background-position:94% center;}
.m-leftmenu .close{background-image:url(../images/open-ico.gif);background-repeat:no-repeat;background-position:94% center;}
.m-leftmenu .sec-a:hover{padding-left: 30px; color: #ccc; /*color: #AF0000;*/}

.mReturn{height: 30px; line-height: 18px; border-bottom: 1px solid #ccc; font-size: 16px; color: #AF0000;}
.mReturn span{font-size: 12px; color: #212121;}
.mReturn span a:hover{color: #AF0000; }

.mProList{padding: 20px 0; overflow: hidden; width: 746px;}
.mProList li{float: left; width: 224px; margin: 0 24px 20px 0; text-align: center;}
.mProList li .u-img{display: block; overflow: hidden; width: 224px; height: 224px;border: 1px solid #ccc;}
.mProList li a:hover {color: #AF0000;}
.mProList li a:hover .u-img{opacity: 0.8;}
.mProList li p{line-height: 32px; height: 28px; font-size: 14px;overflow: hidden;}


/***************** 新闻列表 *********************/
.sub-news-ptext{}
.sub-news-ptext li{position:relative;padding:15px 10px;border-bottom:1px solid #ddd;*zoom:1;}
.sub-news-ptext li a:hover{color:#AF0000;}
.sub-news-ptext li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-ptext li .u-img{float:left;display:block;width:175px;height:125px;overflow:hidden;margin-right:15px}
.sub-news-ptext li img{width:175px;}
.sub-news-ptext li.hover,.sub-news-imgtext li:hover{background:#f0f0f0;}
.sub-news-ptext li.hover .u-border,.sub-news-imgtext li:hover .u-border{}
.sub-news-ptext li h4{height: 24px; overflow: hidden; text-align:left;font-family:'宋体';font-size:14px;margin-bottom:5px;}
.sub-news-ptext li p{color:#333;line-height:24px;height:72px;overflow:hidden;font-family:'宋体';text-align:justify;}
.sub-news-ptext li p a{color:#877f44;}
.sub-news-ptext .u-con{width: 510px; float: right;}
.sub-news-ptext .u-time span{float:left;color:#666;}
.sub-news-ptext .u-time a{float:right;color:#666;}

/***************** 详情页 *********************/
/*分享到S*/
.sub-share{padding:10px 0;color:#999;line-height:30px;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}
.sub-share .bdsharebuttonbox a{color:#333;}
/*分享到E*/

/*新闻详细S*/
.news-detail{line-height:2;}
.news-detail h1{padding:5px 0;text-align:center;font-size:24px;}
.news-detail .detail-time{position:relative;text-align:center;font-size:12px;padding:5px 0;}
.news-detail .detail-user{text-align:center;padding:5px 0;margin-bottom:10px;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{position:relative;text-align:center;padding:10px 0;}
.news-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth > 740) ? "auto" : "740px" );}
.news-detail .detail-img .debtn-prev,.news-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;_display:none;width:54px;height:87px;background:url(../images/pic-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.news-detail .detail-img .debtn-prev:hover,.news-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.news-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.news-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.news-detail .detail-con{text-align:justify;padding:10px;line-height:24px;}
/*新闻详细E*/

/*上一页下一页S*/
.detail-page{margin-top:15px;padding:10px;border-top:1px solid #eee;}
.detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-page .right{text-align:right;}
.detail-page .page-text a{}
.detail-page .page-text a:hover{color:#AF0000}
/*上一页下一页E*/

/***************** 单页 *********************/
.sub-content{padding:20px 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content .mImgBox{text-align: center;}
.sub-content img{max-width:700px;_width: expression((documentElement.clientWidth < 700) ? "" : "700px" );}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

/***************** 单页-设计师 *********************/
.mDesigner {padding-bottom: 40px;}
.mDesigner .title{padding: 40px 0 30px; font-size: 16px;}
.mDesigner .mImgBox img{max-width:100%;_width: expression((documentElement.clientWidth < 100%) ? "" : "100%" );}
.mDesigner .textBox{margin-top: 10px; line-height: 21px; font-size: 14px;}

/***************** 在线留言  *********************/
.zxlycont{ padding: 60px 0; min-height: 300px;}
.zxlycont .fl{ width: 280px; float: left; height: 192px;}
.zxlycont .fr{ width: 430px; float: right; height: 192px;}
.zxlycont .fl ul li{ margin-bottom: 12px;}
.zxlycont .fl ul li input{ width: 258px; height: 54px; line-height: 54px; padding: 0 10px; border: 1px solid #CCCCCC; background: none; font-size: 14px; color: #c4c4c4;}
.zxlycont .fr textarea{ width: 388px; height: 160px; padding: 15px 20px; font-size: 14px; border: 1px solid #CCCCCC; background: none; resize: none; font-family: "微软雅黑"; color: #c4c4c4;}
.formsub{ display: block; width: 124px; height: 38px; background: #AF0000; color: #FFFFFF; font-size: 16px; border-radius: 38px; border: 0 none; margin: auto; font-weight: bold;}
.clearfix{ content: ''; display: block; clear: both; margin-bottom: 12px;}
.clearfix:after{ content: ''; display: block; clear: both;}