/*public*/
* {font-family:"Microsoft YaHei,Arial"; margin: 0; padding: 0; outline: none;}
body {font-size: 12px; color: #626262;}
ol,ul,li {list-style: none;}
img {border: none;}
a {font-size: 12px; color: #626262; text-decoration: none; transition: .5s all ease;}

/*head*/
.con {overflow: hidden; width: 1200px; margin: 0 auto;}
.head {overflow: hidden; background: #fff; z-index: 999;}
.head .con {overflow: hidden; position: relative; padding: 1% 0;}
.head .menu .con {padding: 0;}
.head .idx_logo {overflow: hidden; float: left;}
.head .idx_logo a {overflow: hidden; display: block; float: left;}
.head .idx_logo img {display: block; width: 100%;}
.head .idx_logo div {overflow: hidden; float: left; line-height: 35px; margin: 30px 0 0 20px;}
.head .idx_logo div span {display: block; font-size: 25px; color: #066e25;}
.head .idx_logo div p {font-size: 20px; color: #434343;}

.head .logo {overflow: hidden; flex: .2;}
.head .logo img {display: block; width: 100%;}

.head .phone {overflow: hidden; float: right; font-size: 20px; color: #066e25; padding-left: 80px; line-height: 30px; margin-top: 35px; background: url(../images/img/head_phone.png) left center no-repeat; background-size: auto 100%;}

.head .menu {overflow: hidden; line-height: 50px; background: #066e25;}
.head .menu ul {display: flex;}
.head .menu ul li {flex: 1; position: relative;}
.head .menu ul li.cur a {color: #e7c300;}
.head .menu ul li a {display: block; font-size: 16px; color: #fff; padding: 0 15px; text-align: center;}
.head .menu ul li a:hover {color: #e7c300;}
.head .menu ul li dl {overflow: hidden; display: none; position: absolute;left: -1px; width: 100%; background: #fff; border: 1px solid #204482; border-top: none; z-index: 999;}
.head .menu ul li dl dd {overflow: hidden;}
.head .menu ul li dl dd a {display: block; font-size: 14px; color: #999;
 line-height: 40px; background: #fff; border-bottom: 1px solid #eee;}
.head .menu ul li dl dd:hover {color: #e7c300; background: #eee;}
.head .menu ul li dl:nth-last-child(1) a {border-bottom: 0;}
.head .con .menu {flex: 1; margin: 5px 0 0 30px; background: none;}
.head .con .menu ul li a {color: #000;}
.head .con .menu ul li a:hover {color: #e7c300;}
.head .con .menu ul li.cur a {color: #e7c300;}

/*mobile compatible*/
.head .con .nav_xl_a {display: none; position: relative; float: right; width: 80px; height: 70px; cursor: pointer;}
.head .con .nav_xl_a:before, .head .con .nav_xl_a:after {position: absolute; content: ''; left: 51%; top: 50%; margin-left: -15px; width: 30px; height: 2px; background: #000; transition: .5s all ease;}
.head .con .nav_xl_a:before {-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);}
.head .con .nav_xl_a:after {-webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);}
.head .con .nav_xl_a span {position: absolute; opacity: 1; left: 51%; top: 50%; margin-left: -14.5px; width: 23px; height: 2px; background: #000; transition: .5s all ease;}
.head .con .a1:before {-webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);}
.head .con .a1:after {-webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}
.head .con .a1 span {opacity: 0;}

.head .con .nav_xl_a {display: none; position: absolute; top: 50%; right: 1%; transform: translateY(-50%); width: 60px; height: 50px; cursor: pointer;}
.head .con .nav_xl_a:before, .head .con .nav_xl_a:after {position: absolute; content: ''; left: 51%; top: 50%; margin-left: -15px; width: 30px; height: 2px; background: #000; transition: .5s all ease;}
.head .con .nav_xl_a:before {-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);}
.head .con .nav_xl_a:after {-webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);}
.head .con .nav_xl_a span {position: absolute; opacity: 1; left: 51%; top: 50%; margin-left: -14.5px; width: 23px; height: 2px; background: #000; transition: .5s all ease;}
.head .con .a1:before {-webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);}
.head .con .a1:after {-webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}
.head .con .a1 span {opacity: 0;}
.head .con .nav_xl {overflow: hidden; position: fixed; left: 0; top: 75px; width: 100%; height: 0%; background: rgba(255,255,255,0.9); transition: .5s all ease; z-index: 999;}
.head .con .nav_xl ul {overflow: hidden; padding: 5% 5% 0;}
.head .con .nav_xl ul li {overflow: hidden; line-height: 45px; margin-left: 100px; margin-bottom: 3%; transition: .5s all ease;}
.head .con .nav_xl ul li:nth-child(2n) {margin-left: 0; margin-right: 100px;}
.head .con .nav_xl ul li:nth-last-child(1) {display: none;}
.head .con .nav_xl ul li a {display: block; text-align: center; font-size: 17px; color: #fff; background: rgba(6,110,37,0.8);}
.head .con .nav_xl ul li:hover a {color: #fff; background: rgba(231,195,0,0.8);}
.head .con .nav_xl ul li.cur a {color: #fff; background: rgba(231,195,0,0.8);}
.head .con .nav_xl .l1 li {margin-left: 0;}
.head .con .nav_xl .l1 li:nth-child(2n) {margin-right: 0;}
.head .con .nav_xl .ceng {width: 100%; height: 100%;}


.banner {overflow: hidden; position: relative;}
.swiper-wrapper {height: auto;}
.swiper-slide {overflow: hidden; height: auto;}
.swiper-slide img {display: block; width: 100%;}
.swiper-pagination span {width: 18px; height: 18px; border-radius: 18px; background: #a7a7a7;  opacity: 1; transition: .5s all ease;}
.swiper-pagination span.swiper-pagination-bullet-active {background: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30px;}

.main {overflow: hidden;}
.framecenter {overflow: hidden; margin: 3% auto 5%;}
.page_banner {overflow: hidden;}
.page_banner img {display: block; width: 100%;}
.page_title {overflow: hidden; line-height: 40px; text-align: center; margin-bottom: 3%;}
.page_title p {font-size: 15px; color: #066e25;}
.page_title p:nth-child(1) {font-size: 30px; color: #e7c300;}

/*idx_about*/
.idx_about {overflow: hidden; margin-bottom: 3%;}
.idx_about .text {overflow: hidden; float: left; width: 36%; padding: 0 5%;}
.idx_about .text div {overflow: hidden; margin-bottom: 3%; font-size: 16px; color: #626262; line-height: 27px;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;
	display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 6;
	display: -o-box; -o-box-orient: vertical; -o-line-clamp: 6;
	display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 6;
}
.idx_about .text div p {text-indent: 2em;}
.idx_about .text .title {font-size: 25px; color: #e7c300; text-align: center; margin: 5% auto;}
.idx_about .text .more {display: block; float: right; font-size: 16px; color: #626262;}
.idx_about .text dl {overflow: hidden; display: flex; width: 100%; padding-top: 6%; text-align: center;}
.idx_about .text dl dd {overflow: hidden; flex: 1; line-height: 23px;}
.idx_about .text dl dd:nth-child(2) {margin: 0 40px;}
.idx_about .text dl dd img {display: block; height: 70px; margin: 0 auto;}
.idx_about .text dl dd span {display: block; font-size: 16px; color: #000; margin: 7px auto;}
.idx_about .text dl dd p {font-size: 14px; color: #626262;}
.idx_about .pic {overflow: hidden; float: right; width: 54%;}
.idx_about .pic img {display: block; width: 100%;}
.idx_about .pic_m {display: none; height: 180px; background: url(../images/idx_about.jpg) center 20% no-repeat; background-size: 85%;}
.idx_about .text .more:hover {color: #e7c300;}

/*idx_category*/
.idx_category {overflow: hidden; margin-bottom: 3%;}
.idx_category ul {overflow: hidden; display: flex;}
.idx_category ul li {overflow: hidden; flex: 1; position: relative; margin: 0 5px;}
.idx_category ul li:nth-child(1) {margin: 0 5px 0 0;}
.idx_category ul li:nth-last-child(1) {margin: 0 0 0 5px;}
.idx_category ul li img {display: block; width: 100%; transition: .5s all ease;}
.idx_category ul li p {position: absolute; left: 0; bottom: 13%; width: 90%; padding: 5%; font-size: 32px; color: #fff; text-shadow: 0 1px 2px #000; text-align: center; background: rgb(231, 195, 0, 0.5);}
.idx_category ul li:hover img {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08);}
.idx_category ul.m {display: none;}
.idx_category ul.m li {height: 250px; background-position: center center; background-repeat: no-repeat; background-size: 100%;}
.idx_category ul.m li a {display: block; width: 100%; height: 100%;}

/*idx_partner*/
.idx_partner {overflow: hidden; margin-bottom: 1%;}
.idx_partner ul {overflow: hidden;}
.idx_partner ul li {overflow: hidden; float: left; width: 23.5%; border: 1px solid #e7c300; box-sizing: border-box; margin: 0 2% 2% 0;}
.idx_partner ul li:nth-child(4n) {margin: 0 0 2% 0;}
.idx_partner ul li img {display: block; width: 100%;}

/*idx_advantage*/
.idx_advantage {overflow: hidden; margin-bottom: 3%;}
.idx_advantage ul {overflow: hidden; position: relative;}
.idx_advantage ul li {overflow: hidden; float: left; width: 50%; margin-bottom: 4%;}
.idx_advantage ul li .item {overflow: hidden; float: left; width: 65%;}
.idx_advantage ul li .item img {display: block; float: right; width: 30%; margin: 0 auto; border: 8px solid #eccf33; border-radius: 100%;}
.idx_advantage ul li .item div {overflow: hidden; float: left; width: 60%; line-height: 32px; margin-top: 4%; text-align: right;}
.idx_advantage ul li .item div p {font-size: 18px; color: #959595; overflow: hidden; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;
	display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2;
	display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2;
	display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2;
}
.idx_advantage ul li .item div p:nth-child(1) {font-size: 25px; color: #434343; margin-bottom: 2%;}
.idx_advantage ul li:nth-child(2n+1) {float: right;}
.idx_advantage ul li:nth-child(2n+1) .item {float: right;}
.idx_advantage ul li:nth-child(2n+1) .item div {float: right; text-align: left;}
.idx_advantage ul li:nth-child(2n+1) .item img {float: left;}
.idx_advantage ul li:nth-child(1) {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; float: none;}
.idx_advantage ul li:nth-child(1) .item {float: none; width: auto;}
.idx_advantage ul li:nth-child(1) .item img {float: none; width: auto; border-radius: 30px;}
.idx_advantage ul li:nth-child(1) .item div {float: none; width: auto; text-align: center;}
.idx_advantage ul li:nth-last-child(1) {margin-bottom: 0;}
.idx_advantage ul li:nth-last-child(2) {margin-bottom: 0;}

/*idx_news_list*/
.idx_news_list {overflow: hidden; padding: 3% 0; margin-bottom: 3%; background: #f1f1f1;}
.idx_news_list .hot {overflow: hidden; float: left; width: 42%;}
.idx_news_list .hot .pic {overflow: hidden;}
.idx_news_list .hot .pic img {display: block; width: 100%; transition: .5s all ease;}
.idx_news_list .hot .title {overflow: hidden; line-height: 25px; margin-top: 4%;}
.idx_news_list .hot .title div {overflow: hidden; display: flex; align-items: center; margin-bottom: 2%;}
.idx_news_list .hot .title p {font-size: 14px; color: #626262; overflow:hidden; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2;
	display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2;
	display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2;
}
.idx_news_list .hot .title div p {flex: 1; margin-right: 3%; font-size: 18px; color: #000; transition: .5s all ease; -webkit-line-clamp: 1; -moz-line-clamp: 1; -o-line-clamp: 1; -ms-line-clamp: 1;}
.idx_news_list .hot .title div span {display: block; font-size: 14px; color: #626262;}
.idx_news_list .hot:hover .pic img {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08);}
.idx_news_list .hot:hover .title div p {color: #e7c300;}
.idx_news_list ul {overflow: hidden; float: right; width: 55%;}
.idx_news_list ul li {overflow: hidden; margin-bottom: 3.5%;}
.idx_news_list ul li .pic {overflow: hidden; float: left; width: 30%;}
.idx_news_list ul li .pic img {display: block; width: 100%; transition: .5s all ease;}
.idx_news_list ul li .title {overflow: hidden; float: right; width: 67%; line-height: 25px; margin-top: 1.5%;}
.idx_news_list ul li .title p {font-size: 14px; color: #626262; max-height: 50px; transition: .5s all ease; overflow:hidden; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2;
	display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2;
	display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2;
}
.idx_news_list ul li .title p:nth-child(1) {font-size: 18px; color: #000; margin-bottom: 2%; -webkit-line-clamp: 1; -moz-line-clamp: 1; -o-line-clamp: 1; -ms-line-clamp: 1;}
.idx_news_list ul li .title div {overflow: hidden; margin-bottom: 1%;}
.idx_news_list ul li .title div p {float: left; font-size: 14px !important; color: #626262 !important; margin: 0 3% 0 0 !important;}
.idx_news_list ul li .title div span {display: block; float: left; font-size: 14px; color: #626262;}
.idx_news_list ul li:nth-last-child(1) {margin-bottom: 0;}
.idx_news_list ul li:hover .pic img {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08);}
.idx_news_list ul li:hover .title p:nth-child(1) {color: #e7c300;}

/*idx_contact*/
.idx_contact {overflow: hidden;}
.contact_con .text {overflow: hidden; float: left; width: 38%; padding: 0 5px 5px;}
.contact_con .text .title {overflow: hidden; margin-bottom: 7%;}
.contact_con .text .title .bt {font-size: 25px; color: #e7c300; margin-bottom: 3%;}
.contact_con .text .title div {font-size: 14px; color: #626262; line-height: 27px;}
.contact_con .text .title div dl {overflow: hidden;}
.contact_con .text .title div dl dd {overflow: hidden; font-size: 14px; color: #626262;}
.contact_con .text .message {}
.contact_con .text .message dl {}
.contact_con .text .message dl dd {width: 100%; margin-bottom: 5%;}
.contact_con .text .message dl dd input {display: block; width: 100%; padding: 0 15px; line-height: 40px; border: 1px solid #d5d5d5; box-sizing: border-box; transition: .5s all ease;}
.contact_con .text .message dl dd textarea {display: block; width: 100%; min-height: 97px; padding: 10px 15px; line-height: 25px; border: 1px solid #d5d5d5; box-sizing: border-box; transition: .5s all ease; resize: none}
.contact_con .text .message dl dd:nth-child(1) {float: left; width: 47%;}
.contact_con .text .message dl dd:nth-child(2) {float: right; width: 47%;}
.contact_con .text .message .btn {display: block; width: 100%; line-height: 45px; font-size: 16px; color: #fff; background: #e7c300; border: none; transition: .5s all ease; cursor: pointer;}
.contact_con .text .message dl dd input:focus {box-shadow: 0 0 5px #e7c300;}
.contact_con .text .message dl dd textarea:focus {box-shadow: 0 0 5px #e7c300;}
.contact_con .text .message .btn:hover {box-shadow: 0 0 5px #e7c300;}
.contact_con .map {overflow: hidden; float: right; width: 57%; height: 389px;}

.footer {overflow: hidden; background: #f1f1f1;}
.footer .con {padding: 3% 0;}
.footer .l {overflow: hidden; float: left;}
.footer .l .logo {overflow: hidden; float: left; margin: 7% 50px 0 0;}
.footer .l .logo img {display: block;}
.footer .l .nav {overflow: hidden; float: left; text-align: center;}
.footer .l .nav dl {overflow: hidden; float: left; line-height: 25px; margin-right: 50px;}
.footer .l .nav dl:nth-last-child(1) {margin-right: 0;}
.footer .l .nav dl dt {overflow: hidden;}
.footer .l .nav dl dt a {font-size: 18px; color: #000;}
.footer .l .nav dl dt a:hover {color: #e7c300;}
.footer .l .nav dl dd {overflow: hidden;}
.footer .l .nav dl dd a {font-size: 14px; color: #626262;}
.footer .l .nav dl dd a:hover {color: #e7c300;}
.footer .r {overflow: hidden; float: right; margin-top: 2%;}
.footer .r .contact {overflow: hidden; float: left; margin: 3% 50px 0 0;}
.footer .r .contact .bt {font-size: 18px; color: #000; margin-bottom: 3%;}
.footer .r .contact div {font-size: 14px; color: #626262; line-height: 25px;}
.footer .r .contact div dl {overflow: hidden;}
.footer .r .contact div dl dd {overflow: hidden; font-size: 14px; color: #626262;}
.footer .r .code {overflow: hidden; float: left;}
.footer .r .code img {display: block; max-width: 140px;}
.footer .r .code p {font-size: 15px; color: #000; line-height: 30px; text-align: center;}
.footer .label {overflow: hidden; padding: 1% 2%; color: #fff; line-height: 23px; text-align: center; background: #7a7a7a;}
.footer .label a {color: #fff;}
.footer .label a:hover {color: #e7c300;}

/*page_view*/
.page_con {overflow: hidden; width: 1200px; margin: 0 auto;}
.page_con .page_nav {padding-bottom: 3%; border-bottom: 1px dashed #d5d5d5;}
.page_con .page_nav ul {overflow: hidden; font-size: 0; line-height: 40px; text-align: center; margin-top: 3%;}
.page_con .page_nav ul li {overflow: hidden; display: inline-block; margin: 0 1.5%;}
.page_con .page_nav ul li a {display: block; font-size: 18px; color: #434343; padding: 0 30px; border: 1px solid #d5d5d5;}
.page_con .page_nav ul li:hover a {color: #fff; background: #e7c300; border-color: #e7c300;}
.page_con .page_nav ul li.cur a {color: #fff; background: #e7c300; border-color: #e7c300;}
.page_con .page_view {overflow: hidden; padding: 3% 4% 0; font-size: 14px; line-height: 27px; min-height: 450px;}
.page_con .page_view img {display: block; max-width: 100%;}

/*mobile compatible*/
.page_nav_xl {display: none; position: relative; font-size: 16px; line-height: 46px; text-indent: 3%; color: #fff; background: rgba(6,110,37,0.8); cursor: pointer; transition: .5s all linear;}
.page_nav_xl img {position: absolute; right: 3%; top: 51%; margin-top: -3.5px; transition: .5s all ease;}
.page_nav_xl ul {overflow: hidden; display: none; position: absolute; left: 0; top: 46px; margin: 0 auto; width: 100%; background: #eee; z-index: 99; font-size: initial !important; text-align: initial !important; margin-top: 0 !important;}
.page_nav_xl ul li {overflow: hidden; text-align: left; text-indent: 4.5%; display: initial !important; margin: 0 !important;}
.page_nav_xl ul li a {display: block; font-size: 14px !important; color: #666 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 !important; border: none !important; border-bottom: 1px solid #d5d5d5 !important;}
.page_nav_xl ul li:nth-last-child(2) a {border-bottom: none !important;}
.page_con .page_nav ul li:hover a {color: #fff !important; border-color: #e7c300 !important;}
.page_con .page_nav ul li.cur a {color: #fff !important; border-color: #e7c300 !important;}
.page_nav_hover img {transform: rotate(-180deg);}
.page_nav_ceng {position: fixed; left: 0; width: 100%; height: 100%;}

/*pages*/
.pages {overflow: hidden; font-size: 0; text-align: center; margin-top: 30px;}
.pages a {display: inline-block; font-size: 13px; color: #626262; padding: 0 12px; line-height: 31px; margin: 0 7px; border: 1px solid #d5d5d5; box-sizing: border-box;}
.pages a.cur {color: #fff; border-color: #e7c300; background: #e7c300;}
.pages a:hover {color: #fff; border-color: #e7c300; background: #e7c300;}

/*about_profile*/
.about_profile {overflow: hidden;}
.about_profile .about_con {overflow: hidden;}
.profile1,.profile2,.profile3,.profile4 {overflow: hidden; margin-bottom: 4%;}
.profile1 {font-size: 14px; line-height: 33px;}
.profile1 .bt {font-size: 25px; color: #e7c300; margin: 5% auto 2%; text-align: center;}
.profile1 img {display: block; float: right; width: 55%; margin: 0 0 30px 70px;}
.profile2 img {display: block;}
.profile2 img:nth-child(1) {float: left;}
.profile2 img:nth-child(2) {float: right;}
.profile3 {}
.profile3 ul {overflow: hidden;}
.profile3 ul li {overflow: hidden; display: flex; align-items: center; float: left; width: 46%; padding: 0 2%; margin-bottom: 4%;}
.profile3 ul li img {display: block; margin-right: 5%;}
.profile3 ul li div {overflow: hidden; flex: 2; font-size: 17px; color: #066e25; line-height: 27px;}
.profile3 ul li div p:nth-child(1) {font-size: 22px; margin-bottom: 4%;}
.profile4 {margin-bottom: 0;}
.profile4 img {display: block; margin: 0 auto;}

/*about_culture*/
.about_culture {overflow: hidden;}
.about_culture .about_con {overflow: hidden;}
.culture1,.culture2 {overflow: hidden; margin-bottom: 4%;}
.culture2 {margin-bottom: 0;}
.culture2 .about_con div {overflow: hidden; padding: 0 5%; margin-bottom: 3%; font-size: 16px; color: #535353; line-height: 27px; text-align: center;}
.culture2 .about_con div p:nth-child(1) {font-size: 23px; margin-bottom: 2%;}
.culture2 .about_con div p:nth-child(2) {font-size: 18px; color: #a42525; margin-bottom: 2%;}
.culture2 img {display: block;}

/*about_honor*/
.about_honor {overflow: hidden;}
.about_honor .about_con {overflow: hidden;}
.honor1,.honor2 {overflow: hidden; margin-bottom: 3%;}
.honor1 {padding: 2%; border: 2px solid #e7c300; box-sizing: border-box;}
.honor1 img {display: block; max-width: 100%;}
.honor2 {margin-bottom: 0;}
.honor2 ul {overflow: hidden;}
.honor2 ul li {overflow: hidden; float: left; width: 13%; margin: 0 1.5% 1.5% 0;}
.honor2 ul li:nth-child(7n) {margin: 0 0 1.5% 0;}
.honor2 ul li img {display: block; width: 100%;}
.honor2 ul li p {font-size: 14px; line-height: 30px; padding: 0 2%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*contact_view*/
.contact_view {overflow: hidden;}
.contact1,.contact2 {overflow: hidden; margin-bottom: 4%;}
.contact1 dl {overflow: hidden; display: flex; flex-wrap: wrap; width: 70%; line-height: 35px; margin: 0 auto;}
.contact1 dl dd {overflow: hidden; flex: 0 0 50%; align-items: center;}
.contact1 dl dd p {overflow: hidden; margin: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.contact2 {margin-bottom: 0;}
.contact2 .map {height: 378px;}

/*news_list*/
.news_list {overflow: hidden;}
.news_list ul {overflow: hidden; min-height: 450px;}
.news_list ul li {overflow: hidden; float: left; width: 30%; margin: 0 5% 5% 0;}
.news_list ul li:nth-child(3n) {margin: 0 0 5% 0;}
.news_list ul li .pic {overflow: hidden; margin-bottom: 3%;}
.news_list ul li .pic img {display: block; width: 100%; transition: .5s all ease;}
.news_list ul li .title {overflow: hidden; line-height: 25px;}
.news_list ul li .title p {font-size: 14px; color: #626262; max-height: 50px; transition: .5s all ease; overflow:hidden; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2;
	display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2;
	display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2;
}
.news_list ul li .title p:nth-child(1) {font-size: 16px; color: #000; margin-bottom: 1%; -webkit-line-clamp: 1; -moz-line-clamp: 1; -o-line-clamp: 1; -ms-line-clamp: 1;}
.news_list ul li .title div {overflow: hidden; margin-bottom: 1%;}
.news_list ul li .title div p {float: left; font-size: 14px !important; color: #626262 !important; margin: 0 3% 0 0 !important;}
.news_list ul li .title div span {display: block; float: left; font-size: 14px; color: #626262;}
.news_list ul li:nth-last-child(1) {margin-bottom: 0;}
.news_list ul li:hover .pic img {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08);}
.news_list ul li:hover .title p:nth-child(1) {color: #e7c300;}

/*news_view*/
.news_position {overflow: hidden; font-size: 14px; color: #626262;}
.news_position p {float: left;}
.news_position a {font-size: 14px; color: #626262;}
.news_position a:hover {color: #e7c300;}
.news_view {overflow: hidden; padding: 3% 3% 0;}
.news_view .title {overflow: hidden; padding-bottom: 2%; border-bottom: 1px dashed #eee;}
.news_view .title p {font-size: 25px; line-height: 40px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_view .title div {overflow: hidden; font-size: 0; text-align: center;}
.news_view .title div p {display: inline-block; margin: 0 1%; font-size: 14px; color: #626262;}
.news_view .con {overflow: hidden; padding: 3%; font-size: 14px; line-height: 30px; border-bottom: 1px dashed #eee; min-height: 450px;}
.news_view .con img {display: block; max-width: 100%;}
.news_view .flip {overflow: hidden; font-size: 0; text-align: center; margin-top: 5%;}
.news_view .flip a {display: inline-block; margin: 0 2%; font-size: 13px; color: #9c9c9c;}
.news_view .flip a:hover {color: #e7c300;}

/*photo_list*/
.photo_list {overflow: hidden;}
.photo_list ul {overflow: hidden;}
.photo_list ul li {overflow: hidden; float: left; width: 23.5%; border: 1px solid #e7c300; box-sizing: border-box; margin: 0 2% 2% 0;}
.photo_list ul li:nth-child(4n) {margin: 0 0 2% 0;}
.photo_list ul li img {display: block; width: 100%;}

/*compatible footer*/
.footer_m {display:none; position:fixed; bottom:0; width:100%; max-width:640px; padding:4px 0 10px; background:#fff; text-align:center; box-shadow:0 -1px 5px #ddd; z-index:99;}
.footer_m a {display:block; position: relative; float:left; width:25%; cursor: pointer;}
.footer_m a span {display:block; width:80%; height:40px; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:30%;}
.footer_m a p {font-size:12px; color:#8d8d8d;}
.footer_m .m1 {background-image:url(../images/img/footer_t1.png);}
.footer_m .m2 {background-image:url(../images/img/footer_t2.png);}
.footer_m .m3 {background-image:url(../images/img/footer_t3.png);}
.footer_m .m4 {background-image:url(../images/img/footer_t4.png);}
.footer_m .cur p {color:#e7c300;}
.footer_m .cur .m1 {background-image:url(../images/img/footer_t1_hover.png);}
.footer_m .cur .m2 {background-image:url(../images/img/footer_t2_hover.png);}
.footer_m .cur .m3 {background-image:url(../images/img/footer_t3_hover.png);}
.footer_m .cur .m4 {background-image:url(../images/img/footer_t4_hover.png);}
.footer_m .code_show .code {display: none; position: absolute; bottom: 70px; right: 10px; padding: 10px; background: #fff; box-shadow: 0 0 5px #ddd;}

/*compatible css*/
@media screen and (max-width:1260px) {
	/*public*/
	.con {width: auto; padding: 0 2%;}
	.head .con {padding: 10px 2% !important;}
	.head .menu .con {padding: 0 !important;}
	.footer .con {padding: 3%;}
	.footer .l .logo {margin: 7% 30px 0 0;}
	.footer .l .nav dl {margin-right: 30px;}
	.footer .l .nav dl dt a {font-size: 16px;}
	.footer .l .nav dl dd a {font-size: 13px;}
	.footer .r .contact {margin: 3% 30px 0 0;}
	.footer .r .contact .bt {font-size: 16px; margin-bottom: 1%;}
	.footer .r .contact div {font-size: 13px;}
	.footer .r .code p {font-size: 14px;}
	/*page*/
	.page_con {width: auto; padding: 0 2%;}
	.profile2 img {float: none !important; margin: 0 auto;}
}
@media screen and (max-width:1160px) {
	/*public*/
	.head .menu ul li a {font-size: 15px; padding: 0 7px;}
}
@media screen and (max-width:1060px) {
	/*public*/
	.head .idx_logo div span {font-size: 23px;}
	.head .idx_logo div p {font-size: 17px;}
	.head .phone {font-size: 18px;}
	.footer .r .contact {display: none;}
	/*index*/
	.idx_about .text .title {font-size: 22px; margin: 3% auto;}
	.idx_about .text div {font-size: 14px;}
	.idx_about .text .more {font-size: 14px;}
	.idx_about .text dl dd {line-height: 20px;}
	.idx_about .text dl dd img {height: 40px;}
	.idx_about .text dl dd span {font-size: 14px; margin: 5px auto;}
	.idx_about .text dl dd p {font-size: 12px;}
	.idx_category ul li p {font-size: 26px;}
	.idx_advantage ul li .item div {line-height: 27px;}
	.idx_advantage ul li .item div p {font-size: 16px;}
	.idx_advantage ul li .item div p:nth-child(1) {font-size: 20px;}
	.idx_news_list .hot .title p {font-size: 13px;}
	.idx_news_list .hot .title div p {font-size: 16px;}
	.idx_news_list .hot .title div span {font-size: 13px;}
	.idx_news_list ul li .title {margin-top: 0;}
	.idx_news_list ul li .title p {font-size: 13px;}
	.idx_news_list ul li .title p:nth-child(1) {font-size: 16px; margin-bottom: 1%;}
	.idx_news_list ul li .title div p {font-size: 13px !important;}
	.idx_news_list ul li .title div span {font-size: 13px;}
	.contact_con .text .title .bt {font-size: 22px;}
	/*page*/
	.page_title {line-height: 33px;}
	.page_title p {font-size: 14px;}
	.page_title p:nth-child(1) {font-size: 26px;}
}
@media screen and (max-width:960px) {
	/*public*/
	.head .menu ul li a {font-size: 14px;}
	/*index*/
	.idx_about .text .title {font-size: 20px;}
	.idx_about .text div {font-size: 13px; line-height: 25px;}
	.idx_about .text dl dd {line-height: 18px;}
	.idx_category ul li p {font-size: 22px;}
	.idx_advantage ul li .item div p {font-size: 15px;}
	.idx_advantage ul li .item div p:nth-child(1) {font-size: 18px; margin-bottom: 0;}
	.idx_advantage ul li:nth-child(1) .item img {width: 200px;}
	.idx_news_list .hot .title {margin-top: 2%;}
	.idx_news_list .hot .title div {margin-bottom: 1%;}
	.idx_news_list ul li .title p:nth-child(1) {margin-bottom: 0;}
	.idx_news_list ul li .title div {margin-bottom: 0;}
	.contact_con .text .title .bt {font-size: 20px;}
	.contact_con .text .title div {font-size: 13px; line-height: 25px;}
	/*page*/
	.profile1 .bt {font-size: 22px; margin: 2% auto;}
	.profile1 {font-size: 13px; line-height: 27px;}
	.profile1 img {margin: 0 0 15px 35px;}
}
@media screen and (max-width:860px) {
	/*public*/
	.head {position: fixed; top: 0; width: 100%; box-shadow: 0 0 5px #ddd;}
	.head .con {display: flex;}
	.head .con .nav_xl_a {display: block;}
	.head .idx_logo {display: none;}
	.head .logo {display: block !important; flex: initial;}
	.head .logo img {width: auto; height: 55px;}
	.head .phone {display: none;}
	.head .menu {display: none;}
	.banner {margin-top: 75px;}
	.page_banner {margin-top: 75px;}
	.footer .label {padding: 2% 3%;}
	/*index*/
	.swiper-pagination span {width: 12px; height: 12px; border-radius: 12px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 15px;}
	/*page*/
	.page_con {padding: 0;}
	.page_con .page_nav {padding-bottom: 0; border-bottom: none;}
	.page_con .page_nav ul {display: none;}
	.page_nav_xl {display: block;}
	.profile3 ul li div {font-size: 14px; line-height: 20px;}
	.profile3 ul li div p:nth-child(1) {font-size: 20px;}
	.culture1 ul li div {font-size: 14px; line-height: 20px;}
	.culture1 ul li div p:nth-child(1) {font-size: 20px;}
	.culture2 .about_con div {font-size: 14px; line-height: 25px;}
	.culture2 .about_con div p:nth-child(2) {font-size: 16px;}
	.culture2 .about_con div p:nth-child(1) {font-size: 20px;}
	.honor1 {padding: 1%;}
	.honor2 ul li {width: 18.4%; margin: 0 2% 2% 0;}
	.honor2 ul li:nth-child(7n) {margin: 0 2% 2% 0;}
	.honor2 ul li:nth-child(5n) {margin: 0 0 2% 0;}
	.honor2 ul li p {font-size: 13px;}
	.contact1 dl {width: auto;}
}
@media screen and (max-width:760px) {
	/*public*/
	.footer .l .nav dl {margin-right: 20px;}
	/*index*/
	.idx_about {margin-bottom: 5%;}
	.idx_about .pic {display: none;}
	.idx_about .pic_m {display: block;}
	.idx_about .text {float: none; width: auto;}
	.idx_about .text div {margin-bottom: 1%;}
	.idx_about .text dl {padding-top: 4%;}
	.idx_category ul {display: none;}
	.idx_category ul.m {display: block;}
	.idx_category ul li {flex: initial; float: left; width: 49%; margin: 0 0 2% 0 !important;}
	.idx_category ul li:nth-child(2n) {float: right;}
	.idx_category ul li p {font-size: 20px;}
	.idx_partner {margin-bottom: 3%;}
	.idx_partner ul li {width: 32%; margin: 0 2% 2% 0;}
	.idx_partner ul li:nth-child(4n) {margin: 0 2% 2% 0;}
	.idx_partner ul li:nth-child(3n) {margin: 0 0 2% 0;}
	.idx_advantage {margin-bottom: 5%;}
	.idx_advantage ul li {margin-bottom: 1%;}
	.idx_advantage ul li:nth-child(1) {position: initial; top: initial; left: initial; transform: initial; margin-bottom: 4%;}
	.idx_advantage ul li:nth-child(1) .item img {width: auto;}
	.idx_advantage ul li:nth-child(1) .item div {margin-top: 4%;}
	.idx_advantage ul li {float: none !important; width: auto;}
	.idx_advantage ul li .item {float: none !important; width: auto;}
	.idx_advantage ul li .item div {margin-top: 8%;}
	.idx_news_list {margin-bottom: 5%;}
	.idx_news_list .hot {float: none; width: auto; margin-bottom: 3%;}
	.idx_news_list ul {float: none; width: auto;}
	.contact_con .text {float: none; width: auto; margin-bottom: 3%;}
	.contact_con .map {float: none; width: auto;}
	/*page*/
	.photo_list ul li {width: 32%; margin: 0 2% 2% 0;}
	.photo_list ul li:nth-child(4n) {margin: 0 2% 2% 0;}
	.photo_list ul li:nth-child(3n) {margin: 0 0 2% 0;}
}
@media screen and (max-width:640px) {
	/*public*/
	.head .logo img {height: 45px;}
	.head .con .nav_xl {top: 65px;}
	.head .con .nav_xl ul li {line-height: 40px;}
	.head .con .nav_xl ul li a {font-size: 15px;}
	.banner {margin-top: 65px;}
	.page_banner {margin-top: 65px;}
	.footer {margin-bottom: 70px;}
	.footer .l {display: none;}
	.footer .l .nav {display: none;}
	.footer .r {float: none; float: none; margin-top: 0;}
	.footer .r .contact {display: block; float: none; margin: 0;}
	.footer .r .code {display: none;}
	.footer .label a {display: block;}
	.footer_m {display: block;}
	/*index*/
	.contact_con .text {margin-bottom: 0;}
	.contact_con .map {display: none;}
	/*page*/
	.page_title {line-height: 25px;}
	.page_title p {font-size: 13px;}
	.page_title p:nth-child(1) {font-size: 23px;}
	.page_con .page_nav {margin-top: 1%;}
	.profile1 {line-height: 25px;}
	.profile1 .bt {font-size: 20px; margin: 3% auto;}
	.profile1 img {float: none; width: auto; margin: 0 auto 2%;}
	.culture1 ul li {float: none; width: auto;}
	.profile3 ul li {float: none; width: auto;}
	.profile3 ul li img {max-width: 20% !important;}
	.honor2 ul li {width: 32%; margin: 0 2% 2% 0;}
	.honor2 ul li:nth-child(5n) {margin: 0 2% 2% 0;}
	.honor2 ul li:nth-child(3n) {margin: 0 0 2% 0;}
	.honor2 ul li p {font-size: 12px;}
	.contact1 dl {flex-direction: column; flex-wrap: initial;}
	.contact1 dl dd {flex: 1;}
	.news_list ul li {width: 48%; margin: 0 0 3% 0;}
	.news_list ul li:nth-child(3n) {margin: 0 0 3% 0;}
	.news_list ul li:nth-child(2n) {float: right;}
	.pages a {font-size: 12px; padding: 0 10px; line-height: 29px; margin: 0 4px;}
}