/* ========== */







/* = RESET = */







/* ========== */







* {







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box







}















:after,:before {







    -webkit-box-sizing: border-box;







    -moz-box-sizing: border-box;







    box-sizing: border-box







}















html { 







	overflow-x:hidden; 







	-webkit-text-size-adjust:none;







	/*cursor: url(../images/home/hand_ico.ico),auto;*/







}















body {







	min-width: 320px;







	font-size:14px;







	color: #666666;







	font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;







	-webkit-overflow-scrolling: touch;







}















body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}















ul,ol,li,dl{







  list-style: none;







}















/*RESET A*/







* { text-decoration: none!important;}







a,







a:visited,







a:active,







a:hover,







a:focus { 







	text-decoration:none!important; 







	outline:none; 







	star: expression_r(this.onFocus=this.blur());







}







a {







  color: #666666;







}







/* HTML5 RESET THE OLD BROWERS*/







article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}







blockquote, q{quotes:none;}







blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }







table { border-collapse: collapse; border-spacing: 0; }







 







/*CLEAR the FLOAT*/







.clear { clear:both}







.clearfix { *zoom:1;}







.clearfix:after{







	clear:both; 







	display:block; 







	height:0; 







	visibility:hidden; 







	line-height:0; 







	content:'\20';







}















.bgFull{







	background-size: cover;







	background-position: center center;







	background-repeat: nno-repeat







}















/*RESET the FORM*/







fieldset { border: 0!important;}







input, button, textarea, select { font-size:100%; outline:none; resize:none; font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}







input[type="button"]{cursor:pointer; border:0}







input[type="submit"]{cursor:pointer; border:0}







input[type="reset"]{cursor:pointer; border:0}







input[type="button"],input[type="text"], textarea{-webkit-appearance:none;} 







input[type="reset"]::-moz-focus-inner,







input[type="button"]::-moz-focus-inner,







input[type="submit"]::-moz-focus-inner,







input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }















