* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

fieldset, img { border: none; vertical-align: middle; }

address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }

ul, ol { list-style: none; }

ul li, ol li { list-style-type: none; }

input { padding-top: 0; padding-bottom: 0; font-family: "microsoft yahei",Arial,sans-serif; }

select, input { vertical-align: middle; }

select, input, textarea { margin: 0; font-size: 12px; }

input[type="text"], input[type="password"], textarea { outline-style: none; }

input[type="submit"] { cursor: pointer; }

textarea { font-family: "microsoft yahei",Arial,sans-serif; resize: none; }

html { font-size: 62.5%; }

body { font: 12px "microsoft yahei",Arial,sans-serif; color: #666666; background: #fff; padding-bottom: 50px; }

a { text-decoration: none; color: #666666; background: transparent; -webkit-tap-highlight-color: transparent; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

i, em { font-style: normal; }

.clearfix { zoom: 1; }

.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; }

.m_header { width: 100%; height: 50px; }

.m_logo img { width: 251px; margin: 13px 0 0; }

.pic { width: 100%; }

.pic img { width: 100%; }

/*banner*/
.index_tit { width: 100%; text-align: center; padding-top: 8%; }
.index_tit p { color: #2e2e2e; font-size: 28px; font-weight: bold; }
.index_tit p, .index_tit i, .index_tit em { display: block; }
.index_tit i { color: #999; font-size: 14px; }
.index_tit em { padding: 5px 0; }

.index_ul1 { width: 94%; padding: 5% 3% 5% 3%; text-align: center; }
.index_ul1 li { float: left; width: 32%; border-bottom: 3px solid #fff; }
.index_ul1 li img { width: 100%; }
.index_ul1 li:nth-child(2), .index_ul1 li:nth-child(5) { border-right: 6px solid #fff; border-left: 6px solid #fff; }

/*products*/
.index_hui { width: 100%; background: #f2f4f5; padding: 7% 0; }

.wap_products { width: 94%; padding: 0 3%; }
.wap_products img { width: 100%; }
.wap_products p { background: #00a0eb; color: #fff; text-align: center; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wap_products p i { padding: 10px 0 0; display: block; }
.wap_products p em { display: block; }
.wap_products .swiper-slide:hover p, .wap_products .swiper-slide:active p { background: #00c7eb; }

.index_ul2 { width: 100%; padding: 5% 0; }
.index_ul2 li { float: left; margin-left: 3%; margin-bottom: 3%; width: 45.5%; }
.index_ul2 li img { width: 100%; }
/*.index_ul2 li:nth-child(2) { margin-bottom: 2%; }*/

.tabBox .hd { height: 40px; line-height: 40px; font-size: 20px; background: #555b5e; border-bottom: 1px solid #F5AB38; position: relative; text-align: center; }
.tabBox .hd a { color: #d6d7d7; font-weight: bold; }

.tabBox .hd ul { height: 41px; overflow: hidden; }

.tabBox .hd ul li { float: left; width: 50%; }

.tabBox .hd ul .on { border-top: 2px solid #80d0f4; background: #00a1e9; }
.tabBox .hd ul .on a { color: #fff; }

.tabBox .bd ul { width: 100%; float: left; }

.tabBox .bd li { width: 94%; margin: 0 3%; padding: 15px 0; float: left; border-bottom: 1px dashed #cecece; }
.tabBox .bd li a, .tabBox .bd li span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.tabBox .bd li a { color: #2e2e2e; font-size: 16px; line-height: 30px; }
.tabBox .bd li p { font-size: 14px; color: #666; line-height: 28px; width: 100%; }
.tabBox .bd li span { color: #00a1e9; }
.tabBox .bd li:first-child span { color: #999; }
.tabBox .bd li:last-child { border: none; }
.tabBox .bd li:last-child a { background: #f0f1f2; color: #00a1e9; font-size: 16px; text-align: center; padding: 7px 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.tabBox .bd li:last-child a i { font-family: simsun; }

.tabBox .bd li a { -webkit-tap-highlight-color: transparent; }

.wap_link { width: 100%; padding: 15px 0; }
.wap_link img { width: 100%; }

footer { background: #282d30; width: 94%; padding: 15px 3%; text-align: center; }
footer h3 { font-size: 15px; color: #fff; line-height: 30px; }
footer p { color: #818384; line-height: 26px; }
footer a:hover { color: #fff; }

.nav_footer { position: fixed; bottom: 0; left: 0; background: #191e21; height: 50px; width: 100%; z-index: 99; }
.nav_footer a { display: block; float: left; width: 25%; }
.nav_footer a i, .nav_footer a span { display: block; width: 100%; text-align: center; }
.nav_footer a i { color: #fff; font-size: 13px; }
.nav_footer a span img { width: 36px; margin-bottom: 5px; padding-top: 5px; }
.nav_footer a:hover { color: #818384; }

/*index*/
.list_dan { padding: 15px 3%; line-height: 25px; font-size: 14px; min-height: 300px; border-top: 1px solid #ccc; width: 94%; }
.list_dan img, .list_dan table { max-width: 100%; }

.list_photo { width: 96%; padding: 15px 2%; }
.list_photo li { float: left; width: 46%; margin: 10px 2%; text-align: center; background: #00a0eb; }
.list_photo li i, .list_photo li span { display: block; width: 100%; }
.list_photo li span { height: 0; padding-bottom: 110%; }
.list_photo li i { color: #fff; }
.list_photo li p { overflow: hidden; width: 94%; padding: 7px 3% 0 3%; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 14px; }

.page { width: 96%; padding: 0 2% 15px 2%; text-align: center; }
.page a { background: #00c7eb; display: block; float: left; width: 46%; margin: 10px 2%; padding: 10px 0; color: #fff; font-size: 15px; }

.cont_news { width: 94%; padding: 15px 3%; }
.cont_news .cont_tit { text-align: center; font-size: 18px; }
.cont_news .cont_em { width: 100%; text-align: center; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #ccc; }
.cont_news .cont_em em { display: inline-block; padding: 0 15px; font-size: 12px; color: #999; }
.cont_news .cont_box { width: 100%; min-height: 250px; line-height: 25px; font-size: 13px; }
.cont_news .cont_box img, .cont_news .cont_box table { max-width: 100%; }

.list_news { width: 94%; padding: 15px 3%; min-height: 250px; }
.list_news li { border-bottom: 1px dashed #cecece; padding: 10px 0; }
.list_news li h5, .list_news li i { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list_news li h5 { font-size: 14px; line-height: 30px; font-weight: normal; }
.list_news li i { font-size: 12px; color: #999; }
.list_news li:hover h5 { color: #00a0eb; }

.list_form { width: 94%; padding: 0 3%; }
.list_form form { width: 100%; margin: 20px 0; }
.list_form form p { border: 1px solid #d9d9d9; float: left; margin-bottom: 20px; width: 100%; -webkit-border-radius: 5px; box-sizing: border-box; -moz-border-radius: 5px; border-radius: 5px; }
.list_form form img, .list_form form span, .list_form form input[type=text], .list_form form textarea { float: left; }
.list_form form span { font-size: 14px; color: #666; line-height: 48px; padding-left: 15px; }
.list_form form input[type=text], .list_form form input[type=submit] { border: none; font-family: 'microsoft yahei'; line-height: 48px; height: 48px; }
.list_form form textarea { border: none; width: 80%; line-height: 26px; font-family: 'microsoft yahei'; height: 100px; }
.list_form form input[type=submit] { background: #00a1e9; height: 50px; text-align: center; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100%; font-size: 16px; font-weight: bold; border-radius: 5px; }

.las span { line-height: 26px !important; }


.list_form em{float: left;font-size: 14px;margin-right: 10px;line-height: 48px;display: inline-block;}

.list_form em input{float: left;margin-top: 19px;margin-right: 5px;}
.list_form p i:first-child {    display: inline-block; padding-left:5px; float: left;    line-height: 50px;   font-size: 16px;}
.list_form p i:last-child{float:right;display:block;padding:5px;}
/*# sourceMappingURL=common.css.map */