@charset "utf-8";

/* CSS Document */

@import url('swiper-bundle.min.css');
 @import url('animate.min.css');
 @import url('iconfont.css');
/* CSS Document */

body { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; margin: 0px; padding: 0; line-height: 24px; color: #555; background: #fff; font-size: 14px; background: #fff; }
td { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #555; }
th { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #555; }
a:link { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #555; }
a:visited { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #555; }
a:hover { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #14635e; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:active { font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #fce6c2; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { display: block; padding: 0px; margin: 0px; font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; }
p, ul, ol, li, form, img, dl, dt, dd { margin: 0; padding: 0; border: 0; font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; }
em, i { font-style: normal; }
img { border: 0px !important; }
input, button, select { margin: 0; vertical-align: middle; outline: none; font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; }
dl, dt, ul, ol { margin: 0px; display: block; padding: 0px; list-style: none; }

@media (max-width:1003px) {
body { padding: 0; font-size: 1rem; line-height: 2rem; padding-top: 3.2rem; }
}
.img_fd img { width: 100%; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.img_fd:hover img { transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */ opacity: 0.6; }
.jbxg { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
/*Pagination*/

.pagination { display: flex; justify-content: center; padding: 30px 0; }
.pagination a { display: inline-block; padding: 2px 10px !important; border: 1px solid #ddd; margin: 0 2px; }
.img_fd img { width: 100%; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.w1200 { width: 1200px; margin: 0 auto; }
.title-1 { display: block; height: 60px; line-height: 30px; font-size: 30px; color: #000; text-align: center; padding: 0 0 30px 0; }
.title-1 span { display: block; height: 30px; line-height: 30px; font-weight: lighter; font-size: 18px; color: #888; }
.tab-nav { display: flex; justify-content: center; padding: 20px 0; }
.tab-nav a { display: inline-block; height: 35px; line-height: 35px; padding: 0 15px; background: #fff; color: #000; margin: 0 10px; }
.tab-nav a:hover { background: #e70074; color: #fff; }
.tab-nav a.active { background: #e70074; color: #fff; }
.t-box { height: 30px; line-height: 30px; background: #f8f8f8; }
.t-box div span { display: inline-block; float: right; }
.t-box div span a { display: inline-block; padding-left: 10px; color: #689f6f; }
.header-box { background: #fff; }
.header-box article { display: flex; justify-content: space-between; }
.header-box .logo-box { display: flex; justify-content: space-between; width: 450px; padding: 5px 0; }
.header-box .logo-box .logo { display: block; width: 158px; }
.header-box .logo-box .logo img { display: block; width: 100%; }
.header-box .logo-box span { display: block; width: 300px; padding-left: 10px; border-left: 1px solid #ddd; font-size: 18px; color: #015571; font-weight: bold; }
.header-box .logo-box span strong { display: block; height: 24px; line-height: 24px; font-size: 24px; color: #689f6f; font-family: "Impact"; }
.header-box dl { display: block; width: 241px; padding-left: 60px; color: #d29e62; font-size: 18px; }
.header-box dl strong { font-size: 43px; display: block; height: 40px; line-height: 40px; font-family: "Impact"; }
.menu { width: 640px; height: 58px; line-height: 58px; display: flex; justify-content: space-between; }
.menu li { display: inline-block; height: 58px; }
.menu li a { display: block; font-size: 16px; font-weight: bold; color: #000; height: 58px; }
.menu li a:hover { color: #689f6f; height: 57px; border-bottom: 2px solid #689f6f; }
.menu li a.active { color: #689f6f; height: 57px; border-bottom: 2px solid #689f6f; }
.icon-shouyedaohangicon { display: none; width: 4rem; height: 2rem; line-height: 3.5rem; font-size: 4rem; text-align: center; color: #000; }
/*banner*/

.banner ul li { background-size: 100%; height: 500px; }
.banner ul li a { display: block; width: 100%; height: 100%; }
.banner .swiper-pagination { bottom: 10px; }
.title-1 { display: block; height: 50px; line-height: 30px; font-size: 30px; font-weight: bold; color: #000; text-align: center; }
.title-1 p { display: block; height: 20px; line-height: 20px; font-size: 18px; color: #888; font-weight: normal; padding-top: 10px; }
.index-diyu { padding: 50px 0 20px 0; }
.index-diyu ul { display: block; border: 1px solid #eee; border-bottom: 0px; }
.index-diyu ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; overflow: hidden; line-height: 30px; }
.index-diyu ul li strong { display: block; width: 5%; text-align: center; color: #000; }
.index-diyu ul li dl { display: block; width: 98%; border-left: 1px solid #ddd; }
.index-diyu ul li dl a { display: inline-block; float: left; padding: 0 10px; }
.index-diyu ul li dl a:hover { color: #017078; }
.index-diyu ul li dl a.active { color: #017078; font-weight: bold; }
.index-product { padding: 0 0 50px 0; }
.index-product ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.index-product ul li { display: block; width: 19%; margin-bottom: 10px; }
.index-product ul li a { display: block; background: #f8f8f8; }
.index-product ul li a i { display: block; overflow: hidden; background: #000; position: relative; }
.index-product ul li a i img { display: block; width: 100%; height: 170px; }
.index-product ul li a i p { display: block; height: 30px; line-height: 30px; position: absolute; z-index: 99; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; text-align: center; }
.index-product ul li a i p strong { color: #f60; font-size: 18px; }
.index-product ul li a span { display: block; height: 40px; line-height: 40px; text-align: center; }
.index-product ul li a:hover { background: #559360; color: #fff; }
.index-hengfu { width: 100%; overflow: hidden; }
.index-hengfu s { display: block; width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.index-hengfu img { display: block; }
.index-youshi { width: 100%; background: #f9f9f9; padding: 90px 0; }
.index-youshi ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.index-youshi ul li { display: block; width: 24.9%; border-right: 1px solid #ddd; padding: 30px 0; }
.index-youshi ul li i { display: block; width: 112px; height: 112px; background: url(../images/index_03.png) no-repeat; background-size: cover; margin: 0 auto; font-size: 60px; text-align: center; line-height: 112px; }
.index-youshi ul li:nth-of-type(5) i { font-size: 80px; }
.index-youshi ul li strong { display: block; height: 40px; line-height: 40px; font-size: 24px; color: #000; text-align: center; }
.index-youshi ul li:nth-of-type(1) { border-bottom: 1px solid #ddd; }
.index-youshi ul li:nth-of-type(2) { border-bottom: 1px solid #ddd; }
.index-youshi ul li:nth-of-type(3) { border-bottom: 1px solid #ddd; }
.index-youshi ul li:nth-of-type(4) { border-bottom: 1px solid #ddd; border-right: 0px; }
.index-youshi ul li:nth-of-type(8) { border-right: 0px; }
.index-about-box { width: 100%; background: url(../images/index_15.jpg) no-repeat right 30px; padding: 50px 0 100px 0; }
.index-about { padding: 0 0 30px 0; }
.index-about h2 { display: block; padding-top: 50px; font-size: 30px; color: #000; }
.index-about h2 span { display: block; padding-bottom: 30px; font-size: 63.4px; font-family: "Impact"; color: #eee; }
.index-about p { display: block; padding: 60px 0; width: 50%; font-size: 16px; line-height: 30px; }
a.more { display: flex; justify-content: center; width: 160px; height: 35px; line-height: 35px; border: 1px solid #eee; }
a.more i { display: inline-block; font-size: 16px; font-weight: bold; color: #015571; padding: 0 5px; }
a.more i:nth-of-type(2) { display: block; width: 20px; background: url(../images/index_07.png) no-repeat center center; }
a.more:hover { background: #7AE9A9; border: 1px solid #015571; }
.tab-nav { display: flex; justify-content: center; }
.tab-nav a { display: block; width: 70px; height: 30px; line-height: 30px; margin: 0 5px; text-align: center; background: #fff; font-size: 14px; }
.tab-nav a:hover { background: #015571; color: #fff; }
.tab-nav a.active { background: #015571; color: #fff; }
.index-news-box { width: 100%; background: #fafafa; padding: 50px 0px; }
.index-news { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 30px; }
.index-news dl { display: block; width: 477px; }
.index-news dl a i { display: block; overflow: hidden; background: #000; }
.index-news dl a i img { display: block; width: 100%; }
.index-news dl a span { display: block; }
.index-news dl a dt { display: block; line-height: 48px; line-height: 48px; font-size: 20px; color: #000; }
.index-news dl a p { display: block; color: #888; }
.index-news ul { display: block; width: 700px; }
.index-news ul li { padding: 15px 0px; border-bottom: 1px dotted #ddd; }
.index-news ul li:nth-of-type(1) { padding-top: 0px; }
.index-news ul li a { display: flex; justify-content: space-between; }
.index-news ul li a i { display: block; width: 17%; }
.index-news ul li a i img { display: block; width: 100%; }
.index-news ul li a span { display: block; width: 80%; color: #888; line-height: 20px; }
.index-news ul li a span em { display: block; height: 24px; font-size: 16px; color: #000; }
.xy-news-box { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 80px 0px; }
.xy-news { width: 350px; }
.xy-news dl { display: block; padding-bottom: 10px; padding-top: 10px; line-height: 18px; }
.xy-news dl a { display: flex; justify-content: space-between; }
.xy-news dl a i { display: block; overflow: hidden; width: 145px; }
.xy-news dl a i img { display: block; width: 100%; max-height: 109px; }
.xy-news dl a span { display: block; width: 190px; }
.xy-news dl a span dt { display: inline-block; height: 32px; line-height: 16px; overflow: hidden; font-size: 14px; font-weight: bold; color: #000; text-overflow: ellipsis; -webkit-line-clamp: 1; }
.xy-news ul { display: block; }
.xy-news ul li { height: 40px; line-height: 40px; border-bottom: 1px dotted #ddd; background: url(../images/news_07.jpg) no-repeat left; padding-left: 15px; }
.xy-news ul li a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.xy-news ul li span { display: inline-block; float: right; color: #888; }
.xy-wenti { width: 330px; }
.xy-wenti ul { display: block }
.xy-wenti ul li { display: block; padding: 10px 0; border-bottom: 1px dotted #ddd; }
.xy-wenti ul li a { display: block; line-height: 24px; font-size: 16px; color: #000; }
.xy-wenti ul li a i { display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; background: rgba(78,188,0,1.00); color: #fff; float: left; margin-right: 5px; }
.xy-wenti ul li p { display: block; padding: 5px 0; color: #888; }
.xy-wenti ul li p i { display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #DBA353; color: #fff; float: left; margin-right: 5px; }
.title-3 { display: block; height: 40px; line-height: 40px; font-size: 18px; }
.title-3 a { display: inline-block; float: right; font-size: 14px; color: #888; font-weight: normal; }
.title-3 a:hover { color: #f60; }
.index-news-box .more { margin: 0 auto; }
.links { width: 100%; background: #e8e8e8; padding: 30px 0px; }
.links h2 { display: block; height: 40px; line-height: 40px; font-size: 20px; color: #000; }
.links ul { display: block; overflow: hidden; }
.links ul li { display: inline-block; float: left; margin-right: 10px; }
.links ul li a { color: #888; }
.footer { width: 100%; padding: 80px 0px; background: #4e4f52; color: #eee; }
.footer div { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer div s { display: block; width: 274px; }
.footer div span { display: block; width: 346px; line-height: 30px; }
.footer div span b { font-size: 18px; }
.footer div dl { width: 370px; }
.footer div dl strong { display: block; height: 50px; font-size: 54px; font-family: "Impact"; }
.footer div dl b { display: block; height: 50px; font-size: 18px; }
.footer div a { color: #fff; }
.bottom { width: 100%; height: 40px; line-height: 40px; background: #111; color: #888; text-align: center; }
.bottom a { color: #888; }
.bottom a:hover { color: #fff; }
.kefu { display: block; width: 50px; position: fixed; right: 0px; top: 30%; z-index: 9999999999999999; }
.kefu ul { display: block; }
.kefu ul li { display: block; width: 50px; height: 50px; margin-bottom: 2px; background: #01a373; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.kefu ul li a { font-size: 12px; text-align: center; color: #fff; position: relative; display: block; }
.kefu ul li a i { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 30px; }
.kefu ul li a span, .kefu ul li a s { display: none; position: absolute; top: 0px; left: 10px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: 0; z-index: -1; background: #01a373; }
.kefu ul li a span { display: block; width: 160px; height: 50px; line-height: 50px; font-size: 18px; padding: 0 0 0 15px; }
.kefu ul li a s { display: block; width: 100px; height: 100px; }
.kefu ul li a s img { display: block; }
.kefu ul li a:hover span { opacity: 1; left: -160px; text-align: left; }
.kefu ul li a:hover s { opacity: 1; left: -100px; }
.kefu ul li:hover { background: #01a373; }
.kefu ul li:hover a { color: #fff; }
.kefu-wap { display: none; }

@media (max-width:1003px) {
body { padding-bottom: 4rem; }
.t-box { display: none; }
.t-box div span { display: none; }
.w1200 { width: 98%; padding: 0 1%; }
.header-box { position: fixed; left: 0; top: 0; z-index: 999999999; }
.header-box .logo-box { width: 80%; }
.header-box .logo-box .logo { width: 50%; padding-right: 1rem; }
.header-box .logo-box span { font-size: 1rem; line-height: 1rem; }
.header-box .logo-box span strong { height: 1.5rem; line-height: 1.5rem; font-size: 1.4rem; }
.menu { display: none; width: 40%; position: absolute; top: 3.4rem; right: 0; z-index: 10000000; overflow: hidden; height: auto; line-height: 3rem; }
.menu li { width: 100%; border-bottom: 1px dotted #555; text-align: center; background: #333; padding: 0 2%; height: 3rem; line-height: 3rem; }
.menu li a { font-size: 1.2rem; color: #fff; display: block; height: 3rem; }
.icon-shouyedaohangicon { display: block; }
.banner ul li { height: 32vh; background-size: 200% !important; }
.title-1 { font-size: 1.6rem; padding: 1rem 0px; }
.title-1 p { font-size: 1rem; padding-top: 0; }
.index-diyu { margin-bottom: 10px; padding-top: 1rem; }
.index-diyu ul li strong { width: 12% }
.index-diyu ul li dl { width: 88%; }
.index-product ul li { width: 49%; }
.index-hengfu { width: 100%; }
.index-hengfu s { width: 760px; left: 50%; margin: 0 0 0 -380px; }
.index-hengfu s img { width: 100%; }
.index-youshi { padding: 1rem 0px; }
.index-youshi ul li { width: 24.5%; }
.index-youshi ul li i { width: 5rem; height: 5rem; line-height: 5rem; text-align: center; font-size: 2rem; }
.index-youshi ul li strong { font-size: 1rem; line-height: 1.8rem; }
.index-youshi ul li:nth-of-type(4) { border-right: 0px; }
.index-youshi ul li:nth-of-type(5) i { font-size: 3rem; }
.index-youshi ul li:nth-of-type(8) { border-right: 0px; }
.wap-daoxu { display: flex; flex-direction: column-reverse; }
.index-about-box { background: url(../images/index_15.jpg) no-repeat 0 38rem; background-size: 100%; padding: 1rem 0px 14rem 0px; }
.index-about p { width: 100%; padding: 2rem 0px; }
.index-about h2 { font-size: 2rem; }
.index-about h2 span { font-size: 4rem; padding-bottom: 1.2rem; }
.index-news-box { border-top: 1px solid #ccc; }
.index-news dl { width: 100%; margin-bottom: 10px; }
.index-news dl a { display: flex; justify-content: space-between; }
.index-news dl a i { width: 32% }
.index-news dl a span { width: 64%; }
.index-news dl a dt { font-size: 1.3rem; }
.index-news dl a p { line-height: 1.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.index-news ul { width: 100%; padding-bottom: 1rem; }
.index-news ul li a i { width: 32% }
.index-news ul li a span { width: 64%; }
.index-news ul li a span em { height: 1.6rem; font-size: 1.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.index-news ul li a span p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.8rem; }
.xy-news { width: 98%; margin: 0 auto; }
.xy-news dl { padding-bottom: 10px; }
.xy-news dl a { display: block; }
.xy-news dl a i { width: 10rem; float: left; }
.xy-news dl a i img { display: block; width: 100%; }
.xy-news dl a span { margin-left: 11rem; height: auto; }
.xy-wenti { width: 98%; margin: 0 auto; }
.links ul { width: auto; width: 98%; }
.footer { padding: 2rem 0px; }
.footer div { text-align: center; }
.footer div span { width: 100%; }
.footer div s { width: 40%; margin: 0 auto; display: none; }
.footer div s img { display: block; width: 100%; }
.footer div dl { width: 100%; display: none; }
.footer div dl strong { font-size: 3.6rem; }
.kefu-wap { display: block; width: 100%; border-top: 1px solid #ddd; background: #fff; position: fixed; left: 0px; bottom: 0px; z-index: 999999999; padding-top: 5px; }
.kefu-wap ul { display: flex; justify-content: space-between; }
.kefu-wap ul li { width: 32%; text-align: center; }
.kefu-wap ul li a { display: block; border-right: 1px solid #ddd; position: relative; }
.kefu-wap ul li a i { display: block; width: 60%; height: 2rem; line-height: 2rem; text-align: center; font-size: 2rem; margin: 0 auto; color: #015571; }
.kefu-wap ul li:nth-of-type(3) a i { font-size: 2.2rem; }
.kefu-wap ul li a em { display: none; }
.kefu-wap ul li a span { display: block; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.2rem; color: #015571; }
.kefu { display: none; }
}

@media (max-width:414px) {
.index-hengfu s { width: 560px; left: 50%; margin: 0 0 0 -280px; }
}
.side-nav { width: 100%; height: 50px; line-height: 50px; background: #f1f1f1; }
.side-nav ul { display: flex; justify-content: center; flex-wrap: wrap; }
.side-nav ul li { display: inline-block; margin: 0 10px; }
.side-nav ul li a { display: block; font-size: 16px; }
.side-nav ul li a:hover { height: 48px; color: #00A7D9; border-bottom: 2px solid #00A7D9; }
.side-nav ul li a.active { height: 48px; color: #00A7D9; border-bottom: 2px solid #00A7D9; }
.in-banner { width: 100%; overflow: hidden; }
.in-banner s { display: block; width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.in-banner s img { display: block; }
.main { display: flex; justify-content: space-between; flex-wrap: wrap; }
.main img { max-width: 1200px; height: auto; }
.show-box { padding: 50px 0; }
.show-box h2 { font-size: 24px; line-height: 45px; }
.show-box h3 { font-size: 20px; line-height: 35px; }
.show-box h3 { font-size: 16px; line-height: 30px; }
.show-box img { max-width: 700px; height: auto; }
.lf-box { width: 900px; padding: 50px 0px; overflow: hidden; }
.ri-box { width: 260px; padding: 50px 0px; }
.show-title { display: block; font-size: 30px; color: #000; line-height: 35px; }
.show_Date { display: block; padding: 20px 0px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.new-more { padding: 20px 0 0 0; border-top: 1px solid #ddd; margin-top: 40px; }
.new-more dl { display: block; line-height: 30px; border-bottom: 1px dotted #eee; }
.new-more dl span { display: inline-block; }
.position { display: block; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; color: #000; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
.position p { display: inline-block; }
.position span { display: inline-block; font-weight: normal; color: #888; font-size: 13px; }
.position span a { color: #888; font-size: 13px; }
.side-title { display: block; height: 50px; line-height: 50px; font-size: 18px; color: #000; border-bottom: 1px solid #ddd; }
.side-title2 { display: block; height: 50px; line-height: 50px; font-size: 18px; color: #000; padding-top: 20px; }
.side-title2 a { display: inline-block; float: right; color: #888; font-weight: normal; }

.side-news { margin-bottom: 10px; }
.side-news ul { display: block; padding: 10px 0; }
.side-news ul li { height: 35px; line-height: 35px; border-bottom: 1px dotted #ddd; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; background: url(../images/news_07.jpg) no-repeat left; padding-left: 15px; }

.show-xg-news{ margin-bottom:10px;}
.show-xg-news ul{display: block; overflow: hidden;}
.show-xg-news ul li{padding: 10px 0; overflow: hidden; border-bottom: 1px dotted #ddd;}
.show-xg-news ul li a{display: block;}
.show-xg-news ul li a i{display: block; width: 100px;float: left;}
.show-xg-news ul li a i img{display: block; width: 90px; height: 70px;}
.show-xg-news ul li a dl{display: block;  margin-left: 100px; color: #888; line-height: 20px; font-size: 12px;}
.show-xg-news ul li a dl dt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; height: 20px; font-size: 14px; color: #000; overflow: hidden;}

.side-product { margin-bottom: 10px; }
.side-product ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; }
.side-product ul li { display: block; width: 48%; margin-bottom: 10px; }
.side-product ul li a { display: block; }
.side-product ul li a i { display: block; overflow: hidden; }
.side-product ul li a i img { display: block; width: 100%; height: 95px; }
.side-product ul li a span { display: block; height: 35px; line-height: 35px; text-align: center; background: #f8f8f8; }
.side-lxwm { margin-bottom: 10px; }
.side-lxwm p { display: block; padding: 10px 0 0 0; }

.news-list { margin-bottom: 10px; }
.news-list ul { display: block; overflow: hidden; }
.news-list ul li { display: block; padding: 10px 0px; border-bottom: 1px dotted #ddd; }
.news-list ul li span { display: block; height: 40px; line-height: 40px; }
.news-list ul li span a { font-size: 18px; color: #000; }
.news-list ul li dl { display: flex; justify-content: space-between; }
.news-list ul li dl s { display: block; width: 230px; }
.news-list ul li dl s img { display: block; width: 100%; height: 170px; }
.news-list ul li dl figure { display: block; width: 640px; overflow: hidden; }
.news-list ul li dl figure p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding: 0; }
.news-list ul li dl figure .more { margin-top: 8px; }
.news-list ul li a.more2 { display: none; justify-content: center; height: 35px; line-height: 35px; border: 1px solid #eee; margin-top: 10px; background: #f9f9f9; }
.news-list ul li a.more2 i { display: inline-block; font-size: 16px; font-weight: bold; color: #015571; padding: 0 5px; }
.news-list ul li a.more2 i:nth-of-type(2) { display: block; width: 20px; background: url(../images/index_07.png) no-repeat center center; }


.binzang-list { margin-bottom: 10px; }
.binzang-list ul {display:flex;justify-content: space-between;flex-wrap: wrap; overflow: hidden; }
.binzang-list ul li { display: block; padding: 10px 0px; border-bottom: 1px dotted #ddd;  width: 48%;}
.binzang-list ul li span { height: 40px; line-height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.binzang-list ul li span a { font-size: 18px; color: #000; }
.binzang-list ul li dl { display: flex; justify-content: space-between; }
.binzang-list ul li dl s { display: block; width: 230px; }
.binzang-list ul li dl s img { display: block; width: 100%; height: 170px; }
.binzang-list ul li dl figure { display: block; overflow: hidden; }
.binzang-list ul li dl figure p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding: 0; }
.binzang-list ul li dl figure .more { margin-top: 8px; }
.binzang-list ul li a.more2 { display: none; justify-content: center; height: 35px; line-height: 35px; border: 1px solid #eee; margin-top: 10px; background: #f9f9f9; }
.binzang-list ul li a.more2 i { display: inline-block; font-size: 16px; font-weight: bold; color: #015571; padding: 0 5px; }
.binzang-list ul li a.more2 i:nth-of-type(2) { display: block; width: 20px; background: url(../images/index_07.png) no-repeat center center; }

.produt-top-box { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; }
.thumbs-box { width: 450px; }
.thumbs-box img { display: block; width: 100%; }
.mySwiper2 { overflow: hidden; }
.mySwiper2 ul li img { max-width: 450px; max-height: 300px; width: expression(this.width > 450 && this.width > this.height ? 300 :true);
height:expression(this.height >300 ? 300: true);
vertical-align: middle; overflow: hidden }
.mySwiper { overflow: hidden; position: relative; }
.mySwiper ul .swiper-slide-thumb-active { border: 1px solid #f60; }
.mySwiper ul li img { display: block; width: 100%; height: 70px; }
.mySwiper .swiper-button-next, .swiper-button-prev { width: 26px; height: 40px; color: #fff; }
.pic-box { width: 430px; }
.pic-box h1 { display: block; height: 40px; font-size: 30px; color: #000; }
.pic-box p { display: block; padding: 10px 0; margin: 10px 0; }
.pic-box span { display: block; padding: 10px; border: 1px dotted #dddd; font-size: 16px; }
.pic-box span strong { color: #DD0306; font-size: 20px; }
.pic-box dl { display: block; margin-top: 30px; font-size: 12px; }
.pic-box dl dd { display: block; padding-bottom: 5px; }
.pic-box dl dd i { display: block; width: 40px; text-align: center; height: 22px; line-height: 22px; border: 1px solid #ff6800; color: #ff6800; float: left; margin-right: 10px; }
.pic-tab-nav { width: 100%; height: 40px; line-height: 40px; background: #f8f8f8; margin-top: 30px; }
.pic-tab-nav a { display: inline-block; margin-right: 10px; text-align: center; width: 90px; }
.pic-tab-nav a.active { background: #559360; color: #fff; }
.title-2 { display: block; height: 40px; line-height: 40px; font-size: 20px; color: #000; border-bottom: 1px solid #ddd; }
.pic-shuxing { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0px; }
.pic-shuxing span { display: block; width: 48%; height: 40px; line-height: 40px; border-bottom: 1px dotted #ddd; }
.pic-xiangce-list { padding: 10px; overflow: hidden; }
.pic-xiangce-list ul { display: block; width: 105%; padding-top: 10px; }
.pic-xiangce-list ul li { display: block; float: left; width: 23%; margin: 0 1.1% 10px 0; }
.pic-xiangce-list ul li img { display: block; width: 100%; height: 141px; }
.product-diyu { padding: 20px 0 20px 0; }
.product-diyu ul { display: block; border: 1px solid #eee; border-bottom: 0px; }
.product-diyu ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; overflow: hidden; line-height: 30px; }
.product-diyu ul li strong { display: block; width: 8%; text-align: center; color: #000; }
.product-diyu ul li dl { display: block; width: 92%; border-left: 1px solid #ddd; }
.product-diyu ul li dl a { display: inline-block; float: left; padding: 0 10px; }
.product-diyu ul li dl a:hover { color: #ff6800; }
.product-diyu ul li dl a.active { color: #ff6800; font-weight: bold; }
.product-list { padding: 20px 0; }
.product-list ul { display: block; overflow: hidden; }
.product-list ul li { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px dotted #ddd; }
.product-list ul li .img-box { display: block; width: 230px; }
.product-list ul li .img-box span { display: block; height: 30px; line-height: 30px; text-align: center; }
.product-list ul li .img-box i { display: block; overflow: hidden; background: #000; }
.product-list ul li .img-box img { display: block; width: 100%; height: 174px; }
.product-list ul li .txt-pic-box { display: block; width: 490px; }
.product-list ul li .txt-pic-box strong { display: block; height: 30px; font-size: 18px; color: #000; }
.product-list ul li .txt-pic-box figure { display: block; padding: 5px 0px; }
.product-list ul li .txt-pic-box span { display: block; height: 20px; line-height: 20px; margin-bottom: 5px; color: #888; font-size: 12px; }
.product-list ul li .txt-pic-box span i { display: block; width: 40px; height: 20px; float: left; margin-right: 10px; color: #fff; background: #ff6800; text-align: center; }
.product-list ul li .txt-pic-box span:nth-of-type(3) i { background: #39becd; }
.product-list ul li .txt-pic-box span:nth-of-type(4) i { background: #50c680; }
.product-list ul li .pic-more { display: block; width: 120px; padding-top: 3%; }
.product-list ul li .pic-more a { display: block; height: 35px; line-height: 35px; text-align: center; background: #ff6800; color: #fff; margin-bottom: 10px; }
.product-list ul li .pic-more strong { color: #ff6800; font-size: 24px; }
/*liuyan*/
.form-control { display: block; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0 10px; width: 90%; margin-bottom: 10px; }
.form-control2 { display: block; border: 1px solid #ddd; height: 120px; line-height: 24px; padding: 0 10px; width: 90%; margin-bottom: 10px; }
.biaodan-box .yzm-box { display: flex; justify-content: end; width: 100%; margin-bottom: 10px; }
.biaodan-box .yzm-box i { display: block; width: 7%; margin-right: 10px; }
.biaodan-box .yzm-box .form-k { display: block; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0 10px; width: 20%; margin-right: 10px; }
.biaodan-box .yzm-box .codeimg { display: block; height: 35px; }
.btn-1 { display: block; width: 200px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #fff; background: #555; border: 0px; cursor: pointer; }
.btn-1:hover { background: #f60; }

@media (max-width:1003px) {
.side-nav ul li { display: inline-block; margin: 0 5px; }
.in-banner s { width: 1000px; margin: 0 0 0 -500px; left: 50%; }
.in-banner s img { width: 100%; }
.main { padding: 1rem 0 30px 0; width: 94%; }
.main img { max-width: 100%; height: auto; }
.show-box { padding: 30px 0; }
.show-box h2 { font-size: 1.8rem; line-height: 4rem; }
.show-box h3 { font-size: 1.6rem; line-height: 3.5rem; }
.show-box h3 { font-size: 1.4rem; line-height: 3rem; }
.show-box img { max-width: 98%; height: auto; }
.position p { display: none; }
.position span { display: block; float: none; }
.lf-box { width: 100%; padding: 0px 0px 20px 0px; }
.ri-box { width: 100%; padding: 0px 0px 20px 0px; }
.xiangmu-list li i { width: 100%; }
.xiangmu-list li dl { width: 100%; }
.news-list ul li dl s { width: 39%; }
.news-list ul li dl s img { height: 8rem; }
.news-list ul li dl figure { width: 57%; }
.news-list ul li dl figure .more { display: none; }
.news-list ul li dl figure p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.6rem; height: 4rem; padding: 0 0px 10px 0px; }
.news-list ul li a.more2 { display: flex; }
.thumbs-box { width: 100%; }
.pic-box { width: 100%; padding-top: 20px; }
.pic-tab-nav a { width: 20%; }
.product-diyu ul li strong { width: 18%; }
.product-list ul li .img-box { width: 100%; }
.product-list ul li .txt-pic-box { width: 100%; }
.product-list ul li .pic-more { width: 100%; }
.pic-xiangce-list ul li img { height: 5rem; }
}