﻿@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop .toper ul.navpc li a:before,.fixtop,.fixtop .toper:before,.fixtop .toper .logo,.fixtop .toper .telhome,.fixtop .toper ul.navpc,.currenttab a p,.tabs a p i,.tabs a h1,.tabs a p,.indpro li p,.indpro li h1,.factory li p,.news li .pic a p,.conslist .pic p,.conslist .title:before
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:Hover p,.factory li:hover p,.news li:hover .pic a p,.conslist:hover .pic p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.5);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.indnews .mright,.about .wrap,.news li,.contact .cons,.Investor .t6 table tr td,#slider2 .slide .cons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:16px;line-height:2;color:#000;background:#fff;max-width:1920px;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#000;font-size:16px;}
a:hover{color:#e60013}
.abc{ background:#fff100}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

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

::selection {background:#e60013;color:#ffffff;}
::-moz-selection {background:#e60013;color:#ffffff;}
::-webkit-selection {background:#e60013;color:#ffffff; }

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:45px 0 50px 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d7d7d7;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:url(../images/5.png) no-repeat center;border:1px solid #d7d7d7;  background-size:cover;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid transparent} 
.pager a,.pager span.disabled {color:#434343;border:1px solid transparent;background:#e7e7e7} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1188px;position:relative;}
.wrap2 {margin:0 7.5%;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0;width:100%;z-index:9999; text-align:right;height:180px;}
.fixtop .toper:before {content:''; position:absolute;left:0;top:180px; background:rgba(255,255,255,0.5); height:3px;width:100%}
.fixtop .toper .logo { position:absolute;left:0;top:45px;width:298px; height:93px; background:url(../images/logo.png); display:block}
.fixtop .toper .telhome {position:absolute;right:0;top:45px}
.fixtop .toper .telhome a { display:inline-block; vertical-align:top;font-size:20px; letter-spacing:1px;border-radius:25px; height:40px; line-height:40px; background:#e60013;color:#fff;padding:0 25px;margin:0 0 0 30px}
.fixtop .toper .telhome a img { display:inline-block; vertical-align:top;margin:10px 10px 0 0; height:20px}
.fixtop .toper ul.navpc { position:absolute;right:0;top:129px}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;margin:0 0 0 40px;position:relative}
.fixtop .toper ul.navpc li a {display:block;font-size:19px;color:#000;font-weight:700;height:30px; line-height:30px; letter-spacing:1px}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover {color:#e60013}
.fixtop .toper ul.navpc li a:before {color:#e60013;content:''; position:absolute; background:url(../images/1.png) center; height:5px;width:100%;left:0;top:50px;opacity:0}
.fixtop .toper ul.navpc li.check a:before,.fixtop .toper ul.navpc li:Hover a:before{opacity:1}

.fixtop.active { background:rgba(255,255,255,0.8);top:-75px;}
.fixtop.active .toper:before { height:0}
.fixtop.active .toper .logo  {top:79px;}
.fixtop.active .toper .telhome {top:0}
.fixtop.active .toper ul.navpc {top:113px}
.fixtop.active .toper ul.navpc li a:before {top:62px}

.mainsubject { background:#e60013;height:85px; line-height:85px; clear:both}
.mainsubject h1 {height:85px; line-height:85px;color:#fff;font-size:35px;font-weight:700; letter-spacing:2px; }
.mainsubject a { position:absolute;right:0;top:0;font-size:18px;color:#fff; display:block;}
.center { text-align:center}


.indnews {padding:96px 0}
.indnews .subject { text-align:center;font-size:35px; line-height:35px;font-weight:700; letter-spacing:2px;margin:0 0 60px 0;color:#333}
.indnews .mleft {float:left;width:71%; position:relative}
.tabs{float:left;width:39%;}
.tabs li.f5 { position:absolute;bottom:0;left:45%;width:40%}
.tabs a{display:block;border-bottom:2px solid #000;padding:16px 0 0 0}
.tabs li.f5 a{padding:10px 0 0 0}
.tabs a h1 {font-size:17px; line-height:30px; height:60px; overflow:hidden;color:#000}
.tabs li.f5 a h1 { height:60px;}
.tabs a p {margin:14px 0 5px 0;color:#999;font-size:14px; letter-spacing:0.5px}
.tabs li.f5 a p {margin-top:10px}
.tabs a p i { background:url(../images/3.png) no-repeat right;width:17px ; height:17px; display:inline-block; vertical-align:top;margin:5px 10px 0 0}
.currenttab a{ background:#edce38;}
.currenttab a h1 {color:#fff;padding:0 15px}
.currenttab a p {color:#fff;margin-left:15px}
.currenttab a p i { background-position:left}
.tab_content {float:right;width:58%;}
.tabs_item{display:none;}
.tabs_item:first-child{display:block;}
.tabs_item { position:relative; overflow:hidden}

.indnews .mright { background:url(../images/2.png) no-repeat center; background-size:cover;width:27%;float:right; height:500px;color:#fff;padding:55px 0 0 40px}
.indnews .mright .en {font-size:20px; line-height:20px;margin:0 0 50px 0}
.indnews .mright .cate {margin:35px 40px 0 0}
.indnews .mright .cate a { display:block; height:65px; line-height:65px; background:#fff; text-align:center;font-size:22px; letter-spacing:5px;font-weight:700}
.indnews .mright .cate a:Hover { background:#e60013;color:#fff}
.indnews .mright .list { position:relative;margin:10px 0}
.indnews .mright .list i { position:absolute;width:18px;top:-2px}
.indnews .mright .list .c {margin:0 0 0 30px;font-size:15px;}
.indnews .mright .list1 {margin-top:48px}
.indabout {padding:120px 0; background-attachment:fixed; background-position:center; background-repeat:no-repeat;color:#fff; text-align:center}
.indabout .title { letter-spacing:5px;font-size:25px; line-height:25px; position:relative;font-weight:700}
.indabout .title:before {content:''; position:absolute;width:90px; height:6px; background:#e60013;left:50%;top:60px;margin-left:-45px;}
.indabout .cons {margin:100px auto 0 auto;font-size:18px; line-height:38px; letter-spacing:1px;max-width:980px;}
.indabout .more {margin:50px 0}
.indabout .more a {font-size:18px;color:#fff; position:relative;left:-20px}
.indabout .more a:before {content:''; position:absolute;right:-45px;top:8px; background:url(../images/4.png);width:36px; height:13px;}
.indabout .more a:hover {left:-15px}
.indabout ul {margin-left:40px}
.indabout li { display:inline-block; vertical-align:middle;margin:0 0 0 8%}
.indabout li:first-child {margin-left:0}
.indabout li .t { display:inline-block; vertical-align:middle;color:#e60013;font-weight:700;font-size:30px; line-height:30px; position:relative}
.indabout li .t:before {content:''; position:absolute;left:-30px;top:10px;width:12px; height:12px; background:#e60013;}
.indabout li .c{ display:inline-block; vertical-align:middle;max-width:160px; text-align:left; line-height:26px;margin:0 0 0 10px}

.indpro ul {width:102%;margin:0 0 0 -1%}
.indpro li {float:left;width:23%;margin:0 1%; position:relative; overflow:hidden}
.indpro li h1 { position:absolute; z-index:100;  height:55px; line-height:55px; background:rgba(0,0,0,0.6); letter-spacing:1px;text-align:center;font-size:20px;width:100%;bottom:0;color:#fff}
.indpro li:hover h1 { background:rgba(230,0,19,0.8)}
.about .wrap {background-position:center; background-repeat:no-repeat; background-size:cover;padding:3% 3% 3% 3%}
.about .t {font-size:35px; line-height:35px;color:#fff; text-align:center; position:relative; letter-spacing:1px;margin:20px 0 30px 0}
.about .t:before { height:5px;width:80px;content:''; position:absolute;top:60px;left:50%;margin-left:-40px; background:#e60013;}
.about .c { background:url(../images/6.png) no-repeat center; background-size:cover;color:#000;font-size:16px; line-height:31px;padding:4% 5%; letter-spacing:1px;margin:60px 0 0 0}
.video { background-position:center; background-repeat:no-repeat; background-size:cover;padding:60px 0 120px 0}
.video .about .t {padding:0 0 45px 0}
.jwdisplayIcon { display:table; cursor:pointer; position:relative;width:100%; text-align:center;top:50%;vertical-align:middle; }
.jwdisplayIcon div{position:relative;display:table-cell;vertical-align:middle;background-repeat:no-repeat;background-position:center; background-size:auto}

.factory .title { background:#302f35; height:145px;border-top:25px solid #e60013}
.factory .t {font-size:35px; line-height:35px;color:#fff; text-align:center; position:relative; letter-spacing:1px;padding:47px 0 30px 0}
.factory .t:before { height:5px;width:80px;content:''; position:absolute;top:100px;left:50%;margin-left:-40px; background:#e60013;}
.factory li {float:left;width:33.3333%; position:relative; overflow:hidden}
.namemj { display:block; position:absolute;top:-105px; height:0;width:100%}

.topsubject { text-align:center;position:relative;margin:90px 0 50px 0}
.topsubject h1 {font-size:35px; line-height:35px;}
.topsubject ul { position:absolute;right:0;bottom:-10px}
.topsubject ul li { display:inline-block; vertical-align:top;margin:0 0 0 30px}
.topsubject ul li a {font-size:18px;}
.topsubject ul li a:hover,.topsubject ul li.check a {color:#A25925}

.topsubject2 {margin-top:60px}

.news ul {width:106%;margin:-2% 0 0 -3%}
.news li {float:left;width:44%;margin:2% 3% 0 3%; position:relative; background:#f9f9f9;padding:10px;border-bottom:3px solid #d7ad59;}
.news li .pic { position:absolute;left:10px;top:10px;width:145px; height:102px;}
.news li .pic a { display:block;width:100%; height:100%; position:relative; overflow:hidden}
.news li .cons {margin:5px 0 0 175px; height:97px;}
.news li .cons .title { height:60px; line-height:30px; overflow:hidden}
.news li .cons .addtime {font-size:14px; position:relative;color:#999;margin:8px 0 0 0}
.news li .cons .addtime i { display:inline-block; vertical-align:top; background:url(../images/3.png) no-repeat right;width:13px; height:13px; background-size:cover;margin:7px 5px 0 0}
.news li .cons .more { text-align:right; position:relative;top:-30px; text-align:right;right:10px}
.news li .cons .more a {border-radius:6px;background:url(../images/fbg.png) no-repeat center left; background-size:cover;width:90px; height:30px; line-height:30px; display:block; text-align:center;color:#A25925;margin:0 0 0 auto; background-size:cover;font-size:14px}
.news li:hover .cons .title a {color:#A25925}
.news li:hover .cons .more a { background:#A25925;color:#fff}

.news li:first-child {width:94%; background:url(../images/fbg.png) no-repeat center; background-size:cover;color:#fff;border:0;padding:20px}
.news li:first-child .pic { left:20px;top:20px;width:525px; height:200px;}
.news li:first-child .cons {margin:5px 20px 0 560px; height:195px;}
.news li:first-child .cons .title { height:35px; line-height:35px; overflow:hidden}
.news li:first-child .cons .title a {font-size:20px;coloR:#fff}
.news li:first-child .cons .content {line-height:28px; height:84px;font-size:15px; overflow:hidden;margin:10px 0 30px 0}
.news li:first-child .cons .addtime {color:#fff;font-size:15px;}
.news li:first-child .cons .addtime i { background-position:left;width:17px; height:17px; margin:7px 10px 0 0}
.news li:first-child .cons .more a { background:#fff;color:#A25925}
.news li:first-child:hover .cons .more a { background:#A25925;color:#fff}
.news li:first-child:hover .cons .title a {color:#A25925}

.nshow {padding:80px 0}
.nshow .title {font-size:23px; line-height:43px; text-align:center;font-weight:700;color:#A25925}
.nshow .addtime { text-align:center;color:#999;border-bottom:1px solid #d4aa58;font-size:14px;padding:10px 0 20px 0}
.nshow .cons {margin:40px 0 0 0}
.product .wrap {padding:2.5% 3% 2.5% 3%; }
.tab2 {margin:70px 0 0 0}
.tab2s{float:left;width:25%;top:-6px; position:relative;}
.tab2s li{margin:6px 0 0 0;border:0}
.tab2s a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; background:#575958; height:85px; line-height:85px;font-size:20px;font-weigiht:700;color:#fff;padding:0 30px 0 50px;border:0; display:block; overflow:hidden}
.currenttab2 a{ background:#e60013}
.tab2s_item{display:none;padding:30px 40px 40px 40px}
.tab2s_item:first-child{display:block;}
.tab2_content {float:right;width:75%; background:#e60013;color:#fff}
.tab2s_item .cons {float:left;width:42%;font-size:18px; line-height:33px;min-height:379px}
.tab2s_item .pic {float:right;width:55%}
.tab2s_item .pic img {width:100%;margin:5px 0 0 0}
.contact {margin:80px 0 100px 0}
.contact .map {float:left;width:71%;}
.contact .map iframe,#container {width:100%; height:615px;}
.contact .cons {float:right;width:29%; background:url(../images/fbg.png) no-repeat right; background-size:cover;padding:20px 30px;color:#fff}
.contact .cons .t {font-size:20px; line-height:30px;border-bottom:2px solid #fff;padding:0 0 10px 0;margin:0 0 15px 0; letter-spacing:1px}
.contact .cons .c { line-height:26px;font-size:15px;}
.contact .cons ul {margin-top:-20px}
.contact .cons li {margin:20px 0 0 0}
.case {width:106%;margin:-3% 0 0 -3%;padding:20px 0 0 0}
.single_item {float:left;width:27.3333%;margin:3% 3% 0 3%}
.conslist .pic { position:relative; overflow:hidden}
.conslist .title { height:50px; line-height:50px; background:#f9f9f9; text-align:center; position:relative; z-index:10; overflow:hidden}
.conslist .title:before {content:''; background:url(../images/fbg.png) no-repeat center; position:absolute;top:0;left:0; height:100%;width:100%; z-index:-1;opacity:0}
.conslist:hover .title:before {opacity:1}
.bblank { height:80px;}

.get_more{text-align:center; background:url(../images/more.png) no-repeat center;height:43px; line-height:43px;float:left;width:100%;margin:0 auto;left:0;margin:80px 0 0 0;position:relative}
.get_more:Hover {}
.Investor .t1 {font-size:35px; line-height:35px; letter-spacing:3px;color:#262727; text-align:center;padding:90px 0 15px 0}
.Investor .t2 {font-size:18px; line-height:18px;color:#717171; text-align:center;}
.Investor .t3 {font-size:22px; line-height:22px;color:#A25925;font-weight:700;margin:60px 0 10px 0}
.Investor .t4 {font-size:22px; line-height:22px;color:#9F9FA0;margin:0 0 50px 0}
.Investor .t5 {max-width:620px;margin:0 auto}
.Investor .t5 iframe {width:100%; height:510px}
.Investor .t6 {margin:70px 0 90px 0}
.Investor .t6 table {width:100%;border-top:4px solid #cea259;border-bottom:4px solid #cea259}
.Investor .t6 table td { display:inline-block; vertical-align:top;font-size:18px; line-height:28px;}
.Investor .t6 table tr td{width:64.5%;padding:10px 4%}
.Investor .t6 table tr td:first-child{width:35%;padding:10px 0 10px 6%}

.accordionservice {margin:80px 0 0 0}
.accordionservice li { position:relative;}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom:3px solid #d5ad58; background:#f7f7f7;padding:0 30px; height:60px; line-height:60px; position:relative}
.accordionservice li .link h1 {font-size:20px; height:60px; line-height:60px}
.accordionservice li .link p { position:absolute;right:30px;top:0; font-size:13px;color:#666}
.accordionservice li .link p i { display:inline-block; vertical-align:top; background:url(../images/3.png) right;width:15px; height:15px; background-size:cover;margin:22px 10px 0 0}
.accordionservice li.open .link a {}
.accordionservice .submenu {display:none;padding:30px 0;border-bottom:3px solid #d5ad58;font-size:15px}

.culture {padding:80px 0 0 0;margin:0 0 0 0}
.culture .mleft {float:left;width:35%;}
.culture .mleft .c1 {font-size:19px; line-height:39px;margin:-5px 0 0 0}
.culture .mleft .c1 strong {margin:8px 0;}
.culture .mleft .c2 {font-size:16px; line-height:33px; background:#f6f4f5;padding:20px;color:#595757;margin:50px 0 0 0;max-width:320px}
.culture .mright {float:right;width:60%;text-align:right;}
.culture2 { height:300px; background-position:center; background-repeat:no-repeat;margin:80px 0}
.building .subject {font-size:35px; line-height:35px;}
.building .subject span {font-size:22px; display:inline-block;margin:5px 0 0 10px}

#slider2 {margin:50px 0 100px 0; position:relative}
#slider2:before {content:'';  position:absolute;top:10%;width:100%; height:80%;border:2px solid #e60013;border-radius:60px;}
#slider2 .bx-wrapper .bx-prev {left:-22px; background-image:url('../images/left.png');width:43px; height:43px;}
#slider2 .bx-wrapper .bx-next {right:-22px; background-image:url('../images/right.png');width:43px; height:43px;}
#slider2 .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-22px; width:43px; height:43px;}
#slider2 .bx-wrapper .bx-controls-direction a:hover {}
#slider2 .slide{ }
#slider2 .slide .pic {max-width:290px; position:absolute; z-index:20;top:0;left:170px;}
#slider2 .slide .pic p {color:#e60013;font-weight:700;font-size:60px; line-height:80px;margin:5px 0 0 0}
#slider2 .slide .cons{ max-width:700px;background:#f6f4f5;font-size:16px; line-height:31px;padding:30px 30px 30px 200px;color:#595757; position:relative;margin-left:290px;margin-top:100px; z-index:10}






.foot { background:url(../images/fbg.png) no-repeat center; background-size:cover;border-top:1px solid #cdb889;padding:40px 0 20px 0;color:#a25b27}
.foot a {color:#a25b27}
.foot a:Hover {color:#e60013;}
.foot .mleft {float:left;width:64%;}
.foot .mleft .up {margin:0 0 20px 0}
.foot .mleft .up .logo {float:left;width:121px;margin:10px 0 0 0}
.foot .mleft .up .logo a { background:url(../images/logo2.png);width:121px; height:110px; display:block; background-size:cover;}
.foot .mleft .up .menu {float:right; text-align:right}
.foot .mleft .up .menu dl { display:inline-block; vertical-align:top; text-align:left;margin:0 0 0 70px;}
.foot .mleft .up .menu dl:first-child {margin-left:0}
.foot .mleft .up .menu dl dt {font-size:20px; line-height:35px;border-bottom:2px solid #a25b27;padding:0 0 0px 0;margin:0 0 5px 0; position:relative; display:inline-block}
.foot .mleft .up .menu dl dt:before { position:absolute;content:''; height:2px;width:20px; background:#e60013;top:35px;right:0}
.foot .mleft .up .menu dl dt a {font-size:20px}
.foot .mleft .up .menu dl dd { line-height:30px}
.foot .mleft .links a {margin:0 0 0 15px}
.foot .mleft .links a:first-child {margin-left:3px}
.foot .mright {float:right;width:27%}
.foot .mright li { position:relative;margin:0 0 20px 0}
.foot .mright li i { position:absolute;}
.foot .mright li .c {margin:0 0 0 40px;font-size:20px; line-height:30px; letter-spacing:1px}
.foot .mright li:last-child .c a { margin:30px 20px 0 0;display:inline-block; vertical-align:top;width:40px; height:40px;border-radius:50%; background:#5d5f5e url(../images/qq.png) no-repeat center; background-size:50%}
.foot .mright li:last-child .c a:Hover { background-color:#e60013}
.footer { background:#1f2120; text-align:center;color:#fff;padding:20px 0;font-size:16px; line-height:26px;font-weight:300}