input::-webkit-input-placeholder{ color: #999999;}







input:-moz-placeholder{ color: #999999;}   







input::-moz-placeholder{ color: #999999;}







input:-ms-input-placeholder{ color: #999999;} 







textarea::-webkit-input-placeholder{ color: #999999;}







textarea:-moz-placeholder{ color: #999999;}   







textarea::-moz-placeholder{ color: #999999;}







textarea:-ms-input-placeholder{ color: #999999;} 















/*RESET IMAGES*/







img { 







	display: block;







	max-width: 100%;







	border: 0;







	







}















/*IMAGE CENTER*/







.vertical-center {







    display: block;







    max-width: 100%;







    max-height: 100%;







    position: absolute; 







    margin: auto;







    top: 0;







    right: 0;







    bottom: 0;







    left: 0;







}















/*RESET FONTS*/







.t2 { text-indent: 2em;}







em { font-style: normal;}







.overf {







	overflow: hidden;







	text-overflow: ellipsis;







	white-space: nowrap;







}















/*LAYOUT*/







.page-wrap{ 







	position:relative; 







	width: 100%; 







	overflow:hidden;







	padding-top:80px;







}







.container{







	max-width: 1600px;







	padding: 0 100px;







	margin: 0 auto;







}







.w1600{







	max-width: 1600px;







	padding: 0 60px;







	margin: 0 auto;







}







.transition {







	-webkit-transition: all ease .3s;







	   -moz-transition: all ease .3s;







	    -ms-transition: all ease .3s;







	     -o-transition: all ease .3s;







	        transition: all ease .3s;







}







.b-shadow{







	-o-box-shadow:0 0 30px rgba(0,0,0,.1); 







	-ms-box-shadow:0 0 30px rgba(0,0,0,.1); 







	-moz-box-shadow:0 0 30px rgba(0,0,0,.1); 







	-webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 







	box-shadow:0 0 30px rgba(0,0,0,.1);







}







.pc-block{ display: black;}







.mb-block{ display: none;}















@media (max-width:1120px){ 







	.container{







		padding: 0 40px;







	}







	.w1600{







		padding: 0 20px;







	}







}







.banqu{ width:100%; height:3.5rem; background:#fff; text-align:center;border-top: 1px solid #ccc;
padding-top: 2%;margin-top: 30px; display:none;}
.banqu p{ line-height:1rem;}








@media (max-width:999px){ 

.banqu{ display:block;}





	.page-wrap{







		padding-top: 1.4rem;












	}







	.container{







		padding: 0 0.4rem;







	}







	.w1600{







		padding: 0 0.4rem;







	}







	.pc-block{ display: none; }







	.mb-block{ display: block;}



	




.designer-box{ margin-top:20px;}


}















@font-face {







	font-family:"Great";







	src: url(../fonts/GreatVibes.ttf);







}















@font-face {







	font-family:"PingFang";







	src: url(../fonts/PingFangLight.ttf);







}







@font-face {







	font-family:"Didot";







	src: url(../fonts/Didot-Bold-1.ttf);







}































/* ========== */







/* = PC-HEADER = */







/* ========== */







.pc-header{ opacity: 1; position: fixed; top:0; left:0; width: 100%; width: 100%; z-index: 99; background: #fff; transform: translateY(0%); -webkit-transform: translateY(0%);}







.pc-header.active{ opacity: 0; display: none; transform: translateY(-100%); -webkit-transform: translateY(-100%); }







.pc-header .top{ border-bottom: 1px solid #e5e5e5;}







.pc-header .logo{ float: left;}







.pc-header .search-box{ float: right; margin-top: 37px; width:31%; max-width: 365px; position: relative; padding-right: 106px; }







.pc-header .search-box .in{ width: 100%; height: 36px; padding:5px 10px; line-height: 24px; border: 1px solid #cccccc; }







.pc-header .search-box .button{ position: absolute; top:0; right:0; width: 106px; height: 36px; background:url(../images/search_button.png); border: none;}







.pc-header .tel{ margin-left: 50px; margin-top: 21px; float: right; line-height: 36px; font-size: 24px; color: #e30011; background:url(../images/ico_tel.png) no-repeat left; padding-left: 50px; margin-right:32px;}







.pc-header .nav ul{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}







.pc-header .nav .line{ width: 1px; height: 12px; background: #cccccc;}







.pc-header .nav li{ position: relative;}







.pc-header .nav li>a{ display: block; line-height: 60px; font-size: 16px; color: #3e4147; padding: 0 40px; position: relative;}







.pc-header .nav li>a:after{ display: none; content: ""; position: absolute; bottom: 0; left:0; width:100%; height: 2px; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#d9b76d,endColorStr=#b58740); background: -ms-linear-gradient(left,#d9b76d,#b58740); background:-moz-linear-gradient(left,#d9b76d,#b58740); background: -webkit-linear-gradient(left, #d9b76d, #b58740); background: -o-linear-gradient(left, #d9b76d, #b58740);  }







.pc-header .nav li>a:before{ display: none; content: ""; position: absolute; bottom:0; left:50%; margin-left:-5px; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:7px solid #c2984a; border-top: 7px solid transparent;}







.pc-header .nav li:hover>a,







.pc-header .nav li.current>a{ color: #000;}







.pc-header .nav li.current>a:after,







.pc-header .nav li.current>a:before{ display: block;}







.pc-header .nav li:hover div{ display: block;}







.pc-header .nav li div{ display: none; position: absolute; top:60px; left:50%; width: 130px; margin-left: -65px; background: rgba(0,0,0,.5); color: #FFFFFF;}







.pc-header .nav li div a{ display: block; line-height: 40px; text-align: center; color: #FFFFFF;}







.pc-header .nav li div a:hover{ background: rgba(0,0,0,.8); }















@media (max-width:1460px){ 







	.pc-header .nav li>a{ padding: 0 30px;}







}







@media (max-width:1280px){ 







	.pc-header .logo{ padding:15px 0;}







	.pc-header .logo img{ height:80px;}







	.pc-header .nav li>a{ padding: 0 20px;}







	.pc-header .tel{ margin-left: 20px;}







}































/* ========== */







/* = fiexed-header = */







/* ========== */







.fiexed-header{  display: block;  position: fixed; top:0;  left:0; width: 100%;  background:#FFFFFF; z-index: 99;  }







.fiexed-header.active{ opacity: 1; display: block; transform: translateY(0%); -webkit-transform: translateY(0%);}







.fiexed-header .content{ position: relative; padding-left: 205px; padding-right: 250px; }







.fiexed-header .logo{ position: absolute; top:13px; left:0; }







.fiexed-header .tel{ position: absolute; top:25px; right:0; line-height: 30px; font-size: 17px; color: #e30011; background:url(../images/ico_tel.png) no-repeat left; padding-left:40px;}







.fiexed-header .nav{ width: 100%; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}







.fiexed-header .nav .line{ width: 1px; height: 10px; background: #cccccc;}







.fiexed-header .nav li{ position: relative;}







.fiexed-header .nav li>a{ display: block; line-height:80px; font-size: 16px; color: #3e4147; padding: 0 32px; position: relative;}







.fiexed-header .nav li>a:after{ display: none;  position: absolute; bottom: 0; left:0; width:100%; height: 2px; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#d9b76d,endColorStr=#b58740); background: -ms-linear-gradient(left,#d9b76d,#b58740); background:-moz-linear-gradient(left,#d9b76d,#b58740); background: -webkit-linear-gradient(left, #d9b76d, #b58740); background: -o-linear-gradient(left, #d9b76d, #b58740);  }







.fiexed-header .nav li>a:before{ display: none; position: absolute; bottom:0; left:50%; margin-left:-5px; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:7px solid #c2984a; border-top: 7px solid transparent;}







.fiexed-header .nav li:hover>a,







.fiexed-header .nav li.current>a{ color: #000;}







.fiexed-header .nav li.current>a:after,







.fiexed-header .nav li.current>a:before{ display: block;}







.fiexed-header .nav li:hover div{ display: block;}







.fiexed-header .nav li div{ display: none; position: absolute; top:80px; left:50%; width: 130px; margin-left: -65px; background: rgba(0,0,0,.5); color: #FFFFFF;}







.fiexed-header .nav li div a{ display: block; line-height: 40px; text-align: center; color: #FFFFFF;}







.fiexed-header .nav li div a:hover{ background: rgba(0,0,0,.8); }















@media (max-width:1400px){ 







	.fiexed-header .container{ padding: 0 6%; }







	.fiexed-header .content{ padding-left: 200px; padding-right: 170px; }







	.fiexed-header .nav li>a{ padding: 0 5px; font-size: 15px;}







}	







@media (max-width:1280px){ 







	.fiexed-header .container{ padding: 0 3%; }







	.fiexed-header .nav li>a{ padding: 0 3px; font-size: 14px;}







	.fiexed-header .nav li div a{ font-size: 13px; }







	.fiexed-header .nav .line{ display: none; }







}	















@media (max-width:999px){ 



     .fiexed-header{ display:none;}



	.fiexed-header.active{ display: none;}



	.fiexed-header .nav{ display:none;}







}































/* ========== */







/* = PC-FOOTER = */







/* ========== */







.pc-footer{ background: #232323;}







.foot{ width:100%; padding: 30px 0 30px; display: flex; align-items:flex-start; justify-content: space-between; -webkit-justify-content: space-between;}







.foot .left{ width:41%; max-width: 670px;}















.foot .left p{ line-height:30px; color:#fff; }







.foot .left .add{ display: flex; align-items:flex-start; justify-content: space-between; -webkit-justify-content: space-between; }







.foot .left .add span{ padding-top: 10px; display: inline-block; font-size: 16px; line-height:32px; color: #aaaaaa;}







.foot .left .flogo img{ margin: 0;}







.foot .left .text{ margin-top:25px; padding-top: 35px; border-top: 1px solid #c49a4c; display: flex; align-items:flex-start; justify-content: space-between; -webkit-justify-content: space-between;}







.foot .left .text .con{ padding-right: 20px;}







.foot .left .text span{ display: block; font-size: 20px; margin-bottom: 15px; color: #FFFFFF;}







.foot .left .text p{ line-height: 34px; color: #aaaaaa;}







.foot .left .text p a{ color: #aaaaaa;}







.foot .left .text p a:hover{ color: #d9d9d9;}







.foot .erweima{ margin-top:11px; width:70px; text-align: center; color: #FFFFFF;}







.foot .erweima img{ margin-bottom: 6px;}







.foot .erweima p:nth-child(2){ margin-bottom: -37px;}







.foot .map-box{ width:32%; height:145px; position:relative; overflow: hidden;}







.foot .map-box img{ max-width:1000%;}







.foot .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 







.foot .map-box .anchorBL{ display: none; }







.foot .map-box .more-button{ position: absolute; right:26px; bottom: 26px; background: #3e4147; font-size: 14px;}







.copyright{ padding: 20px 0; background: #131313;}







.copyright .con{ display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}







.copyright .con div span{ margin: 0 25px; font-size: 12px;}







.copyright .con a:hover{ color: #878787; }























/* ========== */







/* = MOBILE HEADER = */







/* ========== */







.mb-header{ position:fixed; top:0; right:0; width: 100%; height: 2.4rem;  z-index: 999; background: #FFFFFF; -webkit-box-shadow:0 0 15px rgba(206,206,206,.6); box-shadow:0 0 15px rgba(206,206,206,.6); background:#f1f1f1;}

.mb-header .daohang { width:100%; display:block; position: absolute;top: 1.4rem; background:#fff;}
.mb-header .daohang li{line-height:1rem; width:20%; text-align:center;}







.mb-header .mb-logo{ float: left; padding:0.1rem 0.4rem;}







.mb-header .mb-logo img{ height: 1.2rem;}







.mb-nav-ico{ position: absolute; right:0; top: -5%; width: 1.5rem; height: 1.4rem; cursor: pointer; background-image: url(../images/moblie_menu.png); background-size: cover;}







.top-activity{ position: fixed; top:0; left:0; width: 100%; height: 3.333333rem; z-index: 9999;}































/* ========== */







/* = MB FOOTER = */







/* ========== */







.mb-footer{ position:fixed; bottom:0; right:0; width: 100%; height: 1rem;  z-index: 999;}




.mb-footer ul{background:#333333;}

.mb-footer li { float: left; width:50%; border-left: 1px solid rgba(255,255,255,.2); }







.mb-footer li:first-child{ border-left: none;}







.mb-footer li a{ display:block; cursor: pointer; height:1rem;color: #FFFFFF; text-align: center;}







.mb-footer li img{ width:2.6rem; margin:0 auto;display: table-cell; vertical-align: middle; }







.mb-footer li p {  font-size:0.32rem; line-height: 0.32rem;}















/* ========== */







/* = MENU = */







/* ========== */







.shade { display: none; position: fixed;  width: 100%; height: 100%; right: 0; top: 0; z-index: 999; display: none; background: transparent;}







.menu { position: fixed; left: 100%; top: 0;  width: 70%; height: 100%; text-align: left; z-index: 11111;overflow-y: scroll;  background: #FFFFFF;  -webkit-box-shadow:0 0 30px rgba(26,24,24,.1) inset;  box-shadow:0 0 30px rgba(26,24,24,.1) inset;}







.menu li { position: relative;}







.menu li>span { display: block; position: relative; padding: 0 0.666666rem 0 1.493333rem; height: 1.36rem; line-height: 1.36rem; color: #767676; font-size: 0.35rem; border-bottom: 1px solid #e9e9e9;}







.menu ul li>span::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top: -0.133333rem; width: 0.266666rem; height: 0.266666rem; border: 2px solid #000; border-radius: 100%;}







.menu ul li a{ color: #555;}







.menu ul li>span.default::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(../images/menu_bg.png) no-repeat; background-size: cover;}







.menu-slide a { color: #7c7d7d; }







.menu-slide { display: none;}







.menu-slide a { position: relative; display: block; padding: 0 0.666666rem 0 1.493333rem; height: 1.333333rem; line-height: 1.333333rem; font-size: 0.32rem; color: #7c7d7d; border-bottom: 1px solid #e9e9e9;}







.menu-slide a::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top:-0.10625rem;  width:0.266666rem; height:0.266666rem; background: url(../images/menu_bg3.png) no-repeat; background-size: cover; }







.menu-slide a:hover,







.menu-slide a.active { background: #000; color: #FFFFFF;}







.menu li>span.active a { color: #000;}







.menu li>span.active::before { color: #fff; background: #000; border-color: #000;}







.menu li>span.haschild.active::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(../images/menu_bg2.png) no-repeat center; }















/* ========== */







/* = FIXED-SUB = */







/* ========== */







.fixed-sub{ opacity: 0; z-index:-1; position:fixed; top:80px; right:-8px; width:100px; height:600px;  padding-top:150px;}







.fixed-sub.active{ display: none; }







.fixed-sub.op1{ opacity: 1;  z-index: 99; }







.fixed-sub li{ width: 66px; margin:0 auto;}







.fixed-sub li a{ margin-bottom: 3px; padding-top:10px; display: block; width: 66px; height: 66px;background: #000; color: #FFFFFF; font-size: 12px; line-height:22px; text-align: center;}







.fixed-sub li a i{ width: 30px; height: 30px; margin: 0 auto; background-size: cover; display: block;  -webkit-transition: all ease .3s;  transition: all ease .3s;}







.fixed-sub li a .ico-01{ background-image: url(../images/ico_fixed_01.png);}







.fixed-sub li a .ico-02{ background-image: url(../images/ico_fixed_02.png);}







.fixed-sub li a .ico-03{ background-image: url(../images/ico_fixed_03.png);}







.fixed-sub li a .ico-04{ background-image: url(../images/ico_fixed_04.png);}







.fixed-sub li a .ico-05{ background-image: url(../images/ico_fixed_05.png);}







.fixed-sub li a .ico-06{ background-image: url(../images/ico_fixed_06.png);}







.fixed-sub li a:hover{ background: #999; }







.fixed-sub li a:hover i{animation:tade 1s; -webkit-animation:tada 1s; }







.fixed-sub li.jt{ width: 60px; height:30px;  background-image: url(../images/fixed_sub_jt.png); cursor: pointer;}







.star-box img{ margin: 0 2px; display: inline-block; vertical-align: middle;}







.fixed-sub-small{ display: none; position:fixed; z-index:-1; top:50%; right:-8px; width:100px; height:180px; margin-top: -90px; background: url(../images/fixed_sub.png);  cursor: pointer; }







.fixed-sub-small.active{ display: block; }







.fixed-sub-small.op1{ opacity: 1;  z-index: 99; }















.fixed-sub li.jt{







	animation:twi 2.1s infinite ease-in-out;







	animation-fill-mode:both;







}







@keyframes twi{







    from { transform: translateY(3px); -webkit-transform: translateY(3px);}







    33% { transform: translateY(-3px); -webkit-transform: translateY(-3px); }







    to { transform: translateY(3px); -webkit-transform: translateY(3px); }







}







@-webkit-keyframes twi{







    from { transform: translateY(3px); -webkit-transform: translateY(3px);}







    33% { transform: translateY(-3px); -webkit-transform: translateY(-3px); }







    to { transform: translateY(3px); -webkit-transform: translateY(3px); }







}























/* ========== */







/* = VIDEO-POP = */







/* ========== */







.video-button{ cursor:pointer;}







.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}







.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}







.video-pop .content{ position: relative; display: inline-block;  width:90%; max-width:800px; vertical-align: middle; background: #000000;}







.video-pop .content video{ display: block; width: 100%; }







.video-pop .close{ position: absolute; top:0; right: -65px; cursor: pointer; width: 45px; height: 45px; background-image: url(../images/close.png); background-size: cover;}































/* ========== */







/* = YUYUE-POP = */







/* ========== */







.yuyue-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}







.yuyue-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}







.yuyue-pop .content{ position: relative; display: inline-block; vertical-align: middle; padding:50px 60px; max-width:470px; width: 90%; background: #FFFFFF;}







.yuyue-pop .close{ position: absolute; top:10px; right:10px; cursor: pointer; width:50px; height: 50px; background-image: url(../images/yuyue_close.png); background-size: cover;}







.yuyue-pop .content .tit{ margin-bottom: 10px; font-size: 30px; color: #d5b261;}







.yuyue-pop .content .des{ margin-bottom: 20px; color: #999;}







.yuyue-pop .content .des span{ color: #db5455; }







.yuyue-pop .content .in{ margin-bottom:10px; width: 100%; position: relative; }







.yuyue-pop .content .in input{ width: 100%; height: 44px; line-height: 24px; padding: 15px 40px 15px 20px; border: 1px solid #E8E8E8;}







.yuyue-pop .content .in span{ position: absolute; top:50%; right:10px; margin-top: -15px; width: 30px; height: 30px; background-size:cover; }







.yuyue-pop .content .in .ico-yuyue-01{ background-image: url(../images/ico_yuyue_01.png); }







.yuyue-pop .content .in .ico-yuyue-02{ background-image: url(../images/ico_yuyue_02.png); }







.yuyue-pop .content .in .ico-yuyue-03{ background-image: url(../images/ico_yuyue_03.png); }







.yuyue-pop .content .text textarea{ height: 88px; width: 100%;  padding: 15px 20px; border: 1px solid #E8E8E8; }







.yuyue-pop .content .tip{ margin-top: 10px; font-size: 12px; line-height: 20px; background: url(../images/yuyue_laba.png) no-repeat left top; padding-left: 25px; color: #999999;}







.yuyue-pop .content .more-button{ margin-top: 20px; width: 100%; line-height: 52px;  font-size: 18px;}







.yuyue-pop .mobile-more{ margin-top: 20px; width: 100%; border-radius: 0;  line-height:40px;  font-size: 16px;}







.yuyue-pop .mobile-more:after{ width: 50px; height: 50px; }















.yuyue-pop .content .des2{ font-size: 20px; color: #d5b261; margin: 15px 0 30px; }







.yuyue-pop .content .des2 span{ color: #dd0000; } 























/* ========== */







/* = 404 = */







/* ========== */







.main-404{ padding:50px 0 120px; text-align: center;}







.main-404 .p1{ margin-bottom: 10px;}























/* ========== */







/* = SITEMAP = */







/* ========== */







.sitemap{ padding: 5% 0; }







.sitemap .tit{ padding-bottom:20px; border-bottom: 2px solid #EEEEEE; font-size: 16px; color: #333333;}







.sitemap .tit span{ margin-right: 20px; text-transform: uppercase; font-size:26px;}







.sitemap li{ padding: 25px 0; border-bottom: 2px solid #EEEEEE; line-height: 30px;}







.sitemap li span{ display: inline-block; min-width: 120px; }







.sitemap li span a{ display: inline-block; margin-right: 20px; color: #333333; font-size: 20px;}







.sitemap li span a:hover{ color: #cea753;}







.sitemap li>a{ display:inline-block; margin:0 20px; font-size: 16px;}







.sitemap li>a:hover{ color: #cea753;}























/* ========== */







/* = SEARCH = */







/* ========== */







.search{ background: #fbfbfb; padding:40px 0 110px;}







.search .ny-theme{ padding-top:70px; letter-spacing: 2px; background:  none; padding-bottom: 0;}







.search .ny-theme span{ font-weight: bold; font-size: 100px;}







.search .search-content{ margin: 40px auto 0; background: #FFFFFF;  max-width: 700px; width: 90%; border-radius:4px; height: 75px; position: relative; padding-right:100px;}







.search .search-content .in{ width: 100%; background: none; border:none; line-height:35px; padding: 20px;}







.search .search-content .button{ position: absolute; top:0; right: 0; width: 100px; height: 75px; background:none; background-image:url(../images/search_button2.png); background-size:cover;}







.search .search-result{ margin: 40px auto 0; max-width: 620px; padding-bottom: 30px; border-bottom: 1px dashed #929292; text-align: center; color: #333333;}







.search .search-result span{ display: block; font-size: 24px;}







.search .search-result p{ margin-top: 30px; font-size: 18px; font-weight: bold;}







.search .search-result p i{ font-style: normal; color: #d60404;}







.search .revelant-designer{ background: none; padding:10px 0 55px; border-bottom: 1px dashed #929292;}







.search .case{ padding:50px 0 10px; background: none; border-bottom: 1px dashed #929292;}







.search .news-list{ padding-top: 60px;}















@media (max-width:999px) {







	/* ========== */







	/* = VIDEO-POP = */







	/* ========== */







	.video-pop .close{ width:30px; height: 30px; top:-40px; right:0;}























	/* ========== */







	/* = YUYUE-POP = */







	/* ========== */







	.yuyue-pop .content{ padding:0.7rem 0.4rem;}







	.yuyue-pop .close{  top: 0.2rem; right: 0.2rem;  width:0.4rem; height: 0.4rem; }







	.yuyue-pop .content .tit{ margin-bottom: 0.3rem; font-size: 0.5rem;}







	.yuyue-pop .content .des{ margin-bottom: 0.3rem;}







	.yuyue-pop .content .in{ margin-bottom:0.2rem;}







	.yuyue-pop .content .more-button{ margin-top: 0.2rem;line-height:44px;  font-size: 16px;}







	.yuyue-pop .content .des2{ font-size:14px;  margin: 0.2rem 0 0.4rem; }















	/* ========== */







	/* = 404 = */







	/* ========== */







	.main-404{ padding:1rem 0; }







	.main-404 img{ max-width: 60%;}







	







	/* ========== */







	/* = SITEMAP = */







	/* ========== */







	.sitemap li span{ display: block;}







	.sitemap li span a{ font-size:16px;}







	.sitemap li>a{ margin: 0 10px 0 0 ; font-size: 14px;}























	/* ========== */







	/* = SEARCH = */







	/* ========== */







	.search{ padding:1rem 0 ;}







	.search .ny-theme{ padding-top:0.85rem; }







	.search .ny-theme span{ font-size: 1.33333333rem;}







	.search .search-content{ margin: 0.53333333rem auto 0; height: 1rem; padding-right: 1.33333333rem;}







	.search .search-content .in{ line-height:0.5rem; padding: 0.25rem;}







	.search .search-content .button{width: 1.33333333rem; height: 1rem;}







	.search .search-result{ margin: 0.53333333rem auto 0;padding-bottom:0.53333333rem;}







	.search .search-result span{  font-size: 0.4rem;}







	.search .search-result p{ margin-top: 0.4rem; font-size: 0.32rem; }























	.fixed-sub.active{ display: none; }







	







}