/* CSS Document */
input,textarea {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.en-h3 {font-size:20px;font-weight:900;color:#9c6;text-transform:uppercase;font-family:helvetica,arial,sans-serif;line-height:32px;border-bottom:solid 1px #ccc;padding-bottom:20px}
.cn-h3 {font-size:20px;font-weight:900;color:#333;line-height:32px;}
.art-news-tlt {font-size:18px;color:#000;margin: 0;}
.b-tlt {font-size:26px;color:#201D1D;margin:55px 0 23px;text-transform:uppercase;padding-left:20px;}
.p-banner{width:100%;height:auto;position:relative;}
.p-banner img{width:100%;height:auto;position:relative;}
.p-banner .container{width:100%;height:auto;margin:58px 0 150px;position:absolute;bottom:0;}
.h1-tlt {font-size:36px;text-transform:uppercase;text-align:center;}
.h1-tlt a {color:#FFFFFF;display:inline-block;position:relative;}
.h1-tlt a:before,.h1-tlt a:after {position:absolute;content:'';width:40px;height:3px;background-color:#FFFFFF;top:50%;margin-top:-1.5px;}
.h1-tlt a:before {left:-51px;}
.h1-tlt a:after {right:-51px;}
.curmb {color:#47AC55;text-align:center;font-size:18px;margin-top:20px;}
.curmb a {color:#FFF;}
.warp {margin:50px 0;}
.g-tlt {width:252px;font-size:16px;text-transform:uppercase;color:#fff;line-height:48px;padding:0 0 10px 0;margin:0 10px;text-align:center;position:relative;background:#f93 url(../images/shadow.jpg) no-repeat center bottom;}
.g-tlt a{color:#fff;}
.warp>.container>aside {width:272px;float:left;}
.aside {margin:18px 10px 30px 10px;}
.aside li a {margin-bottom:15px;border-bottom:solid 1px #D2D2D2;display:block;width:100%;line-height:40px;padding:0 30px 0 20px;position:relative;font-size:14px;color:#333;}
.aside li a:hover {color:#d90505;}
.aside li a:after {position:absolute;content:'';width:13px;height:13px;background:url(../images/slidenav1_1.png) no-repeat center;right:0;top:50%;margin-top:-6px;}
.aside li:hover a:after {background:url(../images/slidenav1.png) no-repeat center;}
.aside li:last-child {padding:0 0px 20px 0px;position:relative;background:url(../images/shadow.jpg) no-repeat center bottom;}
.new {margin:18px 15px 30px 15px;}
.p-n-item li {width:100%;}
.p-n-item .title {line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.p-n-item .title a {display:block;color:#333;font-size:14px;font-weight:600;}
.p-n-item .title a:hover {color:#47AC55;}
.p-n-item .date {color:#666666;margin-top:4px;font-size:12px;font-weight:300;}
.p-n-item .desc {line-height:24px;max-height:72;font-size:14px;font-weight:300;margin-top:17px;border-bottom:solid 1px #CCCCCC;padding:0 0 5px 0;}
.p-n-item  li:last-child {padding:0 0px 20px 0px;position:relative;background:url(../images/shadow.jpg) no-repeat center bottom;}
.warp>.container>.main {width:680px;float:right;}
.main-tlt {padding:10px 0;}
.warp>.container>.pro-list>ul {margin:50px 0 0 0;}
.warp>.container>.pro-list>ul>li {width:31.333%;height:auto;margin:10px 1%;float:left;background: #fff url(../images/shadow.jpg) no-repeat center bottom;    position: relative;padding:0 0 10px 0;}
.warp>.container>.pro-list>ul>li>figure {width:100%;height:auto;margin:0;}
.p-list {width:100%;height:auto;position:relative;}
.p-list>a>img {width:calc(100% - 2px);height:auto;border:solid 1px #999;}
.p-list>a>.r-tlt:before {content:url(../images/pro-bg.png);width:50px;height:50px;}
.p-list>a>.r-tlt {text-align:center;width:100%;height:calc(100% - 60px);padding-top:60px;position:absolute;bottom:0px;background:#666;color:#fff;display:none;filter:alpha(opacity:80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.p-list>a>.r-tlt p {line-height:32px;font-size:16px;}
.recommmended>.container>ul>li:hover .p-list>a>.r-tlt {display:block;}
.p-list-con h3 {height:48px;line-height:48px;overflow:hidden;text-align:center;background:#fdbc44;}
.warp>.container>.pro-list>ul>li:hover h3 {background:#999;}
.warp>.container>.pro-list>ul>li:hover h3 a{color:#fff;}
.p-list-con h3:hover {background:#fff;}
.p-list-con h3 a {font-size:16px;color:#333;font-weight:700;}
.p-list-con ul {filter:alpha(opacity:0);opacity:0;-moz-opacity:0.;-khtml-opacity:0;height:60px;overflow:hidden;padding:0px 0 20px;background:#9c6;}
.p-list-con ul li {width:90%;margin:0 0 0 10%;height:20px;line-height:20px;text-align:left;font-size:12px;color:#333;list-style-type:disc;}
.content .desc .con {float:right;width:366px;font-size:16px;color:#555;min-height:297px;margin:11px 0 22px;}
.content .desc .con .desc-h1-tlt {font-size:20px;font-weight:600;color:#000;border-bottom:solid 1px #BFBFBF;line-height:30px;font-style:normal;padding:0 0 11px 0;margin:0 0 17px 0;}
.content .desc .con p {margin:10px 0;font-size:12px;line-height:18px;}
.content .desc .img {float:left;width:280px;height:210px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #CCCCCC;}
.content>.desc>.img>figure {width:100%;height:auto;margin:0;position:relative;}
.content>.desc>.img>figure>.p-desc {width:100%;height:auto;position:relative}
.content>.desc>.img>figure>.p-desc img {width:100%;height:100%;margin:0;}
.content>.desc>.img>figure>.p-list-desc {text-transform:Capitalize;font-size:20px;position:absolute;bottom:2px;background:#999;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;}
.p-list-desc h2 {font-weight:600;}
.content  .inner {min-height:500px;border:solid 1px #CCCCCC;padding-bottom:30px;    position: relative;}
.content  .inner .art-con-tlt {background:#47AC55;color:#fff;font-size:18px;height:50px;line-height:50px;text-align:left;overflow:hidden;padding-left:20px;margin-bottom:30px;}
.content  .inner p {margin:10px 20px;line-height:24px;}
.content>.inner>figure,.content>.con>figure {width:100%;height:auto;margin:0;position:relative;}
.content>.inner>figure>span,.content>.con>figure>span {width:100%;height:auto;position:relative;}
.content>.inner>figure>span img,.content>.con>figure>span img {width:580px;height:auto;margin:20px 50px;}
.content>.inner>figure>figcaption,.content>.con>figure>figcaption {text-transform:Capitalize;font-size:20px;position:absolute;bottom:20px;background:#999;width:80%;height:50px;margin:0 50px;width:580px;line-height:50px;text-align:center;color:#fff;}
.related {padding:50px 0 40px;}
.related>ul {margin:50px 0 0 0;}
.related>ul>li {width:220px;height:auto;margin:10px 3.333px;float:left;}
.related>ul>li>figure {width:100%;height:auto;margin:0;}
.p-list-con h4 {height:30px;line-height:30px;overflow:hidden;text-align:center;background:#999;}
.p-list-con h4 a {font-size:14px;color:#fff;font-weight:500;}
.img-item li figure {width:100%;height:auto;margin:0;p}
.img-item li figure {width:100%;height:auto;margin:0;}
.img-item li figure span {width:100%;height:auto;position:relative;}
.img-item li figure span img {width:90%;height:auto;margin:5px 5%;}
.img-item li figure figcaption {text-transform:Capitalize;font-size:12px;height:20px;margin:0 2px;line-height:20px;text-align:center;color:#000;overflow:hidden;}
.content .date {color:#666666;line-height:28px;margin-top:14px;}
.content>.con {border-top:solid 1px #000;border-top:solid 1px rgba(0,0,0,0.1);margin-top:19px;padding:15px 0 20px;}
.content>.con p {margin:10px 20px;font-size:14px;}
.next-box {margin-top:0px;border-top:solid 1px #535353;border-top:solid 1px rgba(83,83,83,0.5);padding:21px 0 0;margin:30px 0 10px;}
.next-box .next {color:#333;font-size:14px;line-height:30px;}
.next-box .next a {color:#333;}
.item-title {font-size:30px;font-weight:900;text-transform:uppercase;position:relative;padding-bottom:18px;margin-top:40px;margin-bottom:42px;}
.item-title:before {position:absolute;content:'';width:112px;height:3px;background-color:#333;left:0;bottom:0;}
.item-title strong {color:#d90505;}
.profile {background:#fff;margin:0 auto;position:relative;}
.profile .bd {position:relative;z-index:0;}
.profile .bd li img {width:100%;vertical-align:top;}
.profile .hd {position:absolute;bottom:5%;width:100%;height:14px;z-index:1;}
.profile .hd ul {width:100%;margin:0 auto;text-align:center;}
.profile .hd ul li {display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 3px;/*border-radius:50%;*/ background:#9c6;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;}
.profile .hd ul .on {background:#369;}
.news-list {maegin:30px 0;}
.news-list li {width:100%;margin:10px 0;}
.news-list li .img {width:200px;height:150px;float:left;margin:25px 0 40px 10px;}
.news-list li .img img {width:200px;height:auto;}
.news-list li .inner {width:440px;height:270px;float:left;margin:0 0 0 20px;}
.news-list li .inner h3 {font-size:22px;line-height:26px;margin-top:22px;padding-bottom:10px;border-bottom: solid 1px #d90505;}
.news-list li .inner h3 a {color:#333;}
.news-list li .inner p {line-height:26px;max-height:104px;margin-top:10px;font-size:14px;}
.news-list li .inner .n-more {margin-top:10px;}
.news-more {display:inline-block;width:132px;height:28px;line-height:26px;-moz-border-radius:19px;border-radius:19px;border:solid 1px #d90505;text-align:center;color:#d90505;font-size:13px;}
.news-more:hover {background-color:#d90505;color:#FFFFFF;}
.news-date {float:right;font-size:13px;color:#d90505;background:url(../images/common-date1.png) no-repeat left center;padding-left:21px;display:inline-block;margin-top:4px;}
.contact-inner {width:520px;float:left;}
.contact-inner h1 {margin-bottom:30px;font-size:18px;font-weight:700;color:#000;}
.contact-inner p {color:#333;font-size:12px;}
.contact-inner .map {margin:20px 0;width:100%;height:390px;}
.contact .feedback {width:460px;float:right;}
.m-cattt {font-size:18px;font-weight:700;color:#000;margin:55px 0 17px 0;}
.map {padding:42px 0 0;background:#fff}
.map .inner {margin:20px 0 0 0;width:100%;height:390px;}

 .left-related{margin: 18px 10px 30px 10px;}
 .left-related li{width:100%;height:auto;}
 .left-related li a {border-bottom:dotted 1px #D2D2D2;width:100%;height:48px;line-height:20px;font-size:14px;color:#000;overflow:hidden;font-weight:200;}
 .left-related li a:hover {color:#d90505;}
 .left-related li p{color:#777;font-weight:100;height:45px;line-height:15px;overflow:hidden;margin-top:15px;font-size:12px;}
 .r-more{text-align:right;padding-right:10px;font-size:12px;}
 .left-related li .r-more a{color:#d90505;font-size:10;font-weight:500;font-style:italic;}
.h1-tlt-b {font-size:30px;font-weight:900;text-transform:uppercase;padding-bottom:18px;margin-bottom:22px;float:left;color:#000;width:100%;position: relative;}
.h1-tlt-a {font-size:18px;font-weight:100;text-transform:capitalize;padding-bottom:18px;margin-bottom:22px;width:100%;color:#000;}
.h1-tlt-b:before {position:absolute;content:'';width:112px;height:3px;background-color:#333;left:0;bottom:0;}

.pro-tlt-box{position:relative;margin:0 0 20px 0;}
.pro-tlt-box .products-tlt ,.title-box .products-tlt{width:100%;color:#1b0202;filter:alpha(opacity:15); opacity:0.15;font-size:20px;font-weight:600;padding-left:100px;}
.pro-list .products-tlt,.news-list-box .products-tlt{font-size:40px;line-height:20px;font-weight:600;padding-left:20px;}
.cn-h1 {top:-5px;position:absolute;}
.pro-list .en-h1,.news-list-box .en-h1{margin-top: 0px;}
.products-tlt-2{text-align:center;letter-spacing: 6px;}
.pro-tlt-box .pro-tlt-cn{top:20px;position:absolute;width:200px;margin:0 calc(50% - 100px);text-align:center;}
.pro-tlt-box .pro-tlt-cn:before,.title-box .pro-tlt-cn:before{position:absolute;content:'';width:140px;height:2px;background-color:#333;left:25px;bottom:-20px;}
.title-box{margin:30px 0;}
.title-box .pro-tlt-cn{top:30px;position:absolute;width:400px;margin:0 calc(50% - 200px);text-align:center;}
.title-box .pro-tlt-cn:before{width:140px;left:130px;}

.company-list li{width:32.333%;height:auto;float:left;margin:10px 0.5%}
.company-list li img{width:100%;height:auto;}
.contact table td{width:50%;}
@media only screen and (max-width:768px) {
.warp>.container>.main, .contact-inner {width:100%;float:right;}
.container aside,.p-banner,.contact table td:nth-child(2),.cn-h1:before,.related{display:none;}
.item-title {font-size:20px;}
.pro-tlt-box .products-tlt ,.title-box .products-tlt{overflow:hidden;}
.contact .feedback {width:100%;float:right;}
.contact table td{width:auto;}
.warp>.container>.pro-list>ul>li {width:100%;height:auto;margin:10px 0;}
.cn-h1 ,.title-box .pro-tlt-cn{text-align:center;position:static;}
.content article img{width:80%;height:auto;margin:10px 10%;}
.news-list li .img {width:100%;height:auto;float:left;margin:10px 0;}
.news-list li .img img {width:80%;height:auto;margin:0 10%;}
.news-list li .inner {width:100%;height:auto;float:left;margin:0;}
}



figure{width:100%;height:auto;margin:0;position: relative;}
 figure>span{width:100%;height:auto;position:relative}
 figure>span img{width:100%;height:auto;margin:20px 0;}
 figure>figcaption{text-transform:Capitalize;font-size:20px;position:absolute;bottom:1px;background:rgba(150, 144, 144, 1);;width:100%;height:40px;line-height:40px;text-align:center;color:#130505;overflow: hidden;}
 figure>figcaption .edia-caption__text{color:#fff;}