@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; }
a, article, body, canvas, div, em, figcaption, figure, footer, h1, h2, hgroup, input, li, ol, p, section, small, span, ul { padding: 0; margin: 0 }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: '\5FAE\8F6F\96C5\9ED1';
}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
input, textarea, select, option, button { outline: none; }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.left { float: left; }
.right { float: right; }
.p130 { padding-top: 25px; }
.m15 { margin: 15px 0 12px 0; }
.mt30 { margin-top: 30px }
.mt50 { margin-top: 50px }
.mt100 { margin-top: 100px }
.pt30 { padding-top: 30px }
.pb60 { padding-bottom: 60px; }
.mb80{padding-bottom:80px}
.js2{width: 90%;/* margin-left:5%; */display: block;height: 465px;overflow: hidden;padding:0 5%;background-color: rgba(0,0,0, 0.35);}
.js1{width: 90%;/* margin-left:5%; */display: block;height: 275px;overflow: hidden;padding:0 5%;background-color: rgba(0,0,0, 0.35);}
.bjcolor2 { background-color: #00933e; display: block; height: 50px; line-height: 50px; z-index: 9999999999999; }
.bjcolor1 { background-color: #00933e; }
.bjcolor3 { background-color: #fff; }
.main { width: 90%; margin: 0 auto; display: block; overflow: hidden }
.main2 { width: 100%; display: block; overflow: hidden }
.main1 { width: 90%; margin: 0 auto 0 auto;/* padding-top: 15px; */ display: block; }
#top
{
	width:100%;
	height:40px;
	background-color:#ffffff;
	border-bottom:1px solid #e5e5e5;
	position:relative;
}
#top p
{
	width:90%;
	font-size:14px;
	color:#666;
	margin:0 auto;
	height:40px;
	line-height:40px;
}
#top p img
{
	margin-right:5px;
	float:left;
	margin-top:9px;
}
#top p .banben
{
	float:right;
}
#top p .hello_m{display:none;}
#top p .banben a
{
	color:#666;
	margin-left:5px;
	margin-right:5px;
}
#top p .banben a.chinese
{
	color:#00933e;
}
.top2, .ba2 { display: none; }
.top1 { display: block; }
.top .logo { float: left; margin: 1rem 0 }
.top .tel { float: right; background: url(/website/img/tel.png) no-repeat 0; padding-left: 55px; margin-top: 1rem }
.top .tel .tel_p1 { font-size: 0.9rem; color: #333333; }
.top .tel .tel_p2 { font-size: 1.5rem; color: #333333; }
.navBar { width: 90%; margin: 0 auto 0 auto; height: 50px; display: block }
.nav { width: 100%; }
.nav a { color: #fff; }
.nav h3 { font-size: 15px; font-weight: normal; }
.nav .m { float: left; position: relative; z-index: 3; line-height: 50px; width: 12.5%; }
.nav h3 a { display: block; line-height: 50px; text-align: center; }
.nav h3 a:hover, .nav h3 a.on, .navBar ul li a.current { color: #00933e; background-color: #fff; }
.nav .sub { display: none; position: absolute; left: 0; z-index: 3; width: 100%;/* border: 1px solid #E6E4E3; */ border-top: 0; background-color: #fff; color: #00933e }
.nav .sub li { text-align: center; margin-bottom: -1px; }
.nav .sub li a { display: block; padding: 8px 0; height: 28px; line-height: 28px; color: #00933e; font-size: 14px; }
.nav .sub li a:hover { background-color: #00933e; color: #fff }
.nav .block { height: 8px; width: 120px; background: #fff; position: absolute; left: 0; top: 42px; overflow: hidden; }
.banner { width: 100%; height: 41.66vw; overflow: hidden; position: relative; }
.banner_img { width: 100%; position: absolute; left: 0; top: 0; }
.banner_img li { width: 100%; height: 41.66vw; display: inline-block; background-position: center; background-repeat: no-repeat; float: left; list-style: none; background-size: cover; }
.banner_t { padding: 60px 40px; background-color: rgba(0,0,0, 0.3); float: right; margin-top: 25vh; margin-right: 10%; color: #fff }
.banner_t h2 { font-size: 1.8rem; margin-bottom: 40px; }
.banner_t p { font-size: 1rem; line-height: 2rem; margin: 30px 0 50px 0 }
.banner_t a { width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; background-color: #00933e; border: 1px solid #fff; display: block; }
.banner_t a:hover { background-color: #fff; color: #00933e }
.banner_list { height: 50px; top: 80vh; position: relative; margin: 0 auto; z-index: 1; }
.banner_list span { display: block; cursor: pointer; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; float: left; margin: 0 5px; }
.banner_list .spcss { border: 1px solid #fff; background-color: rgba(255,255,255,0) }
.banner_left { position: absolute; height: 90px; width: 48px; top: 45%; left: -60px; background-color: rgba(73,72,62, 0.6); margin-top: -45px; text-align: center; transition: all .5s; z-index: 2; }
.banner_left:hover { background-color: rgba(73,72,62, 0.9); }
.banner_right { position: absolute; height: 90px; width: 48px; top: 45%; right: -60px; background-color: rgba(73,72,62, 0.6); margin-top: -45px; text-align: center; transition: all .5s; z-index: 2; }
.banner_right:hover { background-color: rgba(73,72,62, 0.9); }
.banner_left img { margin-top: 22px; }
.banner_right img { margin-top: 22px; }
.title1 { background: url(/website/img/icon1.png) no-repeat center; height: 178px; padding: 70px 0 0 0; text-align: center; margin: 30px 0 10px 0 }
.title1 h2 { font-size: 3rem; color: #000; }
.title1 h3 { font-size: 1.6rem; color: #000; text-transform: uppercase; }
.want { width: 46%; margin: 3vh 2% 3vh 2%; float: left; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4); box-shadow: 0 0 20px rgba(0, 0, 0, .4); }
.want img { width: 100%; height: 30vw; }
.want .want_t { padding: 10px 30px; height: 285px; overflow: hidden }
.want .want_t h2 { text-align: center; font-size: 2rem; color: #00933e; padding: 1vh 0 2vh 0 }
.want .want_t h3 { font-size: 1.2rem; color: #999999; line-height: 2rem }
.want .want_t ul, .want .want_t .more2 { display: block; opacity: 0; }
.want.hoverable:hover .want_t { background-color: #00933e; color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.want.hoverable:hover .want_t h2 { color: #fff; }
.want.hoverable:hover .want_t h3 { display: none; }
.want.hoverable:hover .want_t ul { opacity: 1 }
.want .want_t ul:after { content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -8px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.want.hoverable:hover .more2 { opacity: 1 }
.want .want_t more2:after { content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -8px; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
 @keyframes scale { 0% {
 transform: scale(1)
}
 50%, 75% {
 transform: scale(3)
}
 78%, 100% {
 opacity: 0
}
}
 @keyframes scales { 0% {
 transform: scale(1)
}
 50%, 75% {
 transform: scale(2)
}
 78%, 100% {
 opacity: 0
}
}
.smallcircle2 { position: absolute; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%; }
.smallcircle2:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; opacity: .4; background-color: #ffffff; animation: scale 1s infinite cubic-bezier(0, 0, .49, 1.02); }
.bigcircle2 { position: absolute; width: 10px; height: 10px; border-radius: 50%; opacity: .4; background-color: #ffffff; animation: scales 1s infinite cubic-bezier(0, 0, .49, 1.02); }
.want .want_t ul li { float: left; width: 45%; padding-left: 10px; font-size: 1.1rem; line-height: 2.3rem }
.want .want_t ul li .dian { position: relative; top: 14px }
.want .want_t ul li p a { padding-left: 25px; color: #fff }
.want .want_t ul li p a:hover { color: #f8badd; }
.new {float: right;width: 62.3%;margin-right: 5%;display: block;overflow: hidden;}
.new ul li { margin-bottom: 1.9%; display: block; overflow: hidden }
.jxxq ul li { margin-bottom: 3rem; display: block; overflow: hidden }
.new_img { width: 25%; float: left; display: block; overflow: hidden; height:30vh }
.new_img img { width: 100%; transition: .2s transform; transform: translateZ(0); }
.new li:hover .new_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.jxxq ul li:hover .new_img img { transform: scale(1.1, 1.1); transition: .4s transform; }

.new_img11 { width: 25%; float: left; display: block; overflow: hidden; height:23vh }
.new_img11 img { width: 100%; transition: .2s transform; transform: translateZ(0); }
.new li:hover .new_img11 img { transform: scale(1.1, 1.1); transition: .4s transform; }
.jxxq ul li:hover .new_img11 img { transform: scale(1.1, 1.1); transition: .4s transform; }

.jxxq ul li .more3 { width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 1rem; color: #fff; background-color: #00933e; margin-top: 2rem; display: block; overflow: hidden }
.jxxq ul li:hover .more3 { background-color: #121212; }
.new_t { float: right; width: 72%; }
.new_t h3 { font-size: 1.5rem; color: #333; font-weight: bold; padding-top: 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new_t p {font-size: 1.1rem;color: #666;line-height: 1.9rem;padding: 2% 0 2.5% 0;height: 2.6rem;overflow: hidden;}
.new_t h4 {font-size: 1.1rem;color: #666;line-height: 1.9rem;padding: 2% 0 2.5% 0;height: 2.1rem;overflow: hidden;}
.new li .new_t .time { font-size: 1rem; color: #999; }
.new li:hover .new_t h3 { color: #00933e; }
.new_bj1 {width: 29.7%;float: left;}
.new_bj1 img { width: 100%; height:100vh }
.more1 a { width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 1rem; color: #fff; background-color: #00933e; margin: 40px auto 80px auto; display: block; overflow: hidden }
.more1 a:hover { background-color: #121212; }
.more3 a { width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 1rem; color: #fff; background-color: #00933e; margin-top: 8vh; display: block; overflow: hidden }
.more3 a:hover { background-color: #121212; }
.want .want_t .more2 a { width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 1rem; color: #00933e; background-color: #fff; margin: 40px auto 80px auto; display: block; overflow: hidden }
.want .want_t .more2 a:hover { background-color: #fde8f4; }
.footer1 { background-color: #00933e; padding-top: 40px; }
.foot_nav { float: left; width: 12%; text-align: center }
.foot_nav h3 a { font-size: 1rem; color: #fff; margin-bottom: 15px; clear: both; overflow: hidden; display: block; }
.foot_nav p a { font-size: 0.85rem; color: #fff; line-height: 1.8rem; text-align: center }
.foot_ewm { width: 9%; float: left; margin-left: 10%; }
.foot_ewm img { width: 100%; }
.foot_ewm p { font-size: 0.85rem; color: #fff; text-align: center; line-height: 2rem; }
.foot_adree { float: right; }
.foot_adree p { font-size: 0.85rem; color: #fff; line-height: 2.3rem }
.foot_b { border-top: 1px solid white; margin-top: 10px }
.foot_b p { text-align: center; line-height: 3rem; font-size: 0.8rem; color: white; }
.foot_b p a { color: white; }
.foot_warp { display: none; }
.online h1 { height: 40px; background: url(/website/img/wz_ico.png) no-repeat 0; color: #787878; padding-left: 20px; font-size: 12px; line-height: 40px; }
.online a { color: #787878; font-size: 12px; }
.online a:hover { color: #00933e; font-size: 12px; }
.online a.xz { color: #00933e; }
.banner_ny1 { width: 100%; height: 467px; overflow: hidden; display: block; background: url(/website/img/banner_ny1.jpg) 50% 0; }
.banner_ny2 { width: 100%; height: 467px; overflow: hidden; display: block; background: url(/website/img/banner_ny2.jpg) 50% 0; }
.banner_ny3 { width: 100%; height: 41.66vw; overflow: hidden; display: block; background-size: cover !important; max-height: 800px; }
.con { margin: 2rem 0 3rem 0; display: block; overflow: hidden }
.secent { position: relative; margin-bottom: 3rem }
.secent_img { position: relative; top: 0 }
.secent_t1 { left: 0 }
.secent_t2 { right: 0 }
.secent_t { position: absolute; width: 25%; top: 0; padding-left: 3%; padding-right: 3% }
.secent_img img { width: 100%; }
.secent_t h2 { font-size: 2rem; color: #333; padding: 5vh 0 2vh 0 }
.secent_t p { font-size: 1.2rem; line-height: 2.5rem; color: #999999; }
.xq1 { margin-top: 4rem; margin-bottom: 4rem; display: block; overflow: hidden }
.xq_img { width: 40%; float: left; }
.xq_img img { width: 100%; }
.xq_t { float: right; width: 60%; }
.xq_t h2 { font-size: 2.3rem; color: #00933e; padding: 2vh 0 4vh 0 }
.xq_t p { font-size: 1.2rem; line-height: 2.8rem; color: #555555; }
.investment_f .investment_title { height: 60px; background-color: #717171; overflow: hidden; }
.investment_title div { padding: 0 2%; height: 60px; float: left; display: inline; font-size: 1rem; font-weight: bold; text-align: center; line-height: 60px; color: #fff; cursor: pointer; }
.investment_title a, .investment_title a:link, .investment_title a:visited, .investment_title a:hover { color: #555; width: 131px; height: 44px; display: inline-block }
.investment_title div.on a, .investment_title div.on a:link, .investment_title div.on a:visited, .investment_title div.on a:hover { color: #f70 }
.investment_title div.on { color: #fff; background-color: #00933e; }
.investment_con { clear: both; background: #fff; margin: 2rem 0 3rem 0 }
.investment_con_list { display: none; }
.investment_con_list p { font-size: 1rem; color: #666; line-height: 2rem; }
.investment_con_list p img, .investment_con_list img { max-width: 80%; padding: 20px 0; display: block; text-align: center; margin: 0 auto }
.con1 { margin-bottom: 2.5rem; display: block; overflow: hidden }
.con1 .con_li { float: left; width: 30%; margin: 0 1.6% 30px 1.6%; }
.con1 .con_li .img1 img { width: 100%; height:35vh }
.con1 .con_li p, .ve_p {text-align: center;height: 60px;line-height: 24px;font-size: 1.1rem;padding-top: 0.7rem;/* overflow:hidden; *//* text-overflow:ellipsis; *//* white-space:nowrap; */color: #333;-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .4);-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .4);box-shadow: 0 0 7px rgba(0, 0, 0, .4);}
.videolist { position: relative; }
.con1 h3{font-size:1.2rem; color:#333; margin:2rem 0}
#video { width: 640px }
.videolist  img { width: 100%; height:35vh }
.videolist:hover { cursor: pointer; }
.videoed { display: none; width: 50px; height: 50px; position: absolute; left: 45%; top: 45%; z-index: 99; border-radius: 100%; }
.videos { display: none; border: 1px solid #080808; position: fixed; left: 50%; top: 50%; margin-left: -320px; margin-top: -210px; z-index: 100; width: 640px; height: 360px; }
.vclose { position: absolute; right: 1%; top: 1%; border-radius: 100%; cursor: pointer; }
.ipt { border: solid 1px #d2d2d2; border-left-color: #ccc; border-top-color: #ccc; border-radius: 2px; box-shadow: inset 0 1px 0 #f8f8f8; background-color: #fff; padding: 4px 6px; height: 21px; line-height: 21px; color: #555; width: 250px; vertical-align: baseline; }
.ipt1 { border: solid 1px #d2d2d2; border-left-color: #ccc; border-top-color: #ccc; height: 50px; border-radius: 2px; box-shadow: inset 0 1px 0 #f8f8f8; background-color: #fff; padding: 4px 6px; line-height: 21px; color: #555; width: 250px; vertical-align: baseline; }
.btn1 { width: 264px; height: 36px; margin-left: 90px; line-height: 36px; background-color: #00933e; color: #fff; font-size: 1rem; margin-bottom: 30px; }
.ipt-mini { width: 140px; padding: 1px 3px; }
.ipt:focus { border-color: #95C8F1; box-shadow: 0 0 4px #95C8F1; }
/* btn */
.theme-buy { margin-top: 10%; text-align: center; }
.theme-gobuy, .theme-signin { font-size: 15px; }
.theme-price { position: relative; bottom: -6px; font-family: microsoft yahei, Arial, Helvetica, sans-serif; margin-right: 20px; font-weight: bold; color: #f60; line-height: 32px; font-size: 24px; display: inline-block; }
.theme-price dfn { font-style: normal; font-size: 18px; margin-right: 2px; }
.theme-desc { padding: 30px; }
.theme-version { padding: 30px; }
.theme-popover-mask { z-index: 9998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); display: none }
.theme-popover { z-index: 9999; position: fixed;/* top: 20%; */ left: 35%; width: 660px; border-radius: 5px; border: solid 2px #666; background-color: #fff;/* display: none; */ box-shadow: 0 0 10px #666; }
.theme-poptit {/* border-bottom: 1px solid #ddd; */ padding: 2rem 1rem; position: relative; text-align: center; font-size: 1.1rem; }
.theme-popbod { padding: 60px 15px; color: #444; height: 148px; }
.theme-popbom { padding: 15px; background-color: #f6f6f6; border-top: 1px solid #ddd; border-radius: 0 0 5px 5px; color: #666 }
.theme-popbom a { margin-left: 8px }
.theme-poptit a { width: 14px; line-height: 13px; _line-height: 15px; height: 13px; font-family: arial; overflow: hidden; display: block; background: #fff; color: #c77405; float: right; text-align: center; text-decoration: none; margin-top: 7px; font-size: 14px; font-weight: normal; border-radius: 2px; _font-size: 12px; }
.theme-poptit .close:hover { color: #444; }
.btn.theme-reg { position: absolute; top: 8px; left: 43%; display: none }
.inp-gray, .feed-mail-inp { border: 1px solid #ccc; background-color: #fdfdfd; width: 220px; height: 16px; padding: 4px; color: #444; margin-right: 6px }
.dform { padding: 60px 60px 150px 70px; text-align: center; }
.dform .ipt_error { background-color: #FFFFCC; border-color: #FFCC66 }
.dform-tip { display: none; background-color: #080; color: #fff; line-height: 42px; margin-top: 10px; display:;
font-size: 14px; }
.dform-tip-errer { background-color: #CF301A; }
.dform-tip a { display: inline-block; padding: 0 20px; margin-left: 10px; background-color: #FFE924; color: #CF301A; }
.dform-login { padding: 0; height: 270px; overflow: hidden; }
.dform-login iframe { height: 470px; margin-top: -180px; }
.theme-signin { margin: -50px -20px -50px 90px; text-align: left; font-size: 14px; }
.theme-signin li {/* padding-left: 80px; */ margin-bottom: 25px; }
.theme-signin li strong { float: left; margin-left: -80px; width: 170px; text-align: right; line-height: 32px; }
.theme-signin .btn { margin-bottom: 10px; }
.theme-signin p { font-size: 12px; color: #999; }
.theme-desc, .theme-version { padding-top: 0 }
.hide_box { width: 600px; color: #fff; color: #444; background: #fff; box-shadow: 1px 2px 2px #555;/* display: none; */ }
.hide_box h4 { overflow: hidden; color: #333; text-align: center; padding: 20px 10px; font-size: 1.5rem; }
.hide_box h4 a { width: 20px; line-height: 13px; _line-height: 15px; height: 13px; font-family: arial; overflow: hidden; display: block; background: #fff; color: #717171; float: right; text-align: center; text-decoration: none; margin-top: 7px; font-size: 36px; font-weight: normal; border-radius: 2px; _font-size: 12px; }
.cd-popup-trigger { display: block; text-align: center; color: #FFF; font-size: 14px; text-transform: uppercase; }
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(94, 110, 141, 0.9); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; }
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative;/* width: 90%; *//* max-width: 400px; */ margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container p { padding: 3em 1em; }
.cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both; }
.cd-popup-container .cd-buttons li { float: left; width: 50%; }
.cd-popup-container .cd-buttons a { display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-popup-container .cd-buttons li:first-child a { background: #fc7169; border-radius: 0 0 0 .25em; }
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background-color: #fc8982; }
.cd-popup-container .cd-buttons li:last-child a { background: #b6bece; border-radius: 0 0 .25em 0; }
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background-color: #c5ccd8; }
.cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; z-index: 9999; }
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5; }
.cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; }
.cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; }
.is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.bj7 { width: 100%; overflow: hidden; display: block; margin: 15px 0 50px 0; padding-bottom: 6vh; background: url(/website/img/pic5.jpg) no-repeat 0 65px; }
.fw h3 { font-size: 60px; color: #efefef; padding-left: 55px; padding-top: 30px; }
.fw h2 { font-size: 30px; color: #626262; padding-left: 55px; }
.ptfw {width: 50%;height: 255px;margin-top: 80px;margin-left: 10px;margin-bottom: 10px;padding: 40px 60px;-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .4);-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .4);box-shadow: 0 0 7px rgba(0, 0, 0, .4);z-index: 9999999999;position: relative;background-color: #fff;}
.ptfw p { font-size: 16px; color: #646464; line-height: 40px; }
.fw_tu {/* float:right; */position: absolute;right: 5%;height: 380px;overflow: hidden;}
.xg3_1 { margin-top: 3rem }
.xqh3 { font-size: 2.3rem; color: #a8a8a8; text-transform: uppercase; margin-bottom: 10px }
.xqh2 { font-size: 24px; color: #3f3f3f; margin-top: 13px }
.xg_main p { font-size: 1rem; color: #616161; line-height: 2rem; margin-left: 40px }
.xg_main { width: 70%; margin: 3rem auto; }
.xg_main p img{width:100%;}
.xq_r { float: right; }
.bj12 { width: 100%; min-height: 766px; overflow: hidden; display: block; background: url(/website/img/bj12.jpg) no-repeat 50% 0; margin: 30px 0 0 0; }
.bj12_1 { width: 100%; min-height: 766px; overflow: hidden; display: block; background: url(/website/img/bj12-1.jpg) no-repeat 50% 0; margin: 30px 0 50px 0; }
.bj22 { width: 100%; min-height: 766px; overflow: hidden; display: block; background: url(/website/img/bj22.jpg) no-repeat 50% 0; margin: 30px 0 0 0; }
.bj12_main { width: 50%; float: right; padding-top: 5rem; margin-right: 5%; }
.bj12_main1 { width: 40%; float: right; padding-top: 5rem; margin-right: 5%; }
.xg4_p1 { font-size: 30px; color: #b7b7b7; line-height: 30px; margin-top: 360px; margin-left: 50px }
.xg4_p2 { font-size: 24px; color: #252525; line-height: 30px; margin-top: 30px; margin-left: 50px }
.xg4_t { margin: 40px 0 0 0; }
.xg4_t p { font-size: 1rem; color: #616161; line-height: 2.5rem; }
.xg4_t a { font-size: 1rem; color: #00933e; line-height: 2.5rem; display: block;}
.zsms3 { width: 1180px; margin: 3rem auto 5rem auto; display: block; overflow: hidden }
.zsms3_1 { background: url(/website/img/zshz_1.png) no-repeat; width: 486px; height: 597px; margin-left: 0; margin-top: 20px; float: left }
.zsms3_2 { background: url(/website/img/zshz_2.png) no-repeat; width: 486px; height: 597px; margin-left: 200px; margin-top: 20px; float: left }
.zsms3_1 h2 { font-size: 30px; color: #fefefe; font-weight: bold; text-align: center; padding: 160px 0 30px 0; }
.zsms3_2 h2 { font-size: 30px; color: #fefefe; font-weight: bold; text-align: center; padding: 160px 0 30px 0; }
.zsms3_t p { font-size: 16px; color: #fefefe; line-height: 38px; padding: 0 30px; width: 180px; float: left; }
.contentAbout { margin-top: 1rem; }
.aboutPlate .summary { width: 45% }
.aboutPlate .summary.R { margin-left: 54% }
.aboutPlate .summary h3 { font-size: 1.8rem; color: #3e3e3e; font-family: SweetSansPro; text-transform: uppercase }
.aboutPlate .summary .text { line-height: 1.8; font-size: 0.85rem; margin-top: 30px; opacity: .7 }
.aboutPlate .aboutImg { position: relative }
.aboutPlate .aboutImg:after { content: ''; position: absolute; background: #00933e; height: 100px; width: 50%; bottom: 90px; left: 12%; z-index: 1 }
.aboutPlate .aboutImg .aboutIMg01 { position: relative; margin: 0 auto; z-index: 6 }
.aboutPlate .aboutImg .aboutIMg01 img { margin: 0 auto; border-radius: 50%; width: 300px; }
.aboutPlate .aboutImg .aboutIMg02 { position: absolute; bottom: 130px; left: 0; overflow: hidden; z-index: 5; width: 50% }
.aboutPlate .aboutImg .aboutIMg03 { position: absolute; left: 50%; top: 50%; z-index: 5; overflow: hidden; width: 50% }
.aboutPlate .aboutImg .aboutIMg02 img { width: 100%; }
.aboutPlate .aboutImg .aboutIMg03 img { width: 100%; }
img { display: block; }
.boxs { width: 100%; height: auto; padding: 50px 0 70px 0; position: relative; background: #f3f5f8; }
.boxs.b1.index { background: #fff }
.sub_title { font-family: SweetSansPro; font-size: 2.3rem; line-height: 1; margin-bottom: 0.5rem; text-transform: uppercase }
.aboutPlate .summary .text p { line-height: 1.8; font-size: 0.95rem; margin-top: 30px; opacity: .7; text-indent: 2em }
.title3 { margin: 2rem auto; display: block; overflow: hidden; text-align: center }
.title3 h2 { font-size: 2rem; color: #333; }
.title3 .x { width: 30px; height: 2px; background-color: #00933e; margin: 10px auto; }
.title3 p { font-size: 0.85rem; color: #999999; text-transform: uppercase }
.fz { border-bottom: 1px solid #ae8c44; width: 100%; }
#jmsc { width: 80%; margin: 0 auto; }
#pro_div2 { margin: 30px auto 0 auto; position: relative; height: 345px; }
#pro_div2 .mr_frBtnL { position: absolute; left: 43%; bottom: -110px; width: 67px; height: 66px; cursor: pointer; }
#pro_div2 .mr_frBtnR { position: absolute; right: 43%; bottom: -110px; width: 67px; height: 66px; cursor: pointer; }
#pro_list2 { width: 90%; margin: 0 auto; }
#pro_list2 .fzlc1 { margin-top: 127px }
#pro_list2 .fzlc2 { margin-top: 77px }
#pro_list2 ul li { float: left; width: 33.3333%; }
#pro_list2 ul li img { float: left; }
#pro_list2 ul li .fzlc_t { padding-left: 40px; margin-right: 20px; }
#pro_list2 ul li .fzlc_t h2 { font-size: 30px; color: #cc9a77; }
#pro_list2 ul li .fzlc_t h2 span { font-size: 18px; }
#pro_list2 ul li .fzlc_t p { font-size: 0.85rem; line-height: 1.5rem; color: #666; margin-top: 10px; }
#pro_list2 ul li .fzlc_t p.pro_list_title {font-weight: 600; color: #00933e;}
.product3 { display: none; }
.gg { margin-top: 180px; }
.gg_tltle { width: 880px; margin: 0 auto }
.gg_tltle h3 { font-size: 1rem; color: #333333; text-align: center; line-height: 2rem; }
.gg1 { background-color: #00933e; padding: 3rem 0; margin-top: 2rem }
.gg1 ul li { width: 18%; margin: 0 3.5%; float: left }
.gg1 ul li img { text-align: center; display: block; margin: 0 auto; }
.gg1 ul li h3 { font-size: 1.1rem; color: #fff; text-align: center; margin: 2rem 0 1rem 0 }
.gg1 ul li p { font-size: 1rem; line-height: 1.5rem; color: #fff; text-align: left }
.gg2_l { float: left; width: 30%; }
.gg2_l img { width: 100%; }
.gg2_r { float: right; width: 68%; }
.gg2_r h3 { font-size: 1.2rem; color: #00933e; font-weight: bold; margin: 4rem 0 1.5rem 0 }
.gg2_r p { font-size: 1rem; color: #333; line-height: 1.8rem }
.gg3_l {width: 100%;background-color: #00933e;/* padding: 0rem 0 0% 0; */float: left;height: auto;}
.title2 { margin: 2rem 0 2rem 10% }
.title2 h2 { font-size: 2rem; color: #fff; }
.title2 p { font-size: 0.85rem; color: #fff; text-transform: uppercase }
.gg3_t {margin: 0 10%;font-size: 1rem;line-height: 2.7rem;color: #fff;}
.gg3_t img{width:100%}
.gg3_r {float: left;/* margin-top: 4rem; */width: 45%;background: url(/website/img/gg6.jpg) no-repeat 0 50%;height: 674px;/* background-size: 100%; */}
.gg_bj { width: 100%; display: block; overflow: hidden; margin-bottom: 5rem }
.subnav1 { text-align: center; font-size: 1rem; height: 2.2rem; line-height: 2.2rem; margin-bottom: 3rem }
.subnav1 a { padding: 0 1.5%; font-size: 0.9rem; color: #333333; font-weight: bold; display: inline-block; }
.subnav1 a:hover, .subnav1 a.on2 { background-color: #00933e; color: #fff }
.jxxq{margin-top:1rem;}
.news_1 { margin-bottom: 100px; margin-top: 30px }
.news_1 ul li { width: 100%; background-color: #c9c9c9; margin: 20px 0; padding: 20px; overflow: hidden; }
.news_1 ul li .news_img { width: 20%; display: block; overflow: hidden; }
.news_1 ul li .news_img img { width: 100%; transition: .2s transform; transform: translateZ(0); }
.news_1 ul li:hover .news_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.news_1 ul li .news_t { width: 65%; margin-left: 20px }
.news_1 ul li .news_t h2 { font-size: 30px; color: #008cd6; padding: 8px 0 }
.news_1 ul li .news_t h2 span { font-size: 22px; padding-left: 15px; }
.news_1 ul li .news_t h3 { font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.5% 0 0.9% 0 }
.news_1 ul li .news_t h4 { width: 20px; height: 1px; background-color: #999; margin-top: 5px }
.news_1 ul li .news_t p { color: #555; line-height: 24px; font-size: 14px; height: 45px; padding-top: 2.3%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100% }
.news_1 ul li a:hover .news_t p { margin-left: 1%; }
.news_1 ul li .news_icon { background: url(/website/img/icon15.png) no-repeat; width: 7%; height: 41px; margin-top: 60px }
.news_1 ul li a { transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_1 ul li:hover { background-color: #008cd7; transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_1 ul li:hover h2, .news_1 ul li:hover h3, .news_1 ul li:hover p { color: #fff; }
.news_1 ul li:hover h4 { background-color: #fff; }
.news_1 ul li:hover .news_icon { background: url(/website/img/icon9.png) no-repeat; }
.laosding { width: 130px; margin: 0 auto; height: 40px; background-color: #333333; color: #fff; margin-top: 3rem; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 4rem; display:block; overflow:hidden }
.laosding:hover { cursor: pointer; }
.laosding a { display: block; height: 40px; color: #fff; text-align: center; line-height: 40px }
.pic_list_xq { margin-bottom: 50px; margin-top: 50px }
.pic_list_xq p { font-size: 14px; color: #333; text-indent: 2em; line-height: 24px; }
.pic_list_xq .pic_list_details p img, .pic_list_xq .pic_list_details img { text-align: center; display: block; margin: 0 auto; padding: 20px 0; }
.pic_list_xq h2 { font-size: 1.7rem; text-align: center; color: #000; line-height: 50px; font-weight: bold; }
.pic_list_xq h3 { font-size: 0.8rem; color: #979696; text-align: center; line-height: 30px; }
.pic_list_details { margin-top: 20px; padding-top: 20px; }
.pic_list_details p { font-size: 1rem; color: #000; text-indent: 2em; text-align: left; line-height: 1.8rem; padding-top: 0px; }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 3rem; color: #333; margin-bottom: 4rem }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #666; font-weight: normal; }
.page_text p a:hover { color: #008cd6; }
.tj_title { height: 3rem; line-height: 3rem; background-color: #00933e; color: #fff; font-size: 1.2rem; padding-left: 10px }
.tj ul { margin-right: -2%; margin-top: 1rem; margin-bottom: 2rem; clear: both; display: block; overflow: hidden }
.tj ul li { width: 21.5%; float: left; margin-right: 2%; background: url(/website/img/icon5.jpg) no-repeat 0 12px; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; line-height: 30px }
.tj ul li a:hover { color: #00933e; }
/* 联系我们  */
.contact { position: relative; }
.contact_2 { position: absolute; right: 15%; top: 0; background: rgba(0,0,0,0.6); height: 550px; padding: 50px 70px 0 70px; margin-top: 664px; }
.contact_2_1 h3 { font-weight: normal; color: #fffefe; font-size: 20px; }
.contact_2_1 span { background: #fffefe; width: 26px; height: 2px; display: block; margin: 10px 0 10px 0; }
.contact_2_1 p { color: #fffefe; font-size: 14px; line-height: 40px; }
.contact_2_2 ul li { float: left; }
.ep3 { margin-left: 25px; }
.contact_2_2 ul li p { color: #fffefe; font-size: 12px; height: 28px; line-height: 28px; margin-top: 9px; text-align: center }
.ep1 { background: url(/website/img/ny/sij_06.png) no-repeat center left; padding-left: 40px; }
.ep2 { background: url(/website/img/ny/sij_03.png) no-repeat center left; }
.contact_2_2 { margin-top: 40px; }
.cont { margin-top: 40px; margin-bottom: 50px }
.js_bj1 { background: url(/website/img/pic6.jpg) no-repeat 50% 0; height: 465px; }
.zzgy_bj1{ background: url(/website/img/zzgy_1.jpg) no-repeat 50% 0; height: 465px; }
.dgzb_bj1{ background: url(/website/img/pic15.jpg) no-repeat 50% 0; height: 465px; }
.dgzb1 { font-size: 46px; text-align: center; color: #ffd800; font-weight: bold; padding-top: 70px }
.js1 { font-size: 46px; text-align: center; color: #ffd800; font-weight: bold; padding-top: 190px }
.js_bj2 { background: url(/website/img/pic7.jpg) no-repeat 50% 0; height: 840px; }
.zzgy_bj2{ background: url(/website/img/zzgy_2.jpg) no-repeat 50% 0; height: 840px; }
.js2 h3 { font-size: 40px; color: #ffd800; margin: 100px 0 30px 0 ;font-weight: bold;}
.js2 p { font-size: 20px; line-height: 40px; color: #fff; width: 55%; }
.js3 { text-align: center; font-size: 40px; color: #00933e; padding: 60px 0 }
.js4_l { float: left; width: 50%; overflow: hidden }
.js4_r {float: right;width: 47%;padding-right: 1%;}
.js4_r h3 { font-size: 38px; color: #333; margin: 40px 0 30px 0 }
.js4_r p { font-size: 18px; line-height: 30px; color: #666; }
.js4_1 { margin-left: 25%; margin-top: 20px }
.js4_1 h4 { float: left; width: 80px; text-align: center; font-size: 16px; color: #666; margin-right: 10% }
.js5_r { float: right; width: 50%; overflow: hidden;}
.js5_l { float: left; width: 47%; }
.js5_l h3 { font-size: 38px; color: #333; margin: 40px 0 30px 0; padding:0 2% }
.js5_l p { font-size: 18px; line-height: 30px; color: #666;  padding:0 2%}
.js6_bj { background-color: #ac1b6d; margin: 4rem 0; padding: 3rem 0; display: block; overflow: hidden }
.js6_bj h3 { text-align: center; color: #fff; font-size: 40px; }
.js6_bj p { font-size: 20px; line-height: 30px; color: #fff; text-align: left; padding-top: 1.2rem }
.zzgy_4 img{margin:0 auto 4rem auto;}
.m_color{background-color:#f1f1f1;}
.mt80{margin-top:80px}
.rjsl_title{font-size:30px; font-weight:bold; color:#00933e; margin:50px 0 40px 0}
.rjsl_1{background-color:#f1f1f1; height:350px}
.rjsl_2{background-color:#f1f1f1; height:394px}
.rjsl_3{background-color:#f1f1f1; height:443px}
.rjsl_4{background-color:#f1f1f1; height:450px}
.rjsl_r{width:50%;  float:left; overflow:hidden; }
.rjsl_l{width:44%; float:left; padding:0 3% 0 3%}
.r_t1{padding-top:80px;}
.r_t2{padding-top:100px;}
.r_t3{padding-top:130px;}
.r_t4{padding-top:130px;}
.rjsl_l h3{color:#333; font-size:24px; padding-bottom:20px}
.rjsl_l p{font-size:18px; color:#666;  line-height:30px;}
.rjsl_bj{border-bottom:1px solid #eee; border-top:4px solid #ccc; margin-top:60px; margin-bottom:70px}
.rjsl5_l{width:50%; float:left;}
.rjsl5_l h3{font-size:30px; font-weight:bold; color:#00933e; margin-top:15%; margin-bottom:30px}
.rjsl5_l p{font-size:18px; color:#666; line-height:30px;}
.rjsl5_r{width:40%; float:right;}
.rjsl5_r  img{width:100%;}
.dgzb1{width: 90%;/* margin-left:5%; */display: block;height: 275px;overflow: hidden;padding: 190px 5% 0 5%;background-color: rgba(0,0,0, 0.35);}
.zsms3_t{margin-top:160px;}

.top_r{float:right;}
.ss { width: 210px; float: left; margin-top: 1.8rem; margin-right:20px }
.search_main {width: 155px;height: 30px;line-height: 30px;color: #666;border: 1px solid #00933e;background-color: #fff;border-bottom-left-radius: 5px;border-top-left-radius: 5px;outline: 0 none;float: left;padding-left: 5px;}
.search_button { width: 37px; height: 32px; border: 1px solid #00933e; border-left: 0; outline: 0 none; border-bottom-right-radius: 5px; border-top-right-radius: 5px; float: left; background: url(/website/img/search_button.png) no-repeat center center #00933e; cursor: pointer; }
/* 分页 */
.page { padding-top: 30px; text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; }
.page a { display: inline-block; margin: 0 5px; height: 24px; line-height: 24px; padding: 0 8px; border: #a3a3a3 solid 1px; border-radius: 2px; color: #a3a3a3; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 7px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 30px; color: #d62222; height: 35px }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; width: 475px; float: left }
.page_text p a { color: #3f3f3f; font-weight: normal; }
.zx_title{display:block;overflow:hidden; width:400px; margin:0 auto 2rem auto}
.zx_title li { width: 180px; height: 64px; border: 1px solid #dddddd; float: left; text-align: center; line-height: 64px; font-size: 20px; color: #666666; margin-right: 19px; cursor: pointer }
.zx_title li:last-child { margin-right: 0; }
.zx_title li.on a { background-color: #ac1b6d; color: #fff; display: block }
.bdiv{display:block; overflow:hidden;}
.par{width:31%; margin:0 1%; float:left; margin-bottom:2%}
.par .par1{width:100%;background-color:#00933e;color:#fff;float:left;font-size: 1.5rem;text-align: center;line-height: 100%; margin-right:2%; margin-bottom:1%; padding:2.5% 0}
.par .par2{width:45.5%;height: 100%;padding: 10px 0;border:1px solid #f1f1f1;float:left;overflow: hidden;display: block;margin: 1.6% 1.8%;}
.par .par2 img{width: 100%;margin: 0 auto;}
.par3{border:1px solid #f1f1f1;}
.par{display:block; overflow:hidden}
.con1 ul{display:block; overflow:hidden}
.more1{clear:both}
.slideBox{display:block; overflow:hidden}
.videolist { float: left; width: 30%; margin: 0 1.6% 30px 1.6%; }
.column {
	float: right;
	width: 25%;
	padding: 0 2em;
	position: relative;
}

.column:nth-child(2) {
	
}

.column p {
	font-weight: 300;
	font-size: 2em;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

.column a {
	border: 3px solid #b4c7da;
	padding: 0 15px;
	display: inline-block;
	margin: 20px 0;
}

.column a:hover {
	border-color: #fff;
}

/* To Navigation Style */
.codrops-top {
	background: #566472;
	background: rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #fff;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.8);
	color: #2c3e50;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}
.sb-search { position: relative; margin-top: 25px; width: 0%; min-width: 36px; height: 36px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search-input {position: absolute;top: 0;right: 0;border: none;outline: none;background: #fff;/* width: 100%; */height: 34px;margin: 0;z-index: 10;padding: 0 45px 0 10px;font-family: inherit;font-size: 14px;color: #2c3e50;border: 1px solid #00933e;}
 .sb-search-input::-webkit-input-placeholder {
 color: #666;
}
 .sb-search-input:-moz-placeholder {
 color: #666;
}
 .sb-search-input::-moz-placeholder {
 color: #666;
}
 .sb-search-input:-ms-input-placeholder {
 color: #666;
}
.sb-icon-search, .sb-search-submit { width: 36px; height: 36px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 36px; text-align: center; cursor: pointer; }
.sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; }
.sb-icon-search { color: #fff; background:url(/website/img/ser.jpg) no-repeat ; z-index: 90; font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }

/* Open state */
.sb-search.sb-search-open, .no-js .sb-search { width: 100%; }
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {background:url(/website/img/ser.jpg) no-repeat ; color: #fff; z-index: 11; }
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; }
.bj12_1 { display:block}
.bj12_w{ display:none}
@media only screen and (min-width: 1170px) {
.cd-popup-container { margin: 8em auto; }
}
@media screen and ( max-width:1680px ) {
.secent_t p { font-size: 1.1rem; line-height: 2rem; color: #999999; }
.more3 a { margin-top: 5vh; }
.gg2_r { width: 65%; }
}
@media screen and ( max-width:1600px ) {
.jxxq ul li .more3 { margin-top: 1rem; }
.gg2_r { width: 60%; }
.js4_l img{position: relative;right: 20%;}
.js5_r img {position: relative;right: 16%;}
}
@media screen and ( max-width:1440px ) {
.secent_t p { font-size: 1rem; line-height: 1.7rem; color: #999999; }
.more3 a { margin-top: 3vh; }
.secent_t h2 { font-size: 1.5rem; }
.new_t h3 {font-size: 1.3rem;}
}
@media screen and ( max-width:1366px ) {
.gg2_r { width: 55%; }
}
@media screen and ( max-width:1081px ) {
.foot_nav { display: none; }
}
@media screen and ( max-width:780px ) {
.ba1, .banner_ny1, .top1 { display: none; }
.top2, .ba2 { display: block; }
.fw1 { display: none; }
.sampleRoom { display: none; }
.main { width: 95%; margin: 0 auto; display: block; overflow: hidden }
.main1 { width: 100%; margin: 0 auto; }
.main2 { width: 90%; margin: 0 auto; }
#top p .hello_m {display: block; float:left;}
#top p .hello { display:none;}
.top1 { display: none; }
.top2 { display: block; }
.hidden { display: none; }
.logo1 { margin: 15px 0 15px 10px; display: block; overflow: hidden; }
.logo1 a { width: 50%; float: left; }
.logo1 img { width: 68%; }
.menu1 img { width: 150%; }
.menu1 { float: right }
.leftMenu a { text-decoration: none; display: block; font-size: 1rem; line-height: 1.5rem; color: #000 }
.leftMenu .f2 { background-color: #f1f1f1; padding-left: 0; }
.leftMenu .f2 ul li a { text-decoration: none; display: block; font-size: 1rem; line-height: 1.5rem; color: #00933e; }
.leftMenu { background: #fff; right: -1000px; position: fixed; top: 68px; display: block; height: 100%; width: 68%; min-width: 140px; max-width: 440px; z-index: 90002; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; position: fixed; overflow: auto; }
.leftMenu.menu-open { right: 0; }
.leftMenu ul { list-style: none; padding: 0; overflow: hidden; }
.leftMenu ul li { position: relative; padding: 10px 0 10px 20px; overflow: hidden; background-color: #f1f1f1; margin-bottom: 1px; }
.leftMenu ul li.hasChild > a:after { content: "+"; position: absolute; right: 20px; top: 0px; font-size: 24px; font-weight: 300; }
.leftMenu ul li.hasChild.open > a:after { content: "-"; right: 23px; font-size: 28px; top: -3px; }
.f2, .f3 { height: 0; padding-left: 20px; overflow: hidden; position: relative; transition: height 0.4s ease; -moz-transition: height 0.4s ease; -webkit-transition: height 0.4s ease; -o-transition: height 0.4s ease; }
.menu-dark-backdrop { background: rgba(0,0,0,0); transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; width: 100%; position: fixed; top: 68px; left: 0; right: 0; bottom: 0; overflow: hidden; }
.menu-dark-backdrop.in { height: 100%; z-index: 90001; background: rgba(0,0,0,0.5); }
.flex-control-nav { padding: 10px 20px; margin-left: 40%; }
.banner1 { position: relative; overflow: hidden; width: 100%; height: 41.66vw; clear: both; z-index: 2; background-color: #fff }
.slides { position: absolute; width: 100%; transform: translateY(-50%); }
.slides li img { display: block; width: 100% \9; max-width: 100%; height: 41.66vw; position: absolute; }
.flex-control-nav { position: absolute; bottom: 0px; z-index: 2;/* width: 5%; */ margin: 0 auto; display: block; clear: both; padding: 15px 30px; border-radius: 30px; margin-left: 28%; overflow: hidden; text-align: center; }
.flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 7px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; border-radius: 100px; overflow: hidden; cursor: pointer; background-color: #fff; }
.flex-control-nav .flex-active { background-position: 0 0; border: 1px solid #fff; background-color: rgba(255,255,255,0) }
.banner_t1 { width: 60%; padding: 1rem 2rem; position: absolute; margin-top: 3.8rem; background-color: rgba(0,0,0, 0.3); color: #fff }
.banner_t1 h2 { font-size: 1.2rem; margin-bottom: 20px }
.banner_t1 p { font-size: 1rem; line-height: 1.5rem; margin: 0.8rem 0; height: 3rem; overflow: hidden; }
.banner_t1 a { width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; background-color: #00933e; border: 1px solid #fff; display: block; }
.banner_1t a:hover { background-color: #fff; color: #00933e }
.want { width: 100%; margin: 0 0 3rem 0; float: none; }
.want .want_t { padding: 10px; height: 15rem; overflow: hidden; }
.want .want_t h2 { font-size: 1.5rem; }
.want .want_t h3 { font-size: 1rem; line-height: 1.7rem }
.want .want_t ul li { float: none; width: 100%; font-size: 1rem; line-height: 2rem }
.want .want_t ul li .dian { top: 11px; }
.want img { height: auto; }
.new_bj1 { display: none; }
.new { width: 100%; margin-right: 0 }
.new_img { width: 100%; float: none; display: block; overflow: hidden; }
.new_t { float: none; width: 100%; }
/*底部*/
.foot_warp { display: block; }
.foot { padding: 10px 10px 10px 10px; background-color: #00933e; color: #fff; font-size: 12px; text-align: center; line-height: 20px; display: block }
.toolbar { height: 45px; background: #121212; position: fixed; width: 100%; bottom: 0; left: 0; display: block }
.toolbar ul li { float: left; width: 50%; }
.toolbar ul li a { display: block; width: 100%; height: 20px; padding-top: 25px; text-align: center; font-size: 14px; color: #fff; background-size: 18%; background-repeat: no-repeat; background-position: center 5px; border-right: #fff solid 1px; position: relative; }
.toolbar ul li .tooldh { background-image: url(/website/img/a3.png); }
.toolbar ul li .tooldt { background-image: url(/website/img/a4.png); }
.toolbar ul li .toolfx { background-image: url(/website/img/a2.png); }
.toolbar ul li .toolly { background-image: url(/website/img/a1.png); border: 0 none; }
.toolbar .fenxiang { position: absolute; width: 100%; height: 25px; top: -35px; left: 0; background: #CCC; padding: 5px 0 5px 20%; }
.toolbar .fenxiang a { float: none !important; }
.footer1 { display: none; }
.title1 h2 { font-size: 2rem; }
.title1 h3 { font-size: 1rem; }
.title1 { background: url(/website/img/icon2.png) no-repeat center; height: 100px; padding: 30px 0 0 0; text-align: center; margin: 30px 0 10px 0 }
.banner_ny img { width: 100%; }
.secent_t { width: 100%; top: auto; padding-left: 3%; padding-right: 3%; }
.secent_img img { width: 147%; }
.secent_img { margin-left: -84%; }
.secent { position: static; }
.secent_img { position: static; }
.secent_t { position: static; }
.xq_img { width: 100%; float: none; }
.xq_t { float: none; width: 100%; }
.con1 ul .con_li { float: none; width: 98%; margin: 0 0 30px 0; padding: 0 1% }
.videos {display: none;border: 0;position: fixed;left: 10%;top: 70%;margin-left: 0;margin-top: -210px;z-index: 100;width: 80%;height: 360px;}
.vclose {position: absolute;right: 1%;top: -10%;border-radius: 100%;cursor: pointer;}
#video { width: 100% }
.theme-popover { left: 0; }
.hide_box { width: 99%; }
.dform { padding: 0 0 150px 0; }
.theme-signin li strong { float: left; margin-left: 0; width: 100%; text-align: left; line-height: 32px; }
.cd-popup-container { width: 90%; }
.theme-signin { margin: 0 0 0 10px; }
.theme-signin li {/* padding-left: 80px; */ margin-bottom: 0; }
.btn1 { width: 94%; height: 36px; margin-left: 0; line-height: 36px; background-color: #00933e; color: #fff; font-size: 1rem; margin-bottom: 30px; margin-top: 1rem }
.ipt, .ipt1 { width: 90%; }
.theme-popbod { padding: 0 15px 0 15px; color: #444; height: auto; }
.ptfw { width: 85%; height: auto; margin-top: 1rem; margin-left: 10px; margin-bottom: 10px; padding: 40px 5%; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .4); box-shadow: 0 0 7px rgba(0, 0, 0, .4); z-index: 0; position: relative; background-color: #fff; }
.fw_tu {/* float:right; */ position: unset; right: 5%; margin-top: 3rem; height:auto }
.fw_tu img { width: 100%; }
.xg_main { width: 90%; }
.bj12 { width: 100%; min-height: auto; overflow: hidden; display: block; background: none; margin: 30px 0 0 0; }
.bj22 { width: 100%; min-height: auto; overflow: hidden; display: block; background: none; margin: 30px 0 0 0; }
.bj12_1 { display:none}
.bj12_main1 { width: 90%;}
.bj12_w { width: 100%; min-height: auto; overflow: hidden; display: block; background: none; margin: 30px 0 0 0;}
.bj12_main { width: 90%; float: none; margin: 0 auto; padding-top: 5rem; margin-right: 0; }
.zsms3_1 { background: url(/website/img/zshz_1.png) no-repeat center; width: auto; height: 597px; margin-left: 0; margin-top: 20px; float: none }
.zsms3_2 { background: url(/website/img/zshz_2.png) no-repeat center; width: auto; height: 597px; margin-left: 0; margin-top: 20px; float: none }
.zsms3 { width: 100%; }
#pro_div2 .mr_frBtnL { position: absolute; left: 20%; bottom: -110px; width: 67px; height: 66px; z-index: 100; cursor: pointer; }
#pro_div2 .mr_frBtnR { position: absolute; right: 20%; bottom: -110px; width: 67px; height: 66px; z-index: 100; cursor: pointer; }
#jmsc { width: 90%; margin: 0 auto; }
#pro_list2 ul li { float: left; width: 100%; }
.product2 { display: none; }
.product3 { display: block; }
.aboutPlate .summary { width: 90%; margin: 0 auto; display: block; overflow: hidden; }
.aboutPlate .summary.R { margin-left: auto; }
.aboutPlate .aboutImg { position: !important
}
.aboutPlate .aboutImg:after { display: none }
.aboutPlate .aboutImg .aboutIMg01 {
position: !important; margin: 0 auto; z-index: 0; display: none }
.aboutPlate .aboutImg .aboutIMg01 img { margin: 0 auto }
.aboutPlate .aboutImg .aboutIMg02 { position: relative; bottom: 130px; top: 0; left: 0; overflow: hidden; z-index: 0; width: 90%; margin: 0 auto; }
.aboutPlate .aboutImg .aboutIMg02 img, .aboutPlate .aboutImg .aboutIMg03 img { width: 100%; }
.aboutPlate .aboutImg .aboutIMg03 { position: relative; left: 0; bottom: 2rem; z-index: 0; overflow: hidden; width: 90%; margin: 0 auto; }
.gg_tltle { width: 90%; }
.gg1 ul li { width: 100%; margin: 2rem 0; float: none; }
.gg2_l {width: 100%;}
.gg2_r { width: 100%; }
.gg2_r img {width: 100%;}
.gg3_r { display: none; }
.gg3_l { width: 100%; float: none; margin-top: 3rem; }
.tj ul { margin-right: 0; height: 11rem }
.tj ul li { width: 100%; float: none; margin-right: 0; }
/* 联系我们  */
.contact { position: relative; }
.contact_2 { position: relative; right: 0; top: 0; background: rgba(0,0,0,1); height: 330px; padding: 1rem; margin-top: 0; }
.contact_2_1 h3 { font-weight: normal; color: #fffefe; font-size: 20px; }
.contact_2_1 span { background: #fffefe; width: 26px; height: 2px; display: block; margin: 10px 0 10px 0; }
.contact_2_1 p { color: #fffefe; font-size: 14px; line-height: 1.5rem; }
.contact_2_2 ul li { float: left; }
.ep3 { margin-left: 25px; }
.contact_2_2 ul li p { color: #fffefe; font-size: 12px; height: 28px; line-height: 28px; margin-top: 9px; text-align: center }
.ep1 { background: url(/website/img/ny/sij_06.png) no-repeat center left; padding-left: 40px; }
.ep2 { background: url(/website/img/ny/sij_03.png) no-repeat center left; }
.contact_2_2 { margin-top: 40px; }
.js_bj1, .zzgy_bj1, .dgzb_bj1 {height: 365px;background-size: cover;}
.js1 {font-size: 2rem;padding-top: 130px;}
.online h1 { height: auto;background: url(/website/img/wz_ico.png) no-repeat 0 top;color: #787878;padding-left: 20px;font-size: 12px;line-height: 20px;margin-bottom: 10px;}
.js_bj2, .zzgy_bj2 {height: 600px;background-size: cover;}
.js2 h3 {font-size: 2rem;color: #ffd800;margin: 6rem 0 1rem 0;}
.js2 p {font-size: 1.2rem;line-height: 2rem;color: #fff; width:auto}
.js3 {font-size: 2rem;}
.js4_l {float: none;width: 100%;overflow: hidden;}
.js4_l img{width:100%;}
.js4_r {float: none;width: 100%;}
.js4_r h3 {font-size: 2rem;color: #333;margin: 2rem 0 1rem 0;}
.js4_r p {font-size: 1.1rem;line-height: 1.8em;}
.js4_1 { margin-left:0}
.js5_r { float: none; width: 100%; overflow: hidden; margin-top: 1rem }
.js5_r img{width:100%}
.js5_l {float: none;width: 100%;margin-top: 2rem;}
.js5_l img{width:100%}
.js5_l h3 { font-size: 2rem; color: #333; margin: 3rem 0 1rem 0 }
.js5_l p { font-size: 1.1rem; line-height: 1.8rem; color: #666; }
.js6_bj h3 {font-size: 2rem;}
.zzgy_4 img{width:100%;}
.dgzb1 { font-size: 2rem; padding-top: 70px }
.rjsl_1{background-color:#f1f1f1; height:auto; margin-bottom:1rem}
.rjsl_2{background-color:#f1f1f1; height:auto; margin-bottom:1rem}
.rjsl_3{background-color:#f1f1f1; height:auto; margin-bottom:1rem}
.rjsl_4{background-color:#f1f1f1; height:auto; margin-bottom:1rem}
.rjsl_r{width:100%;  float:none; overflow:hidden; }
.rjsl_r img{width:100%;}
.rjsl_l{width:100%; float:none; padding:0 3% 0 3%}
.rjsl5_r{width:100%; float:none;}
.rjsl5_l{width:100%; float:none;}
.new_img11 {width: 100%;float: none; display: block;overflow: hidden;height: 32vh;}
.js1{width: 90%;/* margin-left:5%; */display: block;height: 475px;overflow: hidden;padding:130px 5% 0 5%;background-color: rgba(0,0,0, 0.35);}
.js2{width: 90%;/* margin-left:5%; */display: block;height: 600px;overflow: hidden;padding:0 5%;background-color: rgba(0,0,0, 0.35);}
.par{display:block; overflow:hidden;width: 100%;margin: 0;float: none;}
.par .par1{width: 100%;float: none;margin-right:0;height: 60px;line-height: 60px;}
.par3{float: none;width: 100%;}
.par .par2{width: 45.6%;height: 50px;margin-top: 3%; margin-bottom:3%}
.con1 .con_li {float: none;width: 98%;margin: 0 1.6% 30px 1.6%;}
.ss {width: 120px;float: left;margin-top: 0.5rem;margin-right: 10px;}
.search_main {width: 70px;height: 30px;line-height: 30px;color: #666;border: 1px solid #00933e;background-color: #fff;border-bottom-left-radius: 5px;border-top-left-radius: 5px;outline: 0 none;float: left;padding-left: 5px;}
.new_t p {font-size: 1.1rem;color: #666;line-height: 1.9rem;padding: 2% 0 2.5% 0;height: 3.5rem;overflow: hidden;}
.zx_title{width: 100%;}
.zx_title li {width: 46%;margin-right: 5%;}
.videolist {float: none;width: 100%;margin: 0 0 30px 0;}
.pic_list_xq .pic_list_details p img, .pic_list_xq .pic_list_details img , .pic_list_details  div img{width: 100%;}
.xg4_t {margin: 40px 0 40px 0;}
.xg_main p img{width:100%; height:auto}
.js4_l img{position: relative;right: 0;}
}
@media screen and ( max-width:340px ) {
.banner_t1 { margin-top: 1rem; }
.cd-popup-container { margin: 0.5em auto; }
}
.pagination-div {
    padding: 18px 0 18px;
    margin-top: 15px;
    background-color: #fff
}

.pagination-div .pagination {
    display: flex;
    justify-content: center
}

.pagination-div .pagination li a {
    display: block;
    min-width: 39px;
    height: 39px;
    line-height: 39px;
    border-radius: 3px;
    background-color: #f8f8f8;
    color: #101010;
    font-size: 14px;
    text-align: center;
    margin: 0 7px
}

.pagination-div .pagination li a.on,
.pagination-div .pagination li a:hover {
    background-color: #00933e;
    color: #fff
}

.pagination-div .pagination li a .fa {
    font-size: 20px
}
.pagination-div .pagination li span {
    display: block;
    min-width: 39px;
    height: 39px;
    line-height: 39px;
    border-radius: 3px;
    background-color: #f8f8f8;
    color: #101010;
    font-size: 14px;
    text-align: center;
    margin: 0 7px
}
.pagination-div .pagination li.active span {
    background-color: #00933e;
    color: #fff
}

.pagination-div .pagination li span .fa {
    font-size: 20px
}