@font-face {
  font-family: "SourceHanSansCN-Bold";
  src: url("../font/SourceHanSansCN-Bold.woff2") format("woff2"),
       url("../font/SourceHanSansCN-Bold.woff") format("woff"),
       url("../font/SourceHanSansCN-Bold.ttf") format("truetype"),
       url("../font/SourceHanSansCN-Bold.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-ExtraLight";
  src: url("../font/SourceHanSansCN-ExtraLight.woff2") format("woff2"),
       url("../font/SourceHanSansCN-ExtraLight.woff") format("woff"),
       url("../font/SourceHanSansCN-ExtraLight.ttf") format("truetype"),
       url("../font/SourceHanSansCN-ExtraLight.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-ExtraLight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../font/SourceHanSansCN-Light.woff2") format("woff2"),
       url("../font/SourceHanSansCN-Light.woff") format("woff"),
       url("../font/SourceHanSansCN-Light.ttf") format("truetype"),
       url("../font/SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../font/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../font/SourceHanSansCN-Regular.woff") format("woff"),
       url("../font/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSerifCN-Regular";
  src: url("../font/SourceHanSerifCN-Regular.woff2") format("woff2"),
       url("../font/SourceHanSerifCN-Regular.woff") format("woff"),
       url("../font/SourceHanSerifCN-Regular.ttf") format("truetype"),
       url("../font/SourceHanSerifCN-Regular.eot") format("embedded-opentype"),
       url("../font/SourceHanSerifCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@keyframes star
{
0% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
50% { -moz-transform:scale(0.3); -o-transform:scale(0.3); -webkit-transform:scale(0.3); transform:scale(0.3);}
100% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}

*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
html,body{ width:100%; height:100%;}
body{ overflow-x:hidden; background:#fff; font-family: "SourceHanSansCN-Light", "Microsoft YaHei";}
table{ width:100%; border-collapse:collapse;}
table td{ border:1px solid #ddd !important;}
.justify{ text-align:justify; line-height:0; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}

.nav{ position:fixed; z-index:999999; left:0; top:0; width:100%; text-align:center; background:#383838; height:55px; line-height:55px;}
.nav a{ display:inline-block; color:#999; font-size:15px; padding:0 20px; margin:0 25px;}
.nav a:hover{ color:#fff;}
.cur{ color:#fff !important;}

.logo{ text-align:center; font-size:0; border-bottom:1px solid #f2f2f2; padding:100px 0 45px;}
.logo img{ height:120px;}

.nav2,.lang{ display:none;}

/*1280*/
@media (max-width:1299px){
.width{ width:94%;}
.nav a{ margin:0 24px;}
}
/*1200*/
@media (max-width:1279px){
.nav a{ margin:0 19px;}
}
/*1080*/
@media (max-width:1199px){
.nav a{ margin:0 12px;}
}
/*1050*/
@media (max-width:1079px){
.nav a{ padding:0 18px;}
}
/*1024*/
@media (max-width:1049px){
.nav a{ padding:0 11px; margin:0 18px;}
}
/*992*/
@media (max-width:1023px){
.nav a{ margin:0 16px;}
}
/*768*/
@media (max-width:991px){
.nav{ display:none;}
.logo{ padding:2vw 0;}
.logo img{ height:18vw;}

.nav2,.lang{ display:block;}
.top{ position:fixed; z-index:99999; top:0; left:0; width:100%; background:#fff;}
.top_height{ height:22vw;}
.nav2{ position:relative;}
#nav2_a{ position:absolute; display:block; width:6vw; height:6vw; margin:8vw 0 8vw 5vw; background:url(../img/menu_btn.png) left center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/menu_btn.png', sizingMethod='scale'); -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav2 a{ display:block; color:#717070;}
.nav2 a:hover{ background:#b3b3b3; color:#fff;}
.nav2 .cur{ background:#b3b3b3; color:#fff;}
.nav2 ul li ul{ position:absolute; z-index:2; width:100%; top:22vw; display:none; background:#fff; line-height:2.5em; font-size:3.5vw; text-align:center;}
.nav2 ul li ul li{ border-bottom:1px solid #fff;}
.nav2 ul li ul li:last-child{ border-bottom:none;}
.lang{ position:absolute; right:5vw; display:block; width:6vw; height:6vw; line-height:6vw; text-align:right; font-size:3.5vw; color:#231915; margin:8vw 0;}
}


.flexslider{position:relative;height:647px; width:100%; overflow:hidden;/*background:url(images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;}
.slides li{ height:647px;}
.flex-control-nav{position:absolute;bottom:4%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:5px;height:5px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:5px;height:5px;overflow:hidden;cursor:pointer; font-size:0; background:none; border:1px solid #fff; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.flex-control-nav a:hover{ background:#fff;}
.flex-control-nav .flex-active{ background:#fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:0;}
.flex-direction-nav li a{display:block;width:15%;height:647px;overflow:hidden;cursor:pointer;position:absolute; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.flex-direction-nav li a.flex-prev{left:0;background:url(../img/prev.png) 40% 50% no-repeat;}
.flex-direction-nav li a.flex-next{right:0;background:url(../img/next.png) 60% 50% no-repeat;}
.flex-direction-nav li a:hover{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.flex-direction-nav li a.flex-prev:hover{ background-position:30% 50%;}
.flex-direction-nav li a.flex-next:hover{ background-position:70% 50%;}

/*768*/
@media (max-width:991px){
.flexslider{ height:52vw;}
.slides li{ height:52vw;}
.flex-control-nav li{ width:0.5vw; height:0.5vw; margin:0 1.5vw;}
.flex-control-nav a{ width:0.5vw; height:0.5vw;}
.flex-direction-nav li a{ height:52vw;}
.flex-direction-nav li a.flex-prev{ background-size:60%;}
.flex-direction-nav li a.flex-next{ background-size:60%;}
}


.content{ background:#f5f5f5; padding:90px 0 95px;}
.index_t{ text-align:center; color:#dab866; letter-spacing:32px; font-size:20px; padding-left:32px;}
.vdo{ background:#fff; width:100%; margin:80px auto 0;}
.vdo iframe{ display:none;}
.vdo_t{ font-size:0; text-align:center; padding:45px 0;}
.vdo_t1,.vdo_t2,.vdo_t3{ display:inline-block; vertical-align:middle; font-size:0;}
.vdo_t1{ font-family: "SourceHanSansCN-Regular"; color:#000; font-size:30px;}
.vdo_t2{ background:#dab866; width:1px; height:30px; margin:0 25px;}
.vdo_t3{ font-family: "SourceHanSansCN-ExtraLight"; text-transform:uppercase; color:#e6e6e6; font-size:30px;}

.index1{ background:#fff; width:100%; height:392px; margin-top:25px;}
.index1_pic{ float:left; position:relative; background-size:cover !important; width:66.7%; height:100%;}
.index1_p{ float:left; text-align:center; width:33.3%; height:100%; line-height:392px;}
.index1_p > div{ display:inline-block; vertical-align:middle; line-height:34px;}
.index1_t1{ font-family: "SourceHanSansCN-Regular"; color:#000; font-size:30px; padding-top:30px;}
.index1_t2{ background:#dab866; width:30px; height:1px; margin:25px auto;}
.index1_t3{ font-family: "SourceHanSansCN-ExtraLight"; text-transform:uppercase; color:#e6e6e6; font-size:30px;}
.index1_t4{ display:block; color:#dab866; border:1px solid #dab866; width:68px; height:23px; line-height:23px; font-size:12px; margin:90px auto 0;}
.index1_t4:hover{ background:#dab866; color:#fff;}

.foot{ background:#fff; padding:65px 0 30px;}
.foot_left{ float:left;}
.foot_right{ float:right;}
.foot1{ float:left; margin-right:90px;}
.foot1:nth-last-child(2){ margin-right:0;}
.foot1_t1{ font-family: "SourceHanSansCN-Regular"; font-size:16px; margin-bottom:20px;}
.foot1_t1 a{ border-bottom:1px solid #dab866; color:#000; padding:4px 0;}
.foot1_t1 a:hover{ color:#dab866;}
.foot1_t2{ font-size:13px; line-height:2.3846em;}
.foot1_t2 a{ color:#b3b3b3;}
.foot1_t2 a:hover{ color:#dab866;}
.foot2{ float:left; text-align:center; margin-top:25px; margin-left:50px;}
.foot2:nth-child(1){ margin-left:0;}
.foot2_pic{ position:relative; background-size:92px !important; width:97px; height:97px; border:1px solid #dab866; margin:0 auto;}
.foot2_t{ font-size:13px; padding-top:3px;}
.foot2_t a{ color:#dab866;}
.copyright{ border-top:1px solid #f2f2f2; font-size:13px; color:#b3b3b3; padding:15px 0 55px;}
.copyright a{ color:#b3b3b3;}
.copyright a:hover{ color:#dab866;}

/*1024*/
@media (max-width:1049px){
.vdo_t{ white-space:nowrap;}
}
/*768*/
@media (max-width:991px){
.content{ padding:8vw 0;}
.index_t{ letter-spacing:3.5vw; font-size:3vw; padding-left:3.5vw;}
.vdo{ margin:8vw auto 0;}
.vdo embed{ display:none;}
.vdo iframe{ display:block; height:52.915vw;}
.vdo_t{ padding:4vw 0;}
.vdo_t1{ font-size:4vw;}
.vdo_t2{ height:4vw; margin:0 3vw;}
.vdo_t3{ font-size:4vw;}

.index1{ height:59vw; margin-top:4vw;}
.index1_pic{ float:none; width:100%; height:45vw;}
.index1_p{ float:none; width:86vw; height:6vw; line-height:6vw; padding:4vw; text-align:left; white-space:nowrap;}
.index1_p > div{ position:relative; width:86vw; line-height:6vw; font-size:0;}
.index1_t1{ display:inline-block; vertical-align:middle; font-size:4vw; padding-top:0;}
.index1_t2{ display:inline-block; vertical-align:middle; width:1px; height:4vw; margin:0 3vw;}
.index1_t3{ display:inline-block; vertical-align:middle; font-size:4vw;}
.index1_t4{ position:absolute; right:0; top:0; width:10vw; height:5vw; line-height:5vw; text-align:center; font-size:3vw; margin:0;}

.foot{ padding:6vw 0 4vw;}
.foot_left{ float:none; width:100%; text-align:justify; font-size:0;}
.foot_left:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.foot_left .clear{ display:none;}
.foot_right{ float:none; width:100%; text-align:center;}
.foot1{ float:none; margin-right:0; display:inline-block; vertical-align:top;}
.foot1_t1{ font-size:3.5vw; margin-bottom:3vw;}
.foot1_t2{ font-size:3vw; line-height:2em;}
.foot2{ float:none; margin-top:4vw; margin-left:0; display:inline-block; vertical-align:top; width:28vw;}
.foot2_pic{ background-size:19vw !important; width:20vw; height:20vw;}
.foot2_t{ font-size:2.5vw;}
.copyright{ font-size:2.5vw; padding:4vw 0; text-align:center;}
}


.ban1{ position:relative; background-size:cover !important; height:647px;}
.ban1 .width{ position:relative; height:100%;}
.ban1_t{ position:absolute; text-align:center; top:24%;}
.ban1_t1{ color:#000; font-size:36px;}
.ban1_t2{ background:#dab866; width:30px; height:1px; margin:25px auto;}
.ban1_t3{ font-family: "SourceHanSansCN-ExtraLight"; color:#e6e6e6; font-size:36px;}

.about1{ position:relative; background:#fff; padding:5.83333%; padding-right:0;}
.about1_pic{ position:absolute; right:0; top:0; font-size:0; width:37.4%;}
.about1_p{ position:relative; z-index:2; max-width:57.522%;}
.about1_t1{ font-family: "SourceHanSansCN-Regular"; color:#000; font-size:30px;}
.about1_t2{ background:#dab866; width:30px; height:1px; margin:25px 0;}
.about1_t3{ font-family: "SourceHanSansCN-ExtraLight"; text-transform:uppercase; color:#e6e6e6; font-size:30px;}
.about1_t4{ color:#b3b3b3; font-size:14px; line-height:2em; margin-top:30px;}
.about1_t4 span{ font-size:20px;}

.about2{ background:#fff; padding:5.83333%;}
.about2_pic{ float:left; position:relative; top:95px; width:35.283%; font-size:0; margin-top:0.9%;}
.about2_pic img{ position:absolute;}
.about2_pic0{ z-index:2;}
.about2_p{ float:right; position:relative; z-index:2; width:60.377%;}
.about2 .about1_t4{ margin-top:20px;}
.about2 .about1_t4 > div{ padding-top:10px;}
.about2 .about1_t4 > div:hover{ color:#dab866;}
.about2 .about1_t4 > div span{ background:url(../img/about2_t1.png) left center no-repeat; padding-left:20px;}
.about2 .about1_t4 > div:hover span{ background-image:url(../img/about2_t2.png);}
.about1_t4_hover{ color:#dab866;}
.about1_t4_hover span{ background-image:url(../img/about2_t2.png) !important;}

.about3{ background:#fff; padding:5.83333%;}
.about3_pic{ float:right; font-size:0; width:34.3396%;}
.about3_p{ float:left; position:relative; z-index:2; max-width:62.264%;}

/*768*/
@media (max-width:991px){
.ban1{ height:52vw;}
.ban1_t1{ font-size:4.5vw;}
.ban1_t2{ width:4vw; height:1px; margin:2vw auto;}
.ban1_t3{ font-size:3.5vw;}

.about1{ padding-bottom:2vw;}
.about1_t1{ font-size:4vw;}
.about1_t2{ width:4vw; margin:2vw 0;}
.about1_t3{ font-size:4vw;}
.about1_t4{ font-size:3vw; margin-top:3vw;}
.about1_t4 span{ font-size:3.5vw;}

.about2{ padding-bottom:2vw;}
.about2_pic{ display:none;}
.about2_p{ float:none; width:100%;}
.about2 .about1_t4{ margin-top:2vw;}
.about2 .about1_t4 > div{ color:#b3b3b3 !important; padding-top:1vw;}
.about2 .about1_t4 > div span{ background:url(../img/about2_t1.png) left center no-repeat !important; background-size:2vw !important; padding-left:4vw;}

.about3_pic{ float:none; width:45%; margin:3vw auto 0;}
.about3_p{ float:none; max-width:100%; width:100%;}
}


.ban2_t{ position:absolute; text-align:center; width:100%; top:36%;}
.ban2_t1{ font-family: "SourceHanSerifCN-Regular", "SourceHanSansCN-Regular"; font-weight:bold; color:#000; font-size:60px; letter-spacing:6px;}
.ban2_t2{ font-family: "SourceHanSerifCN-Regular", "SourceHanSansCN-Regular"; color:#9e9e9e; font-size:20px; letter-spacing:6px; margin-top:8px;}
.banner1{ position:relative; height:100%;}
.banner1 .ban2_t{ width:auto; top:24.7%;}

.pro1{ background:#fff; width:100%; margin-top:90px;}
.pro1:nth-child(1){ margin-top:0;}
.pro1_pic{ font-size:0;}
.pro1_t{ text-align:center; padding:25px 0 30px;}
.pro1_t1{ font-family: "SourceHanSansCN-Regular"; color:#000; font-size:35px;}
.pro1_t2{ color:#dab866; font-size:20px; margin:6px 0 18px;}
.pro1_t3{ display:block; color:#dab866; border:1px solid #dab866; width:68px; height:23px; line-height:23px; font-size:12px; margin:0 auto 0;}
.pro1_t3:hover{ background:#dab866; color:#fff;}

.pro2{ background:#fff; width:100%; margin-top:90px;}
.pro2_t{ padding:30px 9.16667%;}
.pro2_t1{ float:left; padding:0; text-align:left; width:70%;}
.pro2_t2{ float:right; display:block; text-align:center; color:#dab866; border:1px solid #dab866; width:68px; height:23px; line-height:23px; font-size:12px; margin-top:8px;}
.pro2_t2:hover{ background:#dab866; color:#fff;}

.pro3{ background:#fff; text-align:left; font-size:0; width:100%; height:575px; margin-top:55px;}
.pro3:nth-child(1){ margin-top:0;}
.pro3_pic{ display:inline-block; vertical-align:middle; position:relative; background-size:contain !important; width:47.9167%; height:90%; margin-left:0.83333%;}
.pro3_pic img{ margin-top:5%;}
.pro3_p{ display:inline-block; vertical-align:middle; width:41.6667%; height:100%; line-height:575px; margin-left:4.16667%;}
.pro3_t{ display:inline-block; vertical-align:middle; line-height:34px;}
.pro3_t1{ display:block; text-align:center; color:#dab866; border:1px solid #dab866; width:68px; height:23px; line-height:23px; font-size:12px;}
.pro3_t1:hover{ background:#dab866; color:#fff;}
.pro3_t .about1_t1{ color:#dab866;}
.pro3_t .about1_t1 span{ font-family: "SourceHanSansCN-Light"; color:#b3b3b3; font-size:21px; padding-left:25px;}
.pro3_t .about1_t4{ margin:45px 0;}

.page{ text-align:center; color:#b3b3b3; font-size:14px; margin-top:40px;}
.page a{ border-bottom:1px solid rgba(218,184,102,0); color:#b3b3b3; padding:2px 0; margin:0 10px;}
.page a:hover{ border-bottom:1px solid rgba(218,184,102,1); color:#dab866;}
.page span{ padding:2px 0;}
.page-num-current{ border-bottom:1px solid rgba(218,184,102,1) !important; color:#dab866 !important;}

.pro4{ background:#fff; padding:5.83333%;}
.pro4 .about1_t1{ color:#dab866;}
.pro4 .about1_t1 span{ font-family: "SourceHanSansCN-Light"; color:#b3b3b3; font-size:21px; padding-left:25px;}
.pro5{}
.pro51{ float:left; width:49.16667%; height:0; padding-bottom:68.33333%;}
.pro51 > div{ position:relative; background-size:contain !important; background-color:#fff !important; width:100%; height:0; padding-bottom:67.7966%; margin-top:20px;}
.pro52{ float:right; position:relative; background-size:contain !important; background-color:#fff !important; width:49.16667%; height:0; padding-bottom:68.33333%; margin-top:20px;}
.pro6 .pro51{ float:right;}
.pro6 .pro52{ float:left;}

.container{ position:relative; width:100%; padding:40px 0; background:#fff; margin-top:20px;}
.container .slide{
	width: 100%;
	overflow: hidden;
	position: relative;
	background:#fff;
}
.container .slide .img{ overflow:hidden; position:absolute; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.container .slide .img1{ width:20%; height:0; padding-bottom:20%; top:25%; left:-20%; z-index:-1;}
.container .slide .img2{ width:20%; height:0; padding-bottom:20%; top:25%; left:4%; z-index:2;}
.container .slide .img3{ width:40%; height:0; padding-bottom:40%; background:#fff; top:0; left:30%; z-index:3;}
.container .slide .img4{ width:20%; height:0; padding-bottom:20%; top:25%; left:76%; z-index:2;}
.container .slide .img5{ width:20%; height:0; padding-bottom:20%; top:25%; left:100%; z-index:-1;}
.slide-bt{
	position: absolute;
	left: 50%;
	bottom: 13%;
	z-index: 10;
	display:none;
}
.slide-bt span{
	width: 24px;
	height: 8px;
	background: #c9caca;
	float: left;
	margin: 5px;
	border-radius: 4px;
}
.container .slide .slide-bt .on{
	background: #ffd200;
}
.btn1{ position:absolute; z-index:5; left:25%; top:40%; width:8%; padding-bottom:8%; background:url(../img/prev.png) 50% 50% no-repeat; cursor:pointer; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.btn1:hover{ background-position:40% 50%;}
.btn2{ left:67%; background-image:url(../img/next.png);}
.btn2:hover{ background-position:60% 50%;}

/*768*/
@media (max-width:991px){
.ban2_t1{ font-size:5.5vw; letter-spacing:0;}
.ban2_t2{ font-size:3vw; letter-spacing:0; margin-top:0.5vw;}

.pro1{ margin-top:4vw;}
.pro1_t{ padding:4vw 0;}
.pro1_t1{ font-size:4.5vw;}
.pro1_t2{ font-size:3vw; margin:1vw 0 3vw;}
.pro1_t3{ width:10vw; height:5vw; line-height:5vw; font-size:3vw;}

.pro2{ margin-top:4vw;}
.pro2_t{ position:relative; padding:4vw;}
.pro2_t1{ float:none; width:70%;}
.pro2_t2{ position:absolute; right:4vw; top:4.25vw; float:none; width:10vw; height:5vw; line-height:5vw; font-size:3vw; margin-top:0;}

.pro3{ width:100%; height:auto; margin-top:4vw;}
.pro3_pic{ width:80%; height:0; padding-bottom:80%; margin-left:10%;}
.pro3_pic img{ margin-top:0;}
.pro3_p{ width:82vw; height:100%; line-height:normal; margin-left:0; padding:0 6vw 6vw;}
.pro3_t{ line-height:normal;}
.pro3_t1{ width:10vw; height:5vw; line-height:5vw; font-size:3vw;}
.pro3_t .about1_t1 span{ font-size:3vw; padding-left:2vw;}
.pro3_t .about1_t4{ margin:3vw 0;}

.page{ font-size:3vw; margin-top:6vw;}
.page span{ margin:0 2.5vw;}

.pro4 .about1_t1 span{ font-size:3vw; padding-left:2vw;}

.content_pro{ position:relative; overflow-x:hidden;}
.content_pro::before{ content:''; position:absolute; z-index:10; background:#f5f5f5; width:3vw; height:100%; left:0; top:0;}
.content_pro::after{ content:''; position:absolute; z-index:10; background:#f5f5f5; width:3vw; height:100%; right:0; top:0;}
.container{ width:1200px; left:50%; margin-left:-600px;}
}
/*<768*/
@media (max-width:767px){
.container{ width:700px; margin-left:-350px; padding:5vw 0;}
.btn1{ background-size:50%;}
}


.ban3_t{ top:34%; right:5%;}
.ban3_t .ban1_t1{ color:#fff;}
.banner4{ position:relative; height:100%;}

.service1_bg .index1:nth-child(1){ margin-top:0;}
.service1 .index1_p > div{ text-align:left; width:82.5%; margin:0 auto;}
.service1 .about1_t4{ margin-top:25px;}
.service1_t{ font-size:14px; margin-top:10px;}
.service1_t a{ color:#dab866; margin-right:25px;}
.service1_t a:last-child{ margin-right:0;}
.service2_bg{ background:#fff; padding:5.83333%;}
.service2{ margin-top:6.6%;}
.service2:nth-child(1){ margin-top:0;}
.service2_pic{ float:left; font-size:0; width:39.62264%;}
.service2_p{ float:right; width:56.6%;}
.service2_t1{ color:#dab866; font-size:19px; padding:2em 0 0.5em;}
.service2_t2{ color:#b3b3b3; font-size:14px; line-height:2em;}
.service2_t2 p{ padding-top:1em;}
.service3 .service2_pic{ float:right;}
.service3 .service2_p{ float:left;}

/*1200*/
@media (max-width:1279px){
.service2_t1{ padding-top:0.5em;}
}
/*768*/
@media (max-width:991px){
.ban3_t{ top:31.5%;}

.service1_bg .index1{ height:auto;}
.service1 .index1_p{ height:auto; white-space:normal; width:82vw; margin:1vw auto 2vw;}
.service1 .index1_p > div{ width:82vw;}
.service1 .about1_t4{ margin-top:0;}
.service1_t{ font-size:3vw; margin-top:2vw;}
.service1_t a{ margin-right:3vw;}

.service2{ margin-top:0;}
.service2_pic{ float:none; width:50%; margin:0 auto;}
.service2_p{ float:none; width:100%;}
.service2_t1{ font-size:3.5vw; padding:1em 0 0.2em; text-align:center;}
.service2_t2{ font-size:3vw;}
.service2_t2 p{ padding-top:0.5em;}
.service3{ padding-top:6vw;}
.service3 .service2_pic{ float:none;}
.service3 .service2_p{ float:none;}
}


.news_left{ float:left; width:100%;}
/*.news_right{ float:right; width:47.917%;}*/
.news_m{ display:none;}
.news1{ width:42%; margin-top:50px;float: left;margin-right: 8%;}
/*.news1:nth-child(1){ margin-top:0;}*/
.news1_pic{ font-size:0;max-height: 246px;}
.news1_p{ position:relative; background:#fff; padding:6% 8.69565%;}
.news1 .about1_t4{ margin-top:25px;}
.news1_t1{ color:#b3b3b3; font-size:12px; line-height:2em; margin-top:55px;}
.news1_t2{ position:absolute; right:50px; bottom:35px; text-align:center; color:#dab866; border:1px solid #dab866; width:68px; height:23px; line-height:23px; font-size:12px;}
.news1_t2:hover{ background:#dab866; color:#fff;}
.news2{ background:#fff; padding:6.66667% 8.33333%;}
.news2_t1{ font-family: "SourceHanSansCN-Regular"; text-align:center; color:#000; font-size:30px;}
.news2_t2{ color:#b3b3b3; font-size:14px; line-height:2em; margin-top:30px;}
.news2_t2 p{ padding-top:1em;}
.news2_t2 b,.news2_t2 strong{ font-weight:normal; color:#dab866;}
.news2_t3{ color:#b3b3b3; font-size:14px; padding:2.5% 8.33333% 0;}
.news2_t3 a{ color:#b3b3b3;}
.news2_t3 a:hover{ color:#dab866;}

/*768*/
@media (max-width:991px){
.news_left{ display:none !important;}
.news_right{ display:none !important;}
.news_m{ display:block !important; float:none !important; width:100%;}
.news1{ margin-top:4vw;}
.news1_p{ padding:5vw 6vw;}
.news1 .about1_t4{ margin-top:0;}
.news1_t1{ font-size:2.5vw; margin-top:4vw;}
.news1_t2{ right:6vw; bottom:5vw; width:15vw; height:5vw; line-height:5vw; font-size:2.75vw;}
.news2_t1{ font-size:4vw;}
.news2_t2{ font-size:3vw; margin-top:0.5em;}
.news2_t2 p{ padding-top:0.5em;}
.news2_t3{ font-size:3vw; padding:6vw 8.33333% 0;}
.news1{ width:100%; margin-top:50px; float: left;}
}


.ban51{ position:absolute; width:100%; height:100%; background:url(../img/ban51.jpg) left center no-repeat; background-size:contain;}
.ban52{ position:absolute; width:100%; height:100%; background:url(../img/ban52.jpg) right center no-repeat; background-size:contain;}
.ban5_t{ text-align:center; width:100%; top:33.5%;}
.ban5_t .ban1_t1{ color:#fff;}
.brand_t1{ font-family: "SourceHanSansCN-Regular"; text-align:center; color:#000; font-size:30px;}
.brand_t2{ text-align:center; color:#000; font-size:20px; line-height:1.6em; margin:35px 0 50px;}
.brand_t3{ text-align:center; font-size:0;}
.brand_t3 p{ -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease; position:relative; font-family: "SourceHanSerifCN-Regular"; display:inline-block; vertical-align:top; background:center bottom no-repeat; color:#ddd; width:25%; font-size:60px; padding:15px 0;}
.brand_t3 p:hover{ background-image:url(../img/brand_t3.png); color:#dab866;}
.brand_t3_hover{ background-image:url(../img/brand_t3.png) !important; color:#dab866 !important;}
.brand_t3 p::after{ content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#ddd;}
.brand_t3 p:last-child::after{ background:none;}
.brand1_bg{ position:relative; background:#fff; height:615px; margin-top:50px;}
.brand1{ display:none; position:absolute; background:#fff; text-align:left; font-size:0; width:100%; height:100%;}
.brand1_hover{ display:block;}
.brand1_pic{ display:inline-block; vertical-align:middle; position:relative; background-size:contain !important; width:50%; height:100%; margin-left:1.66667%;}
.brand1_p{ display:inline-block; vertical-align:middle; width:43.33333%; line-height:615px; margin-left:1.66667%;}
.brand1_p > div{ display:inline-block; vertical-align:middle; width:100%; line-height:34px;}
.brand1_t1{ font-family: "SourceHanSerifCN-Regular", "SourceHanSansCN-Regular"; position:relative; text-align:center; color:#dab866; font-size:60px; padding:20px 0 40px;}
.brand1_t1::before,.brand1_t1::after{ content:''; position:absolute; background:#dab866; left:50%; top:50%; width:7px; height:7px; -webkit-transform:rotate(45deg) translateY(-150%); transform:rotate(45deg) translateY(-150%);}
.brand1_t1::before{ margin-left:-2em;}
.brand1_t1::after{ margin-left:1.65em;}
.brand1_t2{ color:#b3b3b3; font-size:14px; line-height:2em;}
.brand1_t2 p{ padding-top:1em;}

/*992*/
@media (max-width:1023px){
.brand1_t1{ padding:20px 0;}
}
/*768*/
@media (max-width:991px){
.brand_t1{ font-size:4vw;}
.brand_t2{ font-size:3vw; margin:3vw 0 4vw;}
.brand_t3 p{ background-size:2vw; font-size:7vw; padding:1vw 0;}
.brand1_bg{ height:auto; margin-top:5vw;}
.brand1{ position:relative;}
.brand1_pic{ width:100%; height:42vw; margin:0; margin-top:5vw;}
.brand1_p{ width:82vw; line-height:normal; margin:0; padding:0 6vw 5vw;}
.brand1_p > div{ line-height:normal;}
.brand1_t1{ font-size:7vw; padding:2vw 0 0;}
.brand1_t1::before,.brand1_t1::after{ width:1vw; height:1vw; top:55%; -webkit-transform:rotate(45deg) translateY(0); transform:rotate(45deg) translateY(0);}
.brand1_t1::before{ margin-left:-1.62em;}
.brand1_t1::after{ margin-left:1.5em;}
.brand1_t2{ font-size:3vw;}
.brand1_t2 p{ padding-top:0.5em;}
}


.con_t1{ font-family: "SourceHanSansCN-Regular"; text-align:center; color:#000; font-size:30px; letter-spacing:6px; padding-left:6px; margin-bottom:12px;}
.con_t2{ text-align:center; text-transform:uppercase; color:#000; font-size:20px; margin-bottom:60px;}
.con_t2 span{ position:relative; border:1px solid #000; border-radius:3px; padding:2px 5px;}
.con_t2 span::before,.con_t2 span::after{ content:''; position:absolute; background:#000; width:100px; height:1px; top:50%;}
.con_t2 span::before{ left:0; margin-left:-100px;}
.con_t2 span::after{ right:0; margin-right:-100px;}
.con1{ background:#fff; text-align:center; padding:6.66667% 8.33333%;}
.con1_t1{ font-family: "SourceHanSansCN-Regular"; color:#000; font-size:30px; padding-top:50px;}
.con1_t1:nth-child(1){ padding-top:0;}
.con1_t2{ font-family: "SourceHanSansCN-Bold"; color:#dab866; font-size:21px; margin:25px 0 5px;}
.con1_t3{ color:#b3b3b3; font-size:14px; line-height:2em;}
.con1_t3 a{ color:#b3b3b3;}
.con1_t3 a:hover{ color:#dab866;}

/*768*/
@media (max-width:991px){
.con_t1{ font-size:4vw; letter-spacing:3px; padding-left:3px; margin-bottom:2vw;}
.con_t2{ font-size:2.5vw; margin-bottom:6vw;}
.con_t2 span::before,.con_t2 span::after{ width:12vw;}
.con_t2 span::before{ left:0; margin-left:-12vw;}
.con_t2 span::after{ right:0; margin-right:-12vw;}
.con1_t1{ font-size:4vw; padding-top:5vw;}
.con1_t2{ font-size:3.5vw; margin:2.5vw 0 1vw;}
.con1_t3{ font-size:3vw;}
}


.network{ background:#fff; padding:6.66667% 8.33333%;}
.search{ text-align:center; font-size:0;}
.select1{ display:inline-block; vertical-align:top; font-family: "SourceHanSansCN-Regular"; outline:none; background:#f5f5f5; border-right:none; border-color:#b3b3b3; color:#b3b3b3; width:20%; height:48px; line-height:48px; font-size:16px; padding:0 1%;}
.submit{ display:inline-block; vertical-align:top; font-family: "SourceHanSansCN-Regular"; outline:none; cursor:pointer; background:#808080; border:1px solid #808080; color:#fff; width:20%; height:48px; line-height:48px; font-size:16px; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.submit:hover{ background:#dab866; border-color:#dab866;}
.select2{ width:20%;}
.select3{ width:40%;}
.map{ position:relative; margin-top:80px;}
.m1{ position:absolute; width:10px; height:15px; z-index:2;}
.m1:hover{ z-index:3;}
.m2{ position:absolute; width:206px; font-size:12px; color:#b3b3b3; margin-left:-236px; margin-top:-60px; background:#f5f5f5; padding:15px; display:none; z-index:4;}
.m2 p{ padding:4px 0;}
.m2 a{ color:#b3b3b3;}
.m2_t{ color:#dab866; font-size:14px; margin-bottom:5px;}
.m2_c{ border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:5px 0; margin-bottom:5px;}
.star{ position:absolute; width:30px; height:30px; background:url(../img/star.png) center no-repeat; background-size:contain; margin-left:-10px; margin-top:-2px; -moz-animation: star 3s ease infinite; -webkit-animation: star 3s ease infinite; -o-animation: star 3s ease infinite; animation: star 3s ease infinite;}

.map_p{ border-bottom:1px solid #f2f2f2; padding:50px 0 30px; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
.map_p:nth-child(1){ padding-top:0;}
.map_p_m:nth-child(1){ padding-top:50px;}
.map_t{ font-family: "SourceHanSansCN-Bold"; font-size:20px; color:#dab866; background:url(../img/location.png) left center no-repeat; padding-left:24px;}
.map_desc{ font-size:14px; color:#b3b3b3; line-height:2em; margin-top:15px;}
.map_desc a{ color:#b3b3b3;}
.map_desc a:hover{ color:#dab866;}
.map_more{ text-align:right; font-size:14px; line-height:2em;}
.map_more a{ color:#dab866;}
.map_m{ display:none;}

/*1200*/
@media (max-width:1279px){
#ChinaMap{ margin-left:-3.5%;}
}
/*1080*/
@media (max-width:1199px){
#ChinaMap{ margin-left:-9.5%;}
}
/*1050*/
@media (max-width:1079px){
#ChinaMap{ margin-left:-11%;}
}
/*1024*/
@media (max-width:1049px){
#ChinaMap{ margin-left:-13%;}
}
/*992*/
@media (max-width:1023px){
#ChinaMap{ margin-left:-15%;}
}
/*768*/
@media (max-width:991px){
.m1{ display:none;}
#ChinaMap{ display:none;}
.map_m{ display:block; width:82vw;}
.map_m img{ width:100%;}

.network{ padding:7vw 6vw;}
.select1{ float:left; width:40.5vw; height:9vw; line-height:9vw; font-size:3vw; padding:0 1%; border-right:1px solid #b3b3b3; margin-bottom:1vw;}
.submit{ width:82vw; height:9vw; line-height:9vw; font-size:3vw; margin-bottom:2vw;}
.select2{ float:right; width:40.5vw;}
.select3{ float:none; width:82vw;}

.map_p{ padding:5vw 0 4vw;}
.map_t{ font-size:3.5vw; background-size:2vw; padding-left:4vw;}
.map_desc{ font-size:3vw; margin-top:2vw;}
.map_more{ font-size:3vw;}
.map{ margin-top:8vw;}
}
/*iframe*/
@media (max-width:768px){
.map_p_m .map_t{ font-size:4.26829vw; background-size:2.439vw; padding-left:4.878vw;}
.map_p_m .map_desc{ font-size:3.65853658vw; margin-top:2.439vw;}
.map_p_m .map_more{ font-size:3.65853658vw;}
}






/* #dab866  rgba(218,184,102,1) */