@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font-weight: normal;}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after{clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

@font-face {
  font-family: 'arquitecta';
  src:url('../font/Arquitecta.eot');/* IE9 Compat Modes */
  src:url('../font/Arquitecta.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../font/Arquitecta.woff2') format('woff2'),/* Super Modern Browsers */
    url('../font/Arquitecta.woff') format('woff'),/* Pretty Modern Browsers */
    url('../font/Arquitecta.ttf')  format('truetype'),/* Safari, Android, iOS */
    url('../font/Arquitecta.svg#svgFontName') format('svg');/* Legacy iOS */
}

@font-face {
  font-family: 'CenturyGothic';
  src:url('../font/CenturyGothic.eot');/* IE9 Compat Modes */
  src:url('../font/CenturyGothic.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../font/CenturyGothic.woff2') format('woff2'),/* Super Modern Browsers */
    url('../font/CenturyGothic.woff') format('woff'),/* Pretty Modern Browsers */
    url('../font/CenturyGothic.ttf')  format('truetype'),/* Safari, Android, iOS */
    url('../font/CenturyGothic.svg#svgFontName') format('svg');/* Legacy iOS */
}

@font-face {
  font-family: 'futurabt-medium';
  src:url('../font/futurabt-medium.eot');/* IE9 Compat Modes */
  src:url('../font/futurabt-medium.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../font/futurabt-medium.woff2') format('woff2'),/* Super Modern Browsers */
    url('../font/futurabt-medium.woff') format('woff'),/* Pretty Modern Browsers */
    url('../font/futurabt-medium.ttf')  format('truetype'),/* Safari, Android, iOS */
    url('../font/futurabt-medium.svg#svgFontName') format('svg');/* Legacy iOS */
}

body{color:#666666;font-size:14px;line-height:24px;font-family:"CenturyGothic","微软雅黑","宋体", Arial, Helvetica, sans-serif;}
a{color:#999999;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}
a:hover{color:#c59652 ;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.center{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

/* 头部  */
.headMain{background: #242424;font-size: 14px;color: #ffffff;font-family: "Arial";height: 90px;position:fixed;width:100%;z-index:999;}
.headMain .logo,.headMain .nav{height:90px;line-height: 90px;}
.headMain .logo img{width: 209px;margin-top: 22px;margin-right:30px;display: block;}
.nav>li{float:left;margin:0px 16px;position: relative;}
.nav>li>a{color:#ffffff;display:block;position:relative;}
.nav>li>a:before{position:absolute;content:" ";left:0;top: 0px;height:3px;background:#c59652;transition:all 0.3s;width: 0px;}
.nav>li>a:hover,.nav>.cur>a{color:#ffffff;}
.nav>.cur>a:before,.nav>li:hover>a:before{width:100%;}

.nav .navSub{position:absolute;top:90px;width:160px;display:none;background:#242424;background:rgba(36,36,36,0.8);left:50%;margin-left: -80px;z-index: 10;}
.nav .navSub:before{position:absolute;content:"";border:8px solid transparent;border-bottom-color:#242424;top:-16px;left:50%;margin-left:-6px;}
.nav .navSub li{float:none;font-size:13px;height:34px;line-height:34px;border-bottom:1px solid #242424;background:none;margin-left:0;text-align:center;}
.nav .navSub a{height:34px;color:#ffffff;display:block;}
.nav .navSub a:hover{background:#c59652;color:#ffffff;}

.headMain .icons{height: 90px;line-height: 90px;width:66px;}
.headMain .icons .select{float: left;position: relative;cursor: pointer;}
.headMain .icons .select span{padding-right:20px;position: relative;}
.headMain .icons .select span:after{position: absolute;content: "";display: block;height: 16px;width: 38px;top: 0px;right: 0px;background: url('../images/top-nav-icon001.png') right center no-repeat;}
.headMain .icons .select ul{display: block;position: absolute;background: #ffffff;border:1px #242424 solid;top: 60px;left: 0;width: 100%;z-index: 10;}
.headMain .icons .select ul li{line-height: 40px;padding-left:4px;border-bottom: 1px #242424 dashed;}
.headMain .icons .select ul li:nth-last-child(1){border-bottom: none;}
.headMain .icons .select ul li a{display: block;width: 100%;height: 100%;}

.headMain .icons>a{display: block;width: 22px;height: 22px;border-radius: 11px;}
.headMain .icons>.a1{background: url('../images/nav-icon002.png') no-repeat;position: relative;top: 34px;margin-left: 10px;}
.searMain{width:218px;height: 40px;line-height: 40px;z-index: 1;background: #ffffff;padding-left: 10px;border-radius: 2px;border: 1px #999999 solid;overflow: hidden;margin:22px 0 0 10px;transition: all .3s;}
.searMain .sear_text{height: 40px;line-height: 40px;width: 168px;padding-right: 10px;font-family: "Arial";}
.searMain .sear_btn{height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333333;width: 40px;background: #dddddd url(../images/searchBtn.png) no-repeat;cursor: pointer;}

/*  广告轮播图 */
.banner{width: 1920px; margin: 0 auto; position:relative;height:700px;overflow:hidden;left:50%;margin-left:-960px;padding-top:90px;}

.banner .hd{width: 600px;position:absolute; bottom:30px;text-align: center;z-index:5;left: 50%;font-size: 0;line-height: 0;height: 0px;margin-left:-300px;height:13px;overflow:hidden;}
.banner .hd li{background:#ffffff;z-index:2;cursor:pointer;margin: 0 4px;display:inline-block;width:13px; height: 13px;zoom:1;border-radius: 50%;}
.banner .hd li:hover,.banner .hd .on{background: #c59652;}
.banner .btns{position: absolute;top: 46%;width: 1472px;left: 50%;margin-left: -736px;height: 0px;}
.banner .btns a{font-family: "宋体";color: #ffffff;font-size: 60px;line-height: 50px;}
.banner .btns .prev{float: left;}
.banner .btns .next{float: right;}

/* hot product */
.floor1{background: #313131;overflow: hidden;padding-top: 60px;padding-bottom: 10px;}
.hotProduct{overflow: hidden;width: 100%;}
.hotProduct li{width: 580px;height: 400px;float: left;margin-right: 38px;margin-bottom: 40px;text-align: center;position: relative;overflow: hidden;}
.hotProduct li.last{margin-right:0;}
.hotProduct li img{max-width: 100%;height: 400px;transition: all 1s;}
.hotProduct li .txtWrap{position: absolute;top: 0px;left: 0px;display: table;}
.hotProduct li .txt{display: table-cell;width: 580px;height: 400px;text-align: center;vertical-align: middle;background: rgba(0,0,0,0.5);transition: all .3s;}
.hotProduct li .txt h3{line-height: 88px;font-size: 40px;color: #ffffff;font-weight: normal;font-family: "CenturyGothic";}
.hotProduct li .txt span{display: block;position: relative;height: 3px;width: 24px;background: #ffffff;left: 50%;margin-left: -12px;transition: all .3s;}
.hotProduct li:hover img{transform: scale(1.06);}
.hotProduct li:hover .txt{background: rgba(0,0,0,0);}
.hotProduct li:hover .txt span{width: 48px;margin-left: -24px;}

/* about us */
.floor2{background: #404040;overflow: hidden;padding-top: 60px;padding-bottom: 50px;}
.aboutUs{position: relative;height: 500px;width: 100%;text-align: center;overflow: hidden;}
.aboutUs img{max-width: 100%;height: 500px;transition: all 1s;}
.aboutUs .txtWrap{display: table;position: absolute;top: 0;left: 0;}
.aboutUs .txt{display: table-cell;width: 1200px;height: 500px;text-align: center;vertical-align: middle;background: rgba(0,0,0,0.5);transition: all .1s;}
.aboutUs .txt h2{font-size: 45px;font-family: "CenturyGothic";color: #ffffff;line-height: 100px;}
.aboutUs .txt a{font-family: "CenturyGothic";display: block;width: 100%;line-height: 36px;color: #ffffff;font-size: 20px;position: relative;}
.aboutUs .txt a:after{position: absolute;display: block;content: "";left: 50%;bottom: 0;height: 2px;width: 134px;margin-left: -67px;background: #ffffff;transition: all .3s;}
.aboutUs .txt a span{font-size: 18px;font-family: "宋体";font-weight: bold;margin-left: 10px;}
.aboutUs:hover img{transform: scale(1.06);}
.aboutUs:hover .txt{background: rgba(0,0,0,0.1);}
.aboutUs .txt a:hover:after{width: 150px;margin-left: -75px;}

/*QUALITY MANAGEMENT*/
.floor3{overflow: hidden;background: #313131;padding-bottom: 50px;}
.title{height: 147px;line-height: 147px;text-align: center;color: #ffffff;font-family: "CenturyGothic";font-size: 45px;}
.qualityManagement{overflow: hidden;position: relative;}
.qualityManagement img{max-width: 100%;height: 500px;position: absolute;top: 0;left: 0;z-index: 0;}
.qualityManagement ul{width: 100%;overflow: hidden;}
.qualityManagement ul li{float: left;width: 199px;border-right:1px #3e3d3a solid;height: 500px;background: rgba(0,0,0,0.5);transition: all .3s;position: relative;}
.qualityManagement ul li:nth-last-child(1){border-right: 0;}
.qualityManagement ul li .txtWrap{display: table;position: absolute;bottom: 0;}
.qualityManagement ul li .txt{display: table-cell;color: #707070;font-family: "CenturyGothic";width: 167px;height: 138px;vertical-align: middle;padding: 0px 16px;transition: all .3s;}
.qualityManagement ul li span{font-size: 40px;line-height: 60px;}
.qualityManagement ul li h3{font-size: 20px;}
.qualityManagement ul li.open,.qualityManagement ul li:hover{width: 399px;background: rgba(0,0,0,0);}
.qualityManagement ul li.open .txt,.qualityManagement ul li:hover .txt{color: #ffffff;height: 160px;padding-bottom: 112px;}
.qualityManagement ul li.open span,.qualityManagement ul li:hover span{font-size: 60px;line-height: 90px;}
.qualityManagement ul li.open h3,.qualityManagement ul li:hover h3{font-size: 40px;line-height: 50px;position: relative;}
.qualityManagement ul li.open h3:after,.qualityManagement ul li:hover h3:after{display: block;content: "";position: absolute;bottom: -8px;left: 0px;width: 190px;height: 1px;background: #ffffff;}
.more{margin-top: 50px;color: #9f9f9f;font-size: 20px;font-family: "CenturyGothic";text-align: center;display: block;width: 238px;height: 48px;border:1px #616161 solid;border-radius: 6px;line-height: 50px;position: relative;left: 50%;margin-left: -120px;}
.more:hover{color: #ffffff;}

/*案例*/
.floor4{overflow: hidden;background: #404040;padding-bottom: 50px;}
.caseSlide{width: 1200px;padding: 0px 72px;position: relative;margin-left: -72px;z-index: 10;}
.caseSlide .hd{overflow: hidden;padding-top:59px;padding-bottom: 35px;}
.caseSlide .hd ul{overflow: hidden; text-align: center;}
.caseSlide .hd ul li{display: inline-block;height: 30px;line-height: 30px;margin:0px 15px;overflow: hidden;}
.caseSlide .hd ul li a{display: inline-block;width: auto;color: #ffffff;font-size: 14px;font-family: "CenturyGothic";position: relative;padding-left:40px;}
.caseSlide .hd ul li a img{position: absolute;bottom: 8px;left: 16px;}
.caseSlide .hd ul li a img.beforeH{z-index: 10;}
.caseSlide .hd ul li a img.hover{z-index: 9;}
.caseSlide .hd ul li:hover a img.beforeH,.caseSlide .hd ul li.on a img.beforeH{z-index: 9;}
.caseSlide .hd ul li:hover a img.hover,.caseSlide .hd ul li.on a img.hover{z-index: 10;}
.caseSlide .hd ul li.on a,.caseSlide .hd ul li:hover a{color: #c59652;}
.caseSlide .hd ul li.on a:before,.caseSlide .hd ul li:hover a:before{display: block;content: "";position: absolute;left: 0;top: 15px;background: #c59652;width: 6px;height: 1px;}

.caseSlide .bd{width: 1200px;height: 623px;font-family: "arquitecta";}
.caseSlide .bd .box{float: left;position: relative;}
.caseSlide .bd .box .btns{position: absolute;height: 0px;width: 1344px;top: 46%;left: -72px;}
.caseSlide .bd .box .btns a{font-family: "arquitecta";font-size: 80px;line-height: 60px;color: #ffffff;}
.caseSlide .bd .box .btns a:hover{color: #c59652;}
.caseSlide .bd .box .btns a:nth-child(1){float: left;}
.caseSlide .bd .box .btns a:nth-child(2){float: right;}
.caseSlide .bd .box .innerbd{width: 1200px;height: 623px;}
.caseSlide .bd .box .innerbd ul{overflow: hidden;}
.caseSlide .bd .box .innerbd ul li{width: 1200px;height: 623px;overflow: hidden;}
.caseSlide .bd .box .innerbd ul li>a{display: inline-block;;width: 100%;height: 100%;position: relative;}
.caseSlide .bd .box .innerbd ul li .txt{position: absolute;display: inline-block;padding: 20px;width: 590px;top: 194px;left: 286px;background: rgba(190,147,84,0.6);color: #ffffff;text-align: center;}
.caseSlide .bd .box .innerbd ul li .txt h4{font-size: 30px;line-height: 58px;}
.caseSlide .bd .box .innerbd ul li .txt h5{font-size: 30px;line-height: 34px;}
.caseSlide .bd .box .innerbd ul li .txt a{margin-top: 36px;display: inline-block;width: 130px;height: 40px;line-height: 40px;color: #c59652;font-size: 16px;font-weight: bold;background: #ffffff;border-radius: 4px;margin-bottom: 20px;}

/* News */
.floor5{background: #313131;overflow: hidden;padding-bottom: 50px;font-family: "Arial";}
.floor5 .title{height: 140px;line-height: 140px;}
.news{overflow: hidden;}
.news .left{width: 580px;height: 400px;background: #c59652;position: relative;}
.news .left .txt{overflow: hidden;position: absolute;top: 40px;left: 35px;}
.news .left .imgBox{display: block;width: 510px;height: 280px;overflow: hidden;}
.news .left .imgBox img{max-width: 100%;height: 280px;transition: all 1s;}
.news .left h5{padding: 20px 30px 0px 30px;line-height: 36px;width: 450px;background: #1f1f1f;color: #ffffff;}
.news .left h5 a{font-size: 16px;color: #ffffff;}
.news .left p{padding: 0px 30px 0px 30px;font-size: 12px;color: #dddddd;line-height: 24px;width: 450px;background: #1f1f1f;padding-bottom: 20px;}
.news .left:hover .imgBox img{transform: scale(1.06);}
.news .left:hover h5 a{color: #c59652;}

.news .right{width: 580px;height: 130px;margin-bottom:26px;overflow: hidden;}
.news .right:nth-last-child(1){margin-bottom:0px;}
.news .right .imgBox{width: 210px;height: 130px;overflow: hidden;}
.news .right .imgBox img{max-width: 100%;height: 130px;transition: all 1s;}
.news .right .txt{width: 346px;overflow: hidden;}
.news .right h5{font-size: 16px;color: #ffffff;padding-bottom: 10px;line-height: 20px;}
.news .right h5 a{color: #ffffff;}
.news .right p{line-height: 22px;font-size: 12px;color: #dddddd;}
.news .right .more2{font-size: 12px;color: #ffffff;line-height: 24px;margin-top: 8px;display: block;}
.news .right .more2 span{font-family: "宋体";font-weight: bold;}
.news .right:hover .imgBox img{transform: scale(1.06);}
.news .right:hover h5 a{color: #c59652;}
.news .right:hover .more2{color: #c59652;}

/* 内页公用 */
.listBanner{width:1920px; position: relative;left:50%;margin-left:-960px; height:450px;padding-top:90px;}
.listBanner img{width: 100%;height: 450px;}
.listBanner5{height: 450px;}
.listBanner5 img{height: 450px;}
.mTitle{position: absolute;left: 0;bottom: 50px;padding-left: 478px;line-height: 48px;font-size: 45px;color: #ffffff;font-family: "CenturyGothic";border-bottom: 1px #c59652 solid;}
.listWrapper{overflow: hidden;background: #313131;padding-bottom:76px;}

/*二级导航*/
.smallMenu{overflow: hidden;background: #191919;font-size: 14px;line-height: 45px;text-align: center;font-family: "CenturyGothic";padding:25px 0px 20px 0px;}
.smallMenu ul{overflow: hidden;}
.smallMenu ul li{float: left;overflow: hidden;border:1px #515151 solid;border-radius: 4px;margin-right: 5px;margin-bottom:5px;}
.smallMenu ul li:nth-last-child(1){margin-right: 0;}
.smallMenu ul li a{color: #ccc;padding: 0px 40px;display: block;font-weight: bold;}
.smallMenu ul li:hover,.smallMenu ul li.on{border-color: #c59652;}
.smallMenu ul li:hover a,.smallMenu ul li.on a{color: #ffffff;background: #c59652;}

/*面包屑*/
.position{overflow: hidden;background: #404040;padding: 52px 0px 34px 0px;}
.position h2{font-size: 45px;color: #ffffff;line-height: 48px;font-family: "CenturyGothic";}
.position p{font-size: 12px;color: #ccc;line-height: 18px;margin-top: 30px;font-family: "宋体";font-weight: bold;}
.position p a{color: #ccc;font-family: "微软雅黑";font-weight: normal;}
.position p span{font-family: "微软雅黑";font-weight: normal;}
.position p a:hover{color: #c59652;}

/* 案例列表 */
.caseList{overflow: hidden;padding-top: 60px;font-family: "arquitecta";}
.caseList li{border: none;width: 370px;margin-right: 44px;margin-bottom: 70px;float: left;overflow: hidden;}
.caseList .last{margin-right: 0px;}
.caseList li .imgBox{display: block;overflow: hidden;width: 370px;height: 200px;}
.caseList li .imgBox img{max-width: 370px;height: 200px;transition: all 1s;}
.caseList li h5{width: 370px;height: 51px;line-height: 52px;font-size: 16px;color: #ffffff;border-bottom: 1px #545454 solid;position: relative;}
.caseList li h5:after{position: absolute;display: block;content: "";width: 0px;height: 1px;left: 0;bottom: 0;background: #c59652;transition: all .3s;}
.caseList li h5 a{color: #ffffff;}
.caseList li:hover .imgBox img{transform: scale(1.06);}
.caseList li:hover h5{color: #ffffff;}
.caseList li:hover h5:after{width: 100%;}
.caseList li:hover h5 a{color: #ffffff;}

/* 案例详情 */
.casePics{overflow: hidden;padding: 48px 0px 45px 0px;position: relative;}
.casePics .bd{margin:0px auto;width: 960px;height: 500px;overflow: hidden;}
.casePics .bd ul{overflow: hidden;}
.casePics .bd ul li{overflow: hidden;width: 960px;height: 500px;float: left;position: relative;}
.casePics .bd ul li .icon{position: absolute;display: block;width: 16px;height: 16px;background: url('../images/casePics-icon01.png') center center no-repeat;top: 18px;right: 18px;cursor: pointer;}
.casePics .bd ul li img{max-width: 100%;height: 500px;transition: all 1s;}
.casePics .bd ul li:hover img{transform: scale(1.06);}

.casePics>a{position: absolute;top: 45%;font-size: 80px;line-height: 90px;color: #777777;font-family: "宋体";}
.casePics>a:hover{color: #c59652;}
.casePics .prev{left: 0;}
.casePics .next{right: 0;}

.caseProfile{overflow: hidden;background: #404040;padding-top:48px;color: #7c7c7c;font-size: 14px;font-family: "CenturyGothic";line-height: 28px;}
.caseProfile .left{width: 396px;overflow: hidden;float: left;color:#ffffff;}
.caseProfile .left h3{font-size: 20px;color: #ffffff;line-height: 40px;border-bottom: 2px #c59652 solid;}
.caseProfile .left p{padding: 30px 0px 22px 0px;}
.caseProfile .right{width: 696px;float: right;overflow: hidden;}
.caseProfile .right h3{font-size: 20px;color: #ffffff;line-height: 40px;border-bottom: 2px #c59652 solid;}
.caseProfile .right p{padding: 0 0px 22px 0px;}
.caseProfile h2{font-size: 20px;color: #ffffff;line-height: 68px;padding-left: 22px;background: url('../images/caseProfile-icon01.png') no-repeat left center;}

.caseRelation{overflow: hidden;background: #313131;padding: 50px 0px 40px 0px;font-family: "CenturyGothic";}
.caseRelation ul{overflow: hidden;}
.caseRelation ul li{overflow: hidden;margin-right: 50px;float: left;}
.caseRelation ul li:nth-last-child(1){margin-right: 0;}
.caseRelation ul li .imgBox{width: 200px;height: 110px;display: block;overflow: hidden;}
.caseRelation ul li .imgBox img{max-width: 100%;height: 110px;transition: all 1s;}
.caseRelation ul li h5{line-height: 52px;color: #929292;font-size: 14px;width: 200px;text-align: center;}
.caseRelation ul li h5 a{color: #929292;}
.caseRelation ul li:hover .imgBox img{transform: scale(1.06);}
.caseRelation ul li:hover h5,.caseRelation ul li:hover h5 a{color: #c59652;}

.moreCase{overflow: hidden;background: #404040;font-family: "arquitecta";}
.moreCase h2{font-size: 20px;color: #ffffff;line-height: 114px;padding-left: 22px;background: url('../images/caseProfile-icon01.png') no-repeat left center;font-family: "CenturyGothic";}
.moreCase ul{overflow: hidden;}
.moreCase ul li{border: none;width: 370px;margin-right: 44px;margin-bottom: 30px;float: left;overflow: hidden;}
.moreCase ul .last{margin-right: 0px;}
.moreCase ul li .imgBox{display: block;overflow: hidden;width: 370px;height: 200px;}
.moreCase ul li .imgBox img{max-width: 370px;height: 200px;transition: all 1s;}
.moreCase ul li h5{width: 370px;height: 51px;line-height: 52px;font-size: 16px;color: #ffffff;border-bottom: 1px #545454 solid;position: relative;}
.moreCase ul li h5:after{position: absolute;display: block;content: "";width: 0px;height: 1px;left: 0;bottom: 0;background: #c59652;transition: all .3s;}
.moreCase ul li h5 a{color: #ffffff;}
.moreCase ul li:hover .imgBox img{transform: scale(1.06);}
.moreCase ul li:hover h5{color: #ffffff;}
.moreCase ul li:hover h5:after{width: 100%;}
.moreCase ul li:hover h5 a{color: #ffffff;}

/*客户定制*/
.customFloor1{overflow: hidden;background: #404040;padding: 28px 0px 60px 0px;font-family: "CenturyGothic";}
.mTitle2{line-height: 126px;text-align: center;color: #ffffff;font-size: 35px;}
.customFloor1 ul{overflow: hidden;}
.customFloor1 ul li{float: left;overflow: hidden;margin-right: 30px;}
.customFloor1 ul li:nth-last-child(1){margin-right: 0;}
.customFloor1 ul li .imgBox{display: block;width: 380px;height: 330px;overflow: hidden;}
.customFloor1 ul li .imgBox img{max-width: 100%;height: 330px;transition: all 1s;}
.customFloor1 ul li h3{margin-top: 24px;line-height: 42px;color: #ffffff;font-size: 25px;text-align: center;width: 380px;}
.customFloor1 ul li .txt{text-align: center;margin-bottom:14px;line-height: 24px;font-size: 16px;color: #ffffff;}
.customFloor1 ul li:hover .imgBox img{transform: scale(1.06);}

.customFloor2{position: relative;overflow: hidden;font-family: "CenturyGothic";}
.customFloor2 .mTitle2{position: absolute;top: 0;width: 1200px;left: 50%;margin-left: -600px;line-height: 226px;z-index: 10;}
.customFloor2 ul{width: 100%;margin:0px auto;overflow: hidden;text-align: center;height: 570px;}
.customFloor2 ul li{position: relative;width: 50%; overflow: hidden;display: inline-block;}
.customFloor2 ul li .imgBox{width: 960px;height: 570px;display: block;overflow: hidden;}
.customFloor2 ul li .imgBox img{max-width: 960px;height: 570px;transition: all 2s;}
.customFloor2 ul li .txt{position: absolute;display: table;overflow: hidden;bottom: 178px;right: 200px;}
.customFloor2 ul li:nth-child(2) .txt{left: 200px;}
.customFloor2 ul li .txt p{width: 400px;height: 166px;display: table-cell;text-align: center;vertical-align: middle;}
.customFloor2 ul li .txt p span{line-height: 88px;color: #ffffff;font-size: 35px;width: 100%;display: inline-block;}
.customFloor2 ul li .txt p em{font-style: normal;font-size: 16px;color: #ffffff;line-height: 26px;}
.customFloor2 ul li:hover .imgBox img{transform: scale(1.06);}

.customFloor3{overflow: hidden;background: url('../images/customFloor3-bg.png') no-repeat;height: 604px;font-family: "CenturyGothic";}
.mTitle3{color: #ffffff;margin-top: 40px;line-height: 104px;font-size: 35px;}
.customFloor3 form{overflow: hidden;font-size: 14px;}
.customFloor3 form .input{background: none;margin-right: 30px;width: 287px;height: 48px;line-height: 50px;border:1px #ffffff solid;padding-left: 10px;color: #ffffff;margin-bottom: 30px;}
.customFloor3 form .input:focus{color: #ffffff;}
.customFloor3 form .input::-webkit-input-placeholder{/* WebKit browsers */color: #ffffff;} 
.customFloor3 form .input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color: #ffffff;}
.customFloor3 form .input::-moz-placeholder{/* Mozilla Firefox 19+ */color: #ffffff;}
.customFloor3 form .input:-ms-input-placeholder{/* Internet Explorer 10+ */color: #ffffff;}
.customFloor3 form .message{width: 606px;height: 178px;border:1px #ffffff solid;color: #ffffff;padding: 20px 10px;line-height: 30px;background: none;}
.customFloor3 form .txt{width: 290px;font-size: 12px;color: #868686;line-height: 24px;margin-left: 30px;}
.customFloor3 form .txt .p1{padding-left: 70px;color: #ffffff;font-size: 14px;line-height: 26px;background: url('../images/customFloor3-icon01.png') left center no-repeat;margin-bottom: 20px;}
.customFloor3 form .txt .p2{color:#ffffff;}
.customFloor3 form .submit1{width: 628px;height: 50px;line-height: 50px;text-align: center;background: #bd904e;color: #ffffff;margin-top: 30px;}

/*产品中心 分类列表*/
.proListBox2{overflow: hidden;padding-bottom: 44px;font-size: 14px;background: #313131;font-family: "CenturyGothic";}
.proListBox2.two{background: #404040;}
.proListBox2 .sTitle{line-height: 94px;font-size: 20px;color: #c59652;}
.proListBox2 ul{overflow: hidden;}
.proListBox2 ul li{float: left;}
.proListBox2 ul li.m{margin-right: 19px;overflow: hidden;}
.proListBox2 ul li.m .imgBox{width: 256px;height: 157px;display: block;overflow: hidden;}
.proListBox2 ul li.m .imgBox img{max-width: 100%;height: 157px;transition: all 1s;}
.proListBox2 ul li.m h5{line-height: 52px;width: 200px;text-align: center;color: #ccc}
.proListBox2 ul li.m h5 a{color: #ccc;}
.proListBox2 ul li.m2{display: table;border:1px #5f5f5f solid;}
.proListBox2 ul li.m2 .txt{display: table-cell;width: 98px;height: 155px;text-align: center;vertical-align: middle;}
.proListBox2 ul li.m2 .txt span{font-size: 80px;color: #ccc;display: inline-block;width: 100%;line-height: 78px;font-family: "arquitecta";}
.proListBox2 ul li.m2 .txt em{font-style: normal;display: inline-block;width: 100%;line-height: 16px;color: #ccc;}
.proListBox2 ul li.m:hover .imgBox img{transform: scale(1.06);}
.proListBox2 ul li.m:hover h5,.proListBox2 ul li.m:hover h5 a,.proListBox2 ul li.m2:hover .txt span,.proListBox2 ul li.m2:hover .txt em{color: #c59652;}

/*产品中心 产品列表*/
.proListBox ul{margin-bottom:44px;}
.proListBox ul li.m{margin-right: 50px;}
.proListBox ul li.m.last{margin-right: 0;}

/*产品详情*/
.proThumb{overflow: hidden;padding: 60px 0px 80px 0px;font-family: "CenturyGothic";}
.proThumb .left{width: 200px;overflow: hidden;}
.proThumb .left h4{font-size: 20px;color: #ffffff;line-height: 20px;padding-bottom:20px;border-bottom: 2px #c59652 solid;}
.proThumb .left h5{font-size: 16px;color: #ffffff;line-height: 32px;margin-top: 10px;}
.proThumb .right{width: 930px;height: 570px;position: relative;overflow: hidden;}
.proThumb .right img{max-width: 100%;height: 570px;transition: all 1s;}
.proThumb .right .icon{position: absolute;display: block;width: 16px;height: 16px;background: url('../images/casePics-icon01.png') center center no-repeat;top: 18px;right: 18px;cursor: pointer;}
.proThumb .right:hover img{transform: scale(1.06);}

.proDetails{padding: 58px 0px 94px 0px;overflow: hidden;background: #404040;font-family: "CenturyGothic";}
.proTitle{line-height: 39px;color: #ffffff;font-size: 20px;border-bottom: 2px #c59652 solid;}
.proDetails .left{width: 500px;overflow: hidden;}
.proDetails .right{width: 490px;overflow: hidden;}
.proDetails p{font-size: 12px;color: #ffffff;margin-top: 20px;margin-bottom:10px;}

.layui-layer{background: none ! important}
.layui-layer-photos{width: 60% ! important;top: 10% ! important;height: auto ! important;}

.relatedPro{overflow: hidden;padding: 42px 0px 0px 0px;font-family: "CenturyGothic";}
.relatedPro li{float: left;}
.relatedPro .m3{font-size: 20px;color: #ffffff;width: 120px;margin-right: 70px;border-bottom: 2px #c59652 solid;line-height: 30px;padding-bottom: 8px;}
.relatedPro li.m{margin-right: 27px;overflow: hidden;}
.relatedPro li.m .imgBox{width: 200px;height: 110px;display: block;overflow: hidden;}
.relatedPro li.m .imgBox img{max-width: 100%;height: 110px;transition: all 1s;}
.relatedPro li.m h5{line-height: 52px;width: 200px;text-align: center;color: #ccc}
.relatedPro li.m h5 a{color: #ccc;}
.relatedPro li.m2{display: table;border:1px #5f5f5f solid;}
.relatedPro li.m2 .txt{display: table-cell;width: 98px;height: 108px;text-align: center;vertical-align: middle;}
.relatedPro li.m2 .txt span{font-size: 80px;color: #fff;display: inline-block;width: 100%;line-height: 78px;font-family: "arquitecta";}
.relatedPro li.m2 .txt em{font-style: normal;display: inline-block;width: 100%;line-height: 16px;color: #fff;}
.relatedPro li.m:hover .imgBox img{transform: scale(1.06);}
.relatedPro li.m:hover h5,.relatedPro li.m:hover h5 a,.relatedPro li.m2:hover .txt span,.relatedPro li.m2:hover .txt em{color: #c59652;}

/* 通用单页面 */
.listBox{padding-top: 20px;}
.listBox p{color: #fff;}
.listBox span{color: #fff;}
.listBox a{color: #fff;}

/* 新闻中心 */
.newsList{overflow: hidden;padding-top: 40px;font-family: "CenturyGothic";}
.newsList li{height:210px;margin-bottom:30px;background:#404040;overflow:hidden;}
.newsList li .nImg{width:280px;height:210px;overflow:hidden;margin-right:60px;float:left;}
.newsList li img{width:280px;height:210px;transition:all 0.5s;}
.newsList li .date{width:370px;overflow:hidden;padding-top:40px;float:left;color: #e1251e;}
.newsList li .date span{font-size:12px;font-family:Arial;height:30px;display:block;color:#ffffff;}
.newsList li .date h4{font-size:14px;font-weight:normal;margin-bottom:10px;line-height:22px}
.newsList li .date h4 a{color:#dddddd;}
.newsList li .date h4 a:hover{color:#c59652;}
.newsList li .date .more{width:210px;height:40px;font-size:16px;line-height:40px;font-family:Arial;color:#fff;background:none;transition:all 0.3s;display:inline-block;text-align:center;font-family: "CenturyGothic";margin-top: 20px;border:1px #ffffff solid;left: 0;margin-left:0;}
.newsList li .date .more:hover{background:#c59652;border-color: #c59652;left: 10px;}
.newsList li p{width:400px;float:right;padding:40px 40px 0 0;font-size:12px;color:#dddddd;}
.newsList li:hover img{transform:scale(1.1,1.1);}

/* 新闻详细样式 */
.newsIsLeft{width:1200px;background:#313131;padding:30px;}
.newsIsTop h1{font-weight:normal;font-size:24px;line-height:40px;color:#ffffff;text-align: center;}
.newsIsTop .top{font-size:14px;line-height:35px;color:#aaaaaa;overflow:hidden;border-top:1px solid #eeeeee;margin-top:15px;}
.newsIsTop .top span{padding-right:30px;}
.newsIsTop .top .bshare-custom{margin-top:5px;margin-right:30px;}
.newsIsTop .top .sp1{background: url('../images/time-bg_03.png') no-repeat;width:210px;text-align:center;color: #111111;}
.newsIsTop .top .sp3{background: url('../images/single-view.png') no-repeat left center;padding-left:30px;}
.newsIsContent{padding-top:20px; font-size:14px; line-height:2em; text-align:justify; white-space:normal;margin-bottom:30px;overflow:hidden;}
.newsIsContent p{ padding:5px 0;}
.newsIsContent img{max-width:100%;}
.bshare-custom{color: #aaaaaa;}

/* 内页留言样式 */
.contactFont{width:580px;background:#eee;padding:30px;height:450px;}
#dituContent{width:1200px;height:550px;float:right;margin-top: 20px;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}
.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:13px;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:270px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1258px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#6eb92d;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#666;}

/* 底部 */
.publicForm{overflow: hidden;height: 319px;background: url('../images/public-form-bg.png') center center no-repeat;position: relative;}
.publicFormCover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);font-family: "Arial";}
.title2{font-size: 40px;color: #ffffff;text-align: center;padding-top:30px;line-height: 44px;}
.title2P{font-size: 16px;color: #ffffff;text-align: center;line-height: 32px;margin-bottom: 28px;}
.publicForm form{width: 560px;overflow: hidden;margin:0 auto;}
.publicForm form .email{width: 538px;height: 38px;border:1px #ffffff solid;line-height: 40px;font-size: 14px;background: none;padding: 0px 10px;}
.publicForm form #message{width: 538px;padding: 0px 10px;border:1px #ffffff solid;line-height: 26px;font-size: 14px;background: none;height: 70px;margin: 10px auto;color: #ffffff;}
.publicForm form .checkcode{width: 120px;height: 30px;margin-right: 10px;}
.publicForm form .inputVerifycode{font-size: 12px;line-height: 30px;width: 118px;height: 28px;border:1px #ffffff solid;margin-right: 10px;text-align: center;background: none;}
.publicForm form .submit{width: 120px;height: 30px;text-align: center;line-height: 30px;background: #c59652;font-size: 16px;color: #ffffff;cursor: pointer;}
.publicForm form .email,.publicForm form .email:focus,.publicForm form .inputVerifycode,.publicForm form .inputVerifycode:focus{color: #ffffff;}
.publicForm form .email::-webkit-input-placeholder,.publicForm form .inputVerifycode::-webkit-input-placeholder{/* WebKit browsers */color: #ffffff;} 
.publicForm form .email:-moz-placeholder, .publicForm form .inputVerifycode:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color: #ffffff;}
.publicForm form .email::-moz-placeholder, .publicForm form .inputVerifycode::-moz-placeholder{/* Mozilla Firefox 19+ */color: #ffffff;} 
.publicForm form .email:-ms-input-placeholder, .publicForm form .inputVerifycode:-ms-input-placeholder{/* Internet Explorer 10+ */color: #ffffff;}

.footer{background:#222222;font-size:16px;overflow:hidden;font-family: "Arial";}
.footMenu{padding-top: 46px;padding-bottom: 30px;overflow: hidden;color: #ffffff;}
.footMenu .txtL{width: 469px;overflow: hidden;position: relative;margin-right: 35px;}
.footMenu .txtL:after{position: absolute;content: "";display: block;background: #4e4e4e;width: 1px;height: 40px;right: 0;top: 4px;}
.footMenu .txtL .iconTel{margin-right: 42px;}
.footMenu .txtL p{margin-right: 30px;}
.footMenu .txtL p span{font-size: 19px;line-height: 20px;margin-bottom:8px;display: block;font-family: "futurabt-medium";}
.footMenu .txtL p em{line-height: 20px;display: block;font-style: normal;}

.footMenu .txtM{width: 387px;overflow: hidden;position: relative;margin-right: 58px;}
.footMenu .txtM:after{position: absolute;content: "";display: block;background: #4e4e4e;width: 1px;height: 40px;right: 0;top: 4px;}
.footMenu .txtM .iconEmail{margin-right: 40px;}
.footMenu .txtM p{}
.footMenu .txtM p span{font-size: 19px;line-height: 20px;margin-bottom:8px;display: block;font-family: "futurabt-medium";}
.footMenu .txtM p em{line-height: 20px;display: block;font-style: normal;}

.footMenu .txtR{overflow: hidden;}
.footMenu .txtR span{margin-right: 8px;font-family: "futurabt-medium";}
.footMenu .txtR a{display: inline-block;width: 25px;height: 25px;margin-left:18px;}
.footMenu .txtR .share1{background: url('../images/footer-iocn-share1.png') center center no-repeat;}
.footMenu .txtR .share2{background: url('../images/footer-iocn-share2.png') center center no-repeat;}
.footMenu .txtR .share3{background: url('../images/footer-iocn-share3.png') center center no-repeat;}
.footMenu .txtR .share4{background: url('../images/footer-iocn-share4.png') center center no-repeat;}

.toTop{display: table;position: fixed;right: 4px;top: 83%;}
.toTop a{display: table-cell;width: 50px;height: 66px;background: #c59652;color: #ffffff;text-align: center;vertical-align: middle;font-family: "futurabt-medium";border-radius: 6px;}
.toTop a em{font-style: normal;display: inline-block;width: 100%;background: url('../images/toTop-icon.png') center center no-repeat;height: 5px;}
.toTop a span{display: inline-block;width: 100%;}


.bshare-custom .txtR{overflow: hidden;}
.bshare-custom .txtR span{margin-right: 8px;font-family: "futurabt-medium";}
.bshare-custom .txtR a{display: inline-block;width: 14px;height: 25px;}
.bshare-custom .txtR .share1{background: url('../images/footer-iocn-share1.png') center center no-repeat;}
.bshare-custom .txtR .share2{background: url('../images/footer-iocn-share2.png') center center no-repeat;}
.bshare-custom .txtR .share3{background: url('../images/footer-iocn-share3.png') center center no-repeat;}
.bshare-custom .txtR .share4{background: url('../images/footer-iocn-share4.png') center center no-repeat;}