﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:14px; font-family: 'Microsoft YaHei',helvetica,arial,sans-serif; color:#595959; height:100%; background:#FFF; }

html, body {
	position: relative;
	height: 100%;
}
a{ text-decoration:none; color:#be1d2d;}
a:hover{ color:#cfab79;}
a img{ border:none;}
li{ list-style-type:none;}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination{ display:none; }

.swiper-button-prev,
.swiper-button-next{
position:absolute;
top:50%;
width:48px;
height:60px;
margin-top:-30px;
z-index:10;
cursor:pointer;
-moz-background-size:48px60px;
-webkit-background-size:48px60px;
background-size:48px60px;
background-position:left;
background-repeat:no-repeat;
}
.swiper-button-prev,
.swiper-container-rtl.swiper-button-next{
background:url(../images/web/icon.png)left;
left:60px;
right:auto;
}
.swiper-button-next,
.swiper-container-rtl.swiper-button-prev{
background:url(../images/web/icon.png)right;
right:60px;
left:auto;
}
.swiper-button-next:hover,
.swiper-container-rtl.swiper-button-prev{
background:url(../images/web/icon_57.png)right;
right:60px;
left:auto;
}
.swiper-button-prev:hover,
.swiper-container-rtl.swiper-button-prev{
background:url(../images/web/icon_57.png)left;
left:60px;
right:auto;
}
.swiper-container-horizontal>.swiper-scrollbar{
position:absolute;
left:0%;
bottom:0px;
z-index:50;
height:2px;
width:100%;
}
.swiper-scrollbar{
border-radius:1px;
position:relative;
-ms-touch-action:none;
background:#ceab5d;
}
.swiper-scrollbar-drag{
height:100%;
width:100%;
position:relative;
background:#c20522;
border-radius:10px;
left:0;
top:0;
}
.swiper-pagination-bullet{
width:8px;
height:8px;
display:inline-block;
border-radius:100%;
background:#ceab5d;
opacity:0.5;
margin:0 5px;
}
.swiper-pagination-bullet-active{
opacity:1;
background:#c20522;
}
.banner{ width:100%; }
.banner img{ width:100%; display:block; }

#cslist{ width:72px; position:fixed; right:0px; bottom:10%; z-index:12000;   }
#cslist li{ text-indent:0px; cursor:pointer;  margin-bottom:10px; border-radius:10%; position:relative;  }
#cslist li a{ display:block; width:72px; height:72px; background:#e7d7b2; opacity:0.8; border-radius:10%; }
#cslist li a:hover{ display:block; width:72px; height:72px; background:#c7000b; opacity:1; 
transition: 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ 
 }
#cslist .cstop{ }
#cslist li .ewm{ width:162px; height:162px; position:absolute; left:-162px; top:0; background:url(../images/web/ewm_bg.png) no-repeat; opacity:0; border-top-left-radius:10%;  border-bottom-left-radius:10%; box-shadow: 0px 0px 5px #eee1be;  }
#cslist li .ewm img{ margin:0 auto; text-align:center; width:137px; height:142px; margin-left:15px; margin-top:10px; }
#cslist li a:hover .ewm{ opacity:1; 
transition: 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ 
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; /* Firefox 4 */
-webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
-o-transition-timing-function: ease-out; /* Opera */ }
#cslist li a.ewm_li:hover{ border-radius:0; border-top-right-radius:10%;  border-bottom-right-radius:10%;  }

