@charset "utf-8";

#adv {width: 100%;height: 400px;overflow: hidden;position: relative;}
.adv {width: 1920px;height: 400px;position: absolute;left: 50%;margin-left: -960px;}

body>.wrapper {padding: 40px 0px 60px;}


.location {width: 100%;border-bottom: 1px solid #dcdcdc}
.location span {float: left;display: block;width: 25px;height: 50px;background: url(../images/location_ico.png) no-repeat center;margin-right: 10px; }
.location a {display: block;float: left;color: #666;font-size: 15px;line-height: 50px;height: 50px;}
.location a:hover {color: #ea5517;}
.location a:after {content: "/"; display: block; float: right; font-size: 15px; color: #666;  margin: 0px 10px; }
.location a:last-of-type:after {display: none}

.listnav {text-align: center;padding-bottom: 30px;}
.listnav a {display: inline-block;vertical-align: top;color: #555;font-size: 18px;margin:0px 20px 10px;width: 140px;height: 40px;line-height: 40px;text-align: center;border:1px solid #aaa;border-radius: 35px;}
.listnav a:hover {color: #ea5517;border-color: #ea5517}
.listnav a.active {background-color: #ea5517;border-color: #ea5517;color: #fff;}

.wrapper_head {margin-bottom: 50px}
.wrapper_head .h {color: #333;font-size: 34px;font-weight: bold;}
.wrapper_head p {color: #666;font-size: 16px;margin-top: 20px}
.wrapper_list ul li {float: left;width: 380px;margin-right: 30px;margin-bottom: 30px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.wrapper_list ul li:hover {box-shadow: 1px 2px 8px #f9ccb9}
.wrapper_list ul li:nth-child(3n) {margin-right: 0px;}
.wrapper_list ul li .img {width: 380px;height: 240px;overflow: hidden;}
.wrapper_list ul li .img a img {-webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s;}
.wrapper_list ul li .img a:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.wrapper_list ul li .txt {padding: 10px 15px 20px;}
.wrapper_list ul li .txt .name a  {color: #333;font-size: 18px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.wrapper_list ul li .txt .name:after {content: ""; display: block;width: 0px;height: 2px;background-color: #ea5517;margin: 10px 0px 15px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.wrapper_list ul li:hover .txt .name:after {width: 60px;}
.wrapper_list ul li .txt .name a:hover {color: #ea5517}
.wrapper_list ul li .txt p {color: #999;font-size: 14px;height: 40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}


.menu_box {width: 320px;float: left;}
.menu_box .menu_nav ul li {border-bottom: 1px solid #e3e3e3}
.menu_box .menu_nav ul li a {color: #333; font-size: 14px; display: block; padding: 20px 45px 20px 15px;position: relative;}
.menu_box .menu_nav ul li a:hover {color: #333; background-color: #f0f0f0; background-position: -30px center}
.menu_box .menu_nav ul li a.active {color: #fff; background-color: #ea5517; }
.menu_box .menu_nav ul li a.active:after {display: none;}
.menu_box .menu_nav ul li a:after {width: 20px; height: 20px; display: inline-block; content: ''; position: absolute; right: 10px; top: 50%; margin-top: -10px; background-image: url(../images/menu_ico.png); background-repeat: no-repeat; background-position: 0px 0px; }
.menu_box .menu_nav ul li a:hover:after {background-position: -20px 0px;}

.content_box {float: right;width: 800px;}
.content_box .title {width: 100%;display: flex;border-bottom: 1px solid #e3e3e3;padding-bottom: 25px;margin-bottom: 30px}
.content_box .title h1 {flex: 1;padding-right: 30px;font-size: 30px;line-height: 120%;}
.content_box .title .backto {color: #333;font-size: 16px;height: 30px;line-height: 30px;font-weight: bold;margin-top: 5px;}
.content_box .title .backto em[class^="ico-arrow-"], a[class^="ico-arrow-"] {width: 30px; height: 30px; display: block; float: left; margin-right: 10px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -60px -30px; }

.content_box #magnifier {position: relative;width: 100%;padding-bottom: 50px;}
.content_box .small-box {position: relative;width: 100%;}
.content_box .small-box img {display: block;width: 100%;margin: 0 auto;border: 1px solid #dcdcdc;box-sizing: border-box;}
.content_box .thumbnail-box {position: relative;}

.content_box .thumbnail-box .list {overflow: hidden;width: 100%;margin-top: 20px;}
.content_box .thumbnail-box .list .wrapper {width: 100000px}
.content_box .thumbnail-box .list .item {float: left; cursor: pointer;width: 120px;margin-right: 10px;}
.content_box .thumbnail-box .list .item img {width: 100%; border: 1px solid #dcdcdc;box-sizing: border-box;}
.content_box .thumbnail-box .list .item-cur img {border: 1px solid #ea5517;}
.content_box .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; }
.content_box .big-box img {display: block;max-width: none;}

.content-details p {color: #333;font-size: 16px;line-height: 28px;margin-bottom:3px;text-align: justify;}
.content-details p img {margin:0 auto;}

table {
    border-spacing: 0;
    border-collapse: collapse;
}
.content-details table {width: 100% !important;}
.content-details table thead {height:50px; line-height:50px; color:#fff; font-size:16px; background:#0074c7;}
.content-details table thead tr td,.content-details table thead tr th {border:1px solid #dcdcdc !important;}
.content-details table tbody tr td,.content-details table thead tr th {width: 150px;padding:8px 10px;border:1px solid #dcdcdc  !important;color: #555;font-size: 15px;box-sizing:border-box;}

.allrelated {margin-top: 50px;}
.allrelated .title {color: #333; font-size: 24px; padding-bottom: 10px }
.allrelated ul li {width: 100%; padding: 15px 50px 15px 15px; font-weight: normal; margin-bottom: 20px; display: table; line-height: 20px; position: relative; border: 1px solid #e2e2e2; border-bottom: 3px solid #e2e2e2; box-sizing: border-box; }
.allrelated ul li a {color: #4b4b4b;display: block;}
.allrelated ul li a:after {color: #c7c7c7;border-left: 1px solid #e2e2e2;content: '\279C';display: block;position: absolute;right: 0px;top: 0px;padding: 6% 15px 0px 15px;height: 100%; box-sizing: border-box;}
.allrelated ul li img {float: left;margin-right: 20px;width:20%;}
.allrelated ul li img:hover {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.allrelated ul li strong {display: block;color: #333;font-weight: bold;margin-bottom: 10px;margin-left: 165px;text-transform:uppercase;}
.allrelated ul li p {margin: 0px 0px 0px 165px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.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 {border-color: #ea5517;background-color: #ea5517;color: #fff;}


body>.wrapper.about {padding: 60px 0px 0px;}
.about .text {width: 540px;}
.about .text .h {margin-bottom: 30px}
.about .text .h p {color: #333;font-size: 18px;text-indent: 0em}
.about .text .h h4 {color: #ddd;font-size: 24px;margin-top: 10px}
.about .text .h h4:before {content: '';display: inline-block;vertical-align: middle;width: 90px;height: 1px;background-color: #47a6df;margin-right: 30px}
.about .text p {color: #888;font-size: 16px;line-height: 26px;text-align: justify;text-indent: 2em;margin-bottom: 2px}

.culture {width: 100%;padding: 50px 0px 70px;margin-top: 100px;text-align: center;background: url(../images/culture_bg.jpg) no-repeat center;}
.culture .h {color: #fff;font-size: 48px;margin-bottom: 30px}
.culture .h h4 {}
.culture .h p {font-size: 24px}
.culture .con {text-align: left;display: inline-block;}
.culture .con p {color: #333;font-size: 24px;line-height: 2}

.news_list .item {width: 100%;margin-bottom: 30px;padding-bottom:30px;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;transition: all .4s ease;}
.news_list .item .img {width: 350px;height: 220px;overflow: hidden;}
.news_list .item .img a img {-webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s;}
.news_list .item .img a:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.news_list .item .text {width: 820px;height: 220px;position: relative;}
.news_list .item .text h4 a {display: block;color: #555;font-size: 21px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news_list .item .text h4 a:hover {color: #ea5517}
.news_list .item .text p {color: #666;font-size: 15px;height: 72px;line-height: 24px;margin: 25px 0px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_list .item .text .info {width: 100%;height: 38px;position: absolute;bottom: 0px;}
.news_list .item .text .date {float: left;height: 38px;line-height: 38px;color: #888;font-size: 18px}
.news_list .item .text a.more {float: right;display: block;width: 124px; height: 36px; color: #666; transition: all .4s ease;border: 1px solid #ccc; text-align: center; line-height: 36px;}
.news_list .item .text a.more:hover {background-color: #ea5517;border-color: #ea5517;color: #fff;}

.news_desc h1 {color: #333;font-size: 24px;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: 20px 0px 0px;}
.news_desc .desc p {color: #333;font-size: 16px;line-height: 28px;text-align: justify;text-indent: 2em;margin-bottom: 4px;}
.news_desc .desc p img {display: block;margin: auto;}
.news_pages {padding: 20px 0px;border-top: 1px solid #dcdcdc;}
.news_pages p {display: block;float: left;width: 400px;color: #666;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news_pages p:last-child {float: right;text-align: right;}
.news_pages p a {color: #666;}
.news_pages p a:hover {color: #e03638}


.contact .img {width: 680px;overflow: hidden;}
.contact .contact_con {width: 480px;}
.contact .contact_con .row {margin-bottom: 50px}
.contact .contact_con .row .h {color: #ea5517;font-size: 28px;border-bottom: 1px dashed #dcdcdc;padding-bottom: 10px;margin-bottom: 20px;}
.contact .contact_con .row p {color: #555;font-size: 16px;margin-bottom: 20px;line-height: 30px;padding-left: 45px;position: relative;}
.contact .contact_con .row p:before {content: '';display: block;position: absolute;left: 0px;top: 0px;width: 30px;height: 30px;background-image: url(../images/contact_ico.png);background-repeat: no-repeat;}
.contact .contact_con .row p:nth-child(2):before {background-position: 0px 0px;}
.contact .contact_con .row p:nth-child(3):before {background-position: 0px -30px;}
/*.contact .contact_con .row p:nth-child(3):before {background-position: 0px -60px;}*/
.contact .contact_con .row p:nth-child(4):before {background-position: 0px -90px;}

.contact_us_form {width: 800px;margin: auto;padding-top: 40px}
.contact_us_form p { display:block;color: #fff;font-size: 16px; background-color: #ea5517;line-height: 40px;padding: 0px 20px;}
.contact_us_form ul {border: 1px solid #dcdcdc;padding: 20px;}
.contact_us_form li {min-height: 35px;margin-bottom: 20px}
.contact_us_form li label {display: inline-block;vertical-align: top;width: 120px;height: 35px;}
.contact_us_form li label font { color:#F00; margin-right:2px; }
.contact_us_form li input { border:1px solid #d6d3d3; background:#fff; padding:9px 10px; display:inline-block; width:400px; }
.contact_us_form li input.code {width: 200px;display: inline-block;}
.contact_us_form li img {display: inline-block;width: 100px;height: 33px;border: 1px solid #d6d3d3;cursor: pointer;}
.contact_us_form li textarea { resize:none; border:1px solid #d6d3d3; height:62px; background:#fff; padding:10px 10px; display:inline-block; width:400px; }

.contact_us_form li input.open_btn {color: #fff;font-size: 16px;height: 40px;background-color: #ea5517;border-color: #ea5517;width: 422px;cursor: pointer;}

/*分享*/
.share {padding: 40px 0px 20px}
.share .bdsharebuttonbox a {display: inline-block;vertical-align: top;width: 20px;height: 20px;margin: 0px 3px;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;}