@charset "UTF-8";

.wrap { max-width: 1180px; margin: 0 auto; }
.ins { display: table; height: 80px; }
.ins span { display: table-cell; vertical-align: middle; }
.ins a { float: left; width: 90px; height: 30px; border-radius: 5px; font-size: 14px; color: #666; text-align: center; line-height: 30px; }
.ins a:hover { background: #fc7b26; color: #fff; }

.content { padding-top: 0px; text-align:left; }
.content .sub_banner { width: 100%; height: 390px; background: no-repeat center; background-size: cover; }
.content .sub_banner .wrap { position: relative; height: 100%; }
.content .sub_banner .s_banner_text { position: absolute; top: calc(50% - 30px); left: 30px; width: 50%; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.content .sub_banner .s_banner_text h4 { margin-bottom: 10px; font-size: 28px; color: #333; }
.content .sub_banner .s_banner_text p { font-size: 14px; color: #333; line-height: 28px; }
.content .sub_banner .s_banner_text > a { display: block; width: 125px; height: 34px; margin-top: 10px; border-radius: 1px; border: 1px solid #0075B0; font-size: 14px; color: #0075b0; text-align: center; line-height: 34px; }
.content .sub_banner .s_banner_text > a:hover { background: #0075B0; color: #fff; }
.content .sub_banner form { position: absolute; top: calc(50% - 30px); left: 0; width: 100%; box-sizing: border-box; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.content .sub_banner form > div { display: inline-block; width: 640px; height: 45px; }
.content .sub_banner form input[type='text'] { float: left; width: 78%; height: 100%; padding: 0 12px; border: 1px solid #c3c4c7; border-radius: 5px; box-sizing: border-box; background: #fff; font-size: 14px; color: #666; line-height: 20px; }
.content .sub_banner form input[type='submit'] { float: right; width: 20%; height: 100%; border: none; border-radius: 5px; background: #0075b0; font-size: 14px; color: #fff; }
.content .sub_banner form input[type='submit']:hover { opacity: .9; }
.content .sub_banner.sub_banner_x { height: 220px; }
.content .sub_banner.sub_banner_x .s_banner_text { top: 50%; left: 0; }
.content .sub_banner.h300 { height: 300px; }
.content .sub_nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; }
.content .sub_nav .span { position: relative; float: left; height: 100%; background: rgba(32, 34, 50, 0.7); text-align: center; }
.content .sub_nav .span a { display: block; font-size: 14px; color: #fff; }
.content .sub_nav .span:hover, .content .sub_nav .span.on { background: #0075B0; }
.content .sub_nav .span:hover.slick-slide:before, .content .sub_nav .span.on.slick-slide:before { position: absolute; bottom: 100%; left: 50%; width: 15px; height: 7px; content: ''; margin-left: -6px; background: url(../images/icon_8.png) no-repeat center; background-size: 100%; }
.content .sub_nav .slick-list { overflow: visible; }
.content .sub_nav > button { position: absolute; top: 50%; z-index: 99; margin-top: -18px; border: none; background: transparent; font-size: 0; text-align: center; cursor: pointer; }
.content .sub_nav > button.slick-prev { left: -3%; }
.content .sub_nav > button.slick-prev:before { content: '\e610'; }
.content .sub_nav > button.slick-next { right: -3%; }
.content .sub_nav > button.slick-next:before { content: '\e614'; }
.content .sub_nav > button:before { display: inline-block; font-family: "iconfont" !important; font-size: 30px; color: #0075B0; }
.content .sub_nav > button.slick-disabled { pointer-events: none; }
.content .sub_nav > button.slick-disabled:before { color: #ccc; }
.content .sub_tit { position: relative;margin-bottom: 25px; font-size: 36px; color: #333;text-align:center;}
.content .paging { padding: 4% 0; text-align: left; }
.content .paging > a { display: inline-block; height: 38px; padding: 0 2%; border: 1px solid #e5e5e5; box-sizing: border-box; font-size: 16px; color: #999; line-height: 36px; vertical-align: middle; }
.content .paging > a:hover { border-color: #fff; color: #000; }
.content .paging > a.on { border-color: #fff; color: #000; }
.content .paging > ul { display: inline-block; vertical-align: middle; }
.content .paging > ul li { float: left; width: 38px; height: 38px; margin: 0 5px; border: 1px solid #e5e5e5; text-align: center; line-height: 36px; }
.content .paging > ul li a { font-size: 16px; color: #999; }
.content .paging > ul li:hover, .content .paging > ul li.on { border-color: #fff; }
.content .paging > ul li:hover a, .content .paging > ul li.on a { color: #000; }

.Product > .wrap { margin-top:50px;}
.Product .pro_1 .pro_mian { margin-top:30px;}
.Product .pro_1 .pro_mian li { padding: 20px 20px; border: 1px solid #fff; display:inline-block; width:17.1%; height:auto; margin-right:-4px; vertical-align:top;box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1);-webkit-box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1); margin:0 2%; margin-bottom:20px;}
.Product .pro_1 .pro_mian li:hover{ border:1px solid #f0511d;}
.Product .pro_1 .pro_mian li span.fl { position: relative; width: 100%; font-size:16px; display:block; text-align:center;}
.Product .pro_1 .pro_mian li span.fl em { display: inline-block; position: relative; font-size: 16px; font-weight: bold; color: #333; line-height: 2.2; vertical-align: middle; padding-bottom:10px;}
.Product .pro_1 .pro_mian li span.fr { width:100%; font-size: 14px; color: #666; line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 5;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.Product .pro_2 .pro_mian { margin-bottom:50px;}
.Product .pro_2 .pro_hd { font-size: 0; }
.Product .pro_2 .pro_hd span { display: inline-block; width: 50%; padding: 2% 0; background: #ebeced; font-size: 16px; color: #333; text-align: center; cursor: pointer; }
.Product .pro_2 .pro_hd span.on { background: #fff; color: #0075B0; }
.Product .pro_2 ul{ margin-top:50px;}
.Product .pro_2 ul li{ display:inline-block; width:45%; margin:0 2%; text-align:center; vertical-align:top;}
.Product .pro_2 ul li span{ display:block; font-size:16px; color:#222;}
.Product .pro_2 ul li p{ font-size:14px; color:#888; width:80%; margin:0 auto; text-align:center; line-height:1.6; margin-top:12px;}

.Product .pro_3 .pro_mian .a1, .Product .pro_3 .pro_mian .a2 { float: left; width: 31.4%; height: 350px; border: 1px solid #d3d3d3; box-sizing: border-box; }
.Product .pro_3 .pro_mian .a1 h4, .Product .pro_3 .pro_mian .a2 h4 { padding: 15px 30px; border-bottom: 1px solid #D3D3D3; font-size: 16px; color: #333; font-weight: bold; }
.Product .pro_3 .pro_mian .a1 p, .Product .pro_3 .pro_mian .a2 p { padding: 20px 30px; }
.Product .pro_3 .pro_mian .a1 p span, .Product .pro_3 .pro_mian .a2 p span { display: block; max-height: 28px; margin-bottom: 12px; font-size: 14px; color: #666; }
.Product .pro_3 .pro_mian .a1 p em, .Product .pro_3 .pro_mian .a2 p em { display: block; font-size: 14px; color: #666; line-height: 24px; }
.Product .pro_3 .pro_mian .a1 p font, .Product .pro_3 .pro_mian .a2 p font { display: block; margin: 10px 0 15px; font-size: 14px; color: #999; }
.Product .pro_3 .pro_mian .a1 p a, .Product .pro_3 .pro_mian .a2 p a { display: block; width: 150px; height: 35px; border-radius: 2px; background: #ff7e28; font-size: 14px; color: #fff; text-align: center; line-height: 35px; }
.Product .pro_3 .pro_mian .a2 { margin-left: 2.6%; }
.Product .pro_3 .pro_mian .a3 { float: right; width: 31.4%; height: 350px; padding: 3% 30px; background: #f2f2f2; box-sizing: border-box; }
.Product .pro_3 .pro_mian .a3 h4 { margin-bottom: 10px; }
.Product .pro_3 .pro_mian .a3 h4 span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333; }
.Product .pro_3 .pro_mian .a3 h4 em { display: block; font-size: 14px; color: #666; }
.Product .pro_3 .pro_mian .a3 h5 { margin: 10px 0; font-size: 16px; color: #333; font-weight: bold; }
.Product .pro_3 .pro_mian .a3 h5 span { color: #ff7e28; }
.Product .pro_3 .pro_mian .a3 p { font-size: 14px; color: #999; }
.Product .pro_3 .pro_mian .a3 form { margin-bottom: 18px; }
.Product .pro_3 .pro_mian .a3 .ren_radio { padding: 10px 0; }
.Product .pro_3 .pro_mian .a3 .ren_radio label { position: relative; float: left; width: 31.33%; margin: 0 1% 1%; border-radius: 5px; border: 1px solid #d9d9d9; background: #fff; box-sizing: border-box; cursor: pointer; }
.Product .pro_3 .pro_mian .a3 .ren_radio label span { display: block; font-size: 14px; color: #666; text-align: center; line-height: 30px; }
.Product .pro_3 .pro_mian .a3 .ren_radio label input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; }
.Product .pro_3 .pro_mian .a3 .ren_radio label.on { border-color: #0075B0; background: #0075B0; }
.Product .pro_3 .pro_mian .a3 .ren_radio label.on span { color: #fff; }
.Product .pro_3 .pro_mian .a3 .ren_input { padding: 0 1%; }
.Product .pro_3 .pro_mian .a3 .ren_input input[type='text'] { float: left; width: 64%; height: 36px; padding: 0 10px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px; }
.Product .pro_3 .pro_mian .a3 .ren_input input[type='button'] { float: right; width: 31.33%; height: 36px; border-radius: 5px; border: 1px solid #d9d9d9; background: #fff; font-size: 14px; color: #666; }
.Product .pro_3 .pro_mian .a3 .ren_input input[type='button']:hover { border-color: #0075B0; background: #0075B0; color: #fff; }
.Product .pro_3 .pro_mian .a3 .ren_input { padding: 0 1%; }
.Product .pro_3 .pro_mian .a3 .ren_input input[type='text'] { float: left; width: 64%; height: 36px; padding: 0 10px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size: 14px; color: #666; line-height: 20px; }
.Product .pro_3 .pro_mian .a3 .ren_input input[type='submit'] { float: right; width: 31.33%; height: 36px; border-radius: 5px; border: 1px solid #d9d9d9; background: #fff; font-size: 14px; color: #666; }
.Product .pro_3 .pro_mian .a3 .ren_input input[type='submit']:hover { border-color: #0075B0; background: #0075B0; color: #fff; }

.pro_4{ background:#f2f2f2; height:400px;}
.pro_4 ul li { float: left; width: 46%; border: 1px solid #fff; padding: 18px 32px 18px 10px; box-sizing: border-box;margin:0 2%; background:#fff; transition:all .3s;}
.pro_4 ul li:hover{ border:1px solid #f0511d;}
.pro_4 .fl { width:170px; height: 140px; overflow: hidden; padding: 0 20px; box-sizing: border-box; line-height: 140px; font-size: 0; text-align: center; float:left;}
.pro_4 .fl img { padding-top:30px;}
.pro_4 .fr {}
.pro_4 .fr h4 { margin: 10px 0; font-size: 18px; color: #333;}
.pro_4 .fr p { height: 100px; overflow: hidden; font-size: 14px; color: #666; line-height: 20px; }
.pro_4 .fr p a { display: inline-block; margin-left: 10px; font-size: 14px; color: #0075b0; }

.pro_5 ul { height:460px;}
.pro_5 ul li { float: left; width: 23%; height: 120px; overflow: hidden; padding: 0 2%; margin-bottom: 2%; margin-right: 2%; border: 1px solid #f5f5f5; box-sizing: border-box; text-align: center; line-height: 118px; font-size: 0; box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1);-webkit-box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1);}
.pro_5 ul li a { display: inline-block; }
.pro_5 ul li a img { max-width: 100%; max-height: 100%; -webkit-transition: all .5s; transition: all .5s; padding-top:10px;}
.pro_5 ul li:hover a img { -webkit-transform: scale(1.05); transform: scale(1.05);}

@media screen and (max-width:768px) {
.wrap{ max-width:100%;}
.Product > .wrap{  margin-top:30px;}
.content .sub_tit{ font-size:26px; padding:10px 0 10px 0 !important;}
.Product .pro_1 .pro_mian li{ width:38%; margin:0 2.5%; padding:10px; display: inline-block; margin-bottom:20px;}
.Product .pro_1 .pro_mian li span.fl em{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px;}
.pro_4{ height:auto; padding-bottom:20px;}
.pro_4 .sub_tit{ font-size:26px; padding:30px 0 10px 0 !important;}
.pro_4 ul li{ float:none; width:90%; margin:0 auto; margin-bottom:20px;}
.pro_5 .sub_tit{margin:20px 0 !important;padding:20px 0 10px 0 !important;}
.pro_5 ul{ height:auto;margin:0 auto; text-align:center; width:92%; }
.pro_5 ul li{ width:45%; height:auto; line-height:inherit; margin-left:2%;}
.pro_5 ul li:last-child{ margin-bottom:30px;}
}