﻿/* 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:55px 0  0 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;margin:0 5px;}
.curmb span{color:#FFF;margin:0 5px;}
.warp {margin:50px 0 100px;}
.g-tlt {width:252px;font-size:16px;text-transform:uppercase;color:#000;line-height:48px;padding:0 0 10px 0;margin:0 10px;text-align:center;position:relative;background:#fdbc44 url(../images/shadow.jpg) no-repeat center bottom;}
.g-tlt a{font-weight:700;color:#000;}
.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:880px;float:right;}
.main-tlt {padding:10px 0;border-bottom:solid 1px #D2D2D2;}
.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,.p-list-con h2 {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 h2:hover ,.p-list-con h3:hover {background:#fff;}
.p-list-con h3 a,.p-list-con h2 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:446px;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:400px;height:300px;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:0px;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:0 10px 30px 10px;}
.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;}
.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:80%;height:auto;margin:20px 10%;}
.content>.inner>figure>figcaption,.content>.con>figure>figcaption {text-transform:Capitalize;font-size:20px;position:absolute;bottom:0px;background:#999;width:80%;height:50px;margin:0 10%;line-height:50px;text-align:center;color:#fff;}
.related {padding:50px 0 40px;}
.related>ul {margin:50px 0 0 0;}
.related>ul>li {width:18%;height:auto;margin:10px 1%;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:300px;height:225px;float:left;margin:25px 0 40px 40px;}
.news-list li .img img {width:100%;height:auto;}
.news-list li .inner {width:760px;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:20px;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:20px;font-size:16px;}
.news-list li .inner .n-more {margin-top:70px;}
.news-more {display:inline-block;width:132px;height:38px;line-height:36px;-moz-border-radius:19px;border-radius:19px;border:solid 1px #d90505;text-align:center;color:#d90505;font-size:16px;}
.news-more:hover {background-color:#d90505;color:#FFFFFF;}
.news-date {float:right;font-size:16px;color:#d90505;background:url(../images/common-date1.png) no-repeat left center;padding-left:21px;display:inline-block;margin-top:14px;}
.contact-inner {width:580px;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:590px;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;}
@media only screen and (max-width:768px) {
.banner-txt{display:none;}
.warp>.container>.main,.warp>.container>aside {width:calc(100% - 20px);margin:10px;float:none;}
.warp>.container>.pro-list>ul>li{width:calc(100% - 10px);padding:10px 0%;float:none;} 
.curmb,.h1-tlt{display:none;}
 .content .desc .con,.content .desc .img{width:calc(100% - 10px);padding:10px 5px;    height: auto;}
 .content .desc{margin-bottom:20px;}
.related>ul>li{width:calc(100% - 10px);padding:10px 0%;float:none;}
.g-tlt{margin:10px calc(50% - 126px);}
.news-list li .img,.news-list li .inner{width:calc(100% - 10px);padding:10px 5px; margin: 10px 0 10px 0px;height: auto;}
.contact-inner { width: clac(100% - 40px;);float: none;margin:20px;}
}
