@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; margin:0 auto; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei"; resize:none; color:#595757;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
u { text-decoration:none;}
a,a:hover { text-decoration:none; color:#b80f0e;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
i,em,cite { font-style:normal;}
ul,ol,li { float:left;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei"; text-transform:uppercase;}
table { width:100%; border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
th,td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.8);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.8);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.8);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.8);}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.red { color:red !important;}
.img,.slides .img ul li,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:50px; font:0/0 Arial; position:relative;}
.img img { width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
.name { text-overflow:ellipsis; white-space:nowrap;}
@font-face { font-family:"ruizizhenyanti";
	src:url("ruizizhenyanti.eot");
	src:url("ruizizhenyanti.eot") format("embedded-opentype"),
	url("ruizizhenyanti.woff") format("woff"),
	url("ruizizhenyanti.ttf") format("truetype"),
	url("ruizizhenyanti.svg") format("svg");
}

/**头部和尾部**/
header { width:100%; height:100px; position:relative; z-index:150;}
header:before { width:1920px; height:100%; content:""; background:#0a0a0c; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1; display:none;}
header>ul { position:relative; z-index:10;}

header .logo { height:94px; font:0/0 Arial; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 50px;}
header .logo img { height:100%;}

header .nav { height:100%; position:absolute; top:0; right:250px; z-index:30;}
header .nav li { height:100%; margin-left:10px; font:16px/98px "microsoft yahei"; position:relative; overflow:visible;}
header .nav li a { float:left; height:100%; padding:0 25px; color:#fff; position:relative;}
header .nav li:hover a,header .nav li a.active { background:#b80f0e;}

header .icon { height:60px; position:absolute; top:50%; right:50px; margin-top:-30px; z-index:20;}
header .icon li { width:38px; height:100%; margin-left:15px; position:relative; cursor:pointer; overflow:visible;}
header .icon li a { width:calc(100% - 2px); height:36px; border:#fff 1px solid; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.wx a:before { background-position:-50px 0;}
header .icon li.wx:hover a:before { background-position:-50px -20px;}
header .icon li.tel a:before { background-position:-70px 0;}
header .icon li.tel:hover a:before { background-position:-70px -20px;}
header .icon li.qq a:before { background-position:-90px 0;}
header .icon li.qq:hover a:before { background-position:-90px -20px;}
header .icon li .ewm { width:140px; height:155px; background:none; position:absolute; top:50px; left:50%; margin-left:-70px; transition:all 0.4s; transform:translateY(10%); opacity:0; visibility:hidden;}
header .icon li .ewm:before { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#b80f0e 9px solid; position:absolute; top:6px; left:50%; margin-left:-8px;}
header .icon li .ewm:after { width:132px; height:132px; content:""; background-color:#fff; border:#b80f0e 4px solid; border-radius:3px; position:absolute; bottom:0; left:0;}
header .icon li .ewm img { width:120px; height:120px; position:absolute; bottom:10px; left:10px; z-index:20;}
header .icon li .txt { width:130px; height:30px; background:#b80f0e; border-radius:5px; text-align:center; line-height:30px; font-size:16px; color:#fff; position:absolute; top:100%; left:50%; margin-left:-65px; transition:all 0.3s; transform:translateY(30%); opacity:0; visibility:hidden;}
header .icon li .txt:before { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#b80f0e 9px solid; position:absolute; bottom:30px; left:50%; margin-left:-8px;}
header .icon li:hover a { border-color:#b80f0e;}
header .icon li:hover .ewm { transform:translateY(0); opacity:1; visibility:visible;}
header .icon li:hover .txt { transform:translateY(5px); opacity:1; visibility:visible;}

footer { width:1200px; height:140px; padding:40px 0; margin-top:50px !important; border-bottom:#b80f0e 14px solid; color:#fff; position:relative;}
#footer { position:fixed; bottom:0; left:50%; margin-left:-600px; z-index:100;}
footer:before,footer:after { width:1920px; content:""; position:absolute; left:50%; margin-left:-960px;}
footer:before { height:100%; background:url(../images/bg_footer.jpg) no-repeat; top:0; z-index:1;}
footer:after { height:14px; background:#b80f0e; bottom:-14px; z-index:2;}

footer>ul { position:relative; z-index:20;}

footer a { color:#fff;}
footer a:hover { color:#b80f0e;}

footer .link { width:100%; height:20px; margin-top:-4px; font-size:14px;}
footer .link li { height:100%; padding-left:31px; position:relative;}
footer .link li:before { width:1px; height:12px; content:""; background:#fff; position:absolute; top:50%; left:15px; margin-top:-6px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}

footer .copyright { width:100%; padding-top:18px; line-height:28px; font-size:12px;}
footer .copyright span { margin-right:15px;}

footer .ewm { position:absolute; top:40px; right:0;}
footer .ewm li { width:120px; margin-left:20px; position:relative;}
footer .ewm li p { float:left; text-align:center; overflow:hidden;}
footer .ewm li .img { width:110px; height:110px; border:#fff 5px solid;}
footer .ewm li .txt { width:100%; margin-top:10px; line-height:12px;}

/**首页**/
#index_header { position:fixed; top:0; left:0;}
#index_header:before { display:block;}

section { width:100%; height:100%; overflow:hidden; position:relative; z-index:100;}

.slides { width:100%; height:100%; background:#000; font:0/0 Arial;}
.slides .img { width:1920px; height:900px; position:absolute; top:100px; left:50%; margin-left:-960px; z-index:10;}
.slides .img ul { width:1000%; height:100%;}
.slides .img ul li { width:10%; height:100%; text-align:center;}
.slides .img ul li a { float:left; width:100%; height:100%;}
.slides .img ul li img { width:100%;}
.slides .dot { width:100%; height:12px; text-align:center; font:0/0 Arial; position:absolute; bottom:20px; left:0; z-index:20; display:none;}
.slides .dot li { float:none !important; width:12px; height:100%; margin:0 5px; background:rgba(222,222,222,0.7); border-radius:100%; display:inline-block; cursor:pointer;}
.slides .dot li.active { background:rgba(215,0,15,0.7);}
.slides .button { width:31px; height:31px; border:#fff 2px solid; border-radius:100%; font:0/0 Arial; position:absolute; top:50%; margin-top:-17px; z-index:20; cursor:pointer; transition:all 0.5s; opacity:0; visibility:hidden;}
.slides .button:hover { border-color:#b80f0e;}
.slides .button:before { width:8px; height:13px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:50%; margin:-6px 0 0 -4px;}
.slides .button.prev { left:50px; transform:translate(15px,50px);}
.slides .button.prev:before { background-position:-110px 0;}
.slides .button.prev:hover:before { background-position:-120px 0;}
.slides .button.next { right:50px; transform:translate(-15px,50px);}
.slides .button.next:before { background-position:-120px -15px;}
.slides .button.next:hover:before { background-position:-110px -15px;}
.slides:hover .button { transform:translate(0,50px); opacity:1; visibility:visible;}
.slides .goNext { width:100px; text-align:center; color:#fff; position:absolute; bottom:5px; left:50%; margin-left:-50px; z-index:30; cursor:pointer;}
.slides .goNext li { float:none !important; height:20px; padding-top:55px; display:inline-block; position:relative;}
.slides .goNext li i { width:26px; height:44px; border:#fff 2px solid; border-radius:15px; position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto auto auto;}
.slides .goNext li i:before { width:12px; height:12px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation:slidesGoNext 1.3s linear infinite alternate;}

@keyframes slidesGoNext {
	0%{ transform:translateY(10px);}
	100%{ transform:translateY(-10px);}
}

.index_title { width:100%; height:120px; margin-top:200px; color:#fff; position:relative;}
.index_title h5,.index_title h6 { width:100%; text-align:center; position:absolute; left:0; z-index:20; opacity:0; transition:all 0.3s;}
.index_title h5 { font:34px/32px "ruizizhenyanti"; top:28px; transform:translateX(-30px);}
.index_title h6 { line-height:12px; font-size:12px; top:65px; transform:translateX(30px);}
.index_title i { width:0px; height:2px; background:#fff; position:absolute; left:50%; margin-left:0; transition:all 0.2s; z-index:10;}
.index_title i:before,.index_title i:after { width:0; height:0; content:""; background:#fff; position:absolute; transition:all 0.3s;}
.index_title i.top { top:0;}
.index_title i.top:before { width:2px; height:0; top:0; left:0;}
.index_title i.top:after { width:2px; height:0; top:0; right:0;}
.index_title i.bot { bottom:0;}
.index_title i.bot:before { width:2px; height:0; bottom:0; left:0;}
.index_title i.bot:after { width:2px; height:0; bottom:0; right:0;}

section.open .index_title h5,section.open .index_title h6 { opacity:1; transform:translateX(0); transition-delay:0.5s;}
section.open .index_title i { width:50px; margin-left:-25px;}
section.open .index_title i.top:before,section.open .index_title i.top:after { height:15px; transition-delay:0.2s;}
section.open .index_title i.bot:before,section.open .index_title i.bot:after { height:35px; transition-delay:0.2s;}

.index_about { background:url(../images/bg_about.jpg) no-repeat center center; background-size:cover;}

.index_about .info { width:calc(1280px - 720px); height:450px; padding-right:720px; margin-top:40px; position:relative;}
.index_about .info li { position:absolute; opacity:0; transition:all 0.5s;}
.index_about .info li.txt { width:100%; line-height:24px; font-size:14px; color:#fff; position:relative; transform:translateX(-50px);}
.index_about .info li.img { width:650px; height:450px; line-height:0; font-size:0; top:0; right:0; transform:translateX(50px);}
.index_about .info li.more { width:120px; height:40px; text-align:center; line-height:38px; font-size:14px; bottom:0; left:0; transform:translateX(-50px);}
.index_about .info li.more a { width:calc(100% - 0px); height:calc(100% - 0px); background:rgba(184,15,14,0.5); border-radius:3px; color:#fff; position:absolute; top:0; left:0; transition:all 0.5s;}
.index_about .info li.more a:hover { background:rgba(184,15,14,1);}

.index_about.open .info li { opacity:1; transform:translateX(0);}

.index_inheritor { background:url(../images/bg_inheritor.jpg) no-repeat center center; background-size:cover;}
.index_inheritor .list { width:100%; margin-top:75px; text-align:center;}
.index_inheritor .list li { float:none; width:350px; height:385px; margin:0 38px; display:inline-block; position:relative; opacity:0; transform:translateY(50px); transition:all 0.5s;}
.index_inheritor .list li:before { width:346px; height:346px; content:""; border:#868585 2px solid; border-radius:100%; position:absolute; top:0; left:0; z-index:10;}
.index_inheritor .list li a { float:left; width:100%; height:100%; position:relative; z-index:20;}
.index_inheritor .list li p { text-align:center; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:20;}
.index_inheritor .list li .img { width:100%; height:350px; background-color:transparent; border-radius:100%; margin-top:0;}
.index_inheritor .list li .img img { border-radius:100%; transform:scale(0.8); transition:all 0.6s;}
.index_inheritor .list li .name { width:210px; height:24px; padding-top:30px; background:#626262; border-radius:27px; margin-bottom:0; font-size:14px; color:#fff; transition:all 0.5s;}
.index_inheritor .list li .name i { width:100%; height:20px; font-size:18px; position:absolute; top:6px; left:0;}
.index_inheritor .list li:hover .img img { transform:scale(1);}
.index_inheritor .list li:hover .name { background:#b80f0e;}

.index_inheritor.open .list li { opacity:1; transform:translateY(0);}
.index_inheritor.open .list li:nth-child(2) { transition-delay:0.2s;}
.index_inheritor.open .list li:nth-child(3) { transition-delay:0.4s;}

.index_product { background:url(../images/bg_product.jpg) no-repeat center center; background-size:cover;}
.index_product .list { width:100%; height:450px; text-align:center; position:relative; z-index:10; transition:all 0.5s;}
.index_product .list li { float:none; width:310px; height:100%; margin:40px 5px 0; display:inline-block; overflow:visible; position:relative; z-index:10; opacity:0; transition:all 0.5s;}
.index_product .list li a { width:100%; height:100%; color:#fff; position:absolute; top:50%; left:50%; margin:-225px 0 0 -155px; transition:all 0.5s;}
.index_product .list li p { width:calc(100% - 40px); overflow:hidden; position:absolute; left:20px; z-index:20;}
.index_product .list li .img { width:100%; height:100%; background-color:transparent; top:0; left:0; z-index:10;}
.index_product .list li .name { font-size:18px; bottom:40px;}
.index_product .list li .text { height:12px; line-height:12px; font-size:12px; text-transform:uppercase; bottom:20px;}
.index_product .list li .text:after { width:5px; height:9px; content:""; background:url(../images/base.png) no-repeat -110px -30px; position:absolute; top:50%; right:0; margin-top:-4.5px;}
.index_product .list li:hover { z-index:20;}
.index_product .list li:hover a { width:340px; height:494px; margin:-247px 0 0 -170px;}

.index_product .list li:nth-child(odd) { transform:translateY(-50px);}
.index_product .list li:nth-child(even) { transform:translateY(50px);}

.index_product.open .list li { opacity:1; transform:translateY(0);}

.index_news { background:url(../images/bg_news.jpg) no-repeat center center; background-size:cover;}
.index_news .list { width:100%; margin-top:40px; text-align:center;}
.index_news .list li { float:none; width:300px; height:450px; margin:0 12px; background:#fff; display:inline-block; position:relative; opacity:0; transition:all 0.5s;}
.index_news .list li a { float:left; width:100%; height:100%;}
.index_news .list li p { width:calc(100% - 40px); overflow:hidden; position:absolute; left:20px;}
.index_news .list li .img { width:100%; height:200px; top:0; left:0;}
.index_news .list li .img img { transition:all 0.8s;}
.index_news .list li .name { height:52px; line-height:26px; font-size:18px; color:#3e3a39; white-space:normal; top:230px;}
.index_news .list li .text { height:66px; line-height:22px; font-size:14px; color:#727171; top:308px;}
.index_news .list li .date { height:12px; line-height:12px; font-family:Arial; overflow:visible; bottom:20px;}
.index_news .list li .date:after { width:5px; height:9px; content:""; background:url(../images/base.png) no-repeat -115px -30px; position:absolute; top:50%; right:0; margin-top:-4px;}
.index_news .list li .date em { float:left; margin:-1px 10px 0 0; font-size:16px; color:#b80f0e;}
.index_news .list li:hover a { background:#b80f0e;}
.index_news .list li:hover .img img { transform:scale(1.04);}
.index_news .list li:hover .name,.index_news .list li:hover .text,.index_news .list li:hover .date,.index_news .list li:hover .date em { color:#fff;}
.index_news .list li:hover .date:after { background-position:-120px -30px;}

.index_news .list li:nth-child(odd) { transform:translateY(50px);}
.index_news .list li:nth-child(even) { transform:translateY(-50px);}

.index_news .list li:nth-child(even) .img { top:auto; bottom:0;}
.index_news .list li:nth-child(even) .name { top:30px;}
.index_news .list li:nth-child(even) .text { top:108px;}
.index_news .list li:nth-child(even) .date { bottom:220px;}

.index_news .more { width:100%; margin-top:30px; text-align:center; opacity:0; transform:translateY(30px); transition:all 0.5s;}
.index_news .more a { width:120px; height:40px; background:rgba(184,15,14,0.7); border-radius:3px; line-height:40px; font-size:14px; color:#fff; display:inline-block; transition:all 0.5s;}
.index_news .more a:hover { background:rgba(184,15,14,1);}

.index_news.open .list li { opacity:1; transform:translateY(0);}
.index_news.open .more { opacity:1; transform:translateY(0); transition-delay:0.4s;}

.index_huanjing { background:url(../images/bg_huanjing.jpg) no-repeat center center; background-size:cover;}
.index_huanjing .content-main { width:1280px; height:450px; margin-top:40px; position:relative; opacity:0; transform:translateY(100px); transition:all 0.5s;}
.index_huanjing .content-btn { cursor:pointer; position:absolute; top:0; z-index:10;}
.index_huanjing .content-btn i { width:44px; height:44px; position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px; transition:all 0.5s;}
.index_huanjing .content-btn i:before { width:31px; height:51px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-25.5px 0 0 -15.5px; transition:all 0.5s;}
.index_huanjing .prev-btn { left:0;}
.index_huanjing .prev-btn i:before { background-position:-85px -40px;}
.index_huanjing .prev-btn:hover i:before { background-position:-50px -40px;}
.index_huanjing .next-btn { right:0;}
.index_huanjing .next-btn i:before { background-position:-120px -40px; margin-left:-7px;}
.index_huanjing .next-btn:hover i:before { background-position:-155px -40px;}

.index_huanjing .list { width:1280px; height:450px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_huanjing .list li { width:650px; height:450px; overflow:hidden; position:absolute; left:0; top:0;}
.index_huanjing .list li p { overflow:hidden; position:absolute;}
.index_huanjing .list li .img { width:100%; height:100%; top:0; left:0;}

.index_huanjing .more { width:100%; margin-top:30px; text-align:center; opacity:0; transform:translateY(30px); transition:all 0.5s;}
.index_huanjing .more a { width:120px; height:40px; background:rgba(184,15,14,0.7); border-radius:3px; line-height:40px; font-size:14px; color:#fff; display:inline-block; transition:all 0.5s;}
.index_huanjing .more a:hover { background:rgba(184,15,14,1);}

.index_huanjing.open .content-main { opacity:1; transform:translateY(0);}
.index_huanjing.open .more { opacity:1; transform:translateY(0); transition-delay:0.4s;}

.index_contact { background:url(../images/bg_contact.jpg) no-repeat center center; background-size:cover;}
.index_contact .info { width:calc(1280px - 640px); min-height:450px; padding-left:640px; margin-top:40px; color:#ddd; position:relative;}
.index_contact .info dl { float:left; width:100%; overflow:hidden; position:relative; z-index:10;}

.index_contact .info .msg_form { width:590px; height:200px; position:absolute; top:0; left:0; opacity:0; transform:translate(-50px,0); transition:all 0.5s;}
.index_contact .info .msg_form dd { width:calc((100% - 10px) / 2); height:50px; position:absolute;}
.index_contact .info .msg_form dd input { width:calc(100% - 2px); height:calc(100% - 3px); padding-bottom:1px; border:#b5b5b6 1px solid; text-indent:10px; font-size:14px; color:#ddd;}
.index_contact .info .msg_form dd textarea { width:calc(100% - 20px); height:calc(100% - 18px); padding:8px 9px; border:#b5b5b6 1px solid; font-size:14px; color:#ddd;}
.index_contact .info .msg_form input::-webkit-input-placeholder,.index_contact .info .msg_form textarea::-webkit-input-placeholder { color:#b5b5b6;}
.index_contact .info .msg_form input::-moz-placeholder,.index_contact .info .msg_form textarea::-moz-placeholder { color:#b5b5b6;}
.index_contact .info .msg_form input:-moz-placeholder,.index_contact .info .msg_form textarea:-moz-placeholder { color:#b5b5b6;}
.index_contact .info .msg_form input:-ms-input-placeholder,.index_contact .info .msg_form textarea:-ms-input-placeholder { color:#b5b5b6;}
.index_contact .info .msg_form dd input:focus,.index_contact .info .msg_form dd textarea:focus { border-color:#b80f0e;}
.index_contact .info .msg_form dd.user { top:0; left:0;}
.index_contact .info .msg_form dd.tel { top:0; right:0;}
.index_contact .info .msg_form dd.detail { width:100%; height:80px; top:60px; left:0;}
.index_contact .info .msg_form dd.submit { width:calc(100% - 2px); height:48px; border:#b5b5b6 1px solid; text-align:center; line-height:48px; font-size:16px; color:#fff; bottom:0; left:0;}
.index_contact .info .msg_form dd.loading { width:100%; height:100%; background-color:rgba(255,255,255,0.2); border:0; top:0; left:0; z-index:30; display:none;}

.index_contact .info .map { width:590px; height:230px; position:absolute; top:220px; left:0; opacity:0; transform:translate(-50px,0); transition:all 0.5s;}

.index_contact .info .lianxi { overflow:visible; opacity:0; transform:translate(50px,-20px); transition:all 0.5s;}
.index_contact .info .lianxi dd { float:left; width:100%;}
.index_contact .info .lianxi dd.txt1 i { float:left; width:90px; height:30px; background:#b80f0e; border-radius:15px; text-align:center; line-height:30px; font-size:14px; color:#fff;}
.index_contact .info .lianxi dd.txt2 { height:30px; margin:10px 0 -5px 0; line-height:30px; font-size:32px; color:#fff;}

.index_contact .info .icon { height:60px; margin-top:20px; overflow:visible; z-index:20; opacity:0; transform:translate(50px,0); transition:all 0.5s;}
.index_contact .info .icon dd { float:left; width:38px; height:100%; margin-right:15px; position:relative; cursor:pointer;}
.index_contact .info .icon dd a { width:calc(100% - 2px); height:36px; border:#fff 1px solid; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_contact .info .icon dd a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_contact .info .icon dd.wx a:before { background-position:-50px 0;}
.index_contact .info .icon dd.wx:hover a:before { background-position:-50px -20px;}
.index_contact .info .icon dd.mb a:before { background-position:-70px 0;}
.index_contact .info .icon dd.mb:hover a:before { background-position:-70px -20px;}
.index_contact .info .icon dd.qq a:before { background-position:-90px 0;}
.index_contact .info .icon dd.qq:hover a:before { background-position:-90px -20px;}
.index_contact .info .icon dd .ewm { width:140px; height:155px; background:none; position:absolute; top:50px; left:50%; margin:0 0 0 -70px !important; transition:all 0.4s; transform:translateY(10%); opacity:0; visibility:hidden;}
.index_contact .info .icon dd .ewm:before { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#b80f0e 9px solid; position:absolute; top:6px; left:50%; margin-left:-8px;}
.index_contact .info .icon dd .ewm:after { width:132px; height:132px; content:""; background-color:#fff; border:#b80f0e 4px solid; border-radius:3px; position:absolute; bottom:0; left:0;}
.index_contact .info .icon dd .ewm img { width:120px; height:120px; position:absolute; bottom:10px; left:10px; z-index:20;}
.index_contact .info .icon dd .txt { width:130px; height:30px; background:#b80f0e; border-radius:5px; text-align:center; line-height:30px; font-size:16px; color:#fff; position:absolute; top:100%; left:50%; margin-left:-65px; transition:all 0.3s; transform:translateY(30%); opacity:0; visibility:hidden;}
.index_contact .info .icon dd .txt:before { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#b80f0e 9px solid; position:absolute; bottom:30px; left:50%; margin-left:-8px;}
.index_contact .info .icon dd:hover a { border-color:#b80f0e;}
.index_contact .info .icon dd:hover .ewm { transform:translateY(0); opacity:1; visibility:visible;}
.index_contact .info .icon dd:hover .txt { transform:translateY(5px); opacity:1; visibility:visible;}

.index_contact .info .link { height:16px; margin-top:40px; line-height:16px; font-size:16px; opacity:0; transform:translate(50px,0); transition:all 0.5s;}
.index_contact .info .link dd { float:left; height:100%; padding-left:41px; position:relative;}
.index_contact .info .link dd:before { width:1px; height:14px; content:""; background:#b5b5b6; position:absolute; top:50%; left:20px; margin-top:-6px;}
.index_contact .info .link dd:first-child { padding:0;}
.index_contact .info .link dd:first-child:before { display:none;}
.index_contact .info .link dd a { float:left; height:100%; color:#fff;}
.index_contact .info .link dd a:hover { color:#b80f0e;}

.index_contact .info .copyright { margin-top:25px; line-height:26px; font-size:14px; color:#ddd; opacity:0; transform:translate(50px,0); transition:all 0.5s;}
.index_contact .info .copyright span { margin-left:18px;}
.index_contact .info .copyright span:first-child { margin:0;}
.index_contact .info .copyright a { color:#ddd;}
.index_contact .info .copyright a:hover { color:#b80f0e;}

.index_contact .info .ewm { margin-top:25px; opacity:0; transform:translate(50px,30px); transition:all 0.5s;}
.index_contact .info .ewm dd { float:left; width:120px; margin-right:30px; position:relative;}
.index_contact .info .ewm dd:first-child { margin:0;}
.index_contact .info .ewm dd p { float:left; text-align:center; overflow:hidden;}
.index_contact .info .ewm dd .img { width:110px; height:110px; border:#fff 5px solid; font:0/0 Arial;}
.index_contact .info .ewm dd .txt { width:100%; margin-top:10px; line-height:12px; font-size:12px;}

.index_contact.open .info dl { opacity:1; transform:translate(0,0);}

/**公共**/
.banner { width:1920px; margin-top:-100px; margin-bottom:50px; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .imgs { width:100%; text-align:center; font:0/0 Arial; position:relative; z-index:10;}

.banner .title { width:300px; height:120px; color:#fff; position:absolute; top:50%; left:50%; margin:-60px 0 0 -150px; z-index:20; transform:translateY(50px);}
.banner .title h5,.banner .title h6 { width:100%; text-align:center; position:absolute; left:0; z-index:20;}
.banner .title h5 { font:34px/32px "ruizizhenyanti"; top:28px;}
.banner .title h6 { line-height:12px; font-size:12px; top:65px;}
.banner .title i { width:50px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-25px; z-index:10;}
.banner .title i:before,.banner .title i:after { width:0; height:0; content:""; background:#fff; position:absolute; transition:all 0.3s;}
.banner .title i.top { top:0;}
.banner .title i.top:before { width:2px; height:15px; top:0; left:0;}
.banner .title i.top:after { width:2px; height:15px; top:0; right:0;}
.banner .title i.bot { bottom:0;}
.banner .title i.bot:before { width:2px; height:35px; bottom:0; left:0;}
.banner .title i.bot:after { width:2px; height:35px; bottom:0; right:0;}

main { width:1200px; position:relative; z-index:90;}
.main_left { width:260px;}
.main_right { width:900px; background:#fff;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}
.main_all { width:100%;}

.main_all .menu { width:100%; margin-top:-50px; margin-bottom:50px; position:relative; z-index:30;}
.main_all .menu:before { width:1920px; height:1px; content:""; background:#e6e6e6; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:1;}
.main_all .menu li { height:60px; text-align:center; line-height:58px; font-size:16px; position:relative; z-index:10;}
.main_all .menu li a { float:left; height:100%; padding:0 40px; position:relative;}
.main_all .menu li a:after { width:11px; height:7px; content:""; background:url(../images/base.png) no-repeat; position:absolute; bottom:0; left:50%; margin-left:-5.5px; display:none;}
.main_all .menu li a:hover { background:rgba(184,15,14,0.2); color:#595757;}
.main_all .menu li a.active { background:rgba(184,15,14,1); color:#fff;}
.main_all .menu li a.active:after { display:block;}

.main_left .menu { width:100%; padding:101px 0 1px; background:#000; border-bottom:#b80f0e 5px solid; position:relative; z-index:30;}
.main_left .menu span { width:100%; height:100px; background:#b80f0e; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu h5,.main_left .menu h6 { color:#fff; position:absolute; left:20px;}
.main_left .menu h5 { line-height:18px; font-size:20px; top:30px;}
.main_left .menu h6 { line-height:12px; font-size:12px; bottom:30px;}
.main_left .menu:after { width:100%; height:1px; content:""; background:#5c5755; position:absolute; bottom:1px; left:0; z-index:1;}
.main_left .menu li { width:100%; height:50px; padding:1px 0; border-top:#5c5755 1px solid; line-height:48px; font-size:16px; overflow:visible; position:relative; z-index:10;}
.main_left .menu li>a { float:left; width:100%; height:100%; text-indent:30px; color:#fff; position:relative;}
.main_left .menu li>a:before,.main_left .menu li>a:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.main_left .menu li>a:before { width:6px; height:6px; background:#fff; border-radius:100%; margin-left:20px;}
.main_left .menu li>a:after { width:6px; height:11px; background:url(../images/base.png) no-repeat 0 -10px; margin-right:20px;}
.main_left .menu li:hover>a,.main_left .menu li>a.active { background:#b80f0e; color:#fff;}

.main_left .menu li dl { width:120px; border-radius:0 5px 5px 0; overflow:hidden; position:absolute; top:0; left:100%; transition:all 0.3s; transform:translateY(30px); opacity:0; visibility:hidden;}
.main_left .menu li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}
.main_left .menu li dl:before { width:100%; height:100%; content:""; background:rgba(51,162,57,0.6); position:absolute; top:0; left:0; z-index:10;}
.main_left .menu li dl dd { float:left; width:100%; height:40px; border-top:rgba(255,255,255,0.5) 1px solid; line-height:40px; text-indent:0; font-size:14px; position:relative; z-index:20;}
.main_left .menu li dl dd:first-child { border:0;}
.main_left .menu li dl dd a { float:left; width:100%; height:100%; text-align:center; color:#fff;}
.main_left .menu li dl dd a:hover { background:rgba(51,162,57,1); color:#fff;}
.main_left .menu li dl dd a.active { background:rgba(254,202,10,0.8); color:#fff;}

.location { width:100%; height:67px; margin-bottom:30px; background:#f6f7f8; border-top:#000 3px solid; position:relative; z-index:10;}
.location h5 { height:100%; padding:0 100px 0 20px; line-height:16px; font-size:18px; color:#3e3a39; position:absolute; top:12px; left:0;}
.location h5:before { width:100%; height:3px; content:""; background:#b80f0e; position:absolute; top:-15px; left:0;}
.location span { height:14px; line-height:12px; font-family:"SimSun"; color:#898989; position:absolute; bottom:13px; left:20px;}
.location span i,.location span a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.location span i { padding-left:5px;}
.location span i:before { width:2px; height:2px; content:""; background:#898989; position:absolute; top:50%; left:0; margin-top:-1px;}
.location span a:hover { color:#b80f0e;}

/**内容**/
article { width:100%; line-height:26px; font-size:14px; margin:-7px 0 -6px;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px; background:#000;}
article .no { margin-top:0; font:0/0 Arial;}
article .no:first-child,article iframe:first-child { margin-top:7px !important;}
article .no img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 100px); height:29px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:27px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#b80f0e; border-color:#b80f0e; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:60px; height:29px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
#list .pages .gotoPage em { position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#b80f0e;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#b80f0e 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:24px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover,#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.1); color:#b80f0e;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_product { width:105%; margin:-5px 0 -15px;}
#list .list_product li { width:290px; margin:5px 14px 0 0;}
#list .list_product li p { float:left; width:100%; text-align:center; overflow:hidden;}
#list .list_product li .img { height:290px;}
#list .list_product li .img:after { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#b80f0e 2px solid; position:absolute; top:0; left:0; z-index:20; display:none;}
#list .list_product li .name { height:40px; line-height:40px; font-size:14px;}
#list .list_product li:hover .img:after { display:block;}
#list .list_product li:hover .name { color:#b80f0e;}

#list .list_photo { width:105%; margin-top:-15px;}
#list .list_photo li { width:390px; margin:15px 15px 0 0;}
#list .list_photo li p { float:left; width:100%; text-align:center; overflow:hidden;}
#list .list_photo li .img { height:270px;}
#list .list_photo li .img img { transition:all 0.8s;}
#list .list_photo li .img:after { width:100%; height:100%; content:""; background:rgba(184,15,14,0.2); position:absolute; top:0; left:0; z-index:20; display:none;}
#list .list_photo li .name { width:calc(100% - 10px); height:34px; padding:0 5px; background:#eaedef; line-height:32px; display:none;}
#list .list_photo li:hover .img img { transform:scale(1.05);}
#list .list_photo li:hover .img:after { display:none;}
#list .list_photo li:hover .name { background:#b80f0e; color:#fff;}

#list .list_video { width:105%; margin-top:-15px;}
#list .list_video li { width:390px; margin:15px 15px 0 0;}
#list .list_video li p { float:left; width:100%; text-align:center; overflow:hidden;}
#list .list_video li .img { height:217px;}
#list .list_video li .img img { transition:all 0.8s;}
#list .list_video li .img:before,#list .list_video li .img:after { content:""; position:absolute; top:50%; left:50%;}
#list .list_video li .img:before { width:54px; height:54px; background:rgba(0,0,0,0.7); border-radius:100%; margin:-25px 0 0 -27px; z-index:20;}
#list .list_video li .img:after { width:20px; height:30px; background:url(../images/base.png) no-repeat -15px 0; margin:-13px 0 0 -7px; z-index:30;}
#list .list_video li .name { width:calc(100% - 10px); height:34px; padding:0 5px; background:#eaedef; line-height:32px;}
#list .list_video li:hover .img img { transform:scale(1.05);}
#list .list_video li:hover .name { background:#b80f0e; color:#fff;}

#list .list_news { width:100%; margin:-20px 0 0; background:#fff; position:relative; z-index:90;}
#list .list_news li { width:100%; height:140px; margin-top:20px; background:#f6f7f8;}
#list .list_news li a { float:left; width:100%; height:100%; position:relative;}
#list .list_news li p { width:calc(100% - 250px); overflow:hidden; position:absolute; left:230px;}
#list .list_news li .imgs { width:210px; height:100%; top:0; left:0;}
#list .list_news li .imgs img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_news li .name { height:20px; font-size:16px; color:#3e3a39; top:33px;}
#list .list_news li .info { height:44px; line-height:22px; font-size:12px; color:#727171; bottom:30px;}
#list .list_news li .date { width:86px; height:25px; background:#b5b5b6; text-align:center; line-height:24px; color:#fff; top:0; left:auto; right:20px;}
#list .list_news li:hover a { background:#b80f0e;}
#list .list_news li:hover p { color:#fff;}
#list .list_news li:hover img { transform:scale(1.05);}
#list .list_news li:hover .date { background:#080708;}

#list .msg_form { width:100%; height:448px; background:#b80f0e; border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#fff 1px solid; text-indent:15px; font-size:14px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#fff 1px solid; font-size:14px;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#fff;}
#list .msg_form li.cn { height:20px; text-align:center; font-size:20px; font-weight:bold; top:40px; left:0; color:#fff;}
#list .msg_form li.en { height:12px; line-height:12px; text-align:center; font-size:12px; top:70px; left:0; color:#fff; text-transform:uppercase;}
#list .msg_form li.user { width:560px; background:#fff; top:100px; left:30px;}
#list .msg_form li.tel { width:560px; background:#fff; top:100px; right:30px;}
#list .msg_form li.detail { width:1140px; height:180px; background:#fff; top:170px; left:30px;}
#list .msg_form li.submit { width:1140px; height:46px; background:#000; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:30px; right:30px;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:10px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_product_title { width:100%; padding-top:14px; border:#c4c4c4 1px solid; border-left:0; border-right:0;}
#detail .view_product_title h1,#detail .view_product_title h2 { float:left; width:100%; text-align:center;}
#detail .view_product_title h1 { margin:-6px 0 8px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_product_title h2 { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_product_title h2 span { margin:0 10px; text-transform:none; display:inline-block;}
#detail .view_product_title h2 a { color:#898989;}

#detail .view_product_img { width:100%; padding:30px 0; text-align:center; font:0/0 Arial;}
#detail .view_product_img img { max-width:100%;}

#detail .view_product_tab { width:100%; height:49px; margin-bottom:10px; border-top:#c4c4c4 1px solid;}
#detail .view_product_tab li { height:100%; padding:0 100px 0 15px; line-height:48px; font-size:16px; position:relative; overflow:visible;}
#detail .view_product_tab li:before,#detail .view_product_tab li:after { content:""; position:absolute;}
#detail .view_product_tab li:before { width:100%; height:1px; background:#b80f0e; top:-1px; left:0;}
#detail .view_product_tab li:after { width:8px; height:8px; background:#595757; top:50%; left:0; margin-top:-4px;}

#detail .view_news_title { width:100%; margin:0 0 30px; border-bottom:#ddd 1px dotted;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 8px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title h2 { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_news_title h2 span { margin-right:15px; text-transform:none; display:inline-block;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:9999; transition:all 0.3s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

.pop_photo { width:100%; text-align:center; position:absolute; top:50%; left:0; transition:all 0.3s; transform:translateY(-70%); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translateY(-50%); opacity:1; visibility:visible;}
.pop_photo .list { float:none !important; font:0/0 Arial; position:relative; display:inline-block;}
.pop_photo .list img { position:relative; /*max-height:600px;*/ z-index:10;}
.pop_photo .list li { position:absolute; cursor:pointer; z-index:20;}
.pop_photo .list .close { width:31px; height:31px; background:rgba(0,0,0,0.7); border:#fff 1px solid; border-radius:100%; top:-17px; right:-17px;}
.pop_photo .list .close:before { width:15px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -40px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.5s;}
.pop_photo .list .close:hover { background:rgba(184,15,14,0.6);}
.pop_photo .list .close:hover:before { transform:rotate(180deg);}
.pop_photo .list .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0; cursor:auto;}
.pop_photo .list .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.4); top:0; left:0; z-index:30; display:none;}
.pop_photo .list .page { width:78px; height:32px; background:rgba(0,0,0,0.5); border:#fff 1px solid; border-radius:3px; text-align:center; color:#fff; position:absolute; bottom:-50px;}
.pop_photo .list .page i { height:100%; line-height:32px; font-size:14px; position:relative; display:inline-block;}
.pop_photo .list .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px;}
.pop_photo .list .page:hover { border-color:#b80f0e; color:#b80f0e;}
.pop_photo .list .page.prev { left:50%; margin-left:-90px;}
.pop_photo .list .page.prev i { padding-left:12px;}
.pop_photo .list .page.prev i:before { background-position:-15px -40px; left:0;}
.pop_photo .list .page.prev i:hover:before { background-position:-25px -40px;}
.pop_photo .list .page.prev.end { border-color:#898989; color:#898989;}
.pop_photo .list .page.prev.end i:before { background-position:-35px -40px;}
.pop_photo .list .page.next { right:50%; margin-right:-90px;}
.pop_photo .list .page.next i { padding-right:12px;}
.pop_photo .list .page.next i:before { background-position:-26px -55px; right:0;}
.pop_photo .list .page.next:hover i:before { background-position:-16px -55px;}
.pop_photo .list .page.next.end { border-color:#898989; color:#898989;}
.pop_photo .list .page.next.end i:before { background-position:-36px -55px;}

.pop_video { width:888px; height:500px; background:rgba(255,255,255,0.4); position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.3s; transform:translateY(-20px); opacity:0; visibility:hidden;}
.pop_video.open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_video .list { width:100%; height:100%; position:relative;}
.pop_video .list li { position:absolute; z-index:10;}
.pop_video .list .close { width:31px; height:31px; background:rgba(0,0,0,0.6); border:#fff 1px solid; border-radius:100%; top:0; right:-45px; cursor:pointer;}
.pop_video .list .close:before { width:15px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -40px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.5s;}
.pop_video .list .close:hover { background:rgba(184,15,14,0.6);}
.pop_video .list .close:hover:before { transform:rotate(180deg);}
.pop_video .list .play { width:100%; height:100%; background:#000; top:0; left:0;}
.pop_video .list .play video { width:100%; height:100%; position:absolute; top:0; left:0;}
.pop_video .list .title { width:calc(100% - 100px); height:30px; line-height:30px; font-size:16px; color:#fff; bottom:-45px; left:0;}
.pop_video .list .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:20; display:none;}
.pop_video .list .page { width:28px; height:28px; border:#fff 1px solid; font:0/0 Arial; position:absolute; bottom:-45px; z-index:25;}
.pop_video .list .page:before { width:7px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; left:50%; margin:-6px 0 0 -4px; transition:all 0.5s;}
.pop_video .list .page:hover { border-color:#b80f0e;}
.pop_video .list .page.prev { right:45px;}
.pop_video .list .page.prev:before { background-position:-15px -40px;}
.pop_video .list .page.prev:hover:before { background-position:-25px -40px;}
.pop_video .list .page.prev.end { border-color:#898989;}
.pop_video .list .page.prev.end:before { background-position:-35px -40px;}
.pop_video .list .page.next { right:0;}
.pop_video .list .page.next:before { background-position:-25px -55px; margin-left:-3px;}
.pop_video .list .page.next:hover:before { background-position:-15px -55px;}
.pop_video .list .page.next.end { border-color:#898989;}
.pop_video .list .page.next.end:before { background-position:-35px -55px;}

@media (max-height:800px){
header { height:80px;}
header .logo { height:100%;}
header .nav li { margin-left:5px; line-height:78px;}
header .icon li { width:34px;}
header .icon li a { height:32px;}

.slides .img { top:80px;}

.index_title { margin-top:120px;}
.index_inheritor .list { margin-top:50px;}
.index_product .list li { margin-top:30px;}
.index_news .list { margin-top:20px; margin-bottom:-20px}
.index_huanjing .content-main { margin-top:20px; margin-bottom:-15px;}
.index_contact .info { margin-top:20px;}

.banner { margin-top:-80px;}
}

@media (max-height:750px){
header { height:70px;}
header .logo { height:100%;}
header .nav { right:220px;}
header .nav li { margin-left:5px; line-height:68px;}
header .nav li a { padding:0 15px;}
header .icon li { width:34px;}
header .icon li a { height:32px;}

.slides .img { top:70px;}

.index_title { height:100px; margin-top:80px;}
.index_title h5 { font:26px/24px "ruizizhenyanti"; top:24px;}
.index_title h6 { top:50px;}

.index_about .info { margin-top:10px;}
.index_inheritor .list { margin-top:30px;}
.index_product .list li { margin-top:10px;}
.index_news .list { margin-top:10px;}
.index_huanjing .content-main { margin-top:10px;}
.index_contact .info { margin-top:10px;}

.banner { margin-top:-70px;}
}