@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #b58f37;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'BebasNeue-Regular'; src: url('../fonts/bebasneue-regular-3.ttf'); }
@font-face {font-family:'novah'; src: url('../fonts/novah-font-2.ttf'); }
.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#b58f37; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.c1200{ width: 1200px; margin:0 auto;}
.c1440{width: 1440px;margin: 0 auto;}
@media (max-width:1440px) { .c1440 {width: 1200px; } }

/*header*/
.header{width: 100%;min-width: 1200px;position: fixed;top: 0;left: 0;z-index: 99;padding: 0px 0;transition: all 0.6s ease;background-color: rgba(0,0,0,0);}
.headerLogo{float: left;}
.headerLogo a{display: block; width: 240px;height:50px;background: url(../images/logo.png) center center no-repeat;transition: all 0.6s ease;}
.header .nav{float: right;}
.header .nav .nLi{display: inline-block;margin-left: 50px;position: relative;}
.header .nav .nLi h3{padding: 17px 0 23px;box-sizing: border-box;position: relative;}
.header .nav .nLi h3::after{content: '';width: 30px;height: 14px;background: url("../images/nav-icon.png") center center no-repeat;position: absolute;bottom: 3px;left: 0;right: 0;margin: auto;opacity: 0;transition: all 0.6s ease;}
.header .nav .nLi h3 a{ display:block; line-height: 16px;font-size:16px;color:#fff;font-weight: normal; transition: all 0.6s ease;}
.header .nav .sub{ display:none; position:absolute;top:56px;z-index: 999;transform: translateX(-50%);left: 50%;width: 130px;background-color:#FFFFFF;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);}
.header .nav .sub li{border-bottom: 1px solid #eee;}
.header .nav .sub li:last-child{border-bottom: 0;}
.header .nav .sub a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: uppercase;}
.header .nav .sub a:hover{color: #fff;background-color:#b58f37;}
.header .nav .nLi:hover h3::after,.header .nav .nLi#on h3::after{opacity: 1;}
.header .nav .nLi:hover h3 a,.header .nav .nLi#on h3 a{ color: #b58f37;}
.is-fixed{background-color: rgba(0,0,0,0.8);}

/*indexBanner*/
.indexBanner{width:100% ;position:relative;height:100vh; margin:0 auto; z-index:1;overflow: hidden;}
.indexBanner .bd{margin:0 auto; width: 100%;height:100% !important; position:relative;z-index:0;overflow:hidden;}
.indexBanner .bd ul{}
.indexBanner .bd li{width:100% ; height: 100vh;  overflow:hidden; float: left ; text-align:center; position: relative; background-size: cover !important;}
.indexBanner .bd li a{display:block; width:100% !important; height:100% !important;}
.indexBanner .hd{position:absolute;z-index:1;bottom:140px;left:0;right: 0;margin: auto;}
.indexBanner .hd ul{display: table;margin: auto;}
.indexBanner .hd ul li{display:inline-block;width:10px;height:10px;margin:0 20px; background-color: #b58f37;  border-radius: 50%;position: relative;font-size: 0; cursor: pointer;}
.indexBanner .hd ul li::after{content: '';width: 30px;height: 30px;background: url("../images/dot.png") center center no-repeat;position: absolute;top: -10px;left: -10px;opacity: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on::after{opacity: 1;transform: rotate(180deg);}
.indexBanner .prev,.indexBanner .next{display:block; width:50px;height:50px;position:absolute;z-index:22; top:50%; overflow:hidden; cursor:pointer; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); transition: all 0.8s ease; margin-top: -25px;}
.indexBanner .prev{left:-50px; background:rgba(255,255,255,0.4) url(../images/arrow-left1.png) center center no-repeat;}
.indexBanner .next{right:-50px; background:rgba(255,255,255,0.4) url(../images/arrow-right1.png) center center no-repeat;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #b58f37; }
.indexBanner:hover .prev{left: 100px;}
.indexBanner:hover .next{right: 100px;}

/*navList*/
.navList{width: 1440px;min-width: 1200px;background-color: #fff;padding: 26px 0;margin: -108px auto 0;position: relative;z-index: 3;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navList ul{width: 100%; word-spacing: 0; display: table; text-align: center;}
.navList ul li{ display: inline-block; vertical-align: top; margin-right:95px; text-align: left;}
.navList ul li:last-child{margin-right: 0;}
.navList ul li a{display: block;height: 56px;position: relative;padding-left: 69px;box-sizing: border-box;}
.navList ul li a::after{content: '';width: 56px;height: 56px;position: absolute;top: 0;left: 0;border: 1px solid #eee;box-sizing: border-box;}
.navList ul li.l1 a::after{background: url("../images/icon-list.png") 0 0 no-repeat;}
.navList ul li.l2 a::after{background: url("../images/icon-list.png") -56px 0 no-repeat;}
.navList ul li.l3 a::after{background: url("../images/icon-list.png") -112px 0 no-repeat;}
.navList ul li.l4 a::after{background: url("../images/icon-list.png") -168px 0 no-repeat;}
.navList ul li.l5 a::after{background: url("../images/icon-list.png") -224px 0 no-repeat;}
.navList ul li a::before{content: '';width: 3px;height: 12px;background-color: #b58f37;position: absolute;top: 0;left: -1px;bottom: 0;margin: auto;z-index: 2;border-bottom: 3px solid #fff;border-top: 3px solid #fff;}
.navList ul li a h6{font-size: 18px;font-weight: normal;line-height: 18px;color: #333333;padding-top: 8px;box-sizing: border-box;}
.navList ul li a p{font-size: 14px;line-height: 14px;color: #999999;text-transform: uppercase;margin-top: 8px;}
.navList ul li:hover a h6,.navList ul li:hover a p{color: #b58f37;}
@media (max-width:1440px) { 
.navList {width: 1200px; } 
.navList ul li{margin-right: 80px;margin-left: 10px;}
}

/*indexAbout*/
.indexAbout{width: 100%;padding: 90px 0 70px;background-color: #fff;}
.indexAbout .about{width: 100%;}
.indexAbout .about .aboutTit{position: relative;height: 146px;float: left;}
.indexAbout .about .aboutTit::after{content: '';background: url("../images/index-about-icon.png") center center no-repeat;width: 146px;height: 146px;position: absolute;top: 0;left: 0;}
.indexAbout .about .aboutTit h4{font-size: 36px;font-weight: normal;color: #333333;margin-top: 30px;}
.indexAbout .about .aboutTit p{font-size: 22px;color: #b58f37;margin-top: 6px;}
.indexAbout .about .aboutTit p span{font-size: 24px;}
.indexAbout .about .number{float: right;}
.indexAbout .about .number dl{float: left;position: relative;margin-left: 36px;padding-left: 36px;box-sizing: border-box;}
.indexAbout .about .number dl::after{content: '';width: 1px;height: 40px;background-color: #ddd;position: absolute;top: 36px;left: 0;}
.indexAbout .about .number dl:nth-of-type(1)::after{background-color: rgba(0,0,0,0);}
.indexAbout .about .number dl dt{text-align: right;}
.indexAbout .about .number dl dt b{font-size: 90px;color: #666;font-family: BebasNeue-Regular;margin-right: 10px;}
.indexAbout .about .number dl dt span{font-size: 30px;color: #666;font-weight: bold;}
.indexAbout .about .number dl dd{font-size: 14px;color: #666;text-align: right;margin-top: -14px;}

.indexAbout .cont{width: 100%;margin-top: 10px;}
.indexAbout .cont .img{width: 510px;height: 220px;overflow: hidden;margin-right: 15px;}
.indexAbout .cont img{transition: all 0.6s ease;}
.indexAbout .cont .img img{}
.indexAbout .cont .txt{width: 510px;font-size: 16px;line-height: 30px;color: #666666;margin-top: 44px;}
.indexAbout .cont .more{width: 192px;height: 52px;background-color: #b58f37;line-height: 52px;text-align: center;color: #fff;font-size: 14px;border: 1px solid #b58f37;display: block;transition: all 0.6s ease;margin-top: 34px;}
.indexAbout .cont .img1{width: 330px;height: 450px;overflow: hidden;}
.indexAbout .cont .img1 img{ width: 330px; height: 450px;}
.indexAbout .cont .img2{width: 330px;height: 217px;overflow: hidden; margin-bottom: 16px;}
.indexAbout .cont .img2 img{ width: 330px;height: 217px;}
.indexAbout .cont .more:hover{background-color: #fff;color: #b58f37;}
.indexAbout .cont .img:hover img,.indexAbout .cont .img1:hover img,.indexAbout .cont .img2:hover img{transform: scale(1.1);}
.indexAbout .cont .imgBox:hover p{bottom: 0;}



/*indexProduct*/
.indexTitle h3{font-size: 40px;color: #333333;text-align: center;}
.indexTitle p{font-size: 18px;color: #999999;margin-top: 10px;text-align: center;text-transform: uppercase;}
.indexProduct{width: 100%;background-color: #fff;padding-bottom:110px;}
.productList{ width:100%;margin-top: 60px;}
.productList .iconBox{width: 1200px;margin: 0 auto;position: relative;}
.productList .iconBox ul{ text-align: center; display: table; word-spacing: 0;}
.productList .iconBox ul li{cursor:pointer;position: relative;display: inline-block; vertical-align: top; width: 120px;}
.productList .iconBox ul li::after{content: '';width: 3px;height: 0;background-color: #b58f37;position: absolute;top: 90px;left: 0;right: 0;margin: auto;transition: all 0.6s ease;z-index: 2;}
.productList .iconBox ul li i{display: inline-block; width: 50px;height: 50px;margin: 0 auto;}
.productList .iconBox ul li p{font-size: 16px;color: #999999;text-align: center;margin-top: 5px;}
.productList .iconBox ul li.on::after{ height:110px;}
.productList .iconBox ul li.on i{background-position: 0 -50px !important;}
.productList .iconBox ul li.on p{color: #b58f37;}
.productList .iconBox a{width: 30px;height: 30px;border: 1px solid #b58f37;border-radius: 50%;display:block;transition: all 0.6s ease;}
.productList .iconBox .sPrev{background:url("../images/arrow-left.png") center center no-repeat;position: absolute;top: 23px;left: -40px;}
.productList .iconBox .sNext{background:url("../images/arrow-right.png") center center no-repeat;position: absolute;top: 23px;right: -40px;}
.productList .iconBox .sPrev:hover{background:#b58f37 url("../images/arrow-left1.png") center center no-repeat;}
.productList .iconBox .sNext:hover{background:#b58f37 url("../images/arrow-right1.png") center center no-repeat;}
@media (max-width:1280px) {.productList .iconBox .sPrev{left: 0;}  .productList .iconBox .sNext{right:0;}}
.productList .productBox{margin-top: 30px;width: 100% !important;}
.productList .productBox .product{width: 100% !important;height: 650px;}
.productList .productBox .product h2{font-size: 30px;font-weight: normal; margin-top:230px; color: #ffffff;text-align: center;}
.productList .productBox .product .txt{font-size: 14px;line-height: 28px; max-width: 600px; color: #ffffff;text-align: center;margin: 10px auto 0;}
.productList .productBox .product a{display: block;width: 192px;height: 52px;background-color: #b58f37;line-height: 52px;text-align: center;margin: 50px auto 0;color: #fff;font-size: 14px;transition: all 0.6s ease;}
.productList .productBox .product a:hover{background-color: #fff;color: #b58f37;}

/*indexNews*/
.indexNews{width: 100%;background-color: #fff;padding-bottom: 120px;}
.indexNews ul{width: 100%;display: table;text-align: left;word-spacing: -1em;padding-top: 60px;}
.indexNews ul li{display: inline-block;vertical-align: top;margin:0 13px 0 0;width: 290px;position: relative;}
.indexNews ul li:nth-of-type(4n){margin-right: 0;}
.indexNews ul li .img{width: 290px;height: 145px;overflow: hidden;background-color: #000; position: relative;}
.indexNews ul li .img img{width: 290px; height: 145px; transition: all 0.6s ease;}

.indexNews ul li .img p{ padding: 0 15px; background-color: #b58f37;color: #fff;line-height: 30px;text-align: center;font-size: 14px;position: absolute;top: 10px;left: 10px;}
.indexNews ul li h6{font-size: 18px;font-weight: normal;color: #333333;margin-top: 30px;transition: all 0.6s ease;}
.indexNews ul li .txt{font-size: 14px;line-height: 26px;color: #999999;margin: 10px 0 20px;}
.indexNews ul li .time{font-size: 14px;color: #b58f37;width: 100%;position: relative;padding-bottom: 24px;}
.indexNews ul li .time::after{content: '';width: 290px;height: 1px;background-color: #ddd;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexNews ul li:hover .img img{transform: scale(1.1);}
.indexNews ul li:hover h6{color: #b58f37;}
.indexNews ul li:hover .time::after{background-color: #b58f37;}
.indexNews .more{width: 192px;height: 52px;background-color: #b58f37;margin: 60px auto 0;line-height: 52px;text-align: center;color: #fff;font-size: 14px;border: 1px solid #b58f37;display: block;transition: all 0.6s ease;}
.indexNews .more:hover{background-color: #fff;color: #b58f37;}

/*indexIntroduce*/
.indexIntroduce{width: 100%;height: 520px;}
.indexIntroduce h2{font-size: 38px;font-weight: normal;color: #ffffff;padding: 100px 0 20px;box-sizing: border-box;position: relative;width: 430px;}
.indexIntroduce h2::after{content: '';width: 30px;height: 30px;background: url("../images/index-introduce-icon.png") center center no-repeat;position: absolute;right: 0;top: 120px;}
.indexIntroduce p{font-size: 14px;line-height: 20px;color: #ffffff;opacity: 0.26;text-transform: uppercase;}
.indexIntroduce .more{width: 192px;height: 52px;background-color: #b58f37; font-weight: bold; line-height: 52px;margin-top:50px;text-align: center;color: #fff;font-size: 16px;border: 1px solid #b58f37;display: block;transition: all 0.6s ease;}
.indexIntroduce .more:hover{background-color: #fff;color: #b58f37;}
.introduce{width: 100%;background-color: #f5f5f5;padding: 40px 0;}
.introduce ul{width: 100%;display: table;text-align: left;word-spacing: -1em;}
.introduce ul li{display: inline-block;vertical-align: top;margin:0 30px 0 0;width: 380px;position: relative;}
.introduce ul li:nth-of-type(3n){margin-right: 0;}
.introduce ul li .img{width: 380px;height: 180px;background-color: #000;overflow: hidden;}
.introduce ul li .img::after{content: '';width: 60px;height: 60px;position: absolute;top: 60px;left: 0;right: 0;margin: auto;transition: all 0.6s ease;}
.introduce ul li:nth-of-type(1) .img::after{background: url("../images/index-introduce-icon1.png") 0 0 no-repeat;}
.introduce ul li:nth-of-type(2) .img::after{background: url("../images/index-introduce-icon1.png") -60px 0 no-repeat;}
.introduce ul li:nth-of-type(3) .img::after{background: url("../images/index-introduce-icon1.png") -120px 0 no-repeat;}
.introduce ul li .img img{width: 100%;}
.introduce ul li .cont{width: 100%;background-color: #fff;padding: 16px 30px;box-sizing: border-box;z-index: 3;position: relative;}
.introduce ul li .cont h5{font-size: 18px;font-weight: normal;color: #333333;transition: all 0.6s ease;}
.introduce ul li .cont .txt{font-size: 14px;color: #999999;margin-top: 6px;}
.introduce ul li .a{width: 60px;height: 60px;border: solid 1px #b58f37;line-height: 60px;text-align: center;color: #b58f37;font-size: 24px;border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;margin: auto;opacity: 0;transition: all 0.6s ease;}
.introduce ul li .a:hover{background-color: #b58f37;color: #FFFFFF;}
.introduce ul li:hover .cont h5{color: #b58f37;}
.introduce ul li:hover .a{opacity: 1;top: 60px;}
.introduce ul li:hover .img::after{top:180px;}

/*footer*/
.footer{width: 100%;background-color: #fff;padding:40px 0 0;border-top: 1px solid #eee;}
.footer .footerLeft{float: left;width: 240px;}
.footer .footerLeft .footerLogo{width: 240px;height: 100px;}
.footer .footerLeft .footerLogo img{width: 240px;height: 100px;}
.footer .footerLeft .phone{width: 240px;height: 90px;background-color: #b58f37;position: relative;margin-top: 8px;}
.footer .footerLeft .phone::after{content: '';width: 46px;height: 38px;background: url("../images/phone-icon.png") center center no-repeat;position: absolute;top: 26px;left: 16px;}
.footer .footerLeft .phone p{font-size: 14px;color: #f3e7d9;margin-left: 70px;line-height: 14px;padding-top: 20px;box-sizing: border-box;}
.footer .footerLeft .phone h6{font-family: BebasNeue-Regular;font-size: 36px;font-weight: normal;color: #ffffff;margin: 6px 0 0 70px;line-height: 36px;}
.footer .footerCenter{float: left;width: 730px;margin-top: 24px;}
.footer .footerCenter dl{float: left;margin-left: 70px;margin-bottom: 20px;}
.footer .footerCenter dl dt{margin-bottom: 8px;}
.footer .footerCenter dl dt a{font-size: 14px;font-weight: bold;color: #929292;}
.footer .footerCenter dl dd{margin-top: 14px;}
.footer .footerCenter dl dd a{font-size: 14px;color: #9b9b9b ;}
.footer .footerCenter dl dt:hover a{color: #b58f37;}
.footer .footerCenter dl dd:hover a{color: #b58f37;}
.footer .footerRight{float: right;margin-right: 25px; margin-top: -50px;position: relative;}
.footer .footerRight p{font-size: 14px;color: #9b9b9b;float: left;line-height: 50px;}
.footer .footerRight .icon{float: left;margin-left: 10px; position: relative;}
.footer .footerRight .icon a{display: block;float: left;width: 50px;height: 50px;margin-left: 10px;border-radius: 50%;border: 1px solid #eee;transition: all 0.6s ease;}
.footer .footerRight .icon a.qq{background: url("../images/footer-icon.png") 0 0 no-repeat;}
.footer .footerRight .icon a.weixin{background: url("../images/footer-icon1.png") -50px 0 no-repeat;}
.footer .footerRight .icon a.weibo{background: url("../images/footer-icon.png") -100px 0 no-repeat;}
.footer .footerRight .icon a:hover{background-image: url("../images/footer-icon1.png");}
.footer .footerRight .img{width: 100px;height: 100px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-weblit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);position: absolute;top: -120px;right: -24px;transition: all 0.6s ease;}
.footer .footerRight .img img{width: 100px;height: 100px;}
.footer .footerRight .img::after{content: '';width: 0;height: 0;border-top: 12px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;}
.copyRight{width: 100%;border-top:1px solid rgba(0,0,0,0.05);padding: 20px 0;margin-top: 60px;}
.copyRight p{color: #d1d1d1;font-size: 14px;line-height: 14px;text-align: center;}
.copyRight p a{color: #d1d1d1;font-size: 14px;}
.copyRight p a:hover{color: #b58f37;}


/* customer */
.customer { position:fixed;top:50%;right:2px;z-index:999; margin-top:-104px;}
.customer li{margin-bottom: 4px;width:52px; height:52px;position: relative;}
.customer li .a{display: block;width:50px; height:50px; border: solid 1px #b58f37; background:#b58f37 url(../images/sidebar-icon.png) no-repeat;  position: relative;z-index: 10000;transition: all 0.6s ease;}
.customer li .a.kefu{background-position: 0 0 ;}
.customer li .a.tel{background-position: -50px 0 ;}
.customer li .a.weixin{background-position: -100px 0 ;}
.customer li .a.gotop{background-position: -150px 0;}
.customer li .a:hover{background-image: url(../images/sidebar-icon1.png);background-color: #fff; }
.customer li .qicqSub{width:108px; right:-144px; top:0; position:absolute; background:#b58f37; padding:12px 12px 10px; z-index:999; transition: all 0.8s ease; }
.customer li .qicqSub p{ width:100%; text-align:center; display:inline-block; margin:3px 0;}
.customer li .qicqSub p a img{ margin:8px 4px 8px 8px; float:left;}
.customer li .qicqSub p a{display:block; width:108px; height:32px; padding:0; background:rgba(255, 255, 255, 0.1); border:1px solid #eee; position: relative; text-align: left; line-height:32px; border-radius:32px; margin:0; color:#fff;}
.customer li .qicqSub p a:hover{ background:#fff; color:#333; border:1px solid #fff;}
.customer li:hover .qicqSub{ right:52px;}
.customer li .phoneSub{width:108px; right:-144px;top:0; position:absolute; background:#b58f37; padding:12px 12px ; z-index:999; transition: all 0.8s ease;color: #fff;font-size: 22px; line-height: 28px;}
.customer li:hover .phoneSub{right:52px;}
.customer li .erweimaSub{width:100px; right:-156px; top:1px;position:absolute; background:#b58f37; padding:12px 12px 10px; z-index:999; transition: all 0.8s ease;}
.customer li .erweimaSub img{ width:100px; height:100px;}
.customer li .erweimaSub p{ width:100%; line-height:20px; text-align:center; color: #fff; display:inline-block; margin-top:5px;}
.customer li:hover .erweimaSub{ right: 52px;}



/*video*/
.popoverBg{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 99999;display: none;}
.popover_video{ width:820px; height:470px; z-index:1000000; position:fixed; top:50%;left:50%; background:#fff; margin:-235px 0 0 -410px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; }
.popover_video video{ width:800px; height: 450px; background-color: #333; margin: 10px; overflow: hidden;}
.popover_video .close{ position: absolute; bottom: -50px; left: 50%; margin-left: -20px; display: block; width: 40px; height: 40px;  overflow: hidden; font-size: 30px; line-height: 40px; text-align: center;  color: #fff; text-transform: capitalize;}
.popover_video .close:hover{ color: #b58f37;}



/* pageNav */
.pageNav{ width: 100%; padding: 20px 0; border-bottom: solid 1px #eee;}
.pageNav ul{ width: 100%; text-align: center; display: table; word-spacing: normal;}
.pageNav ul li{ display: inline-block; vertical-align: top; margin: 5px 20px; line-height: 20px; }
.pageNav ul li a{ display: inline-block; font-size: 16px; color: #333; padding: 0 10px;}
.pageNav ul li.on a,.pageNav ul li:hover a{ color: #b58f37;}


/* fenye */
.pages{ margin:40px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#b58f37;  border:1px solid #b58f37; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#b58f37; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}





/* pageContent */
.pageContent{ width: 100%; padding: 80px 0; font-size: 14px; color: #333; line-height: 32px;}
.pageContent img{ max-width: 100%;}

/*pageBrand*/
.brandAbout{width: 100%;margin: 120px 0 80px;}
.brandAbout .img{float: left;width: 550px;height: 380px;overflow: hidden;}
.brandAbout .img img{width: 100%;}
.brandAbout .cont{width: 590px;float: right;}
.brandAbout .cont h2{font-size: 36px;color: #b58f37;margin: 20px 0 10px;}
.brandAbout .cont h3{font-size: 16px;line-height: 28px;color: #666666;position: relative;padding-bottom: 28px;box-sizing: border-box;}
.brandAbout .cont h3::after{content: '';width: 50px;height: 1px;background-color: #b58f37;position: absolute;bottom: 0;left: 0;}
.brandAbout .cont .txt{	font-size: 14px;line-height: 28px;color: #999999;margin-top: 30px;}
.brandAbout .cont .txt img{ max-width: 100%; display: none;}

.pageBrand{width: 100%;height: 820px;background: url("../images/brand-bg.jpg") center center no-repeat;padding-top: 90px;box-sizing: border-box;}
.brandList{width: 640px;height: 640px;border: solid 3px rgba(255,255,255,0.16);margin: 0 auto;position: relative;border-radius:50%;box-shadow:rgba(255,255,255,0.1) 0 0 40px;-webkit-box-shadow:rgba(255,255,255,0.1) 0 0 40px;-moz-box-shadow:rgba(255,255,255,0.1) 0 0 40px;}
.brandList::after{content: ''; width: 560px;height: 560px;border: solid 3px rgba(255, 255, 255, 0.18);box-sizing: border-box;box-shadow:rgba(181,143,55,0.26) 0 0 420px inset;-webkit-box-shadow:rgba(181,143,55,0.26) 0 0 420px inset;-moz-box-shadow:rgba(181,143,55,0.26) 0 0 420px inset;position: absolute;top: 40px;left: 40px;border-radius: 50%; z-index: 1;}
.brandList .hd{width: 100%;height: 100%;position: absolute;top:0;left: 0; z-index: 3;}
.brandList .hd ul li{font-size: 24px;line-height: 28px;color: #ffffff;position: relative; cursor: pointer;}
.brandList .hd ul li:nth-of-type(2n-1){position: absolute;padding-right: 40px;}
.brandList .hd ul li:nth-of-type(2n){position: absolute;padding-left:40px;}
.brandList .hd ul li:nth-of-type(2n-1)::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #ffffff;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;box-shadow: rgba(255,255,255,0.5) 0 0 0 6px;-webkit-box-shadow: rgba(255,255,255,0.5) 0 0 0 6px;-moz-box-shadow: rgba(255,255,255,0.5) 0 0 0 6px;}
.brandList .hd ul li:nth-of-type(2n)::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #ffffff;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;box-shadow: rgba(255,255,255,0.5) 0 0 0 6px;-webkit-box-shadow: rgba(255,255,255,0.5) 0 0 0 6px;-moz-box-shadow: rgba(255,255,255,0.5) 0 0 0 6px;}
.brandList .hd ul li:nth-of-type(1){left: -40px;top:80px;}
.brandList .hd ul li:nth-of-type(2){right: 110px;top:-14px;}
.brandList .hd ul li:nth-of-type(3){left: -130px;top:270px;}
.brandList .hd ul li:nth-of-type(4){right: -30px;top:120px;}
.brandList .hd ul li:nth-of-type(5){left: -103px;top:440px;}
.brandList .hd ul li:nth-of-type(6){right: -125px;top:340px;}
.brandList .hd ul li:nth-of-type(7){ left: 140px; top: 610px;}
.brandList .hd ul li:nth-of-type(8){ right: 35px; top: 550px;}

.brandList .hd ul li.on::after{background-color: #b58f37;box-shadow: rgba(181,143,55,0.5) 0 0 0 6px;-webkit-box-shadow: rgba(181,143,55,0.5) 0 0 0 6px;-moz-box-shadow: rgba(181,143,55,0.5) 0 0 0 6px;}
.brandList .bd{width: 560px;height: 560px !important;margin: 40px auto; z-index: 2;}
.brandList .bd .cont{width: 560px;height: 560px !important;}
.brandList .bd .cont h1{font-family: BebasNeue-Regular;text-align: center;margin-top:160px;font-size: 140px;font-weight: normal;line-height: 172px;color: #ffffff;}
.brandList .bd .cont .txt{font-size: 18px;line-height: 28px;color: #ffffff;text-align: center;}

/* brandIntroduce*/
.brandIntroduce{width: 100%;}
.brandIntroduce .introduceBox{width: 100%;height: 460px;position: relative;}
.brandIntroduce .introduceBox .img{width: 50%;height: 460px;}
.brandIntroduce .introduceBox:nth-of-type(2n-1) .img{position: absolute;top:0;left: 0; }
.brandIntroduce .introduceBox:nth-of-type(2n) .img{position: absolute;top:0;right: 0; }
.brandIntroduce .introduceBox .c1200{padding-top: 160px;box-sizing: border-box;}
.brandIntroduce .introduceBox .txt{width: 520px;font-size: 24px;line-height: 36px;color: #333333;padding-top: 24px;box-sizing: border-box;position: relative;}
.brandIntroduce .introduceBox:nth-of-type(2n-1) .txt{float: right;}
.brandIntroduce .introduceBox .txt::after{content: '';	width: 24px;height: 4px;background-color: #b58f37;position: absolute;top: 0;left: 0;}

/*pageDevelop*/
.pageDevelop{width: 100%;background: url("../images/brand-devlop-bg.jpg") center center no-repeat fixed;padding: 80px 0 110px;box-sizing: border-box;}
.developTitle h1{font-size: 36px;color: #b58f37;text-align: center;}
.developTitle p{ font-size: 14px;line-height: 36px;color: #9c9c9c;text-align: center;text-transform: uppercase;}
.development{width:100%;position: relative;margin-top: 60px;}
.development .prev,.development .next{display:block;width: 44px;height: 44px;border-radius: 50%;border: solid 2px rgba(255,255,255,0.15);background-size: 10px 18px !important;transition: all 0.6s ease;}
.development .prev{background:url("../images/arrow-left2.png") center center no-repeat;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;z-index: 3;}
.development .next{background:url("../images/arrow-right2.png") center center no-repeat;position: absolute;top: 0;right:0;bottom: 0;margin: auto;z-index: 3;}
.development .prev:hover,.development .next:hover{border-color: #b58f37;}
.development .prev:hover{background:url("../images/arrow-left3.png") center center no-repeat;}
.development .next:hover{background:url("../images/arrow-right3.png") center center no-repeat;}
.development .bd{position: relative; width: 1200px; margin: auto;}
.development .bd::after{content: '';width: 1340px;height: 1px;background-color: rgba(255,255,255,0.15);position: absolute;top: 0;left: 50%; transform: translateX(-50%); bottom: 0;margin: auto;}
.development .bd ul li{float:left;width: 300px;position: relative;min-height: 460px;}
.development .bd ul li h6{font-family: BebasNeue-Regular;font-size: 48px;color: #ffffff;font-weight: normal;width: 100%;text-align: center;}
.development .bd ul li:nth-of-type(2n) h6{position: absolute;top: 150px;left: 0;padding-bottom: 30px;box-sizing: border-box;}
.development .bd ul li:nth-of-type(2n-1) h6{position: absolute;bottom:148px;left: 0;padding-top: 30px;box-sizing: border-box;}
.development .bd ul li h6::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #b58f37;box-shadow: rgba(181,143,55,0.5) 0 0 0 6px;-webkit-box-shadow: rgba(181,143,55,0.5) 0 0 0 6px;-moz-box-shadow: rgba(181,143,55,0.5) 0 0 0 6px;}
.development .bd ul li:nth-of-type(2n) h6::after{position: absolute;bottom: 0;left: 0;right: 0;margin:auto;}
.development .bd ul li:nth-of-type(2n-1) h6::after{position: absolute;top: 0;left: 0;right: 0;margin:auto;}
.development .bd ul li .cont{width: 100%;background-color: #fff;border-radius: 6px;padding: 20px;box-sizing: border-box;max-height: 200px;}
.development .bd ul li:nth-of-type(2n) .cont::after{content: '';position: absolute;top: -10px;left: 0;right: 0;margin: auto;width: 0;height: 0;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.development .bd ul li:nth-of-type(2n-1) .cont::after{content: '';position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;width: 0;height: 0;border-top: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.development .bd ul li:nth-of-type(2n) .cont{position: absolute;top: 265px;left: 0;}
.development .bd ul li:nth-of-type(2n-1) .cont{position: absolute;bottom: 265px;left: 0;}
.development .bd ul li .cont .tit{font-size: 18px;color: #333333;}
.development .bd ul li .cont .tit span{font-size: 12px;color: #999;text-transform: uppercase;}
.development .bd ul li .cont .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 6px; max-height: 144px; overflow-y: auto;}
.development .bd ul li .cont .txt img{ max-width: 100%; display: none;}

@media (max-width:1440px) {
    .development .bd::after{ width: 1100px; }
}



/**/
.pageCooperation{width: 100%;height: 540px;background: url("../images/brand-cooperation-bg.jpg") center center no-repeat;padding: 80px 0 0;box-sizing: border-box;}
.pageCooperation .img{margin-top: 70px;text-align: center;}
.pageCooperation .img .img{min-width: 100%;}

.brandIntroduction{width: 100%;height:640px;background: url("../images/brand-introduction-bg.jpg") center center no-repeat;padding: 90px 0 0;box-sizing: border-box;}
.brandIntroduction .txt{font-size: 24px;line-height: 40px;color: #ffffff;position: relative;padding-top: 30px;box-sizing: border-box;}
.brandIntroduction .txt::after{content: '';	width: 20px;height: 4px;background-color: #ffffff;position: absolute;top: 0;left: 0;}

.pageTechnology{width: 100%;height:700px;background: url("../images/brand-technology-bg.jpg") center center no-repeat;padding: 300px 0 0;box-sizing: border-box;position: relative;}
.pageTechnology .developTitle p{color: #ffffff;font-size: 24px;line-height: 50px;}
.pageTechnology ul{width: 1200px;background-color: #fff;padding: 30px 32px 40px;box-sizing: border-box;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.pageTechnology ul li{float: left;width: 142px;}
.pageTechnology ul li .img{margin: 0 auto;width: 106px;height: 106px;border: solid 1px rgba(181,143,55,0.26);border-radius: 50%;box-sizing: border-box;overflow: hidden;transition: all 0.6s ease; position: relative; overflow: hidden;}
.pageTechnology ul li .img img{width: 90px;height: 90px; margin: 7px; border-radius: 50%;overflow: hidden; transition: all 0.6s ease;}
.pageTechnology ul li .txt{width: 100%;text-align: center;font-size: 16px;color: #333333;margin-top: 6px;transition: all 0.6s ease;}
.pageTechnology ul li:hover .img{box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);border-color: #b58f37; }
.pageTechnology ul li:hover .img img{transform: scale(1.2);}
.pageTechnology ul li:hover .txt{color: #b58f37;}

/*pageHonor*/
.pageHonor{width: 100%;background:#fff url("../images/brand-honor-bg.jpg") center bottom no-repeat;padding: 80px 0 100px 0;box-sizing: border-box;}
.pageHonor .developTitle{margin-bottom: 80px;}
.pageHonor .list{ width: 100%;}
.pageHonor .list li{ float: left; margin-left: 40px; height: 480px;}
.pageHonor .list li:first-child{ margin-left: 0;}
.pageHonor .list li img{transition: all 0.6s ease;}
.pageHonor .list li.l1{ width: 340px; height: 480px;}
.pageHonor .list li.l1 img{ width: 310px; height: 450px; padding: 15px; background: url(../images/brand-honor-bg1.jpg) no-repeat; background-size: 100% 100%;}
.pageHonor .list li.l2{ width: 300px; }
.pageHonor .list li.l2 img{ float: left; display: inline-block; width: 270px; height: 190px; padding: 15px; background: url(../images/brand-honor-bg2.jpg) no-repeat; background-size: 100% 100%;}
.pageHonor .list li.l2 img:first-child{ margin-bottom: 40px;}
.pageHonor .list li img:hover{ transform: translateY(-10px);}


@media (max-width:1440px) {
.pageHonor .list li{ margin-left: 22px;}
.pageHonor .list li.l1{ width: 290px; height: 410px;}
.pageHonor .list li.l1 img{ width: 266px; height: 386px; padding: 12px;}
.pageHonor .list li.l2{ width: 264px; height: 194px;}
.pageHonor .list li.l2 img{ width: 238px; height: 168px; padding: 13px; }
.pageHonor .list li.l2 img:first-child{ margin-bottom: 22px;}

}

/*pageProduct*/
.pageBanner{width: 100%;height: 520px; position: relative; margin: auto;}
.pageBanner h1{display: inline-block; font-size: 40px;font-weight: normal;color: #ffffff;text-align: center;padding-top: 0; width: 100%; margin-top: 230px; box-sizing: border-box;}
.pageBanner p{ text-align: center; font-size:30px; color: #fff; font-family: Novah; text-transform: uppercase; margin-top: 5px;}

.productNav{width: 100%;background-color: rgba(0,0,0,0.07);padding: 20px 0; position: absolute; left: 0; bottom: 0;}
.productNav ul{width: 100%;position: relative; text-align: center; display: table; word-spacing: 0;}
.productNav ul li{ display: inline-block; vertical-align: top; cursor:pointer;width: 120px;}
.productNav ul li i{width: 50px;height: 50px;margin: 0 auto; display: inline-block;}

.productNav ul li p{font-size: 16px;color: #fff;text-align: center;margin-top: 5px;}
.productNav ul li.on i,.productNav ul li:hover i{background-position: 0 -50px !important;}
.productNav ul li.on p,.productNav ul li:hover p{color: #b58f37;}
.productNav ul .hd a{width: 30px;height: 30px;border: 1px solid #b58f37;border-radius: 50%;display:block;transition: all 0.6s ease;}

.pageSmallNav{margin: 35px 0;}
.pageSmallNav ul{display: table;margin: auto; text-align: center; word-spacing: 0;}
.pageSmallNav ul li{ display: inline-block; vertical-align: top; margin: 5px;}
.pageSmallNav ul li a{display: block;font-size: 16px;line-height: 16px;color: #999999;border: 1px solid rgba(0,0,0,0);padding: 14px 40px;box-sizing: border-box;}
.pageSmallNav ul li.on a,.pageSmallNav ul li:hover a{border-color: #b58f37;color: #b58f37;}

/*pageProduct*/
.pageProduct{width: 100%;background-color: #fff;margin-bottom: 70px;}
.pageProduct ul{width: 100%;display: table;text-align: left;word-spacing: 0;}
.pageProduct ul li{display: inline-block;vertical-align: top;width: 390px;margin:0 15px 15px 0;position: relative;overflow: hidden;cursor: pointer;transition: all 0.6s ease;}
.pageProduct ul li:nth-of-type(3n){margin-right: 0;}
.pageProduct ul li .img{width: 390px;height: 250px;overflow: hidden; position: relative;}

.pageProduct ul li .img::after{content:'';width: 390px;height: 250px;background-color: rgba(0,0,0,0.5);position: absolute;top: -250px;left: 0;transition: all 0.6s ease;}
.pageProduct ul li .img::before{content:'';width: 68px;height: 68px;background:url("../images/product-icon1.png") center center no-repeat;position: absolute;top: -68px;left: 0;right: 0;margin: auto;z-index: 1;transition: all 0.6s ease;}
.pageProduct ul li .img img{ width: 390px;height: 250px; transition: all 0.6s ease;}
.pageProduct ul li .cont{width: 390px;border: 1px solid #eee;box-sizing: border-box;padding: 20px;background-color: #fff;}
.pageProduct ul li .cont h2{font-size: 16px;font-weight: normal;color: #333333;transition: all 0.6s ease;}
.pageProduct ul li .cont .txt{float: left;font-size: 14px;color: #999999;line-height: 16px;margin-top: 10px; max-width: 60%;}
.pageProduct ul li .cont .txt span:last-child{ display: none;}
.pageProduct ul li .cont .num{float: right;font-size: 16px;color: #999999;position: relative;padding-left: 20px;box-sizing: border-box;line-height: 16px;margin-top: 10px; max-width: 25%;}
.pageProduct ul li .cont .num::before{content: '';width: 16px;height: 12px;background: url("../images/product-icon.png") center center no-repeat;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.pageProduct ul li:hover::after{top: 0;}
.pageProduct ul li:hover::before{top: 90px;}
.pageProduct ul li:hover .img img{transform: scale(1.1);}
.pageProduct ul li:hover .cont h2{color: #b58f37;}
/*.pageProduct ul li:hover::before{background:url("../images/product-icon2.png") center center no-repeat;}*/

/*productItem*/
.productItem{width: 100%;min-width: 1200px;}
.productItem .pic{float: left;width: 50%;height: 390px;position: relative;cursor: pointer;}
.productItem .pic a{width: 100%;height: 100px;display: block;}
.productItem .pic .img{width: 100%;height: 390px;overflow: hidden;text-align: center; position: relative;}
.productItem .pic .img img{height: 100%;transition: all 0.6s ease; position: relative; z-index: 1;}
.productItem .pic .img::after{content: '';width: 97%;height: 354px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.25);position: absolute;top: 18px;left:0;right:0;margin:auto; z-index: 2;}
.productItem .pic .img::before{ content: ''; width: 0; height:0; position: absolute; background-color: rgba(255,255,255,0.25); left: 0;right: 0; margin: auto; top: 50%; transform: translateY(-50%); transition: all 0.8s ease; z-index: 3;}
.productItem .pic .cont{position: absolute;top: 0;left: 0;right: 0;margin: auto;padding-top: 170px;box-sizing: border-box; z-index: 4;}
.productItem .pic h3{font-size: 30px;font-weight: normal;color: #ffffff;text-align: center;transition: all 0.6s ease;}
.productItem .pic p{font-size: 18px;color: #ffffff;text-transform: uppercase;text-align: center;line-height: 30px;transition: all 0.6s ease;}
.productItem .pic:hover h3{color: #b58f37;}
.productItem .pic:hover p{color: #b58f37;}
.productItem .pic:hover .img img{transform: scale(1.05);}
.productItem .pic:hover .img::before{ content: ''; width: 100%; height: 100%; background-color: rgba(181,143,55,0.2);}

/*pageProductD*/
.pageProductD{width: 100%;padding: 80px 0 120px;}
.pageProductD .productD{}
.productPic{float: left;width: 670px;height: 430px;position: relative;}
.productPic .bd{margin:0 auto; width: 100%;height: 430px; position:relative;z-index:0;overflow:hidden;}
.productPic .bd ul{width:100% !important;}
.productPic .bd li{width:100% !important; height:430px; overflow:hidden; text-align:center;}
.productPic .bd li a{display:block; width:100% !important; height:430px;}
.productPic .bd li a img{width: 100%;}
.productPic .hd{position:absolute;z-index:1;bottom:0;left:0;width: 670px; padding: 30px 0; background-color: rgba(0,0,0,0.4);}
.productPic .hd ul{display: table;margin: auto;box-sizing: border-box;}
.productPic .hd ul li{display:inline-block;width:12px;height:12px;margin: 8px; background-color: #fff;border-radius: 50%;position: relative;font-size: 0; cursor: pointer;}
.productPic .hd ul li.on{background-color: #b58f37;}
.pageProductD .productD .cont{float: right;width: 480px;}
.pageProductD .productD .cont h3{font-size: 24px;font-weight: normal;color: #333333;margin: 60px 0 0;}
.pageProductD .productD .cont p.kws{ width: 100%; margin: 10px 0; }
.pageProductD .productD .cont p.kws span{ display: inline-block; padding: 5px 15px; background-color: rgba(181,143,55, 0.2); color: #999; font-size: 12px; margin: 5px 5px 0 0;}
.pageProductD .productD .cont .txt{font-size: 14px; margin-top: 20px; line-height: 30px;color: #999999;}
.pageProductD .productD .cont .txt img{ max-width: 100%; display: none;}
.pageProductD .productD .cont .a{display: block;width: 192px;height: 52px;background-color: #b58f37;font-size: 14px;line-height: 52px;margin-top: 50px;color: #ffffff;text-align: center;border: 1px solid #b58f37;transition: all 0.6s ease;}
.pageProductD .productD .cont .a:hover{background-color: #fff;color: #b58f37;}
.pageProductD h5{width: 100%;border-bottom: 1px solid #eee;	font-size: 16px;font-weight: normal;color: #333333;position: relative;padding-bottom: 10px;margin-top: 80px;}
.pageProductD h5::after{content:'';width: 68px;height: 3px;background-color: #b58f37;position: absolute;bottom: -1px;left: 0;}
.pageProductD .detailCont{margin-top: 40px;width: 100%;color: #666;font-size: 14px;line-height: 28px;}
.pageProductD .detailCont img{max-width: 100%;}


/*pageCase*/
.caseBanner{width: 100%;height: 100vh;padding-top: 13%;box-sizing: border-box;}
.caseBanner .txt{font-size: 36px;color: #b58f37;}
.caseBanner h1{font-size: 36px;color: #fff;}
.caseBanner ul{width: 100%;display: table;text-align: left;word-spacing: -1em;margin-top: 60px;}
.caseBanner ul li{display: inline-block;vertical-align: top;width: 290px;height: 130px;margin:0 13px 13px 0;overflow: hidden;transition: all 0.6s ease;}
.caseBanner ul li:nth-of-type(4n){margin-right: 0;}
.caseBanner ul li img{width: 290px;height: 130px;}
.caseBanner ul li:hover{box-shadow: 0 0 20px rgba(255,255,255,1);-webkit-box-shadow: 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,255,255,1);}
.pageCase{width: 100%;margin: 80px 0;}
.pageCase ul{width: 100%;display: table;text-align: left;word-spacing: -1em;}
.pageCase ul li{display: inline-block;vertical-align: top;width: 390px;margin:0 15px 15px 0;background-color: #f7f7f7;}
.pageCase ul li:nth-of-type(3n){margin-right: 0;}
.pageCase ul li .img{width: 390px;height: 250px;overflow: hidden;}
.pageCase ul li .img img{width: 100%;transition: all 0.6s ease;}
.pageCase ul li .cont{padding: 20px;box-sizing: border-box;}
.pageCase ul li .cont h2{float: left;font-size: 16px;font-weight: normal;line-height: 16px;color: #333333;transition: all 0.6s ease;}
.pageCase ul li .cont .num{float: right;font-size: 16px;color: #999999;position: relative;padding-left: 20px;box-sizing: border-box;line-height: 16px;}
.pageCase ul li .cont .num::before{content: '';width: 16px;height: 12px;background: url("../images/product-icon.png") center center no-repeat;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.pageCase ul li:hover .img img{transform: scale(1.1);}
.pageCase ul li:hover .cont h2{color: #b58f37;}


/*pageJoin*/
.joinBanner{width: 100%;height: 780px;}
.joinBanner .cont{padding: 230px 0 70px;box-sizing: border-box;position: relative;}
.joinBanner .cont::after{content: '';width: 25px;height: 4px;background-color: #ffffff;position: absolute;bottom: 0;left: 0;}
.joinBanner .cont h3{font-size: 64px;font-weight: 200;color: #ffffff;}
.joinBanner .cont h2{font-size: 88px;color: #b58f37; font-weight: bold;}
.joinBanner .cont h4{font-size: 22px;font-weight: normal;letter-spacing: 2px;color: #ffffff;}
.joinBanner .cont h5{font-family: Novah;font-size: 14px;font-weight: normal;letter-spacing: 5px;color: #ffffff;opacity: 0.13;}

.joinTit{position: relative;padding-bottom: 24px;box-sizing: border-box;}
.joinTit::after{content: '';width: 48px;height: 3px;background-color: #b58f37;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.joinTit h2{font-size: 40px;color: #333333;text-align: center;}
.pageJoin{width: 100%;height: 620px;background: url("../images/join-bg.jpg") center center no-repeat;padding: 120px 0 0;box-sizing: border-box;}
.pageJoin ul{width: 100%;border-right: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);margin-top: 60px;}
.pageJoin ul li{float: left;width: 300px;height: 270px;border: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;border-right: none;border-bottom: none;transition: all 0.6s ease; cursor: pointer;}
.pageJoin ul li .icon{width: 70px;height: 70px;border-radius: 50px;margin: 40px auto 20px;}
.pageJoin ul li h6{font-size: 24px;font-weight: normal;color: #333333;text-align: center;position: relative;padding-bottom: 14px;box-sizing: border-box; transition: all 0.6s ease;}
.pageJoin ul li h6::after{content: '';width: 24px;height: 3px;background-color: rgba(181,143,55,0.3);position: absolute;bottom: 0;left: 0;right: 0;margin: auto; transition: all 0.6s ease;}
.pageJoin ul li .txt{width: 236px;margin: 14px auto 0;text-align: center;font-size: 16px;line-height: 26px;color: #999999; transition: all 0.6s ease;}
.pageJoin ul li:hover{background-color: #fff;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);border-color: #fff;}
.pageJoin ul li:hover h6{ color: #b58f37;}
.pageJoin ul li:hover h6::after{ width: 40px; background-color: rgba(181,143,55,0.6);}
.pageJoin ul li:hover .txt{ color: #333;}

.pageExperience{width: 100%;height:auto;
    
    /* background: url("../images/4.jpg") center center no-repeat; */
    
    padding: 60px 0 0;box-sizing: border-box;  background-size: cover;}
.experienceTit{position: relative;padding-bottom: 24px;box-sizing: border-box;margin-bottom: 40px;}
.experienceTit::after{content: '';width: 35px;height: 3px;background-color: #b58f37;position: absolute;bottom: 0;left: 0; right:0;margin: auto;}
.experienceTit h2{font-size: 36px;color: #fff;text-align: center;}



.experienceTit p{font-size: 16px;color: #515151;text-align: center;margin-top: 8px;}
.pageExperience .experienceTit h2{font-size: 40px;color: #000;text-align: center; font-weight: bold;}
.pageExperience .experienceTit p{font-size: 16px;color: #515151;margin-top: 8px;}


.pageExperience .imgBox{display: table;margin: 0 auto 30px;}
.pageExperience .imgBox .img{ transition: all 0.6s ease; cursor: pointer;}
.pageExperience .imgBox .img1{width: 240px;height: 330px;overflow: hidden;float: left;margin: 0 18px;background: url("../images/join-experience-bg2.jpg") center center no-repeat;padding: 15px;box-sizing: border-box;}
.pageExperience .imgBox .img1 img{width: 210px;height: 300px;}
.pageExperience .imgBox .img2{width: 250px;height: 190px;overflow: hidden;float: left;margin: 0 18px;background: url("../images/join-experience-bg1.jpg") center center no-repeat;padding: 15px;box-sizing: border-box;}
.pageExperience .imgBox .img2 img{width: 220px;height: 160px;}
.pageExperience .imgBox .img:hover{ transform: translateY(-10px);}


.pageMake{margin:  0px 0 0; padding-top: 60px; padding-bottom: 0px;}
.pageMake .experienceTit h2{color: #333;}
.pageMake .experienceTit p{color: #515151;text-align: center;}
.pageMake .img{width: 100%;overflow: hidden;}
.pageMake .img img{width: 100%;}

.pageHouse{width: 100%;height: 830px;background: url("../images/join-house-bg.jpg") center center no-repeat;padding-top: 60px;box-sizing: border-box;position: relative;}
.pageHouse .four{width: 100%;position: relative;}
.pageHouse .four .img{float: left;width: 630px;height: 420px;overflow: hidden;}
.pageHouse .four .img img{width: 100%;}
.pageHouse .four .cont{position: absolute;bottom: 0;right: 0;width: 570px;}
.pageHouse .four .cont h3{font-size: 30px;color: #b58f37;margin-left: 30px;}
.pageHouse .four .cont .tit{font-size: 14px;color: #494949;margin: 6px 0 15px 30px;text-transform: uppercase;}
.pageHouse .four .cont ul{width: 100%;height: 350px;background: url("../images/join-house-bg1.jpg") center center no-repeat;padding: 15px;box-sizing: border-box;}
.pageHouse .four .cont ul li{width: 270px;height: 160px;float: left; cursor: pointer;}
.pageHouse .four .cont ul li:nth-of-type(1){border-right: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.pageHouse .four .cont ul li:nth-of-type(3){border-right: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.pageHouse .four .cont ul li:nth-of-type(2){border-bottom: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.pageHouse .four .cont ul li .icon{width: 200px;height: 90px;margin: 14px auto 10px;}
.pageHouse .four .cont ul li .txt{font-size: 16px;color: #ffffff;text-align: center;}
.pageHouse .fiveTit{margin-top: 35px;}
.pageHouse .fiveTit h3{font-size: 30px;color: #b58f37;text-align: center;}
.pageHouse .fiveTit p{font-size: 14px;color: #494949;text-align: center;margin-top: 6px;text-transform: uppercase;}
.pageHouse .fiveList{width: 1200px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.pageHouse .fiveList li{width: 230px;height: 220px;float: left;margin-right: 12px;position: relative; cursor: pointer;}
.pageHouse .fiveList li:last-child{margin-right: 0;}
.pageHouse .fiveList li .img{width: 230px;height: 220px;overflow: hidden;background-color: #000;}
.pageHouse .fiveList li .img img{width: 100%;}
.pageHouse .fiveList li .txt{width: 150px;height: 150px; background-color: rgba(181,143,55,0.7);border-radius: 50%;display: table-cell; vertical-align: middle;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index:1;transition: all 0.6s ease;}
.pageHouse .fiveList li .txt p {color: #fff; line-height: 20px; width: 100%; font-size: 16px; position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-40%);}
.pageHouse .fiveList li:hover .txt{width: 230px;height: 220px;border-radius: 0;}

.pageEight{width: 100%;height: 750px;background: url("../images/join-eight-bg.jpg") center center no-repeat;padding-top: 60px;box-sizing: border-box;}
.eightTit h3{font-size: 30px;color: #b58f37;text-align: center;}
.eightTit p{font-size: 14px;color: #494949;text-align: center;margin-top: 6px;text-transform: uppercase;}
.pageEight .img{width: 100%;text-align: center;margin-top: 40px;}
.pageEight .img img{max-width: 100%;}

.pageSix{width: 100%;margin: 60px 0;}
.pageSix ul{width: 100%;display: table;text-align: left;word-spacing: 0;margin-top: 40px;}
.pageSix ul li{display: inline-block;vertical-align: top;width: 390px;margin:0 15px 25px 0;position: relative;overflow: hidden;cursor: pointer;transition: all 0.6s ease;}
.pageSix ul li:nth-of-type(3n){margin-right: 0;}
.pageSix ul li .img{width: 390px;height: 250px;overflow: hidden;box-shadow: 0 1px 10px 0 rgba(9, 1, 3, 0.1);-webkit-box-shadow: 0 1px 10px 0 rgba(9, 1, 3, 0.1);-moz-box-shadow: 0 1px 10px 0 rgba(9, 1, 3, 0.1);}
.pageSix ul li .img::after{content:'';width: 390px;height: 250px;background-color: rgba(0,0,0,0.5);position: absolute;top: -250px;left: 0;transition: all 0.6s ease;}
.pageSix ul li .img::before{content:'';width: 68px;height: 68px;background:url("../images/product-icon1.png") center center no-repeat;position: absolute;top: -70px;left: 0;right: 0;margin: auto;z-index: 1;transition: all 0.6s ease;}
.pageSix ul li .img img{width: 100%;transition: all 0.6s ease;}
.pageSix ul li .txt{width: 100%;font-size: 16px;color: #333333;text-align: center;margin-top: 14px;transition: all 0.6s ease;}
.pageSix ul li .txt span{font-size: 14px;text-transform: uppercase;}
.pageSix ul li:hover .img::after{top: 0;}
.pageSix ul li:hover .img::before{top: 90px;}
.pageSix ul li:hover .img img{transform: scale(1.1);}
.pageSix ul li:hover .txt{color: #b58f37;}

.pageQuality{width: 100%;background-color: #080808;padding: 60px 0 10px;box-sizing: border-box;}
.qualityTit{margin-bottom: 60px;}
.qualityTit h2{font-size: 30px;color: #b58f37;text-align: center;}
.qualityTit p{font-size: 14px;color: #cecece;text-align: center;margin-top: 6px;}
.pageQuality .cont{float: left;width: 620px;position: relative;padding-bottom: 520px;box-sizing: border-box;}
.pageQuality .cont::after{content: '';width: 930px;height: 450px;background: url("../images/join-map.png") center center no-repeat;position: absolute;bottom: 0;left: -60px;}
.pageQuality .cont .text{font-size: 24px;line-height: 36px;color: #b58f37;position: relative;padding-bottom: 16px;box-sizing: border-box;}
.pageQuality .cont .text::after{content: '';width: 18px;height: 3px;background-color: #ffffff;opacity: 0.61;position: absolute;bottom: 0;left: 0;}
.pageQuality .cont .txt{font-size: 16px;line-height: 30px;color: #b0b0b0;margin-top: 20px;}

.pageQuality .imgBox{float: right;}
.pageQuality .imgBox .img{width: 350px;height: 230px;border: 2px solid #b58f37;border-radius: 2px;overflow: hidden;}
.pageQuality .imgBox .img img{width: 100%;}
.pageQuality .imgBox ul{margin-top: 60px;float: right;width: 340px;}
.pageQuality .imgBox ul li{float: left;margin:0 0 18px 25px;width: 140px;}
.pageQuality .imgBox ul li img{float: left;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #b58f37;overflow: hidden;}
.pageQuality .imgBox ul li p{font-size: 14px;line-height: 30px;color: #ffffff;margin: 10px 0 0 10px;float: left;}

.pageThree{width: 100%;padding: 0px 0;box-sizing: border-box;}
.pageThree .cont{width: 100%;height: 660px;background: url("../images/join-three-bg.jpg") center center no-repeat;margin-top: 50px;position: relative;}
.pageThree .cont::after{content: '';width: 1px;height: 660px;background-color: #fff;position: absolute;top: 0;left:50%;margin-left: -4px;}
.pageThree .cont .pattern{padding:60px 0 0 565px;box-sizing: border-box;position: relative;z-index: 2;}
.pageThree .cont .pattern li{margin-top: 50px; margin-bottom:70px;}
.pageThree .cont .pattern li .num{width: 60px;height: 60px;background-color: #b58f37;border-radius: 50%;font-size: 30px;line-height: 60px;color: #ffffff;text-align: center;float: left;box-shadow: 0 0 0 3px rgba(255,255,255,0.5);-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.5);-moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.5);}
.pageThree .cont .pattern li .txt{font-size: 14px;color: #f7f7f7;line-height: 24px;margin: 18px 0 0 80px;}
.pageThree .cont .joinSupport{width: 1200px;background-color: #fff;padding: 30px 0 30px 60px;box-sizing: border-box;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.pageThree .cont .joinSupport .supportTit{float: left;margin-top: 20px;}
.pageThree .cont .joinSupport .supportTit h5{font-size: 30px;line-height: 30px;color: #b58f37;position: relative;padding-right: 30px;box-sizing: border-box;}
.pageThree .cont .joinSupport .supportTit h5::after{content: '';width: 0;height: 0;border-left: 7px solid #ddd;border-top: 7px solid transparent;border-bottom: 7px solid transparent;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.pageThree .cont .joinSupport .supportTit p{font-size: 14px;color: #494949;text-transform: uppercase;margin-top: 10px;}
.pageThree .cont .joinSupport .support{float: left;margin-left: 120px;}
.pageThree .cont .joinSupport .support li{float: left;position: relative;width: 170px;}
.pageThree .cont .joinSupport .support li::after{content: '';width: 1px;height: 36px;background-color: #eee;position: absolute;top: 12px;right: 0;}
.pageThree .cont .joinSupport .support li:last-child::after{opacity: 0;}
.pageThree .cont .joinSupport .support li .icon{width: 60px;height: 60px;border: 1px solid rgba(181,143,55,0.4);border-radius: 50%;margin: 0 auto;transition: all 0.6s ease;}
.pageThree .cont .joinSupport .support li p{font-size: 16px;color: #999999;text-align: center;margin-top: 12px;}
.pageThree .cont .joinSupport .support li:hover .icon{background-image: url("../images/join-three-icon1.png") !important;background-color: #b58f37 !important;}
.pageThree .cont .joinSupport .support li:hover p{color: #b58f37;}

.pageJoinCase{width: 100%;padding: 0 0 50px;box-sizing: border-box;}
.joinCaseList{width:100%;overflow: hidden;margin-top: 60px;}
.joinCaseList .bd ul{float: left;width: 250px;margin-right: 13px;}
.joinCaseList .bd ul li{width: 250px;height: 100px;position: relative;margin-bottom: 14px;overflow: hidden;}
.joinCaseList .bd ul li .img{width: 250px;height: 100px;overflow: hidden;}
.joinCaseList .bd ul li .img img{width: 100%;}
.joinCaseList .bd ul li .txt{width: 250px;color: #fff;padding: 14px 0;font-size: 16px;background-color: #b58f37;text-align: center;position: absolute;bottom: -50px;left: 0;opacity: 0;transition: all 0.6s ease;}
.joinCaseList .bd ul li:hover .txt{opacity: 1;bottom: 0;}
.joinCaseList .hd ul{display: table;margin: 20px auto 0;}
.joinCaseList .hd ul li{display: inline-block;width:12px;height:12px;margin:0 10px;cursor:pointer;background-color: #b58f37;font-size: 0;border-radius: 50%; opacity: 0.5;}
.joinCaseList .hd ul li.on{opacity: 1;}

.pageReady{width: 100%;height: 520px;position: relative;background-color: rgba(181,143,55,0.15); margin-top: 40px;}
.pageReady::after{content: '';width: 50%;height: 520px;background: url("../images/join-ready-bg.jpg") center center no-repeat;position: absolute;top: 0;left: 0;}
.pageReady .cont{padding: 60px 0 0 620px;box-sizing: border-box;}
.pageReady .cont h2{font-size: 40px;color: #333333;position: relative;padding-bottom: 20px;box-sizing: border-box;}
.pageReady .cont h2::after{content: '';	width: 48px;height: 3px;background-color: #b58f37;position: absolute;bottom: 0;left: 0;}
.pageReady .cont ul{margin-top: 40px;}
.pageReady .cont ul li{margin-bottom: 20px;}
.pageReady .cont ul li .num{float: left;width: 36px;height: 36px;background-color: #b58f37;font-size: 18px;color: #ffffff;text-align: center;line-height: 36px;border-radius: 50%;}
.pageReady .cont ul li .txt{float: left;font-size: 18px;line-height: 30px;color: #333333;margin: 3px 0 0 20px;width: 470px;}

.pageApply{width: 100%;height: 680px;background: url("../images/join-apply-bg.jpg") center center no-repeat;padding-top: 70px;box-sizing: border-box;}
.applyTit h3{font-size: 36px;color: #ffffff;text-align: center;}
.applyTit p{font-size: 16px;color: #dbdbdb;margin-top: 6px;text-align: center;text-transform: uppercase;}
.pageApply form{margin-top: 40px;}
.pageApply form .row{width: 100%;height: 44px;line-height: 44px;border: 1px solid rgba(255,255,255,0.3);padding: 0 2%;box-sizing: border-box;margin-bottom: 15px;}
.pageApply form .row2 p{ float: left; width: 580px; padding: 0 2%; line-height: 44px; box-sizing: border-box; position: relative; border: 1px solid rgba(255,255,255,0.3);}
.pageApply form .row2 p:first-child{ margin-right: 40px;}
.pageApply form label{display: block;position: relative;}
.pageApply form label span{font-size: 14px;color: #fff;position: absolute; top: 0; left: 0;}
.pageApply form .txt.w1{border: 0;font-size: 14px;color: #fff;width: 100%;line-height: 18px;padding:14px 0;background-color: rgba(0,0,0,0);}
.pageApply form .txt.w2{border: 0;font-size: 14px;color: #fff;width: 580px;line-height: 18px;padding:14px 0;background-color: rgba(0,0,0,0);}
.pageApply form .row2{margin-bottom: 15px;}
.pageApply form .row2 select{width: 580px;height: 44px;line-height: 50px;border: 1px solid rgba(255,255,255,0.3);padding: 0 1.5%;box-sizing: border-box;background-color: rgba(0,0,0,0);font-size: 14px;color: #fff;float: left;}
.pageApply form .row2 select:nth-of-type(1){margin-right: 40px;}
.pageApply form .row2 select option{color: #333;}
.pageApply form .row1{float: left;width: 100%;border: 1px solid rgba(255,255,255,0.3);padding: 10px 2%;box-sizing: border-box;margin-bottom: 20px;}
.pageApply form .txt.w3{height: 150px;resize: none; width: 100%;font-size: 14px;color: #fff;line-height: 18px;border: none;background-color: rgba(0,0,0,0);}
.pageApply form .btn{width: 100%;height: 54px;cursor: pointer;background-color: #b58f37;transition: all 0.6s ease;border: 1px solid #b58f37;color: #fff;font-size: 16px;display: table;margin: 0 auto;}
.pageApply form .btn:hover{background-color: #fff;color: #b58f37; }

/* pageNews */
.pageNews{ width: 100%; padding: 55px 0;}
.pageNews ul{ width: 1230px; margin: 0 -15px; text-align: left; display: table; word-spacing: 0;}
.pageNews ul li{ display: inline-block; vertical-align: top; width: 380px; margin: 15px;  }
.pageNews ul li .img{ position: relative; width: 380px; height: 190px; overflow: hidden;}
.pageNews ul li .img img{ width: 380px; height: 190px; position: relative; z-index: 1; transition: all 0.8s ease;}
.pageNews ul li .img .time{ width: 70px; height: 70px; background-color: rgba(181,143,55, 0.8); color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; font-family: Arial, Helvetica, sans-serif;}
.pageNews ul li .img .time p{ font-size: 30px; margin-top: 10px;}
.pageNews ul li .img .time span{ font-size: 14px;}
.pageNews ul li .info{ width: 340px;  overflow: hidden; background-color: #fff; padding: 20px 20px ; position: relative; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.06); -moz-box-shadow:0 0 15px rgba(0,0,0,0.06); box-shadow:0 0 15px rgba(0,0,0,0.06);}
.pageNews ul li .info::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(181,143,55,0.8); z-index: 1; transform: translateY(100%); transition: all 0.6s ease;}
.pageNews ul li .info::before{ content: ''; width: 100%; height: 8px; background-color: rgba(181,143,55,1); position: absolute; left: 0; bottom: 0; z-index: 2; transform: translateY(100%); transition: all 0.6s ease; }
.pageNews ul li .info .name{ font-size: 20px; color: #333; position: relative; z-index: 3; transition: all 0.8s ease;}
.pageNews ul li .info .con{ font-size: 14px; color: #999; line-height: 24px; margin: 10px 0; position: relative; z-index: 3; transition: all 0.8s ease;}

.pageNews ul li:hover .info::after,.pageNews ul li:hover .info::before{transform: translateY(0);}
.pageNews ul li:hover .name,.pageNews ul li:hover .con{ color: #fff;}
.pageNews ul li:hover .img img{transform:scale(1.1);}



.pageNewsD{ width: 100%; padding: 70px 0;}
.pageNewsD .name{ font-size: 30px; text-align: center; color: #333;}
.pageNewsD .time{ font-size: 14px; color: #999; padding: 10px 0; border-bottom: dashed 1px #ddd; text-align: center;}
.pageNewsD .time span{ margin: 0 10px;}
.pageNewsD .summary{ margin: 20px 0; padding: 20px; background-color: #fafafa; font-size: 14px; color: #999; line-height: 24px;}
.pageNewsD .summary span{ color: #666;}
.pageNewsD .cont{ width: 100%; margin: 30px auto; font-size: 14px; color: #333; line-height: 34px;}
.pageNewsD .cont img{ max-width: 100%;}
.pageNewsD .link{ width: 100%; padding: 20px 0; border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd;}
.pageNewsD .link .left{  line-height: 40px; margin: 20px 0; height: 40px;}
.pageNewsD .link .left a{ color: #000; font-size: 18px; color: #666;}
.pageNewsD .link .right{ height: 80px; max-width: 600px;}
.pageNewsD .link .right p{ margin: 5px 0; width: 100%;}
.pageNewsD .link .right a{ font-size: 14px; color: #999; line-height: 30px;}
.pageNewsD .link .left a:hover,.pageNewsD .link .right a:hover{ color: #b58f37; text-decoration: underline;}




/* pageContact */
.pageContact{ width: 100%; padding:70px 0; margin: auto;}
.pageContact .topTitle{position: relative;height: 146px;float: left; width: 100%;}
.pageContact .topTitle::after{content: '';background: url("../images/index-about-icon.png") center center no-repeat;width: 146px;height: 146px;position: absolute;top: 0;left: 0; z-index: 1;}
.pageContact .topTitle h4{font-size: 36px;font-weight: normal;color: #333333;margin-top: 30px; position: relative; z-index: 2;}
.pageContact .topTitle p{font-size: 22px;color: #b58f37;margin-top: 6px; position: relative; z-index: 2;}
.pageContact .topTitle p span{font-size: 24px;}

.pageContact .cont{ width: 100%;}
.pageContact .item{ width: 48%; margin-top: 0;}
.pageContact .item dl{ display: block; opacity: 1; padding:25px 0 25px 65px; position: relative;}
.pageContact .item dl dt{ position: absolute; top: 25px; left: 0; width: 40px; height: 40px; border: solid 1px #b58f37; border-radius: 50%;}
.pageContact .item dl:nth-child(1) dt{ background: url(../images/icon_c01.png) center center no-repeat;}
.pageContact .item dl:nth-child(2) dt{ background: url(../images/icon_c03.png) center center no-repeat;}
.pageContact .item dl:nth-child(3) dt{ background: url(../images/icon_c03.png) center center no-repeat;}
.pageContact .item dl dd{ width: 100%;}
.pageContact .item dl dd p{ font-size: 14px; color: #666;}
.pageContact .item dl dd b{ font-size: 18px; color: #333; font-weight: bold;}

.pageContact .form{ width: 46%;}
.pageContact .form .top{ font-size: 24px; color: #333;}
.pageContact .form form{ width: 100%; margin-top: 30px;}
.pageContact .form .row{ width: 100%; margin-bottom: 20px;}
.pageContact .form .row p{ float:left; display:block; margin-left: 2%; width: 49%;  }
.pageContact .form .row p:first-child{ margin-left: 0;}
.pageContact .form label{ position:relative; display:block; }
.pageContact .form label span{ position:absolute; left:0; top:0; line-height: 40px; font-size:14px; color: #999;}
.pageContact .form .txt{ border:0; border-bottom: solid 1px #eee; padding:11px 0; height: 18px; overflow: hidden; font-size: 14px; line-height: 18px;  color: #333;}
.pageContact .form .txt:focus{ border-bottom-color: #b58f37;}
.pageContact .form .txt.w1{ width:100%;  }
.pageContact .form .txt.w2{ width:100%; height: 100px; }
.pageContact .form .btn{ width:180px; height: 44px; margin-top: 10px; font-size: 14px; line-height: 44px; color: #fff; border: 0; overflow: hidden; background-color: #333; cursor: pointer;}
.pageContact .form .btn:hover{ background-color: #b58f37;}

#allmap{ width: 100%; position: relative; height: 520px; z-index: 1; }


/* pageResult */
.pageResult{ width: 100%; padding: 80px 0 ;}
.pageResult .name{ width: 100%;  text-align: center; display: table; word-spacing:-1em; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 20px; vertical-align: top;}
.pageResult .name i{ width: 52px; height: 52px; background: url(../images/resulticon.png) center center no-repeat;}
.pageResult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageResult .img{ width: 260px; height: 215px; margin:40px auto; background: url(../images/resultimg.png) center center no-repeat;}
.pageResult .slogan{ width: 100%; text-align: center; font-size: 28px; color: #333; line-height: 46px;}
.pageResult .more{ width: 100%; text-align: center; margin: 40px  auto; display: table; word-spacing:-1em; }
.pageResult .more a{display: inline-block; margin: 0 20px; line-height: 50px; width: 260px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #fff;}
.pageResult .more a:nth-child(1){ background-color: #b58f37;}
.pageResult .more a:nth-child(2){ background-color: #333;}
.pageResult .more a:hover{ background-color: #b58f37;}


/* 自定义样式 */
.tedian h3{
font-size: 20px;
font-weight: bold;

letter-spacing: 4px;
}.tedian h3 span{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: normal;
    color: #eee;
  
}
.tedian .txt{
    font-size: 14px;
}

.gainian p{
    width: 90%;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    margin-top: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}