@charset "utf-8";



#adv {width: 100%;height: 450px;overflow: hidden;position: relative;}

.adv {width: 1920px;height: 450px;position: absolute;left: 50%;margin-left: -960px;}



body>.main {padding: 0px 0px 100px;}

body>.main .content {padding: 40px 0px 0px;}

.content p {color: #333;font-size: 16px;line-height: 28px;margin-bottom: 3px;}



.main_top {background-color: #e5e5e5}

.main_top .title {display: block;}

.main_top .title a {display: inline-block;color: #333;font-size: 18px;height: 60px;line-height: 60px;margin-right: 30px}

.main_top .title a:hover {color: #562d22}

.main_top .title a.active {color: #562d22;border-bottom: 1px solid #562d22;}



.location {box-sizing: border-box;padding: 20px 0px;}

.location span {margin-right: 5px;}

.location a {display: block;float: left;color: #562d22;font-size: 14px;line-height: 20px;height: 20px;}

.location a:hover {color: #f00;}

.location a:after {content: ">"; display: block; float: right; font-size: 14px; color: #555; font-family: "simsun"; margin: 0px 10px; }

.location a:last-of-type:after {display: none}

.location span {float: left;color: #562d22;font-size: 14px;line-height: 20px;height: 20px;}



.content .head {width: 100%;height: 40px;line-height: 40px;border-left: 1px solid #562d22;padding-left: 28px;margin-bottom: 30px;color: #562d22;font-size: 18px;}

.content .head font {font-size: 14px;display: inline-block;margin-left: 15px;}



.content .about p {color: #333;font-size: 16px;line-height: 28px;text-align: justify;text-indent: 2em;margin-bottom: 2px}

.about {margin-bottom: 60px;}



.menu_box {width: 240px;float: left;}

.menu_box .h {width: 100%;background-color: #562d22;padding:20px;box-sizing: border-box;text-align: center;}

.menu_box .h p {color: #fff;font-size: 16px;}

.menu_box .h h4 {color: #fff;font-size: 30px;}

.menu_box .menu_nav ul {border:1px solid #eee;border-bottom: 0px;}

.menu_box .menu_nav ul li {height: 42px;line-height: 42px;padding: 0px 20px 0px 30px;border-bottom: 1px solid #eee}

.menu_box .menu_nav ul li a {display: block;color: #333;font-size: 15px;;}

.menu_box .menu_nav ul li a:after {content:'';display: block;width: 20px;height: 20px;margin-top: 11px;float: right;background: url(../images/arrow.png) no-repeat 0px 0px;}

.menu_box .menu_nav ul li a:hover,.menu_box .menu_nav ul li.active a {color: #562d22}

.menu_box .menu_nav ul li a:hover:after,.menu_box .menu_nav ul li.active a:after {background-position: 0px -20px}



.pro_wrap {width: 920px;float: right;}

.pro_wrap ul li {float: left;width: 295px;margin-right: 17px;margin-bottom: 25px;}

.pro_wrap ul li:nth-child(3n) {margin-right: 0px;}

.pro_wrap ul li .img a {display: block; overflow: hidden;border:1px solid #f3f3f3;box-sizing: border-box;}

.pro_wrap ul li .img a img {transition: 0.8s;-webkit-transition: 0.8s, -webkit-transform 0.8s;}

.pro_wrap ul li .img a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.pro_wrap ul li .name {background-color: #fff;}

.pro_wrap ul li:hover .name {background-color: #562d22;padding: 0px 15px}

.pro_wrap ul li .name a {color: #333;font-size: 16px;height: 50px;line-height: 50px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.pro_wrap ul li:hover .name a {color: #fff}



.page {width: 100%;text-align: center;padding: 20px 0px;}

.page a {display: inline-block;min-width: 15px;height: 35px;line-height: 35px;border:1px solid #dcdcdc;background:#fff;color: #666;font-size: 14px;padding: 0px 10px;margin: 0 3px!important;}

.page a:hover,.page a.on,.page a.active {border-color: #562d22;background-color: #562d22;color: #fff;}



.content_box {width: 100%;}

.pro_des #magnifier {position: relative;width: 502px}

.pro_des .small-box {position: relative;width: 500px;height: 450px;border: 1px solid #ccc;}

.pro_des .small-box img {display: block;width: 100%;margin: 0 auto;}

.pro_des .thumbnail-box {position: relative;margin-top: 15px;}

.pro_des .thumbnail-box .btn {display: none;}

.pro_des .thumbnail-box .list {overflow: hidden;width: 500px;margin:auto;}

.pro_des .thumbnail-box .list .wrapper {width: 10000px}

.pro_des .thumbnail-box .list .item {float: left;width: 92px;margin-right: 10px;cursor: pointer;}

.pro_des .thumbnail-box .list .item img {width: 100%; border: 1px solid #eee;box-sizing: border-box;}

.pro_des .thumbnail-box .list .item-cur img {border: 1px solid #562d22;}

.pro_des .big-box {display: none; overflow: hidden; position: absolute; left: 461px; top: 0;z-index: 199; width: 460px; height: 460px; border: 1px solid #ccc;background: #fff; }

.pro_des .big-box img {display: block;max-width: none;}

.small-box .hover {display: none; position: absolute; left: 0; top: 0; width: 200px !important; height: 200px !important; border: 1px solid #aaa; background: #0099ff; opacity: .5; filter: alpha(opacity: 50); cursor: move; }



.pro-details table {width: 900px;border-collapse:collapse;}

.pro-details table thead {height:50px; line-height:50px; color:#fff; font-size:16px; background:#0074c7;}

.pro-details table thead tr td, table thead tr th {border:1px solid #ccc;}

.pro-details table tbody tr td, table thead tr th {padding:5px 10px !important;border:1px solid #ccc;color: #333;font-size: 15px;box-sizing:border-box;}





/*产品信息*/

.pro-info {width: 650px;}

.pro-info h1 {color: #562d22;font-size: 38px;line-height: 125%;font-weight: bold;padding-bottom: 5px;}

.pro-info>p {color: #555;font-size: 16px;margin-top: 10px;}

.pro-info .des {padding: 20px 0px;min-height: 60px;border-top: 1px dashed #dcdcdc;margin-top: 10px;}

.pro-info .des h4 {color: #562d22;font-size: 18px;margin-bottom: 10px}

.pro-info .des p {color: #333;font-size: 15px;line-height: 28px;}

.pro-info .pro-contact .tel {color: #333;font-size: 18px;background: url(../images/nycp_pic.png) no-repeat left center;padding-left: 30px;}

.pro-info .pro-contact .tel h4 {color: #562d22;font-size: 21px}

.pro-info .pro-contact>a {color: #fff;font-size: 16px;display: inline-block;width: 128px;height: 42px;line-height: 42px;margin-top: 20px;margin-left: 30px;text-align: center;background-color: #562d22;border-radius: 3px;}

.pro-info .pro-contact>a:hover {background-color: #b97361}

.pro-info .pro-contact .share {padding-left: 30px;}

.pro-info .pro-contact .share a {margin-right: 8px;}



.phone_show {display: none;position: fixed;top: 25%;left: 50%;border-radius: 5px;border: 1px solid #dadee7;box-shadow: rgba(0,0,0,0.5) 0px 0px 15px 1px;border: 1px solid rgb(218,222,231);margin-left: -181px;z-index: 10000;}

.phone_show .con {min-width: 240px;padding:30px 40px;position: relative;background: #fff;border-radius: 5px;}

.phone_show .con h4 {color: #562d22;font-size: 24px;margin-bottom: 10px}

.phone_show .con p {color: #333;font-size: 18px;line-height: 28px;}

.phone_show .close {position: absolute; right: 0px; top: 0px;z-index: 1000;width: 34px;height: 34px;background:url(../images/close_black.png) no-repeat center;cursor: pointer;}



.pro-details {margin-top: 50px;}

.pro-details .title {color: #562d22;font-size: 18px;margin-bottom: 10px}

.pro-details p {color: #555;font-size: 16px;line-height: 24px}

.pro-details p span {font-family: "Microsoft Yahei" !important;}

.pro-details p strong {color: #CC0000;font-size: 16px;}



.pro_page {margin-top: 30px;}

.pro_page a {float: left;color: #fff;width: 130px;height: 45px;line-height: 45px;background-color: #562d22;text-align: center;}

.pro_page a:last-child {float: right;}

.pro_page a:hover {background-color: #b97361}

.randomnews {margin-top: 40px}

.randomnews .diysr {width: 100%;height: 50px;line-height: 50px;font-size: 18px;text-align: center;background-color: #e3e3e3;margin-bottom: 20px;}



.randomnews ul li {float: left;width: 224px;margin-right: 20px}

.randomnews ul li:nth-child(5n) {margin-right: 0px;}

.randomnews ul li .img a {display: block; overflow: hidden;border:1px solid #e3e3e3;}

.randomnews ul li .img a img {transition: 0.8s;-webkit-transition: 0.8s, -webkit-transform 0.8s;}

.randomnews ul li .img a:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}

.randomnews ul li .name {padding-top: 10px;}

.randomnews ul li .name p {color: #666;font-size: 14px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.randomnews ul li .name h4 a {color: #562d22;font-size: 16px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.randomnews ul li .name h4 a:hover {color: #b97361}





.introduction_tab .bd {width: 100%;height: 360px;}

.introduction_tab .hd {position: relative;margin-top: -40px;}

.introduction_tab .hd ul {text-align: center;}

.introduction_tab .hd ul li {display: inline-block;vertical-align: top;margin: 0px 40px;text-align: center;cursor: pointer;}

.introduction_tab .hd ul li img {border-radius: 50%;overflow: hidden;}

.introduction_tab .hd ul li p {color: #333;font-size: 20px;margin-top: 15px}

.introduction_tab .hd ul li.on p {color: #562d22}

.introduction_tab a.more {display: block;width: 210px;height: 55px;line-height: 55px;text-align: center;color: #fff;font-size: 20px;background: #905849;margin: 60px auto 0px;border-radius: 60px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.introduction_tab a.more:hover {background: #744235}



.introduction_row {padding-top: 80px;}

.introduction_row .title {text-align: center;margin-bottom: 40px;}

.introduction_row .title h4 {color: #562d22;font-size: 40px;font-weight: bold;}

.introduction_row .title span {display: block;width: 75px;height: 4px;background: #562d22;margin:20px auto 0px;}

.introduction_con {width: 100%;min-height: 480px;background: url(../images/introduction_bg.jpg) no-repeat center top;}

.introduction_con ul {text-align: center;padding:80px 0px 50px;}

.introduction_con ul li {display: inline-block;vertical-align: top;margin: 0px 90px}

.introduction_con ul li .ico {width: 102px;height: 102px;margin:0px auto 20px;background: url(../images/introduction_icon.png) no-repeat;}

.introduction_con ul li.li1 .ico {background-position: 0px 0px;}

.introduction_con ul li.li2 .ico {background-position: -102px 0px;}

.introduction_con ul li.li3 .ico {background-position: -204px 0px;}

.introduction_con ul li.li4 .ico {background-position: -306px 0px;}

.introduction_con ul li.li1:hover .ico {background-position: 0px -102px;}

.introduction_con ul li.li2:hover .ico {background-position: -102px -102px;}

.introduction_con ul li.li3:hover .ico {background-position: -204px -102px;}

.introduction_con ul li.li4:hover .ico {background-position: -306px -102px;}

.introduction_con ul li p {color: #fff;font-size: 20px;}

.introduction_con .text {background: #fff;padding:45px 65px;box-sizing: border-box;box-shadow: 0px 2px 6px #e3e3e3}

.introduction_con .text .h {text-align: center;margin-bottom: 20px;}

.introduction_con .text .h h4 {color: #562d22;font-size: 30px;font-weight: bold;}

.introduction_con .text .h span {display: block;width: 65px;height: 3px;background: #562d22;margin:10px auto 0px;}

.introduction_con .text p {color: #562d22;font-size: 20px;text-align: center;line-height: 34px;}

.introduction_con .text a {display: block;width: 160px;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 18px;background: #562d22;margin:40px auto 0px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.introduction_con .text a:hover {background: #744235}



.introduction_content .text,.introduction_content .img {width: 600px;height: 400px;overflow: hidden;box-sizing: border-box;}

.introduction_content .text {display: table;padding: 40px}

.introduction_content .text .con {display: table-cell;vertical-align: middle;}

.introduction_content .text .con h4 {color: #562d22;font-size: 35px;margin-bottom: 20px;font-weight: bold;}

.introduction_content .text .con p {color: #666;font-size: 18px;line-height: 2;text-align: justify;}

.introduction_content .text .con span.hr {display: block;width: 60px;height: 2px;background: #562d22;margin-top: 40px;}



.news_list .item {width: 100%;padding: 20px 25px;background-color: #f3f3f3;margin-bottom: 30px;box-sizing: border-box;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out;}

.news_list .item:hover{background-color: #562d22}

.news_list .item .img {width: 300px;height: 225px;overflow: hidden;}

.news_list .item .text {width: 820px;height: 225px;}

.news_list .item .text h4 {padding: 10px 0px 0px;}

.news_list .item .text h4 a {display: block;color: #666;font-size: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}

.news_list .item .text .date {color: #666;font-size: 14px;padding: 15px 0px;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}

.news_list .item:hover .text .date {color: #fff}

.news_list .item:hover .text h4 a {color: #fff}

.news_list .item .text p {color: #666;font-size: 15px;height: 70px;line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}

.news_list .item:hover .text p {color: #fff;}

.news_list .item .text a.more {display: block; width: 124px; height: 36px; line-height: 36px; color: #fff; background-color: #562d22;text-align: center;margin-top: 20px;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}

.news_list .item:hover .text a.more {background-color: #fff;color: #666;}



.news_desc h1 {color: #333;font-size: 28px;text-align: center;}

.news_desc .info {padding: 15px 0px;text-align: center;border-bottom: 1px solid #dcdcdc;}

.news_desc .info span {color: #666;font-size: 14px;margin: 0px 15px;display: inline-block;}

.news_desc .desc {padding: 30px 0px 0px;}

.news_desc .desc p {color: #333;font-size: 16px;line-height: 28px;text-align: justify;text-indent: 2em;margin-bottom: 4px;}



.news_page {margin-top: 20px;padding: 25px 0px 40px;border-top: 1px solid #dcdcdc;}

.news_page p {display: block;width: 400px;color: #666;font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.news_page p a {color: #666;}

.news_page p a:hover {color: #562d22}

.news_page .fr a {display: block;width: 135px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 15px;background: #562d22;border-radius: 3px;}

.news_page .fr a:hover {background: #754132}





.project_carousel {overflow: hidden;margin: 40px auto 20px;text-align: center;}

.project_carousel .swiper-container.swiper-project {display: inline-block;max-width: 1200px;}

.project_carousel .project-pagination {margin-top: 10px;}

.project_carousel .project-pagination .swiper-pagination-bullet {width: 12px;height: 12px;}



.honor{ width: 100%; height: auto;}

.honor li{width:280px;height:314px;float:left; margin: 0 10px 25px;background: #fff;border:1px solid #e5e5e5;}

.honor li:nth-child(4n) {margin-right: 0px;}

.honor li a{display: block;width:266px;height:300px;border:7px solid #fff;background: #fff;transition-duration: 500ms;}

.honor li a:hover{border-color:#dadada;}

.honor li a .img{display: block;width:250px;height:250px;margin: 0 auto;}

.honor li a .img img{width:100%;height:100%;}

.honor li a .tits{line-height: 51px;color:#666; height: 51px; overflow: hidden; font-size: 14px; text-align: center;}



.project ul li {width: 282px;float: left;margin-right: 24px;margin-bottom: 25px;padding: 10px;border: 1px solid #dcdcdc;box-sizing: border-box;}

.project ul li:nth-child(4n) {margin-right: 0px;}

.project ul li a .tits {color: #333;font-size: 16px;text-align: center;margin-top: 10px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.project ul li a:hover .tits {color: #562d22}

.project ul li a .img {overflow: hidden;width: 100%;}

.project ul li a .img img {transition: 0.8s;-webkit-transition: 0.8s, -webkit-transform 0.8s;}

.project ul li a:hover .img img {-webkit-transform: scale(1.05);transform: scale(1.05);}



.contact h4 {color: #562d22;font-size: 24px;margin-bottom: 15px;}

.contact p {color: #333;font-size: 16px;line-height: 30px;margin: 7px 0px !important;background: url(../images/contact_ico.png) no-repeat;padding-left: 35px !important;}

.contact p:nth-child(2) {background-position: 0px -30px}

.contact p:nth-child(3) {background-position: 0px -60px}

.contact p:nth-child(4) {background-position: 0px -90px}

.contact p:nth-child(5) {background-position: 0px -120px}

.contact p:nth-child(6) {background-position: 0px -150px}

.contact p:nth-child(7) {background-position: 0px -180px}



.contact .fr ul li {display: inline-block;text-align: center;margin-left: 30px;}

.contact .fr ul li span {display: block;color: #333;font-size: 14px;margin-top: 5px;}

.map {padding-top: 40px;}

.map p {margin-bottom: 10px}



.message h5 {color: #181818;font-size: 16px;font-weight: 600;margin-bottom: 5px}

.message p {color: #666;font-size: 16px;}

.message_table {margin-top: 30px;}

.message_table .form-group {width: 100%;min-height: 50px;margin-bottom: 15px;}

.message_table .form-group input {float: left;width: 592px;height: 50px;color: #333;font-size: 15px;border:1px solid #dcdcdc;padding: 0px 10px;box-sizing: border-box;}

.message_table .form-group input:focus {border-color: #562d22}

.message_table .form-group input:last-child {float: right;}

.message_table .form-group textarea {width: 100%;height: 160px;color: #333;font-size: 15px;border:1px solid #dcdcdc;padding: 10px;box-sizing: border-box;}

.message_table .form-group textarea:focus {border-color: #562d22}

.message_table .form-group input.code {width: 200px;}

.message_table .form-group img {float: left;width: 180px;height: 48px;cursor: pointer;margin-left: 10px;border:1px solid #dcdcdc;}

.message_table .form-group input[type="submit"] {color: #fff;background-color: #562d22;border-color: #562d22;font-size: 18px;cursor: pointer;}

.message_table .form-group input[type="submit"]:hover {background-color: #b97361}



/*分享*/

.share {padding-top: 30px;}

.share .bdsharebuttonbox a {display: inline-block;vertical-align: top;width: 20px;height: 20px;background: url(../images/share-icon.jpg) no-repeat;background-size: auto 20px;box-sizing: border-box;}

.share .bdsharebuttonbox a.bds_more {background-position: 0px 0px;}

.share .bdsharebuttonbox a.bds_tsina {background-position: -40px 0px;}

.share .bdsharebuttonbox a.bds_weixin {background-position: -20px 0px;}

.share .bdsharebuttonbox a.bds_qzone {background-position: -60px 0px;}

.share .bdsharebuttonbox a.bds_tqq {background-position: -80px 0px;}

.share .bdsharebuttonbox a.bds_sqq {background-position: -100px 0px;}



.share .bshare-custom a {display: inline-block;vertical-align: top;width: 20px;height: 20px;background: url(../images/share-icon.jpg) no-repeat;background-size: auto 20px;box-sizing: border-box;}



.share .bshare-custom a.bshare-more.more-style-addthis {background: url(../images/share-icon.jpg) no-repeat;background-size: auto 20px;background-position: 0px 0px;}

.share .bshare-custom a.bshare-sinaminiblog {background-position: -40px 0px;}

.share .bshare-custom a.bshare-weixin {background-position: -20px 0px;}

.share .bshare-custom a.bshare-qqmb {background-position: -60px 0px;}

.share .bshare-custom a.bshare-qzone {background-position: -80px 0px;}

.share .bshare-custom a.bshare-qqim {background-position: -100px 0px;}