@charset "utf-8";
/* CSS Document */

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 1200px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.header {height: 100px; line-height: 100px;}
.logo {margin-top:8px;}
.nav {float: right;font-size: 16px;margin-top: 40px; line-height: 2;color: #000000;}
.nav li {margin-left: 62px; text-align: center;display:inline-block;*display:inline-block;}
.nav li:hover ,.nav .present {color: #e3b377;}
.nav li:hover a , .nav .present a{border-bottom: 1px solid #e3b276; }
.nav a {padding-bottom: 10px;}
.nav span {display: block;font-size: 8px;}

.banner {position: relative;min-width: 1200px; }
.one-banner {height: 500px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 12px; z-index: 10;margin: 0 auto; left: 0;right: 0; text-align: right;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 48px; height: 8px; margin-left:16px; background: rgba(255,255,255,.5);font-size: 0; text-indent: -9999px;}
.banner .hd li.on {background: #000;}

.banner-btn {height: 500px;width: 1200px; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.banner-btn a{cursor: pointer; position: absolute; display: block; width: 29px;height: 39px; top:50%; margin-top: -39px;}
.banner-btn a.prev{left: 0px; background: url(../images/banner-btn-l.png);}
.banner-btn a.next{right: -0px; background: url(../images/banner-btn-r.png);}

.index-pro{height: 764px; min-width: 1200px; background: url(../images/index-pro.jpg) center center no-repeat;}

.wrap-pro{ padding: 160px 30px;}
.wrap-pro .l , .wrap-pro .r{ float: left;}
.wrap-pro .l .common-detail{height:536px; width: 500px; position: relative; }
.wrap-pro .r .common-detail{float: left; height:536px; width: 298px; margin-left: 22px; position: relative; }

.common-detail a{ display: block;width: 100%; height: 100%;}
.common-detail a>img{ width: 100%; height: 100%;}

.common-detail:hover .intro-text{ opacity:0;filter:alpha(opacity=0); }
.common-detail:hover .mask{opacity:100 ;filter:alpha(opacity=1);}
.common-detail .mask{webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;filter:alpha(opacity=0); width:100%;height:100%;left: 0;right: 0;top: 0;bottom: 0; display:table; margin:auto; vertical-align: middle; position: absolute;background: rgba(0,0,0,.5);}
.common-detail .mask div{vertical-align: middle; display: table-cell; }
.common-detail .mask span{display:block; margin: auto; border: 1px solid #fff; width:70px; height:22px; line-height: 22px;color: #fff;text-align: center;font-size: 12px;}
.common-detail .mask p{ text-align: center; color:#fff; font-size: 16px; padding-top: 8px; line-height: 32px;}
.common-detail .mask div{text-align: center;}

.index-about{height: 577px;background: url(../images/index-new.jpg) center center no-repeat; min-width: 1200px;}
.wrap-about{padding: 135px 30px;}
.wrap-about .l{float: left; width: 388px; height: 344px;}
.wrap-about .l img{ width: 100%;height: 100%;}
.wrap-about .r{float: left; width: 752px; position: relative;background-color: #fff; height: 344px;}
.wrap-about .r .con{padding:26px 10px 0 23px; font-size: 14px; color: #4d4d4d; line-height: 32px;}
.wrap-about .r a{display:block; width:104px; height:34px; line-height: 34px;color: #4d4d4d;text-align: center; background: #e3b276;  font-size: 14px;position: absolute; right: 0px; bottom:26px;}
.wrap-about .r a:hover{color: #fff;}

.index-news{padding: 56px 0 0px;text-align: center;}
.index-news-wrap{ padding:47px 0 0 0; font-size: 0;text-align: center;}
.index-one-news {webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align: left; padding-bottom: 24px;display:inline-block;*display:inline-block;width:364px; background: #fff;margin-right: 30px;}
.index-one-news img {max-height:270px;}
.index-news-tit {font-size: 14px;color: #191919; line-height: 34px; margin: 10px 0; border-bottom: 1px solid #e3b276;}
.index-news-con {height:42px;overflow: hidden; font-size: 12px; color: #8e8e8e; line-height: 20px;}
.index-one-news:hover .index-news-con{color: #333;}

.index-foot{background-color: #eeeeee; min-width: 1200px; padding-bottom: 10px;}
/* .foot-ewm{width: 144px; line-height: 2; text-align: center; float: left;padding: 22px 0 0 98px; color: #7b7b7b;}
.contact1{font-size: 12px; line-height: 23px; color: #7b7b7b; width: 356px; float: left;padding: 30px 0 0 183px;}
.contact2{font-size: 12px; line-height: 23px; color: #7b7b7b; width: 356px; float: left;padding: 30px 0 0 54px;} */

/* 2021-4-25 */
.index-foot .main-box::after { content : "" ; display : block ; clear : both }
.foot-ewm{width: 193px; line-height: 2; text-align: center; float: left;padding: 22px 0 0 50px; box-sizing : border-box ; color: #7b7b7b;}
.contact1{font-size: 12px; line-height: 23px; color: #7b7b7b; width: 487px; float: left;padding: 30px 31px 0 142px; box-sizing : border-box}
.contact2{font-size: 12px; line-height: 23px; color: #7b7b7b; width: 327px; float: left;padding: 30px 62px 0 31px; box-sizing : border-box}
.foot-subscription{width: 193px; line-height: 2; text-align: center; float: left;padding: 22px 50px 0 0px; box-sizing : border-box ; color: #7b7b7b;}
.foot-subscription img{ max-width : 100%  ; max-height : 100% }
/* 2021-4-25 */

.sup{text-align: center; color: #7b7b7b; height:60px; line-height: 60px;text-align: center; }
.sup a:hover{color: #e3b276;}

.in-banner {height: 380px;background-position: center center;background-repeat: no-repeat;}

.page-nav {display: block;padding-bottom: 52px;text-align: center; font-size: 0;}
.page-nav li {color: #737373; display: inline-block;*display: inline;*zoom: 1;width: 124px; font-size: 14px; border-right: 1px solid #fff; height: 45px; line-height: 45px;background-color: #e4e4e4}
.page-nav .current,.page-nav li:hover {color: #fff;background: #e3b276;}
.page-nav a {display: block;}

.in-tit{text-align: center; width: 188px;margin: auto; font-size: 20px; color: #2b2b2b;}
.in-tit p{width: 120px;margin: auto;background-color: #fff;}
.in-tit span{position: relative;top: -14px;z-index:-1; display: block;height: 1px;width: 185px;margin: auto; background-color: #000000;}

.other-page {padding: 30px;font-weight: bold;line-height: 26px;text-align: right;color: #5c5c5c;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 1px;background: #dedede;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #5b5b5b;}

.news-title {font-size: 16px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #e3b276;}

.in-pro-list{padding-top: 30px;}
.one-pro {float: left;width: 25%;margin-top: 20px;font-size: 12px;line-height: 2;text-align: center;color: #111;}
.one-pro .pic-box {width: 283px;margin: auto;}
.one-pro .pic-box div {width: 283px;height:314px;*font-size: 145.25px;position: relative;}
.one-pro .pic-box img {max-width: 283px;max-height: 314px;}
.one-pro:hover .mask{opacity:1;filter:alpha(opacity=100);}
.one-pro .mask{display: block; webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;filter:alpha(opacity=0); margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.3) url(../images/add.png) center center no-repeat;}
.one-pro p{font-size: 16px; color: #2b2b2b; line-height: 2;}

.pro-view{ padding: 40px 0 60px;}
.pro-big { float: left; width: 480px; height: 570px; position: relative;}
.pro-big img{max-width: 480px; max-height: 570px;position: absolute;left: 0;right: 0;bottom: 0; top: 0;margin: auto; }
.pro-big p{ position: absolute;left: 0;right: 0;bottom: 0; height: 50px; line-height: 50px;padding-left: 30px; font-size: 26px; color: #ffffff; background: rgba(0,0,0,.35);}
.pro-r { float: right;width: 650px; }
.pro-detail{ padding: 0 0 10px 0;}
.pro-detail p {font-size: 16px; height: 34px; line-height: 34px;}
.pro-detail p span {margin-left: 5px;color: #333333;}

.pro-text{height: 144px; margin-bottom: 18px; padding: 15px;background-color: #dadada;}
.pro-share-btn{ display: block; float: left; margin-left: 20px; background-color: #787878; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff;}
.pro-share-btn:hover{ background-color: #004ea2; color: #fff;}

.s-pro{margin: 20px 0; position: relative;}
.s-pro .bd{ position: relative; padding: 0 40px;}
.s-pro .hd a{top: 88px; display: block; cursor: pointer; width: 33px; height:33px; position: absolute;z-index: 10}
.s-pro .hd a.prev{ background: url(../images/s-prev.png); left: 0}
.s-pro .hd a.next{ background: url(../images/s-next.png); right: 0}

.one-pro-s {float: left; width: 180px;height: 263px;margin-right: 12px;}
.one-pro-s .pic-box div {width: 180px; height: 213px;}
.one-pro-s .pic-box img { max-width:180px;max-height:213px;}
.one-pro-s  {text-align: center; font-size: 14px; color: #5d5d5d;}
.one-pro-s:hover { color: #e3b276}

.related-tit { color: #5d5d5d; margin-top: 34px; font-size: 22px; line-height: 40px;border-bottom: 1px solid #cecece}