#nav{  }
nav{ width:100%;  background:#FFF; border-top:2px solid #c20522; height:86px;  position:fixed; left:0; top:0; z-index:200;}
nav  h3{ height:30px; width:30px; margin:0px 0 0 20px; display:none; }
nav  h3 img{ width:100%; }
nav #nav{ width:1200px; margin:0 auto;   }
nav  li{ text-align:center; font-size:14px;  border-bottom:none;  width:9.5%; heigth:88px; overflow:hidden;  position:relative; padding-top:0px;  float:left; z-index:999; }
nav li a{ color:#9fa0a0; display:block; padding-top:20px; line-height:66px; height:66px; }
.a_l_22{ margin-left:22%; }
nav li a:hover{ background:#c20522; color:#e7d7b2; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; /* Firefox 4 */
-webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
-o-transition-timing-function: ease-out; /* Opera */ }
.mume_list{ background:#ceaa5d; position:absolute; left:0; top:80px; border-bottom-right-radius:2em;
border-bottom-left-radius:2em; padding-bottom:36px; opacity:0; width:100%; }
.mume_list li{ position:inherit; text-align:center; font-size:12px;  border-bottom:none;  width:100%;  position:relative; padding-top:0px;  float:left; z-index:999; }
.mume_list li a{ color:#FFF; display:block; padding-top:0px; width:90%; margin:0 auto; border-bottom:1px solid #cf242d; line-height:36px; height:36px; }
.mume_list li a:hover{ 
color:#e7d7b2; background:none; border-bottom:1px solid #d21633; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; /* Firefox 4 */
-webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
-o-transition-timing-function: ease-out; /* Opera */ }
nav .cur{ top:86px; opacity:1; background:#c20522; box-shadow:none; display:block; 
transition: 0.3s; 
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; /* Firefox 4 */
-webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
-o-transition-timing-function: ease-out; /* Opera */ }
nav .cur02{ background:#c20522; color:#e7d7b2; box-shadow:none; 
transition: 0.3s; 
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; /* Firefox 4 */
-webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
-o-transition-timing-function: ease-out; /* Opera */ }
nav .cur02 a{ color:#FFF; }
nav .cur03 a{ background:#c20522; color:#e7d7b2; }
 
#logo{width:13.75%;  float:none; margin:0 auto; position:absolute; left:50%;  margin-left:-132px; display:block;  }
#logo img{ width:100%;  margin:0 auto;  }

.login_menu{ border-top:none; margin-top:0px; position:relative; background:url(../images/login_line.jpg) repeat-y left top; top:0px; right:150px; width:360px; height:60px; float:left; }
.login_menu a{ display:block; border-right:1px solid #858585; width:40%;  background:url(../images/icon_08.jpg) no-repeat 40px center; font-size:12px; text-align:center; float:left; color:#d9b889; color:#be1d2d; height:22px; line-height:22px; margin-left:20px; margin-top:20px; }
.login_menu .login_menu_a{  border-right:none; background:url(../images/icon_09.jpg) no-repeat 40px center;  }
.login_menu a:hover{ color:#cfab79;  }

header{  width:100%; margin:0 auto; background:#FFF;   padding-top:0px; padding-bottom:0px; overflow:hidden; zoom:1;  }
header #logo{width:264px;  float:none; margin:0 auto; position:absolute; left:50%;  margin-left:-132px; display:block; display:none;  }
header #logo img{ width:100%;  margin:0 auto;  }
header .menuicon{ width:35%; float:left; margin-left:5%; margin-top:10px; display:none; }
.icon_06{  margin-top:0px; margin-left:0px; }
.icon_06 img{ width:30px; height:30px; }

.content_bg_01{ background:#FFF; }
.content_bg_02{ background:url(../images/web/p_bg_11.png) no-repeat left top; }
.content_bg_03{ background:#ceab5d; }
.content_bg_04{ background:#f9f4e1; }
.content_txt_01{ width:1200px; margin:0 auto; }

.h_01,.h_02{ padding:60px 0 0 0; border-left:1px solid #d1d1d1; width:240px; margin:0 auto; }
.h_01 h1,.h_02 h1{ font-weight:500;  color:#c20522; font-size:36px; margin-left:20px; }
.h_01 h1 label,.h_02 h1 label{  }
.h_01 h1 span,.h_02 h1 span{ color:#9fa0a0; font-family:"Times New Roman", Times, serif; font-size:24px; display:block; background:url(../images/web/line_01.png) no-repeat left 5px;   }
.h_02{ width:240px;}
.h_02 h1{color:#FFF; }
.h_02 h1 span{ color:#FFF; background:url(../images/web/line_02.png) no-repeat left 5px; }

.more_btn{ color:#9fa0a0; font-size:14px; float:right; margin-top:60px; padding-right:0px; background:url(../images/icon_01.png) no-repeat -100px center;  transition: 0.3s; 
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */  }
.more_btn:hover{ color:#ddaf51; font-size:14px; padding-right:20px; background:url(../images/icon_01.png) no-repeat right center; opacity:1; 
transition: 0.5s; 
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ 
}
.more_btn_02,.more_btn_03{ color:#9fa0a0; font-size:14px; width:30%; display:block; text-align:center; height:60px; line-height:20px; margin:0 auto; background:none; background-position:center; background-position:center; transition: 0.3s; 
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */  }
.more_btn_02:hover,.more_btn_03:hover{ color:#ddaf51; font-size:14px; background:#c7000b url(../images/icon_01.png) no-repeat 52% center; opacity:1; line-height:60px;  width:100%;
transition: 0.3s; 
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
}
.more_btn_03{ color:#FFF; }


.about_txt{ background:url(../images/web/about_bg.png) no-repeat left top; height:447px; margin:60px 0 00px 0; }
.about_l{ width:588px; float:left; padding-left:60px; }
.about_r{ width:475px; float:right; padding:80px 0px 0 0px; font-size:14px; color:#727171; line-height:30px; background:url(../images/web/line_03.png) no-repeat right top; }

.list_p{ padding:0px 0 0px 0px;  }
#gd_02{ padding:50px 0; }
#gd_02 .swiper-button-prev{ left:0; }
#gd_02 .swiper-button-next{ right:0; }
#gd_02 ul li{ position:relative;  }
#gd_02 ul li a{ display:block;   }
#gd_02 ul li a img{ width:75%; display:block; margin:0 auto; margin-bottom:2%; }
#gd_02 ul li a h2{ position:absolute; bottom:0px; margin:0 auto; height:36px; width:100%; display:block; color:#ceab5d; font-weight:500; line-height:36px; text-align:center; font-size:14px; }
#gd_02 ul li a:hover{ box-shadow: 0px 0px 40px #f0e6ce; transition: 0.5s; 
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */  }
#gd_02 ul li a:hover h2{ background:#ceab5d; color:#ffffff; 
transition: 0.5s; 
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */  }

#gd_03{  padding:60px 0; margin-bottom:60px; position:relative; width:95%; }
#gd_03 ul{ width:100%; }
#gd_03 ul li{ width:23%; float:left; margin:0 1%; }
#gd_03 ul li img{ width:45%; float:left; }
#gd_03 ul li p{ font-size:12px; text-align:left; float:right; width:50%; color:#ffffff; line-height:20px; padding-left:20px; height:auto;  }
.list_02{ margin-bottom:30px;   }
.list_02 span{ position:absolute;left:0; bottom:; color:#FFF; }
/*Scrollbar*/
#gd_03 .swiper-scrollbar{
border-radius:1px;
position:relative;
-ms-touch-action:none;
background:#FFF;
}
#gd_03 .swiper-slideimg{width:100%;}
#gd_03 .swiper-scrollbar{
position:absolute;
left:50%;
bottom:0px;
z-index:50;
height:5px;
width:74%;
border-radius:10px;
margin-left:-37%;
}
#gd_03 .swiper-scrollbar-drag{
height:100%;
width:100%;
position:relative;
background:#c20522;
border-radius:10px;
left:0;
top:0;
}
#gd_03 .swiper-scrollbar-cursor-drag{
cursor:move;
}
#gd_03 .swiper-pagination{ display:block; width:100%; margin-bottom:18px; background:url(../images/web/line_04.png) repeat-x 10px 15px; background-size:25px 25px; }
#gd_03 .swiper-pagination-bullet,#gd_03 .swiper-pagination-current{
width:5.2%;
height:55px;
display:inline-block;
border-radius:100%;
background: url(../images/web/dian_01.png) no-repeat center center; 
opacity:1;
margin:0 0px 0 0;
cursor:pointer;
}
#gd_03 .swiper-pagination-bullet-active,#gd_03 .swiper-pagination-total{
opacity:1;
background: url(../images/web/dian_02.png) no-repeat center center; 
}
#gd_03 .time{ display:block; width:100%;  position:absolute; text-align:center;   }
#gd_03 .time a{ 
width:5%;
font-size:12px;
color:#FFF;
display:inline-block; 
border-radius:0;
opacity:1;
margin:30px 0px 30px 0;
text-align:center;
}


a.img_hover img{ transform:scale(1,1); 
transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
 }
a.img_hover:hover img{ transform:scale(1.3,1.3); 
transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out; /* Firefox 4 */
-webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
-o-transition-timing-function: ease-out; /* Opera */ }

.center_page{ clear:both; padding:0px; padding-top:60px; }
.center_page{ overflow:hidden; width:100%;  }
.center_page ul{ overflow:hidden; zoom:1; width:100%; margin-top:0px; }
.center_page li{ overflow:hidden; zoom:1; width:25%; float:left; background:#281e08;   }
.center_page li .home_img{ position:relative; overflow:hidden; width:100%; position:relative; opacity:0.5; }

.center_page li img{ width:100%; display:block; }
.center_page li .pintro{  overflow:hidden; padding-left:0px; padding-right:0px; position:absolute; bottom:-48px; width:100%;  opacity:0;  }
.center_page li .pintro h3{ font-size:20px; color:#cdaa78; font-weight:500; text-align:center; background:#c7000b; height:48px; line-height:48px;  }
.center_page li a{ display:block; width:100%;  }
.center_page li a:hover .home_img{ opacity:1; 
transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
 }
.center_page li a:hover .pintro{ display:block; bottom:0px; opacity:1;
transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
 }
.center_page li.a_li{ background:none; position:relative; }
.center_page li .more_btn_04{ display:block; background:#c7000b; height:100%; text-align:center; color:#ceab5d; width:100%; position:absolute; bottom:0px; }
.center_page li .more_btn_04 span{ position:absolute; display:block; text-align:center; left:50%; margin-left:-18px; font-size:36px; top:50%; margin-top:-18px; }
.center_page li .more_btn_04:hover{  background:#ceab5d; color:#FFF;
transition: 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */  }

#gd_04{ padding:60px 0 90px 0;  width: 100%; height: 100%; background:url(../images/web/ryzz_bg.png) no-repeat center 170px; background-size:contain;   }
#gd_04 .list_p{ padding:0px 50px 0px 50px;  margin:0 auto;    }
#gd_04 .swiper-button-prev{ left:0; }
#gd_04 .swiper-button-next{ right:0; }
#gd_04 ul li{   

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
 }
#gd_04 ul li a img{ width:100%; }


.bottom_bg{ background:url(../images/web/bottom_bg.jpg) no-repeat left top; }
.bottom_txt{ background:url(../images/web/line.png) repeat-x left center;  }
.bottom_content{ width:22%; margin:0 auto; background:url(../images/web/line_06.png) repeat-x left center; height:246px; }  
.bottom_content .bottom_l{ width:28%; float:left; padding-top:50px; }
.bottom_content .bottom_l img{ width:100%; }
.bottom_content .bottom_r{ float:right; padding-top:50px; width:68%; }
.bottom_content .bottom_r label{ color:#FFF; font-size:18px; margin-bottom:10px; display:block; }
.bottom_content .bottom_r p{ color:#FFF; }

.bottom_list{ background:#323232; height:60px; line-height:60px; }
.bottom_list ul{ width:62.5%; margin:0 auto;  }
.bottom_list ul li{ display:inline-block; width:12%; text-align:center; margin:0; padding:0; border-right:1px solid #6b6b6b; }
.bottom_list ul li a{ color:#FFFFFF; }
.bottom_list ul li a:hover{ color:#e7d7b2; }
.bottom_list ul li.border_noR{ border-right:none; }
.bottom_list p{ text-align:center; color:#9fa0a0; }

/*about*/
.banner_p{ width:100%; }
.banner_p img{ width:100%; display:block; }

#cslist02{ width:11.5%; position:fixed; top:73%; left:7%; z-index:12000; border-top:3px solid #c7000b; background:#FFF; }
#cslist02 li{ background:url(../images/web/line_07.png) repeat-x left bottom; }
#cslist02 li a{ display:block; height:48px; line-height:48px; font-size:14px; color:#727171; padding-left:10px;  }
#cslist02 li a:hover{ color:#c7000b; }
#cslist02 li.cur{ background:url(../images/left_btn_bg.png) no-repeat right bottom; }
#cslist02 li .cur_li{ background:url(../images/left_btn_bg.png) no-repeat right bottom; }
#cslist02 li a.cur_li{ color:#c7000b; }
.top_list{ top:75%; }

.cur_txt{ background:url(../images/web/line_07.png) repeat-x left center; height:60px;  margin:60px 0px; }  
.cur_txt_content{ width:1080px; margin:0 auto; }
.h_page{  }  
.h_page_l{ float:right; margin-top:10px; color:#9fa0a0; }
.h_page_l a{ color:#9fa0a0; }
.h_page_l a:hover{ color:#c20522; }
.h_page_r{ float:right;  }

.h_page_r h1{ font-weight:500;  color:#c20522; font-size:36px; margin-left:0px; background:#FFFFFF; padding:0 30px; }
.h_page_r h1 span{ color:#9fa0a0; font-family:"Times New Roman", Times, serif; font-size:20px; display:block; height:20px;  background:url(../images/web/line_01.png) no-repeat left 0; background-size:70% 4px;  }

.about_page_txt{ background:url(../images/web/about_bg.png) no-repeat center 0%; background-size:72%; margin:0px 0 0px 0; overflow:hidden; zoom:1; width:1080px; margin:0 auto; height:auto; padding:0 0 60px 0; }
.about_page_txt .about_l{ width:100%; text-align:center; float:none; }
.about_page_txt .about_r{ width:100%; padding:60px 0px 0 0px; font-size:14px; float:none; color:#727171; line-height:30px; background:none; }
.about_page_txt .about_r p{ margin:20px 0; text-indent:2em; color:#727171; }

.page_txt_1080{ width:1080px; margin:0 auto; overflow:hidden; zoom:1; }

/*care*/
.care_list{  overflow:hidden; zoom:1; width:1140px;  }
.care_list li{ width:510px; float:left; margin:0 60px 60px 0px;  }
.care_list li div{ background:url(../images/web/gh_img_bg.jpg) no-repeat; min-height:350px; width:510px; overflow:hidden; }
.care_list li div a{ display:block; }
.care_list li div a img{ margin:0 auto; margin:77px 0 0 110px; }
.care_list li h2{ background:url(../images/web/gh_line_bg.jpg) repeat-x left top; color:#ceab5d; font-size:14px; text-align:center; line-height:40px; }

/*production*/

.production_list{ clear:both; padding:0px; padding-top:30px; }
.production_list{ overflow:hidden; width:100%;  }
.production_list ul{ overflow:hidden; zoom:1; width:100%; margin-top:0px; }
.production_list li{ overflow:hidden; zoom:1; width:100%; float:left; background:#f9f4e1; margin-bottom:30px;  }
.production_list li .home_img{ position:relative; overflow:hidden; width:28%; float:left; opacity:1; }
.production_list li .p_img100{ width:45%; }
.production_list li img{ width:100%; display:block; }
.production_list li .pintro{ width:40%;  overflow:hidden; padding:60px 0 30px 60px;  }
.production_list li .pintro h3{ font-size:20px; color:#cdaa78; font-weight:500; text-align:left;   line-height:24px;   }
.production_list li .pintro p{ color:#9fa0a0; padding:30px 0 0 0; line-height:24px; font-size:14px; max-height:120px; overflow:hidden; margin:0px 0 20px 0; text-indent:2em; color:#9fa0a0;  }
.production_list li .pintro p label{ display:block; font-weight:600; }
.production_list li .pintro p span{ font-weight:600; }



.production_list li a{ display:block; width:100%; overflow:hidden; zoom:1; background:url(../images/web/icon_05.png) no-repeat 95% 90%; }
.production_list li a:hover{ background:#ceab5d url(../images/web/icon_06.png) no-repeat 98% 90%; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */  }
.production_list li a:hover .home_img{ opacity:1; 
transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ 
color:#ffffff;
 }
.production_list li a:hover .pintro h3,.production_list li a:hover .pintro p{ 
transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */
color:#ffffff; 
 }
.production_list li.p_lr .home_img{ float:right; }
.production_list li.p_lr .pintro{   }
.production_list li.p_lr a{ display:block; width:100%; overflow:hidden; zoom:1; background:url(../images/web/icon_05.png) no-repeat 40% 90%; }
.production_list li.p_lr a:hover{ background:#ceab5d url(../images/web/icon_06.png) no-repeat 43% 90%; transition: 0.3s;  }

ul li{ list-style:none; margin:0; padding:0; }
#page_dv{ width:100%; margin:30px 0 60px 0; }
#page_dv ul{ width:100%;  overflow:hidden;zoom:1; text-align:center; margin:0 auto;  }
#page_dv ul li{ width:48px; height:60px; display:inline-block; border:1px solid #ddaf51;  margin:0 0 0 20px; border-radius:8%; line-height:60px; color:#ddaf51; } 
#page_dv ul li a{  display:block; line-height:60px; text-align:center; background:#FFF;  color:#ddaf51; text-decoration:none; border-radius:4%;  }
#page_dv ul li a:hover{ background:#ddaf51; color:#FFF; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }
#page_dv ul li .page_l{ background:url(../images/web/page_l.png) no-repeat; }
#page_dv ul li .page_r{ background:url(../images/web/page_r.png) no-repeat; }
#page_dv ul li .page_l:hover{ background:#ddaf51 url(../images/web/page_l_02.png) no-repeat -5px; }
#page_dv ul li .page_r:hover{ background:#ddaf51 url(../images/web/page_r_02.png) no-repeat 5px; }

#page_dv .more_a{ width:240px; height:60px; display:block; border:1px solid #ddaf51; border-radius:6px; line-height:60px; margin:0 auto; text-align:center; color:#ddaf51; }
#page_dv .more_a:hover{ background:#ddaf51; color:#FFF; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */  }

#page_dv .more_a_02{ width:96px; height:120px; display:block; background:#ddaf51; border-radius:6px; line-height:120px; margin:0 auto; text-align:center; color:#FFFFFF; }
#page_dv .more_a_02:hover{ background:#c7000b; color:#FFF; border:none; transition: 0.3s; box-shadow: 0px 0px 30px #eee1be;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */  }
.line_btn{ background:url(../images/web/line_07.png) repeat-x left center; }

/*memorabilia*/
.memorabilia_txt{ background:url(../images/web/line_08.png) repeat-y right top; padding:30px 0 30px 0;   }
.memorabilia_txt h3{ background:url(../images/web/dian_03.png) no-repeat right center; heigth:60px; text-align:right; margin-top:0px; margin-bottom:30px; padding-right:30px; color:#ceab5d; font-size:28px; font-weight:500; }
.memorabilia_txt ul{ overflow:hidden; zoom:1; padding: 0 0 60px 0; }
.memorabilia_txt ul li{ width:50%; float:left; margin:3% 0 0 0; }
.memorabilia_txt ul li a{ background:#efefef; width:80%; padding:5%; display:block; color:#9fa0a0;  position:relative; top:0px; }
.memorabilia_txt ul li a p{ width:50%; float:right; }
.memorabilia_txt ul li a:hover{ background:#c7000b; top:-10px; box-shadow: 0px 0px 30px #eee1be; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */   }
.memorabilia_txt ul li a:hover p{ color:#FFFFFF; }

/*news*/
.news{  overflow:hidden; zoom:1; }
.news ul{ overflow:hidden; zoom:1; width:1140px; }
.news li{ width:380px; float:left; }
.news li a{ width:320px; flaot:left; display:block; background:url(../images/web/line_07.png) repeat-x left 90%; position:relative; }
.news li a img{ width:100%; display:block; }

.news li a .news_txt{ padding:30px 0 60px 0; background:url(../images/web/line_07.png) repeat-y 26% top; overflow:hidden; zoom:1; }
.news li a .news_txt .news_time{ width:26%; float:left; }
.news li a .news_txt .news_time label{ color:#cfab5d; font-size:28px; display:block; }
.news li a .news_txt .news_time span{ color:#9fa0a0; font-size:12px; text-align:right; display:block; padding:0 20px 0 0; }
.news li a .news_txt .news_content{ width:68%; float:right; }
.news li a .news_txt .news_content h3{ color:#cfab5d; font-size:14px; min-height:39px; }
.news li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:20px; line-height:24px; overflow:hidden; min-height: 75px; } 

.news li a:hover{ transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }
.news li a:hover .news_txt .news_time span,.news li a:hover .news_txt .news_content p{ color:#cfab5d; }
.news li a .zz_dv{ opacity:0; position:absolute; left:0; top:0; width:100%; height:160px;  background:#cfab5d; }
.news li a .zz_dv img{ width:48px; height:48px; margin:0 auto; margin-top:-90px; }
.news li a:hover .zz_dv{ opacity:0.75; transition: 0.5s; 
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ }
.news li a:hover .zz_dv img{ margin-top:60px; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }

/*Technician*/
.tea_dv{ background:url(../images/web/tea_01.png) no-repeat left 110px; margin-top:60px; padding-bottom:60px; width:100%;  background-size:contain; }
.tea_dv_txt{ background:url(../images/web/tea_02.png) no-repeat left top;  padding:475px 30px 26px 30px;  background-size:contain; }
.tea_dv_txt .tea_l{ width:36%; float:left; }
.tea_dv_txt .tea_r{ width:55%; float:left; color:#9fa0a0; }
.tea_dv_txt .tea_r p{ color:#9fa0a0; text-indent:2em; margin:20px 0; line-height:28px; }


.health_txt{  overflow:hidden; zoom:1; }
.health_txt ul{ overflow:hidden; zoom:1; width:100%; }
.health_txt li{ width:100%; float:none; height:160px; margin-bottom:30px; }
.health_txt li a{ width:100%; flaot:none;    display:block; background:none; position:relative; }
.health_txt li a img{ width:320px; float:left; display:block; }

.health_txt li a .news_txt{ padding:0px 0 0px 0; width:700px; float:right; background:none; border-bottom:1px solid #d2d2d2; overflow:hidden; zoom:1; }
.health_txt li a .news_txt .news_time{ width:9%; float:right; }
.health_txt li a .news_txt .news_time label{ color:#cfab5d; font-size:28px; display:block; text-align:right; }
.health_txt li a .news_txt .news_time span{ color:#9fa0a0; font-size:12px; text-align:left; display:block; padding:0 0px 0 0; }
.health_txt li a .news_txt .news_content{ width:72%; padding-right:10%; float:left; background:url(../images/web/line_07.png) repeat-y right top; }
.health_txt li a .news_txt .news_content h3{ color:#cfab5d; font-size:24px; font-weight:500; max-height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.health_txt li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:30px; line-height:24px; max-height:72px; overflow:hidden; text-overflow:ellipsis; } 

.health_txt li a:hover{ transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }
.health_txt li a:hover .news_txt .news_time span,.news li a:hover .news_txt .news_content p{ color:#cfab5d; }
.health_txt li a .zz_dv{ opacity:0; position:absolute; left:0; top:0; width:320px; height:160px;  background:#cfab5d; }
.health_txt li a .zz_dv img{ width:48px; height:48px; margin:0 auto; margin-top:-90px; margin-left:140px; }
.health_txt li a:hover .zz_dv{ opacity:0.75; transition: 0.5s; 
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ }
.health_txt li a:hover .zz_dv img{ margin-top:60px; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }

/*oemdom*/
.h_04{ height:190px; background:url(../images/web/border_line_01.png) no-repeat right top; color:#ceab5d; font-size:32px; }
.h_04 p{ width:865px; padding:55px 0 0 0; color:#ceab5d; text-indent:0em; }
.h_05{ height:306px; background:url(../images/web/border_line_02.png) no-repeat right top; color:#ceab5d; font-size:32px; }
.h_05 p{ width:450px; margin:90px 0 0 40px; color:#ceab5d; text-indent:0em; float:right;  }
.h_06{ height:360px; width:360px; color:#ceab5d;  float:left; border:24px solid #efefef; border-radius:50%;   }
.h_06 label{ display:block; text-align:center; padding:130px 0 0 0; font-size:48px; }
.h_06 span{ width:360px; text-align:center; margin:0px 0 0 0px; padding:0px 0 0 0; display:block; font-size:18px; font-weight:500; color:#9fa0a0; text-indent:0em; line-height:18px; }
.h_07{ height:360px; width:360px; color:#ceab5d;  float:right; border:24px solid #efefef; border-radius:50%; margin-top:-10px;  }
.h_07 label{ display:block; text-align:center; padding:130px 0 0 0; font-size:48px; }
.h_07 span{ width:360px; text-align:center; margin:0px 0 0 0px; padding:0px 0 0 0; display:block; font-size:18px; font-weight:500; color:#9fa0a0; text-indent:0em; line-height:18px; }
.h_08{ height:360px; width:360px; color:#ceab5d;  float:left; border:24px solid #efefef; border-radius:50%; margin-top:-12px;  }
.h_08 label{ display:block; text-align:center; padding:130px 0 0 0; font-size:48px; }
.h_08 span{ width:360px; text-align:center; margin:0px 0 0 0px; padding:0px 0 0 0; display:block; font-size:18px; font-weight:500; color:#9fa0a0; text-indent:0em; line-height:18px; }

.oemdom_txt p{ padding:60px 0; line-height:48px; }
.oemdom_txt_bg{ background:url(../images/web/oemdom_01.png) no-repeat left top;  }
.oemdom_txt_bg .oemdom_p_01{ color:#FFFFFF; width:350px; line-height:36px; font-size:18px; float:right; margin-top:50px; }

.oemdom_txt_bg .line_09{ background:url(../images/web/line_09.png) no-repeat center 120px; padding:120px 0 0 0; }
.oemdom_txt_bg .oemdom_list{ padding:30px 0; }
.oemdom_txt_bg .oemdom_list li{ color:#9fa0a0; line-height:32px; }

.oemdom_list_02{ width:620px; float:left; background:url(../images/web/line_10.png) no-repeat right top; padding:30px 0 10px 30px; }
.oemdom_list_02 li{ color:#9fa0a0;  height:40px; width:620px; line-height:31px; }
.oemdom_list_02 li label{ display:block; width:16px; height:31px; line-height:31px; background:url(../images/web/icon_08.png) no-repeat left top; float:left; margin-right:10px; } 
.oemdom_list_02 li span{ display:block; width:580px; height:31px;  float:left; }
.oemdom_list_r{ width:620px; float:right; background:url(../images/web/line_11.png) no-repeat right top; margin-top:200px; padding:40px 0 0px 30px; }
.oemdom_list_r li{ height:50px; line-height:20px; }

.oemdom_list_r_02{ width:100%; clear:both; background:url(../images/web/line_13.png) no-repeat right top; margin-top:-240px; margin-left:-30px; padding:330px 0 20px 0; margin-bottom:60px;   }
.oemdom_list_r_02 ul{  }
.oemdom_list_r_02 li{  margin-bottom:0px; padding-left:560px;  }
.oemdom_list_r_02 li{ color:#9fa0a0;  width:520px; height:auto; overflow:hidden; zoom:1; }
.oemdom_list_r_02 li label{ display:block; width:16px; height:31px;  background:url(../images/web/icon_08.png) no-repeat left top; float:left; margin-right:10px; } 
.oemdom_list_r_02 li span{ display:block; width:480px; height:auto; line-height:28px;  float:left; }
.oemdom_list_r_02 .li_h_01{ margin-bottom:10px; height:auto;  }
.oemdom_list_r_02 .li_h_02{ width:480px; }
.oemdom_list_r_02 .li_h_03{ width:480px; }
.oemdom_list_r_02 .li_h_02 span{ width:330px;  line-height:24px; }
.oemdom_list_r_02 .li_h_03 span{ width:300px;  line-height:24px; }

.mar_0 p{ padding:0 0 60px 0;  }

.yw_dv{ background:url(../images/web/yw_bg.png) no-repeat left top; padding-top:60px; }
.yw_dv img{ display:block; width:80%;  margin:0 auto; margin-bottom:30px; }

.contact_dv{ width:100%; box-shadow: 0px 0px 30px #eee1be; overflow:hidden; margin-bottom:60px; }
.dw_dv{ overflow:hidden; zoom:1; }
.dw_dv .dw_icon{ width:195px; float:left; background:#ceab5d; }
.dw_dv .dw_r{  float:right; padding:30px; width:920px; }
.dw_dv .dw_r label{ font-size:24px; color:#ceab5d; }
.dw_dv .dw_r p{ color:#9fa0a0; font-size:18px; line-height:36px; padding-top:20px; }
.dw_dv .map{ width:100%; }
.dw_dv .map img{ width:100%; display:block; }

/*Join us*/
.joinus_dv{  overflow:hidden; zoom:1; }
.joinus_dv ul{ overflow:hidden; zoom:1; width:1140px; }
.joinus_dv li{ width:540px; float:left; }
.joinus_dv li a{ width:480px; flaot:left; display:block; background:url(../images/web/line_07.png) repeat-x left 96%; position:relative; }
.joinus_dv li a img{ width:100%; display:block; }

.joinus_dv li a .news_txt{ padding:30px 0 60px 0; background:url(../images/web/line_07.png) repeat-y 22% top; overflow:hidden; zoom:1; }
.joinus_dv li a .news_txt .news_time{ width:16%; float:left; }
.joinus_dv li a .news_txt .news_time label{ color:#cfab5d; font-size:28px; display:block; }
.joinus_dv li a .news_txt .news_time span{ color:#9fa0a0; font-size:12px; text-align:right; display:block; padding:0 20px 0 0; }
.joinus_dv li a .news_txt .news_content{ width:68%; float:right; }
.joinus_dv li a .news_txt .news_content h3{ color:#cfab5d; font-size:14px; }
.joinus_dv li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:20px; line-height:18px; } 

.joinus_dv li a:hover{ transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }
.joinus_dv li a:hover .news_txt .news_time span,.joinus_dv li a:hover .news_txt .news_content p{ color:#cfab5d; }
.joinus_dv li a .zz_dv{ opacity:0; position:absolute; left:0; top:0; width:100%; height:160px;  background:#cfab5d; }
.joinus_dv li a .zz_dv img{ width:48px; height:48px; margin:0 auto; margin-top:-90px; }
.joinus_dv li a:hover .zz_dv{ opacity:0.75; transition: 0.5s; 
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ }
.joinus_dv li a:hover .zz_dv img{ margin-top:60px; transition: 0.3s;
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */ }

/*news_content_demo*/
.news_content_demo{ overflow:hidden; }
.news_content_demo h2{ font-size:36px; font-weight:500; border-bottom:1px solid #d2d2d2; color:#ceab5d; text-align:center; padding:30px 0; }
.news_content_demo .h3_demo{ padding:30px 0; color:9fa0a0; }
.news_content_demo .h3_demo .time_demo{ display:block; padding:30px 0; color:#9fa0a0; font-size:12px; text-align:center; }
.news_content_demo .h3_demo h3{ color:#9fa0a0; font-size:20px; font-weight:500; text-align:center; }
.news_content_demo .h3_demo h3 span{ display:block; font-size:14px; }
.news_content_demo .demo_txt{ text-align:center; }
.news_content_demo .demo_txt img{  margin: 0 auto; margin:0px 0; }
.news_content_demo .demo_txt p{ color:#9fa0a0; font-size:14px; line-height:24px; padding:20px 0 10px 0; text-indent:0em; text-align:left; }
 


@media screen and (max-width: 1190px) {



.swiper-button-prev{ display:none; }
.swiper-button-next{ display:none; }
.swiper-pagination{ display:block; }
.banner img{ width:100%; }

#cslist{ width:36px; position:fixed; right:0px; bottom:10%; z-index:12000;   }
#cslist li{ text-indent:0px; cursor:pointer;  margin-bottom:10px; border-radius:10%; position:relative;  }
#cslist li a{ display:block; width:36px; height:36px; background:#e7d7b2; opacity:0.8; border-radius:10%; }
#cslist li a img{ width:100%; }
#cslist li a:hover{ display:block; width:36px; height:36px; background:#c7000b; opacity:1; 
transition: 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s; /* Opera */ 
 }
#cslist li a.qq_li,#cslist li a.ewm_li{ display:none; }

.bottom_bg{ background:url(../images/web/bottom_bg.jpg) no-repeat left top; background-size:cover; }
.bottom_txt{ background:none;  }
.bottom_content{ width:100%; margin:0 auto; background:none; height:auto; }  
.bottom_content .bottom_l{ width:60px; float:none; margin:0 auto; padding-top:15px; }
.bottom_content .bottom_l img{ width:100%; }
.bottom_content .bottom_r{ float:none; padding:25px 0; width:50%; margin:0 auto;  }
.bottom_content .bottom_r label{ color:#FFF; font-size:14px; margin-bottom:15px; display:block; }
.bottom_content .bottom_r p{ color:#FFF; font-size:12px; }

.bottom_list{ background:none;  }
.bottom_list ul{ width:100%; margin:0 auto; display:none; }
.bottom_list ul li{ display:inline-block; width:10%; text-align:center; margin:0; padding:0; border-right:1px solid #6b6b6b; }
.bottom_list ul li a{ color:#FFFFFF; font-size:12px; }
.bottom_list ul li a:hover{ color:#e7d7b2; }
.bottom_list ul li.border_noR{ border-right:none; }
.bottom_list p{ text-align:center; color:#9fa0a0; font-size:12px; width:80%; margin:0 auto; line-height:20px; padding:10px 0; }

nav{ width:50%; background:#ceab5d; height:100%; position:absolute; border-top:none; left:-70%; top:0; z-index:10000;  opacity:0.8; }
nav  h3{ height:30px; width:30px; margin:20px 0 0 20px; display:block; }
nav  h3 img{ width:100%; }
nav #nav{ width:100%; margin:0 auto; height:auto;  }
nav  li{ text-align:center; font-size:12px; line-height:44px; border-bottom:1px solid #dcbe7b; width:100%; overflow:hidden; height:44px; float:none; }
nav li a{ color:#f9f4e1; display:block; padding-top:0px; }
nav li a:hover{ color:#FFF;}
.a_l_22{ margin-left:0%; }
nav #logo{ display:none; }
.menu_dv{ width:100%; height:100%; background:#333; position:absolute; border-top:none; right:0%; display:none; top:0; z-index:9999; opacity:0.9; 
-moz-transition: 0.3s; /* Firefox 4 */
-webkit-transition: 0.3s; /* Safari 和 Chrome */
-o-transition: 0.3s; /* Opera */  }

nav li a{ height:44px; line-height:44px; }
nav li a:hover{ color:#FFFFFF; background:#ceab5d; color:#e7d7b2; }
.mume_list{ background:none; position:absolute; left:100%; top:0px; border-bottom-right-radius:2em;
border-bottom-left-radius:2em; padding-bottom:0px; opacity:0; background:#d1b066; }
.mume_list li{ position:inherit; text-align:center; font-size:12px; background:#d1b066;  border-bottom:none;  width:100%; height:44px; line-height:44px;  position:relative; padding-top:0px;  float:left; z-index:999;  }
.mume_list li a{ color:#FFF; display:block; padding-top:0px; width:100%; margin:0 auto; border-bottom:1px solid #cf242d; height:44px; line-height:44px; }
.mume_list li a:hover{ 
color:#e7d7b2; background:none; border-bottom:0px solid #d21633;}
nav .cur{ top:0px; opacity:1; background:#d1b066; box-shadow:none; display:block;  }
nav .cur02{ background:#f1ddb2; color:#b29658;  }
nav .cur02 a{ color:#b29658; background:#f1ddb2; line-height:44px; width:100%; overflow:hidden; height:44px;  }
nav .cur02 a:hover{ background:#f1ddb2; color:#b29658; }
nav .cur02 li{ background:#f1ddb2; }

 
header{  width:100%; margin:0 auto; background:#FFF; height:44px; padding-top:0px; padding-bottom:10px; overflow:visible; position:relative; z-index:999;  }
header #logo{width:20%; position:static; margin:0 auto; display:block; }
header #logo img{ width:100%;  }





header .menuicon{ display:block; }
.icon_06{  margin-top:0px; margin-left:0px; }
.icon_06 img{ width:30px; height:30px; }

.content_txt_01{ width:95%; margin:0 auto; }
.about_txt{ background:url(../images/web/about_bg.png) no-repeat left top; height:auto; background-size:contain; margin:30px 0 00px 0; width:100%; }
.about_l{ width:90%; float:none; padding-left:0px; padding-bottom:15px; margin:0 auto; }
.about_l img{ width:100%; }
.about_r{ width:80%; float:none; padding:15px 0px 0 0px;   margin:0 auto; font-size:14px; color:#727171; line-height:30px; background:url(../images/web/line_03.png) no-repeat center top; }

.h_01,.h_02{ padding:30px 0 0 0; border-left:1px solid #d1d1d1; width:130px; margin:0 auto; }
.h_01 h1,.h_02 h1{ font-weight:500;  color:#c20522; font-size:18px; margin-left:20px; }
.h_01 h1 span,.h_02 h1 span{ color:#9fa0a0; font-family:"Times New Roman", Times, serif; font-size:12px; display:block; background:url(../images/web/line_01.png) no-repeat left 2px;  background-size:52px 3px; }
.h_02{ width:110px;}
.h_02 h1{color:#FFF; }
.h_02 h1 span{ color:#FFF; background:url(../images/web/line_02.png) no-repeat left 2px; background-size:52px 3px;  }



.more_btn{ color:#ddaf51; text-align:center; display:block; font-size:14px; float:none; margin-top:15px; padding-right:30px; margin-bottom:30px;  background:url(../images/icon_01.png) no-repeat 53% center; background-size:6px 6px; }
.more_btn:hover{ color:#ddaf51; font-size:14px; padding-right:30px; background:url(../images/icon_01.png) no-repeat 54% center; opacity:1;  background-size:6px 6px;
}
.more_btn_02{ color:#ddaf51; font-size:14px; width:100%; display:block; text-align:center; height:60px; line-height:60px; margin:0 auto; background-position:center; background-position:center; background:none; background-size:6px 6px; }

.more_btn_02:hover,.more_btn_03:hover{ color:#ddaf51; font-size:14px; background:#c7000b url(../images/icon_01.png) no-repeat 53% center; background-size:6px 6px; opacity:1; line-height:60px;  width:100%;
}

#gd_02 ul li{ width:100%; }
#gd_02 ul li a{ display:block; box-shadow: 0px 0px 40px #f0e6ce;  background:#FFF; }
#gd_02 ul li a h2{ position:absolute; bottom:0px; margin:0 auto; height:36px; width:61.8%; display:block; color:#FFF; font-weight:500; line-height:36px; text-align:center; font-size:14px;  background:#ceab5d;}

#gd_03{  padding:30px 0; margin-bottom:30px; position:relative; width:95%; }
.#gd_03 .time{ display:none; }
#gd_03 .time a { display:none; }

#gd_03 .swiper-pagination-bullet,#gd_03 .swiper-pagination-current{
width:6px;
height:6px;
background: #FFF; 
margin:0 5px 0 5px;
}
#gd_03 .swiper-pagination{ margin-bottom:18px; background:none;  }

#gd_03 .swiper-pagination-bullet-active,#gd_03 .swiper-pagination-total{
opacity:1;
background:#c7000b; 
}
#gd_03 .swiper-scrollbar{
display:none;
}
#gd_03 ul li{ width:48%; float:left; margin:1% 1%; }
#gd_03 ul li img{ width:45%; float:left; }
#gd_03 ul li p{ font-size:12px; text-align:left; float:right; width:45%; color:#ffffff; line-height:20px; padding-left:20px; height:auto;  }
#gd_04{ padding:60px 0 120px 0;  width: 100%; height: 100%; background:url(../images/web/ryzz_bg.png) no-repeat center 160px; background-size:contain;  }

.swiper-pagination-bullet{
width:4px;
height:4px;
}

.center_page li{ overflow:hidden; zoom:1; width:50%; float:left; background:#281e08;   }
.center_page li .more_btn_04 span{ font-size:18px; }
.center_page {
    clear: both;
    padding: 0px;
    padding-top: 30px;
}
#cslist02{ display:none; }
.cur_txt{     background: url(../images/web/line_07.png) repeat-x left center;
    height: 30px;
    margin: 20px 0px; } 
.cur_txt_content {
    width: 95%;
    margin: 0 auto;
}
.h_page_r h1 {
    font-weight: 500;
    color: #c20522;
    font-size: 16px;
    margin-left: 0px;
    background: #FFFFFF;
    padding: 0 10px;
}
.h_page_r h1 span {
    font-size: 10px;
    height: 10px;
    background-size: 75% 2px;
}
.h_page_l{ display:none; }
.about_page_txt .about_r{ padding-top:0px; }
.dw_dv .dw_icon{ display:none; }
#page_dv ul{ width:100%; }
.care_list li{ width:42%; float:left; margin:0 0px 20px 5px; }
.page_txt_1080{ width:100%; }
.health_txt li a .news_txt{ width:60%; }
.health_txt li a .news_txt .news_time label{ font-size:14px; }
.health_txt li a .news_txt .news_time span{ text-align:right; }
.memorabilia_txt ul li a p{ width:45%; }

.news ul,.news li{ width:100%; }
.news li a{ width:100%; }
.news li a .news_txt{ width:100%; }
.news li a .news_txt{ background: url(../images/web/line_07.png) repeat-y 20% top; padding: 30px 0 80px 0; }
.news li a .news_txt .news_time label{ font-size:14px; }
.news li a .news_txt .news_time span{ text-align:left; }
.news li a .news_txt .news_content p{ margin-top:10px; }
.news li a .news_txt .news_time label{ font-size:20px; }
.news_content_demo .h3_demo h3{ font-size:14px; }
.h_04 {
    height: auto;
    color: #ceab5d;
    font-size: 18px;
    padding:30px 0;
}
.h_04 p{ width:100%; padding:0px 0 0 0; color:#ceab5d; text-indent:0em; text-align:center; background-size:1%; }
.h_04 {
    height: auto;
    background: url(../images/web/border_line_01.png) no-repeat right top;background-size: contain;
    color: #ceab5d;
    font-size: 24px;
	line-height:36px;
}
.oemdom_txt p {
    padding: 60px 0 0px 0;
    line-height: 36px;
    margin:0 auto;
}
.oemdom_txt_bg {
    background:none; background-size: contain; 
}
.oemdom_txt_bg .line_09 {
    background: url(../images/web/line_09.png) no-repeat center 30px; background-size:5%;
    padding: 0px 0 0 0;
}
.oemdom_txt_bg .oemdom_p_01 {
    color: #FFFFFF;
    width: 90%;
    line-height: 24px;
    font-size: 14px;
    float: right;
    margin-top: 0px;
	background:#c8000b;
	padding:3% 5%;
}
.oemdom_txt{ width:90%; margin:0 auto; }
.oemdom_txt img{ width:100%; }
.oemdom_txt_bg .oemdom_list{ padding:0px 0 30px 0; }
.oemdom_txt_bg .oemdom_list li{ color:#9fa0a0; line-height:32px; }
.yw_dv{ background-size: contain; }
.production_list li .home_img{ position:relative; overflow:hidden; width:100%; float:none; opacity:1; }
.production_list li .p_img100{ width:100%; }
.production_list li a {
    display: block;
    width: 100%;
    overflow: hidden;
    zoom: 1;
    background:none;
}
.production_list li .pintro {
    width: 80%;
    overflow: hidden;
    padding: 30px 0 30px 0;
    margin: 0 auto;
}
.production_list li .pintro p {
    padding: 10px 0 0 0;

}
.production_list li.p_lr a{ background:none; }
.production_list li .pintro h3 {
    font-size: 18px;
}
.news_content_demo h2{ padding:15px 0; }
.tea_dv {
    background: url(../images/web/tea_01.png) no-repeat left 110px;
    margin-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    background-size: contain;
}
.tea_dv_txt {
    background: url(../images/web/tea_02.png) no-repeat left top;
    padding: 405px 0px 26px 0px;
    background-size: contain;
}
.tea_dv_txt .tea_r{ margin-left:5%; }
.tea_dv_txt .tea_r p {
    color: #9fa0a0;
    text-indent: 2em;
    margin:0 0 20px 0;
    line-height: 20px;
}

.health_txt li a .news_txt{ padding:0px 0 0px 0; width:60%; float:right; background:none; border-bottom:1px solid #d2d2d2; overflow:hidden; zoom:1; }
.health_txt li a .news_txt .news_time{ width:9%; float:right; }
.health_txt li a .news_txt .news_time label{ color:#cfab5d; font-size:20px; display:block; text-align:right; }
.health_txt li a .news_txt .news_time span{ color:#9fa0a0; font-size:12px; text-align:left; display:block; padding:0 0px 0 0; }
.health_txt li a .news_txt .news_content{ width:72%; padding-right:10%; float:left; background:url(../images/web/line_07.png) repeat-y right top; }
.health_txt li a .news_txt .news_content h3{ color:#cfab5d; font-size:20px; font-weight:500; max-height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.health_txt li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:30px; line-height:24px; max-height:72px; overflow:hidden; text-overflow:ellipsis; } 
.care_list li div{ background:url(../images/web/gh_img_bg.jpg) no-repeat;  background-size: contain; width:100%; min-height:auto; }
.care_list li div a img {
    
	margin:0 auto;
    margin: 0px;
	width: 80%;
    padding: 8% 10% 10% 10%;
}
} 

@media screen and (max-width: 768px){

.tea_dv {
    background: url(../images/web/tea_01.png) no-repeat left 0px;
    margin-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    background-size: contain;
}
.tea_dv_txt {
    background: none;
    padding: 125px 0px 0px 0px;
    background-size: contain;
}
#gd_02 ul li a h2 {
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    height: 36px;
    width: 41.5%;
    display: block;
    color: #FFF;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    background: #ceab5d;
}
#gd_04 {
    padding: 60px 0 80px 0;
    width: 100%;
    height: 100%;
    background: url(../images/web/ryzz_bg.png) no-repeat center 130px;
    background-size: contain;
}
#cslist02{ display:none; }
.about_txt {
    margin: 0px 0 00px 0;
	width:100%;
}
.dw_dv .dw_r{ width:87.3%; }
.h_06,.h_07,.h_08 {
    height: 180px;
    width: 180px;
    color: #ceab5d;
    float: none;
    border: 12px solid #efefef;
    border-radius: 50%;	
	margin:0 auto;
}
.h_06 label,.h_07 label,.h_08 label{ 
display: block;
    text-align: center;
    padding: 60px 0 0 0;
    font-size: 24px;
 }
 .h_06 span,.h_07 span,.h_08 span{ font-size:12px; width:180px; }

.production_txt p {
    margin: 0px 0 0px 0; padding:10px 5%;
}
 .oemdom_txt p {
    padding:10px 0px 20px 0;
    line-height: 36px; width:95%;
    margin:0 auto;	
}
.h_04 p{ font-size:18px; line-height: 36px; }
.h_05 p {
    width:100%;
    margin: 140px 40px 0 0px;
    color: #ceab5d;
    text-indent: 0em; text-align:right;
    float: right; font-size:24px; line-height: 24px;
}
.oemdom_list_02 {
    width: 90%;
    float: none;
	margin:20px auto;
    background: url(../images/web/line_10.png) no-repeat right top;
    padding: 15px 0 5px 0px;
}
.oemdom_list_r_02 li{ width:90%; padding-left:0; }
.oemdom_list_r_02 .li_h_01,.oemdom_list_r_02 .li_h_02,{ width:90%; }
.oemdom_list_r_02 .li_h_02 span {
    width: 90%;
}
.oemdom_txt_bg .line_09 {
    background: url(../images/web/line_09.png) no-repeat center 20px;
    background-size: 5%;
    padding: 30px 0 0 0;
}
.oemdom_list_r_02 .li_h_03 span{ width:90%; }
.page_txt_1080{ width:100%; }

.care_list{  overflow:hidden; zoom:1; width:100%;  }
.care_list li{ width:100%; float:left; margin:0 0px 20px 0px; }
.care_list li div{ background:url(../images/web/gh_img_bg.jpg) no-repeat;  background-size: contain; width:100%; min-height:auto; }
.care_list li div img{ width:100%; }
.care_list li h2{ background:url(../images/web/gh_line_bg.jpg) repeat-x left top; color:#ceab5d; font-size:14px; text-align:center; line-height:40px; }
#page_dv ul {
    width: 100%;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    margin: 0 auto;
}
.page_txt_1080{ width:100%; }
.health_txt li a .news_txt {
    width: 50%;
}
.health_txt li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:10px; line-height:24px; max-height:72px; padding-bottom:30px; overflow:hidden; text-overflow:ellipsis; } 

.joinus_dv li a .news_txt .news_time {
    width: 12%;
    float: left;
}
.joinus_dv li{ width:100%; }
.joinus_dv li a { width:100%; }
.joinus_dv li a .news_txt .news_time span{ text-align: left; }
.joinus_dv li a .news_txt .news_content{ width:75%; }
.joinus_dv li a .news_txt {
    padding: 30px 0 60px 0;
    background: url(../images/web/line_07.png) repeat-y 16% top;
    overflow: hidden;
    zoom: 1;
}
.memorabilia_txt ul li a p{ width:40%; max-height:115px; overflow:hidden; }
.memorabilia_txt ul li a img{ width:50%; }
.oemdom_txt{ width:90%; }
.tea_dv_txt .tea_l {
    width: 100%;
    float: none; margin:0 auto;
}
.tea_dv_txt .tea_l img{ width:100%; margin:0 auto; }
.tea_dv_txt {
    background: none;
    padding: 0px 0px 0px 0px;
    background-size: contain;
}
.tea_dv_txt .tea_r{     width:90%;
    float: none;
    color: #9fa0a0;     margin-left: 0%; margin:0 auto; }

.tea_dv_txt .tea_r p {
    color: #9fa0a0;
    text-indent: 2em;
    margin:0 0 20px 0;
    line-height: 20px;
}

.health_txt li a .news_txt{ padding:0px 0 0px 0; width:50%; float:right; background:none; border-bottom:1px solid #d2d2d2; overflow:hidden; zoom:1; }
.health_txt li a .news_txt .news_time{ width:12%; float:right; }
.health_txt li a .news_txt .news_time label{ color:#cfab5d; font-size:18px; display:block; text-align:right; }
.health_txt li a .news_txt .news_time span{ color:#9fa0a0; font-size:12px; text-align:left; display:block; padding:0 0px 0 0; }
.health_txt li a .news_txt .news_content{ width:72%; padding-right:10%; float:left; background:url(../images/web/line_07.png) repeat-y right top; }
.health_txt li a .news_txt .news_content h3{ color:#cfab5d; font-size:20px; font-weight:500; max-height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.health_txt li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:0px; margin-bottom:15px; line-height:24px; max-height:72px; overflow:hidden; text-overflow:ellipsis; }

}
@media screen and (max-width: 414px){

.joinus_dv li a .news_txt .news_content{ width:88%; }
.joinus_dv li a .news_txt {
    padding: 30px 0 60px 0;
    background: url(../images/web/line_07.png) repeat-y 9% top;
    overflow: hidden;
    zoom: 1;
}
#gd_02 ul li a h2 {
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    height: 36px;
    width: 76.2%;
    display: block;
    color: #FFF;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    background: #ceab5d;
}
#gd_03 ul li{ margin-bottom:20px; }
#gd_03 ul li p {
    font-size: 12px;
    text-align: left;
    float: right;
    width: 50%;
    color: #ffffff;
    line-height: 20px;
    padding-left: 20px;
    height: 80px;
    overflow: hidden; text-overflow:ellipsis;

}
#gd_03 {
    padding: 30px 0;
    margin-bottom:0px;
    position: relative;
    width: 95%;
}
#gd_04 {
    padding: 30px 0 60px 0;
    width: 100%;
    height: 100%;
    background: url(../images/web/ryzz_bg.png) no-repeat center 70px;
    background-size: contain;
}

.dw_dv .dw_r p{ font-size:12px;     line-height: 20px; }
.dw_dv .dw_r {
    width: 87.6%;
}
.oemdom_list_02 {
    background: none;
}
.oemdom_list_r_02 .li_h_02 span {
    width: 70%; 
	    line-height: 20px;
}
.oemdom_list_02 li span {
    width: 92%;
}
.oemdom_list_02 li {
    color: #9fa0a0;
    height: 60px;
    width: 100%;
    line-height: 20px;
}
.oemdom_list_r_02 .li_h_03 span {
    width: 70%;
	    line-height: 20px;
}
#page_dv ul {
    width: 100%;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    margin: 0 auto;
}
.health_txt li{
    width: 100%;
    float: none;
    height: 160px;
    margin-bottom: 30px;
}
.health_txt li a .zz_dv{ width: 100%;
    height: auto; }
	.health_txt li a img{ width:100%; display:block; }
	
.health_txt li a .news_txt{ width:100%; margin-top:10px; }
.health_txt li a .news_txt .news_content p{ margin-top:10px; }

.news_content_demo h2{     font-size: 20px; } 
.news_content_demo .h3_demo .time_demo{ padding:0; }
.news_content_demo .demo_txt img{ width:100%;height:auto }
.news_content_demo .demo_txt p{ padding-top:0; }

.memorabilia_txt ul li{ width:100%; }
.memorabilia_txt ul{ padding:0 0 10px 0; }
.memorabilia_txt ul li a{ width:85%; }
.news li a .news_txt .news_content{ width:50%; }
.news li a .news_txt .news_time{ width:25%; }
.news li a .news_txt .news_content {
    width: 70%;
}
.news li a .news_txt {
    background: url(../images/web/line_07.png) repeat-y 20% top;
    padding: 30px 0 80px 0;
}
.h_04 {
    padding: 10px 0 0 0;
}
.h_04 p {
    font-size: 14px;
    line-height: 24px;
}
.h_05{  background-size: contain; height:120px; }
.h_05 p {
    width: 100%;
    margin: 35px 20px 0 0px;
    color: #ceab5d;
    text-indent: 0em;
    text-align: right;
    float: right;
    font-size: 14px;
    line-height: 24px;
}
#page_dv ul li {
    margin: 0 0 0 10px;
}

.health_txt li a .news_txt{ padding:0px 0 0px 0; width:100%; float:left; background:none; border-bottom:1px solid #d2d2d2; overflow:hidden; zoom:1; }
.health_txt li a .news_txt .news_time{ width:15%; float:right; }
.health_txt li a .news_txt .news_time label{ color:#cfab5d; font-size:18px; display:block; text-align:right; }
.health_txt li a .news_txt .news_time span{ color:#9fa0a0; font-size:12px; text-align:right; display:block; padding:0 0px 0 0; }
.health_txt li a .news_txt .news_content{ width:72%; padding-right:10%; float:left; background:url(../images/web/line_07.png) repeat-y right top; }
.health_txt li a .news_txt .news_content h3{ color:#cfab5d; font-size:20px; font-weight:500; max-height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.health_txt li a .news_txt .news_content p{ color:#9fa0a0; font-size:12px; margin-top:0px; margin-bottom:15px; line-height:24px; max-height:72px; overflow:hidden; text-overflow:ellipsis;  }
#gd_03 ul li img{ width:45%; float:left; }
#gd_03 ul li p{ width:45%; padding:0; }
}
@media screen and (max-width: 375px){
#gd_02 ul li a h2 { width: 84.4%; }

#page_dv ul {
    width: 100%;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    margin: 0 auto;
}
#page_dv ul li{ width:44px; }
#page_dv ul li a{ width:44px; margin:0 0 0 0px; }
.h_04 p {
    font-size: 12px;
    line-height: 20px;
}
}
@media screen and (max-width: 360px){
#gd_02 ul li a h2 { width: 88%; }
.bottom_content .bottom_r {
    width: 60%;
}
#page_dv ul {
    width: 100%;
}

.h_05 p {
    width: 100%;
    margin: 28px 20px 0 0px;
    color: #ceab5d;
    text-indent: 0em;
    text-align: right;
    float: right;
    font-size: 12px;
    line-height: 24px;
}

}
@media screen and (max-width: 320px){
#gd_02 ul li a h2 { width: 99.5%; }
.bottom_content .bottom_r {
    width: 60%;
}
#page_dv ul li{ width:40px; margin:0 0 0 2px; }
#page_dv ul li a{ width:40px;  }
 .oemdom_txt p {
    padding:5px 0px 10px 0;
     width:95%;
}
.h_04 {
    padding: 0px 0 0 0;
}
.h_04 p {
    font-size: 12px;
    line-height: 18px;
}

.h_05{  background-size: contain; height:100px;  }
.h_05 p {
    width: 100%;
    margin: 20px 20px 0 0px;
    color: #ceab5d;
    text-indent: 0em;
    text-align: right;
    float: right;
    font-size: 12px;
    line-height: 24px;
}
}
@media screen and (max-width: 1600px){
#gd_03 .swiper-pagination-bullet{ width:5.2%; }
#cslist02 {
    left: 3%;
	top:63%;
}
#gd_03 ul li p{ width:48%; }
}
@media screen and (max-width: 1440px){
.bottom_list ul{ width:70%; }
.bottom_content{ hegiht:auto; }
.bottom_content .bottom_r{ width:68%; }
.bottom_content .bottom_r label{ font-size:14px;  }
.bottom_content .bottom_r p{ font-size:12px; }
#gd_03 .swiper-pagination-bullet{ width:5.2%; }
#cslist02 {
    left: 0%;
	top:53%;
}
#gd_03 ul li p{ width:48%; }
}

@media screen and (max-width: 1280px){
.bottom_list ul{ width:80%; }
.bottom_content{ hegiht:auto; clear:both; }
.bottom_content .bottom_r{ width:68%; }
.bottom_content .bottom_r label{ font-size:14px;  }
.bottom_content .bottom_r p{ font-size:12px; }
#gd_03 .swiper-pagination-bullet{ width:6.3%; }
#gd_03 .time a{ 
width:6%;
}
#gd_03 ul li p{ width:45%; }
#cslist02{ display:none; }
}


.home-new-p{
    border-bottom:1px dashed #ccc;
}