* { font-size:14px; font-family:"Microsoft YaHei"; }
a { color:#000; text-decoration:none; }
a:hover { color:#333;text-decoration:none; }
body { margin:0px; padding:0px;background:#fff; }
input,select{background:#fff;}
div { word-wrap: break-word; word-break: normal; }
ul, li, ol, li { margin:0px; padding:0px; list-style:none; word-wrap: break-word; word-break: normal; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; word-wrap: break-word; word-break: normal; }
img { border:0px; vertical-align:middle; }

.clear { clear:both; }
.flex{ display: flex;}
.justify-content{justify-content: space-between; align-items: center;}
.top{ background:#666; }
.top .top-box{line-height:40px; }
.top .t-logo {color: white;}
.top .t-logo a{ color: #fff;}
.top .s-login a{ display: inline-block; padding-left:10px; color: #fff;}
.header{padding: 20px 0 14px;transition: 600ms;background: rgba(255,255,255,.1); z-index: 333;left: 0; right: 0;background: url(../images/header-bg.png) repeat-x bottom;
    position: relative;
    z-index: 9999;}
.header h1{ line-height:50px; }
.header h1 img{ max-height: 50px; vertical-align: top;}
.header h1 a{font-size: 24px; color: #000; display: block; height: 50px;}
.header h1 a:hover{ color: #000;}
.header .tel .ico{ font-size: 26px; font-weight: 100;}
.header .tel .ico span{ font-size:30px; margin-right: 15px;padding-right:15px;  color: #000; display: inline-block; position: relative;}
.header .tel .ico span:after{ content: ''; display: inline-block; top:8px; bottom:8px; right: 0; width: 1px; margin-left: 5px; background: #cfcfcf; position: absolute;}
.nav{margin-top: 20px; border-top: solid 1px #ddd;}
.nav li{ float: left; padding: 0 20px; line-height: 50px;position: relative; margin-right:15px;}
.nav li a{ color: #333; font-size: 16px; display: block; }
.nav li.s:after{ content: ''; display: inline-block; position: absolute; top: -1px; left: 0; right: 0; height: 2px; background: #008030;}
.nav li.s a{ color:#008030;}
.header .search{ height: 42px; overflow: hidden;}
.header .search .input-text{height: 42px; border:solid 1px #ddd;outline: none; width: 300px; padding: 10px 10px; line-height: 20px; float: left; border-right: none; display: block;}
.header .search .input-s{height: 44px;  overflow: hidden; border:solid 1px #ddd; border-left: none; outline: none; background: #666; color: #fff;padding: 10px 20px; line-height: 22px;display:block;float: left; margin-top: -1px;}
.banner,.product-list,.info-box,.pic-tong,.mto20{ position: relative;margin-top: -20px;}
.banner a{ display:block; height:590px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.banner .owl-pagination{ position:absolute; left:0px; right:0px; bottom:10px; text-align: center;}
.banner .owl-theme .owl-controls .owl-page span{width: 12px;height: 12px;background-color: #b2b2b2;border-radius: 100%;border: 4px solid transparent;margin: 0 7px;box-sizing: border-box;background-clip: content-box;transition: all .36s ease;}
.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: transparent;border: 2px solid #3488ea;background: #fff;}
.bg{ background:#f4f4f4;}
.bgwhite{ background: #fff;}
.in-product,.in-supply{ padding:50px 0; }
.in-supply{/* background: url(../images/s4-bg.jpg) no-repeat center center;background-size: cover;*/}
.in-tit{position: relative; text-align:left;line-height:40px;}
.in-tit h4 { line-height: 40px; display: block; height: 40px;font-size:24px;}
.in-tit h4 a{font-size:24px;color: #3d424d;}
.in-tit h4 a.more{ float: right; color: #666; font-size: 12px;}

.in-s-tit{ text-align:center;font-size: 30px; color: #333; line-height:24px; margin: 20px 0;}
.in-s-tit span{ color: #333; display:block; font-size: 12px; margin-top: 10px;}
.tit{ font-size: 20px; color: #555; line-height: 50px; margin: 20px 0;}
.tit span{font-size: 14px;color: #bbb;line-height: 26px; display: inline-block; padding-left: 10px;}
.in-product-box{ padding:30px 30px 15px;}
.in-product ul{ margin-top:30px;}
.in-product li{ margin-bottom: 30px;}
.in-product li a{border: 1px solid #ebebeb; display: block;transition: all 0.36s ease; background: #fff; padding: 30px;}
.in-product li:hover a{box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);}
.in-product li .thumb{ position: relative; overflow: hidden; text-align: center;}
.in-product li .thumb img{transition: all .36s ease; border-radius: 50%; overflow: hidden; width: 100px; height: 100px;}
.in-product li h3{ margin: 15px 0; font-size: 18px; text-align: center; font-weight: 100;}
.in-product li p{ text-align: center; font-size: 12px; color: #999;}
.in-product li p.morebtn{width: 120px;display: block;margin: 0 auto;margin-top: 24px;font-size: 14px; color: #999;text-align: center;line-height:35px; border: solid 1px #999;}
.in-product li img{ max-width: 100%;}
.in-product .item{ margin: 0 15px 15px; padding:10px; border: solid 1px #ddd; background: #fff;}
.in-product .item a{ display: block;transition: all 0.36s ease;}
.in-product .item:hover{box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.in-product .item .thumb{ position: relative;}
.in-product .item .thumb p:before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0; background: #fff;display: inline-block;position: absolute;left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-product .item .thumb p:after{content: '';width: 1px;height: 21px;line-height: 40px;left: 50%;margin-top: -10px;background: #fff;display: inline-block;position: absolute; top: 0;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-product .item .thumb:after{transition: all 0.36s ease;content: "";width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0px;opacity: 0;left: 0;}
.in-product .item:hover .thumb:after{ opacity: 1; height: 100%;}
.in-product .item:hover .thumb p:before,.in-product .item:hover .thumb p:after{ top: 50%; opacity: 1;}
.in-product .item h3{line-height:50px; font-size: 16px; color: #666;transition: all 0.36s ease;}
.in-product .item:hover h3{ padding: 0 15px;}
.in-product .item img{ max-width: 100%;}

.in-supplu-box-item{transition: all 0.36s ease; overflow: hidden;}
.in-supplu-box-item:hover{ box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08);}
.in-supplu-box-item img{ width: 100%;transition: all 0.36s ease;}
.in-supplu-box-item:hover img{transform: scale(1.08); }
.in-supplu-box-desc{ padding: 28px 20px; background: #3488ea;}
.in-supplu-box-desc .date{ margin-top:15px; width:20%; float: left; text-align: center;}
.in-supplu-box-desc .date .d{font-size: 36px; font-weight: bold;position: relative;letter-spacing: 1px;color: #fff;}
.in-supplu-box-desc .date p{color: rgba(255, 255, 255, .6);}
.in-supplu-box-desc .desc{ width:70%; float: right;}
.in-supplu-box-desc .desc h3{ color: #fff; font-size:20px; line-height:60px; border-bottom: solid 1px rgba(255, 255, 255, .7);}
.in-supplu-box-desc .desc p{color: rgba(255, 255, 255, .7);padding-top: 15px;}
.itme-warp{transition: all 0.36s ease; cursor: pointer;}
.itme-warp:hover{ padding-left: 30px;}
.itme-warp .desc{ width:80%; float: left;}
.itme-warp .desc h3{transition: all 0.36s ease;color: #333;font-size: 18px;line-height:30px; margin-bottom:25px;position: relative;}
.itme-warp .desc h3:after{content: '';position: absolute;width: 100%;height: 1px;background: rgba(0, 0, 0, .1);left: 0;margin-top: 40px;}
.itme-warp .desc p{ transition: all 0.36s ease;font-size: 13px;line-height: 26px;height: 52px;overflow: hidden;color: #999;}
.itme-warp .time{ width: 20%; float: right; text-align: center;}
.itme-warp .time .d{font-size: 36px;font-weight: bold; position: relative;letter-spacing: 1px;color: #888;}
.in-supplu-box{ padding: 20px 0; position: relative;}
/*.in-supplu-box:after{ content:'';width: 15%; bottom:68px;background:rgba(4,160,123,.3);position: absolute;top: 0;z-index: 0; left: -30px;}*/
.in-supplu-box .owl-buttons div.owl-prev,.in-supplu-box .owl-buttons div.owl-next{ top: 30%;}*/
.in-supplu-box .owl-carousel .owl-wrapper-outer{ z-index: 3;}
.in-supplu-box .item{ margin-top: 45px; line-height: 55px; position: relative; transition: all 0.36s ease; cursor: pointer; margin-bottom: 20px;}
.in-supplu-box .item .in-sup-item{ position: relative;margin: 0 15px;background: #fff;padding: 10px 20px;}
/*.in-supplu-box .item .in-sup-item:after {content: "";display: block;position: absolute;height: 10px; left: 15px;right: 15px;bottom: -7px;background: rgba(255,255,255,.3);}*/
.in-supplu-box .item .in-sup-item h3{ font-size: 18px;color: #333;line-height:45px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;overflow: hidden;}
.in-supplu-box .item .in-sup-item .desc{line-height: 20px;overflow: hidden; border-top: 1px solid #cfcfcf;margin-top:10px;padding-top: 10px; margin-bottom: 0;}
.in-supplu-box .item span{float: right;}
.in-supplu-box .item a{ color: #666;}
.in-supplu-box .item:hover a{ color: #333;}
.in-supplu-box .item:hover a span{color: #666;}
.in-supplu-box .item .in-sup-item .date{ color: #8e8e8e; display: none;}
.in-supplu-box .item .in-sup-item .date .day {font-size: 24px; line-height: 45px;}
.in-supplu-box .item .in-sup-item .date .year {font-size: 16px; line-height: 20px;}
.in-supplu-box .item a{ display: block; margin: 0 10px; background: #fff;}
.in-supplu-box .item .bg-img{transition: all 0.3s ease 0s; padding:50px 50px 20px;}
.in-supplu-box .item .bg-img img{ width: 100%;}
.in-supplu-box .item:hover .in-sup-item h3,.in-supplu-box li:hover .in-sup-item .date,.in-supplu-box li:hover .in-sup-item .desc{ color: #333;}
.in-supplu-box .item:hover .bg{ opacity: 1;background-size:106%;}
.in-supplu-box .item .in-sup-item .more{ border: solid 1px #666; text-align: center; color: #666; padding: 0 20px; margin-top: 20px; margin-bottom: 30px; line-height:40px;}
.in-supplu-box .item:hover .in-sup-item .more:after{ padding-left: 100px;}
.in-supplu-box .item:hover .in-sup-item .more{ opacity: 1;}
.s4-more {margin: 30px 0 0;text-align: center;}
.s4-more a {border: 1px solid #666;display: inline-block;padding: 6px 40px;border-radius: 50px; background: #666; color: #fff;}

.in-environment{ padding:80px 0;}
.in-environment-box .owl-carousel{ padding: 30px 0;}

.in-environment-box ul{ padding: 20px 0 0 0;}
.in-environment-box li{ margin-bottom:30px;}
.in-environment-box li a{ display: block;transition: all 0.36s ease;}
.in-environment-box li:hover a{box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);}
.in-environment-box li .thumb{ position: relative; overflow: hidden; height:180px; overflow: hidden;}
.in-environment-box li .thumb img{transition: all .36s ease;}
.in-environment-boxli:hover .thumb img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.in-environment-box li .thumb p:before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0; background: #fff;display: inline-block;position: absolute;left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-environment-box li .thumb p:after{content: '';width: 1px;height: 21px;line-height: 40px;left: 50%;margin-top: -10px;background: #fff;display: inline-block;position: absolute; top: 0;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-environment-box li .thumb:after{transition: all 0.36s ease;content: "";width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0px;opacity: 0;left: 0;}
.in-environment-box li:hover .thumb:after{ opacity: 1; height: 100%;}
.in-environment-box li:hover .thumb p:before,
.in-environment-box li:hover .thumb p:after{ top: 40%; opacity: 1;}
.in-environment-box li h3{text-align: center;line-height:50px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;  font-size:14px; color:#333;transition: all 0.36s ease;}

.in-about{ padding:60px 0; position: relative;}
.in-about-box{ padding:50px 0;}
.about-img{ position: relative; }
.about-img img{ position: relative; z-index: 2;}
.in-about-info{text-align: left;}
.in-about-info h3{line-height: 50px; color: #000;}
.in-about-info .text{ line-height: 30px; overflow: hidden; margin-top: 30px;}
.in-about-contactus{background-color: #eef1f6;border: 1px solid #cfd7e7;padding: 60px;position: absolute;left: 53px;top: -81px;width: 450px;}
.in-about-contactus h3{ line-height: 50px;}
.in-about-contactus li{ line-height: 40px;}
.in-about .in-about-bg{ margin-top: 20px;}

.in-footer{padding:80px 0; /*background: url(../images/ft-contact.png) no-repeat; background-position: center center; background-size: cover;*/}
.in-join{}
.in-join .in-join-title{ width: 40%; float: left; padding: 30px 5% 20px 0; text-align: right;}
.in-join .in-join-title h3{ margin-top:28px; color:#233975 ;}
.in-join .in-join-title h3 span{font-size: 14px;color: #bbb;line-height: 26px;display: inline-block;padding-left: 10px;}
.in-join .in-join-title p{ line-height: 40px; color: #999;}
.in-join .in-join-info{ width: 60%; float: right;background: #233975; position: relative; padding: 35px 0;}
.in-join .in-join-info .text{ position: absolute; top: 20%; left: 10%; color: #fff;}
.in-join .in-join-info .text p{ font-size: 26px; padding: 5px 0;}
.in-join .in-join-info .text p.j-btn{ padding: 10px 0;}
.in-join .in-join-info .text p.j-btn a{ display: inline-block; padding: 5px 20px; border: solid 1px #ddd; border-radius:15px; color: #fff; overflow: hidden;}
.main-product{ width: 620px; margin: 0 10px 0 120px; text-align: center;}
.main-product img{ width: 80px;}
.main-product h3{ color:rgba(255,255,255,.6); font-weight: normal; font-size: 12px; text-align: center; line-height:18px; padding-top: 10px;}
.owl-buttons{ position:absolute;z-index:0; height:64px; top:50%; margin-top: -32px; left:-64px; right:-64px;}
.owl-buttons div{transition: all 0.36s ease; background-color: rgba(0,0,0,.2); background-repeat: no-repeat; background-position: center center;}
.owl-buttons div:hover{ background-color: #333;}
.owl-next{ position:absolute; background-image:url(../images/owl-next.png);top:0px; z-index:99999; right:15px; width:64px !important; height:64px !important; text-indent:-9999999px; background-size: 32px;}
.owl-prev{ position:absolute; background-image:url(../images/owl-prev.png);top:0px; z-index:99999; left:15px; width:64px !important; height:64px !important; text-indent:-9999999px;background-size: 32px;}
.footer{ padding:10px 0; background: #242633; line-height: 30px; text-align: left;}
.footer  .hotlink_list  a {display: block; float: left; margin-top: 10px; margin-right: 30px;font-size: 12px;color: #737580;line-height: 1;}
.footer  .hotlink_list {
    padding: 10px 0;
    border-bottom: 1px solid #2d3040;
}
.footer .copy_right {
    padding: 30px 0;
}
.footer .copy_right p {
    font-size: 12px;
    color: #737580;
    line-height: 25px;}
/*.in-footer-text{ position:relative;background: #232323 url(../images/new-19022801.png) no-repeat 0 -10% / auto 70%; padding: 5% 5% 5% 10%; text-align:left; color: #fff;}
.in-footer-text .wx-coder{ width: 180px; top:40px; position: absolute; right:50px;}
.in-footer-text .wx-coder .thumb{ width: 130px; float: left;}
.in-footer-text .wx-coder img{ width: 130px;}
.in-footer-text .wx-coder .t{ width: 30px; float: right;}
.in-footer-text h3{ font-size: 26px; font-weight: 100; line-height: 40px;}
.in-footer-text h4{ font-size: 20px; font-weight: 100;line-height: 40px;}
.in-footer-text p{ font-size: 16px; font-weight: 100;line-height: 40px;}
.in-footer-x2{ background:#121212; padding: 50px 20px;}
.in-footer-coder{ position: relative; text-align:center;background: #04a07b url(../images/common-contact-attach.png) no-repeat 50% 100% / 100% auto;padding:44px 50px;}
.in-footer-coder:after{ content: ''; display: inline-block; position: absolute; left: 1px; top: 1px;}
.in-footer-coder .code .thumb{ text-align: center;}
.in-footer-coder .code .t{ text-align: center; font-size:16px; color: #fff; font-weight:100; padding-top:10px; margin-bottom:20px;}
.in-footer-coder .code .thumb img{ width: 100px; padding: 10px; background: #fff;}
.in-footer .addr{ text-align: left; padding: 10px 0; position: relative;}
.in-footer .addr h3{ line-height:56px;font-size:30px; color:rgba(255,255,255,.6);}
.in-footer .addr span{ font-size: 20px; padding-right: 10px;}
.in-footer .addr p{ line-height:30px; color:rgba(255,255,255,.6); font-size: 16px;}
.in-footer .addr p.btn-a a{ display: inline-block; border-radius: 20px; overflow: hidden; line-height: 35px; padding: 0 20px; background: #fff; color:#233975; font-size: 12px;}
.in-footer .name{ position: relative; width: 460px; float: left; text-align: left;padding-left: 120px;}
.in-footer .name:after{ content: ''; display: inline-block; left: 30px; top: 20px; bottom: 0;width: 1px; background: rgba(255,255,255,.2); position: absolute;}
.in-footer .addr:before{ content: ''; display: inline-block; right: 30px; top: 20px; bottom: 0;width: 1px; background: rgba(255,255,255,.2); position: absolute;}
.in-footer-text{ border-bottom:solid 1px rgba(255,255,255,.2);}
.in-footer .ico{ width: 60px; margin-right: 20px; border-right: solid 1px rgba(255,255,255,.2); float: left; padding: 20px 0;}
.in-footer .ico span{ font-size: 34px;color:rgba(255,255,255,.6); }
.in-footer .text{float: left;}
.in-footer .text h3{ color: #fff; font-size: 24px; padding-bottom: 10px;}
.in-footer .text p{ line-height:24px;color:rgba(255,255,255,.6);}*/


.gift-product{ padding: 50px 0;}
.gift-product ul{ padding: 30px 0;}
.gift-product ul li{ width:14%; border: solid 1px #fff; border-radius: 10px; overflow: hidden; padding-bottom: 30px; margin-bottom: 20px; float: left; text-align: center; margin: 0 3%;}
.gift-product ul li:hover{ border: 1px dashed #333;}
.gift-product ul li h3{ font-weight: normal; font-size:20px; color: #666;}
.gift-product ul li .ico{ margin-top: 20px; margin-bottom: 15px;}
.gift-product ul li .ico img{ max-width: 50px; max-height: 50px;}
.gift-product ul li:hover h3,.gift-product ul li:hover .ico span{ color: #333;}

.news{line-height:40px;overflow:hidden; position:relative; box-shadow: 0 12px 30px rgba(80,80,80,.1);position: relative; top: -40px; background: #fff; padding:20px 20px;}
.news-title{ width: 120px; float: left; text-align: right; font-size: 16px;}
.news-title img{ margin-left: 5px; vertical-align: middle;}
.txtScroll-top{  overflow:hidden; position:relative; float: left;}
.txtScroll-top .bd{ padding:0 15px 0 50px; float: left; position: relative;}
.txtScroll-top .infoList li{ height:40px;line-height:40px;}
.txtScroll-top .infoList li a{font-size: 16px; color: #535353;}
.txtScroll-top .infoList li .date{ margin-left: 20px;font-size: 16px; color: #535353;}
.news:after{ content: 'Latest Announcement'; display: inline-block; position: absolute; right: 0; width:340px; text-align: center; top: 0; bottom: 0; border-left: solid 1px #efefef; font-weight: 100; line-height: 80px; font-size: 20px; text-align: center;}

/*.footer{ background: #666; padding: 30px 0 20px; text-align: center;}
.footer .ico{ display: inline-block; width: 50px; height: 50px; margin-bottom: 10px; background: #999; border-radius: 50%; overflow: hidden; text-align: center; line-height: 50px;}
.footer .ico span{ color: #fff; font-size: 24px;}
.footer p{ font-size: 16px; color: #fff;}
.copy{ border-top: solid 1px rgba(255,255,255,.2); line-height: 45px; color: #909090; margin-top: 30px; font-size: 12px;}*/


.memorials-list{ padding: 0 0 30px;}
.memorials-list ul{ padding-bottom: 30px;}
.memorials-list li{ margin-bottom: 20px;}
.memorials-list .media {background-color: #FFF; margin-left:-5px; margin-right:-5px;padding:10px 30px;-webkit-box-shadow: 1px 1px 2px rgba(221,203,207,0.3);box-shadow: 1px 1px 2px rgba(221,203,207,0.3);margin-top: 0;}
.memorials-list .media.ceme{ padding:20px 30px 10px; border-radius: 5px; overflow: hidden;}
.memorials-list .media .tab-content{ text-align: center; padding: 20px;}
.memorials-list .media .tab-content .photo img{ width:100px; height:100px;border-radius: 50%; overflow: hidden;}
.media-left, .media-right {display: table-cell;vertical-align: top;}
.media-left, .media>.pull-left {padding-right: 10px;}
.memorials-list .media-left .tab-content {max-height: 210px;overflow: hidden;}
.memorials-list img { height:160px;max-width: 150px; overflow: hidden;}
.media-body{vertical-align: top; padding: 0 20px;}
.media-heading.ellipsis {width: 150px;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.media-heading {margin-top: 0;margin-bottom: 5px;line-height: 24px; font-size: 14px; color: #000;}
.memorials-list .media p {line-height: 24px; font-size: 12px; color: #666;}
.memorials-list .media em {color: #aaa;}
.zz {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.jj {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.memorials-pager {float: right;}
.memorials-pager {width: 100%;text-align: center;}
.label-success {background-color: #fff;text-align:center; margin:15px auto; color: #666;text-align: center;white-space: nowrap;vertical-align: baseline; border:solid 1px #666;cursor: pointer;}
.label-success .atit{ line-height:30px;}
.label-success a{ display: block; background: #008030; border-color: #008030; color: #fff;}
.page {text-align: center;width:100%}
.page a {display: inline-block;border: 1px solid #eee;background: #fff;margin-right: 5px;padding: 7px 13px;color: #666;text-align: center;}
.page .cur {background: #666;border-color:#666;color: #fff !important;}
.coder{ text-align: center; background: #fff;border:solid 1px #efefef; width: 120px; position: fixed; right: 20px; top: 45%;}
.coder img{ width: 118px; margin-bottom: 5px;}
.coder p{ background: #fff; padding: 10px 0; border-top:solid 1px #efefef; margin-top: 10px;}
.info-box{ padding: 50px 0;}
.big-info-main{position: relative;height:500px; padding-top: 100px; background-image: url(../images/bg.jpg); background-repeat: no-repeat; margin: 0px auto;}
.big-info-bg{ position: relative;}
.main-xingming{position: absolute;left: 366px;top:60px;}
.main_name { width: 20px;height: 100px;color: White;font-family: 'Microsoft YaHei';font-weight: bold;position: absolute;left:10px;top:0px;}
.sub-name{width:40px;height: 100px;color: White;font-family: 'Microsoft YaHei';font-weight: bold;position: absolute;left:0px;top:0px;}
.sub-name p{width: 20px; float: left;font-weight: bold;}
.main-xingming span{position: absolute; left: 10px; top: 64px;color: White;font-family: 'Microsoft YaHei';font-weight: bold;}
.main_bgdb { position:absolute; left:0; right:0; bottom:0; top:400px;background-image: url(../images/bgdb.jpg); background-repeat: repeat; background-size: 100%;}
.main_censers {width: 80px;height: 20px;position: absolute;left: 340px;top: 67px;}
.main_left_1 {width: 20px;height: 20px;position: absolute;left: 410px;top: 400px;}
.main_left_2 {width: 20px;height: 20px;position: absolute;left: 430px;top: 310px;}
.main_right_1 {width: 20px;height: 20px;position: absolute;right: 320px;top: 400px;}
.main_right_2 {width: 20px;height: 20px;position: absolute;right: 400px;top: 310px;}
.main_center_1 {width: 50px;height: 50px;position: absolute;left: 530px;top: 450px;}
.main_l_left_1 {width: 20px;height: 20px;position: absolute;left: 145px;top: 350px;}
.main_r_right_1 {width: 20px;height: 20px;position: absolute;right: 145px;top: 350px;}

.info-main{  position: relative;}
.info-main .info-main-left{ width: 825px; float: left;}
.info-main .info-main-left .info-main-box{box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding: 30px; background: #fff;}
.info-main .info-main-desc{ width:300px; right: 0; background: #fff;  position: absolute;
    padding: 30px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.info-text{ text-align: center;}
.info-text h3{ font-size: 24px; font-weight: 100; padding: 10px 0;}
.info-text p.t{ padding: 10px 0; line-height: 45px; margin-bottom: 20px; border-bottom:solid 1px #cfcfcf;}
.info-text ul li{ line-height: 35px; border: solid 1px #ddd;  margin-bottom: 10px; text-align: center; border-radius: 5px; overflow: hidden;}
.info-text ul li a{ color: #666;}

.new-list{ margin-top:10px; background: #fff;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding: 30px;}
.cbl{ padding:0; margin-top:35px;}
.cbl-li{ line-height: 45px;}
.cbl-li:nth-child(2n+1){background:#fafafa;}
.cbl-li.t:nth-child(2n+1){ background: #f0f0f0;}
.new-list h3,.introduce h3{font-size:24px;color: #666;line-height: 20px;margin:0 0 15px 0;position: relative;padding-left: 10px;}
.new-list h3:after,.introduce h3:after{content: '';display: inline-block;position: absolute;top: 0px;bottom: 0px;left: 0px;width: 3px; background: #058DE1;}
.main_cbl_gb{ display: none; margin: 30px auto; width:180px; text-align: center; border-radius:30px; overflow: hidden; line-height:40px; background: #fafafa; border: solid 1px #ddd; cursor: pointer;}
.introduce{margin-top:10px; background: #fff;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding: 30px; line-height: 45px;}
.nodate{ padding:15px 0; text-align: center; line-height: 50px; font-size: 16px;}
#main_user_xk{ margin-bottom: 10px;}
#main_user_xk img{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
.in-news{ padding:50px 0;}
.in-news-box{ padding: 30px 30px 30px; background: #fff;}
.in-news-box ul{ padding: 10px 0;}
.in-news-box ul li{ line-height:40px;}
.in-news-box ul li strong{ display:block; float: left; font-size: 14px; font-weight: normal; width:76%;  white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;}
.in-news-box ul li span{ float: right; color: #999; font-size: 12px;}
.side{padding: 30px 30px 13px; background: #fff;}
.side h3 {border-bottom: solid 1px #ddd; line-height:40px;font-size: 24px;padding-bottom: 10px;}
.side ul {border-left: 1px solid #efefef;padding: 17px 0 0;position: relative;margin-left: 10px;}
.side ul li {position: relative;padding-left: 20px;margin-top: 11px; line-height: 20px;}
.side ul li:before {content: "";background-color:#008030;width: 5px;height: 5px;border-radius: 50%;display: block;position: absolute;left: -3px;margin-top: 5px;}
.side ul li .name a {color: #555;font-size: 14px;line-height: 20px;display: block;white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.side ul li .name span{ margin-left: 40px;}
.side ul li .url {font-size: 12px;color: #aaa;margin-top: 9px;white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.side ul li:first-child {margin-top: 0;}
.in-gift{ padding:30px 20px 10px; background: #fff;}
.in-gift ul{ padding: 10px 0;}
.in-gift ul li{ float: left; margin-right: 21px;}
.in-gift ul li:nth-child(3n){ margin-right: 0;}
.in-gift .item{ text-align: center;}
.in-gift .item .thumb{ width: 92px; height: 92px; border: solid 1px #cfcfcf; overflow: hidden; text-align: center; line-height: 92px;}
.in-gift .item .thumb img{ max-width: 92px; max-height: 92px; vertical-align: middle;}
.in-gift .item h6{ margin:15px 0; line-height:18px; height: 18px; font-size: 14px;white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;}

.article{margin-top: -70px; background: url(http://www.zhuangyi.com/about/images/bg_shadow.png) no-repeat center top;z-index: 11;position: relative; background-size: contain;}
.article-box{ margin:0 20px; background: #fff; padding: 50px; }
.article-box h3{ margin-bottom: 45px; padding: 10px 0;  line-height: 45px; text-align: center; position: relative;}
.article-box h3:after{content: ''; display: inline-block; position: absolute; z-index: 1; left: 30%; right: 30%; height: 1px; background: #999; top:50%;}
.article-box h3 span{font-weight: bold;font-size: 34px;color: #222;background: #fff; position: relative; z-index: 2; padding: 0 20px; display: inline-block;}
.article-box img{ display: block; max-width: 100%; margin: 10px auto;}
.article-box p{ text-indent: 2em; font-size: 16px;line-height: 40px;}

.post{ padding: 10px 0; line-height: 45px; color: #666;}
.post a{ color: #666;padding: 0 3px;}
.post span{ padding: 0 3px;}
.mb50{ margin-bottom: 50px;}
.news-list{ background: #fff;}
.news-list li{ margin: 0 30px; padding: 20px 0; border-bottom: solid 1px #efefef;}
.news-list li h3 a{ display: block; font-size: 18px; color: #000;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-list li .desc{margin-top: 14px; margin-bottom:14px;font-size: 14px;color: #666;line-height: 24px;}
.news-list li p span{ color: #a1a7b3; margin-right: 40px;}
.news-list li p span i{ display: inline-block; padding-right: 5px;}
.side-box{}
.side-box h2{ padding:15px;background: #fff;font-size: 20px;color: #292c33; border-bottom: solid 1px #ddd;}
.side-box ul{background: #fff; padding:10px 20px; }
.side-box li{ text-align: center; background: #fff; padding:25px 20px 0; margin-bottom: 20px; border: solid 1px #efefef; }
.side-box li img{ max-height: 136px;}
.side-box li h3{ padding: 5px 0; line-height: 35px; font-size: 16px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }

.news-info{ padding: 30px; background: #fff;}
.news-info h3{font-size: 24px;line-height: 44px;color: #292c33;}
.news-info .time { margin: 10px 0; }
.news-info .time span{margin-right:50px;font-size: 16px;color: #a1a7b3;line-height: 1;}
.news-info .time span i{ display: inline-block; padding-right: 5px; font-size: 14px;}
.news-info-box{ padding: 10px 0; line-height:35px;}

.relative{position: relative;}
.exterio-list { overflow: hidden; display: block;}
.exterio-list li { margin: 10px 0 10px;  padding-left: 10px; padding-right: 10px; }
.exterio-list li .relative { border: 1px solid #dddddd;padding:10px 10px 5px;background: #fff; overflow: hidden; -webkit-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; }
.exterio-list li a img { width: 100%;height:250px; }
.exterio-list .click-yy { cursor: pointer; width: 145px; text-align: center; background:#f00; color: #fff; padding: 7px 0; position: absolute; bottom: 42px; right: -145px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.exterio-list .click-yy a{ color: #fff;}
.exterio-list .see { color: #d1d1d1; padding: 7px 0; text-align: center; width: 105px; position: absolute; bottom: 42px; left: -105px; background: url(../content/images/exterio-bg.png); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.exterio-list span img { margin-right: 7px; width: auto; }
.exterio-list p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; padding: 10px; text-align: left; }
.exterio-list li .relative:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 3px 10px #eee; }
.exterio-list li .relative:hover .see { left: 0; }
.exterio-list li .relative:hover .click-yy { right: 0; }

.p80{ padding-top: 80px; padding-bottom: 80px;}
.node{ text-align: center; padding: 80px 0;}
.xg_infobox li{ margin: 5px 6px; float: left;}

.message{}
.message>.message-li{ border-bottom: solid 1px #efefef; margin: 5px 0;}
.message>.message-li:last-child{ border-bottom:none;}
.message-li-title{font-size: 18px;color: #000;}
.message-li-title span{ float: right; color: #999; font-size: 12px;}
.message-li-intro{ margin-top:5px; margin-bottom:10px;font-size: 12px;color: #666;line-height: 24px; height: 48px; overflow: hidden;}
.news_con { padding-bottom: 8px; }
.news_con ul a.news_li { height: 41px; line-height: 41px; background: url(../images/news_li.jpg) repeat-x; display: block; border-bottom: solid 1px #ebebeb; }
.news_con ul li { background: url(../images/tb2.png) no-repeat 15px center; padding-left: 35px; height: 41px; font-size: 14px; }
.news_title_limit { width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-login{color:white;}