@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption{margin:0;padding:0;}
body{font-size:12px;font-family:Arial,微软雅黑;color:#333; min-width:1300px;}
h1,h2,h3,h4,h5{font-weight:normal;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;max-width:100%;max-height:100%;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;}
textarea{resize:none;overflow:auto;}

/* public */

.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.img_box{position: relative;}
.img_box img{ position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);}
.main{width:100%; max-width:1300px; margin:0 auto;}
.fixed{position:fixed;left:0;top:0;z-index:999;}
.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}


.index-net { position : relative ; overflow : hidden }
.index-net .gettext { display : none ; width : 546px ; height : 25px ; padding : 15px 0px ; text-align : center ; position : absolute ; top : 0 }
.index-net .gettext b { display : inline-block ; margin-right : 15px ; color : #333333 ; font-size : 16px ; font-weight : normal ; line-height : 25px }
.index-net .gettext input { width : 100px ; height : 25px ; border : solid 1px #cccccc ; border-radius : 5px ; color : #333333 ; font-size : 16px ; text-indent : 15px }
.index-net .gettext input:first-of-type { margin-right : 15px }
.index-net .net_box { width : 546px ; height : 399px ; background-image : url(../images/index-netbg.png) ; background-size : 100% 100% ; margin-top : 55px ; position : relative }
.index-net .entli { display : none ; width : 48px ; height : 16px ; padding-top : 14px ; background-image : url(../images/index-fi2.png) ; background-position : center top ; background-repeat : no-repeat ; background-size : 10px 14px ; position : absolute }
.index-net .entli p { color : #333333 ; font-size : 12px }
.index-net .net_content { width : 48px ; height : 16px ; padding-top : 14px ; background-image : url(../images/index-fi1.png) ; background-position : center top ; background-repeat : no-repeat ; background-size : 10px 14px ; position : absolute }
.index-net .net_content:hover { background-image : url(../images/index-fi2.png) }
.index-net .net_content>p { width : 96px ; color : #333333 ; font-size : 12px ; text-align : center ; position : absolute ; left : 50% ; transform : translateX(-50%) }
.index-net .text_box { display : none ; width : 232px ; height : 144px ; background : url(../images/index-net-textbg1.png) no-repeat ; padding : 14px 0px 0px 14px ; box-sizing : border-box ; position : absolute ; right : -2px ; top : -114px ; z-index : 1 }
.index-net .text_box-handle { display : none ; width : 232px ; height : 144px ; background : url(../images/index-net-textbg2.png) no-repeat ; padding : 14px 0px 0px 14px ; box-sizing : border-box ; position : absolute ; left : -2px ; top : -114px ; z-index : 1 }
.index-net .net_content:hover .text_box { display : block }
.index-net .net_content:hover .text_box-handle { display : block }
.index-net .text_box b { display : block ; margin-bottom : 10px ; color : #333333 ; font-size : 12px }
.index-net .text_box p { color : #808080 ; font-size : 12px ; text-align : left ; line-height : 18px }
/* 修改结束 */

.index-net{
    width:546px;
    height:auto;
    padding-top:20px;
}
.index-net img{
    width:100%;
}

/* 轮播图 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .hd{width:100%;padding:20px 0;text-align:center;border-bottom:1px solid #dfdfdf;position:absolute;left:0;bottom:2px;}
.banner .hd ul{display:inline-block;}
.banner .hd ul li{width:11px;height:11px;transform: translate(0,-50%);border-radius: 50%;vertical-align: middle; display:inline-block;float:left;background-color:#ffffff;margin:0 10px;cursor:pointer;text-indent:-9999px;}
.banner .hd ul li.on{width: 19px;height: 19px;background: rgba(143,196,31,0.2) url("../images/banner_btn_03.png") no-repeat center;margin: 0 6px;opacity: .8;}

.banner video{ width: 100%; height:100%; object-fit: cover;}

.banner .banner_prev,
.banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.banner .banner_prev{left:120px;}
.banner .banner_next{right:120px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}
.banner .cur{width:20px; height:40px; display:inline-block; position:absolute; left:50%; bottom:30px; margin-left:10px; background:url(../images/cursor.png) no-repeat center; cursor:pointer;}


/* 头部 */
.header{background-color: #FFFFFF;width:100%;height:100px;}
.header_box{height:100px;position:relative;}
.header_box h1{height:100px;width: 266px;line-height:100px;text-align:center;display:inline-block;
background-repeat: no-repeat;}
.header_box h1 .img_box{width: 265px;height: 49px;margin-top: 35px;}
.header .nav{display:inline-block;float:right;height: 100px;line-height: 100px;}
.header .nav ul{height: 100px;line-height: 100px;}
.header .nav ul li{display:inline-block;width:90px;height:100px;line-height:100px;float:left;text-align:center;font-size:15px;color:#444;transition: all .8s;}
.header .nav ul li:last-of-type{color: #888888;}
.header .nav ul li:hover{background:no-repeat center bottom;color:#8fc41e;}
.header .nav li a{display:block;font-size:16px}
.header .search_box{display: inline-block;float: right;margin-top: 35px;}
.header .search_box form{position: relative;}
.header .search_box input[type="text"]{padding-left:15px;font-size: 12px;height: 35px;border-radius: 18px;background-color: #eeeeee;}
.header .search_box .submit{position: absolute;background: url(../images/icon01.png) no-repeat;width: 19px;height: 21px;top: 7px;right: 15px;}


/* 下拉框 */
.header .nav .des {position: absolute;padding-top: 0px;z-index:50;overflow: hidden;top: 100px;transition: all .35s ;-ms-transition: all .35s ;-moz-transition: all .35s ;-webkit-transition: all .35s ;height: 0px;background-color: #ffffff;}
.header .nav li:hover .des {height: 325px;display: block;border-top: 2px solid #92d232;}
.header .nav .des ul dl{width: 48%;display: inline-block;text-align: left;margin-left: 5px;float: left;margin-bottom: 20px;}
.header .nav .des ul dl dt{font-size: 13px;border-bottom: 1px solid #f0f0f0; font-weight: bold;color: #5e5e5e;line-height: 32px;height: 32px;}
.header .nav .des ul dl dd a{font-size: 12px;color: #5e5e5e;height: 28px;line-height: 28px;}
.header .nav .des ul dl dt,
.header .nav .des ul dl dd{margin-left: 0px;padding-left: 5px;}


/* 底部 */
.footer{background:#262626; color:#fff;background-color: #111f3e; border-top: 4px solid #8fc41e;}
.footer .main{position: relative;}
.footer_box{padding:58px 0 67px 0;}
.footer_box .footer_text{float:left; max-width:252px;}
.footer_box .footer_text h4{height:45px; font-size:16px; color:#fff;}
.footer_box .footer_text p{font-size:14px; color:#cccccc; line-height:20px;}
.footer_box .footer_text .icon{margin-top: 15px;}
.footer_box .footer_text .icon .img_box{width: 38px;height: 40px; display: inline-block;}
.footer_box .footer_text .icon .img_box img{width: 100%;height: 100%;}
.footer_box .footer_nav{display:inline-block; float:left;}
.footer_box .footer_nav dl{display:inline-block; float:left;width: 139px;}
.footer_box .footer_nav dl dt{font-size:16px; color:#ffffff; padding-bottom:10px;}
.footer_box .footer_nav dl dt::after{content: '—';display: block;color: #535353;}
.footer_box .footer_nav dl dd{font-size:14px; color:#bbbbbb; line-height:20px;}
.footer_box .footer_nav dl dd a:hover{text-decoration: underline;}
.footer_box .wxqr{width:154px; display:inline-block; float:right;}
.footer_box .wxqr .qr{width:135px; height:135px;margin: 0 auto;}
.footer_box .wxqr .qr img{width:100%; height:100%;}
.footer_box .wxqr p{font-size:14px;line-height: 14px; color:#898989; padding-top:23px; text-align:center;}
.bottom{background-color: #0c152a;}
.copy{font-size:14px; color:#ffffff; text-align:center;line-height: 50px;}
.copy .cl{float: left;}
.copy .cr{float: right;}

/* 公安备案2020-8-28 */
.footer .ga{padding-left:20px;margin-left:20px;display: inline-block;background:url(../images/gongan.png) no-repeat left center;}
/* icp备案2020-9-2 */
.footer .icp{margin-left:20px;display: inline-block;}

/* 友情链接 */
.footer .firend_link{position: absolute;bottom: 100%;padding:15px 0;}
.footer .firend_link ul li{display:inline-block;height:30px;line-height:30px;font-size:15px;color:#666;float:left;}
.footer .firend_link ul li:first-of-type{color: #333333;}
.footer .firend_link ul li:not(:last-of-type) a:after{display: inline-block;content: '|';margin-left: 10px;color: #979797;}
.footer .firend_link ul li:not(:nth-of-type(2)) a{padding-left: 10px;}
.footer .firend_link ul li:hover a{text-decoration: underline;}


.sidebar{position: fixed;right: 0;color: #FFFFFF;top: 50%;}
.sidebar .side{background-color: #111f3e;width: 70px;height: 70px;box-sizing: border-box;margin-bottom: 3px;padding-top: 11px;position: relative;text-align: center;}
.sidebar .side h4{margin-top: 11px;}
.sidebar .img_box{margin: 0 auto;width: 19px;height: 19px;}
.sidebar .side .phone{position: absolute;text-align: center;vertical-align: middle;line-height: 70px;top: 0;right: 70px;min-width: 150px;font-size: 20px;padding: 0 20px;height: 70px;background-color: #111f3e;visibility: hidden;opacity: 0;transition: all 0.5s linear;}
.sidebar .side:hover .phone{visibility: visible;opacity: 1;}



.context,
.news
{box-sizing: border-box;}
.context .tit,
.news .tit
{text-align: center;}
.context .tit h2,
.news .tit h2
{font-size: 28px;font-weight: bold;height: 28px;margin-top: 50px;margin-bottom: 25px;}
.context .tit h2>div,
.news .tit h2>div
{display: inline;}
.context .tit h2>div:first-of-type,
.news .tit h2>div:first-of-type
{color: #8fc41e;}
.context .tit h2>div:last-of-type,
.news .tit h2>div:last-of-type
{color: #111f3e;}
.context .tit h2:after,
.news .tit h2:after
{display: inline-block;content: '';margin-left: 25px; width: 38px;height: 19px;background: url(../images/icon02.png) no-repeat;}
.context .tit h2::before,
.news .tit h2::before
{display: inline-block;content: '';margin-right: 25px; width: 38px;height: 19px;background: url(../images/icon03.png) no-repeat;}
.context .tit p,
.news .tit p
{color: #999999;font-size: 14px}


.context .img_list{margin-top: 45px;}
.context .img_list .img_box{margin-bottom: 27px;width: 416px;height: 300px;float: left;position: relative;}
.context .img_list .img_box:hover{margin-top: -5px;margin-bottom: 32px;}
.context .img_list .img_box img{transition: transform .35s;position: absolute;transform: translate(0,0);left: 0;top: 0;}
.context .img_list .img_box:hover img{transform: scale(1.1,1.1);}
.context .img_list a:nth-of-type(3n+1) .img_box{margin-right: 26px;}
.context .img_list a:nth-of-type(3n) .img_box{margin-left: 26px;}
.context .img_box .img_text{margin-left: 20px;position: absolute;color:#fff;font-size: 20px;bottom: 22px;}
.context .img_box .img_text::before{display: block;content: '—';font-weight: bold;}
.context .tit::before,
.news .tit::before{display: table;content: '';}



/*  */
.context{padding-bottom: 40px;color: #ffffff;}
.context .ibox_list{margin-top: 45px;}
.context .ibox_list .ibox{display: inline-block;position: relative;width: 591px;height: 380px;}
.context .ibox_list .text_box{position: absolute;top: 0px;text-align: center;}
.context .ibox_list .text_box h3{margin-top: 90px;font-size: 20px;margin-bottom: 30px;}
.context .ibox_list .text_box p{margin: 0 auto;width: 87%;font-size: 16px;line-height: 30px;}
.context .ibox_list .list_box{width:416px;display:inline-block;float:left;padding-bottom:0;position:relative;background:#fff;}
.context .ibox_list .img_text{margin-left: 20px;position: absolute;color:#fff;font-size: 20px;bottom: 40px;}
.context .ibox_list .img_text::before{display: block;content: '—';font-weight: bold;}

.context .ibox_list .list_box:not(:nth-child(3n)){margin-right:26px;}
.context .ibox_list .list_box .img_box{margin-bottom: 27px;width:416px;height:300px;background:#000000;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;opacity:1;filter: alpha(opacity=0.2);}
.context .ibox_list .list_box .img_box img{width: 100%;height: 100%;}
.context .ibox_list .list_box .img_box.text_box{position:absolute;left:0px;top:0px;opacity:.2;filter: alpha(opacity=20);}
.context .ibox_list .list_box:hover .img_box{opacity:1;filter: alpha(opacity=100);}
.context .ibox_list .list_box:hover .img_box.text_box{opacity:0;filter: alpha(opacity=0);}
.context .ibox_list .list_box:hover p{color:#000;}






/* 新闻 */
.news{background-repeat: no-repeat;background-size: 100% 100%;box-sizing: border-box;height: 680px;}
.news .news_list{margin-top: 45px;}
.news .news_list .news_box{float: left;width: 400px;}
.news .news_list .news_box:not(:last-of-type){margin-right: 50px;}
.news .news_list .news_box .img_box{width: 400px;height: 250px;}
.news .news_list .news_box .text h3{font-size: 18px;line-height: 18px;color: #333333;margin-top: 29px;margin-bottom: 22px;}
.news .news_list .news_box .text p{font-size: 15px;line-height: 20px;color:#666666;}
.news .news_list .news_box .text p:last-of-type{height: 50px;line-height: 15px;padding-bottom: 13px;background: url(../images/arr.png) no-repeat right top;border-bottom: 2px solid #d2d2d2;margin-top: 12px;box-sizing: border-box;transition: all .5s;height: 29px;position: relative;}
.news .news_list .news_box .text p:last-of-type::after{content: '';height: 8px;bottom: 0;left: 0;width: 0%;position: absolute;transition: all .5s;background-color: #8fc41e;}
.news .news_list .news_box:hover .text p:last-of-type::after{width: 100%;}
.news .news_list .news_box:hover .text p:last-of-type{background: url(../images/arr_act.png) no-repeat right top;}


/* 售后 */
.service{padding: 30px 0 160px;}
.service .sl .tit{width: 546px;}
.service .sr .tit{width: 100%;}
.service .tit{display: inline-block;box-sizing: border-box;padding-bottom: 10px;padding-left: 35px;margin-left: -35px;border-bottom: 1px dashed #a0a0a0;}
.service .sl:before,
.service .sr:before{display: inline-block;content: ''; width: 16px;height: 55px;background: url(../images/index1_03.png) no-repeat;margin-right: 15px;}
.service .sl{float: left;width: 50%;}
.service .sr{float: right;width: 50%;}
.service .tit h2{font-size: 28px;line-height: 28px;margin-bottom: 15px;color: #111f3e;font-weight: bold;}
.service .tit h2>div{color: #8fc41e;}
.service .tit h2>div{display: inline;}
.service .tit h2>div:after{display: inline-block;content: '';margin-left: 25px;width: 38px;height: 19px;background: url(../images/icon03.png) no-repeat;}
.service .tit p{font-size: 14px;line-height: 14px;color: #999999;}
.service .sr .problen_list{font-size: 18px;}
.service .sr .problen_list ul{color: #555555;margin-left: 20px;margin-top: 20px;}
.service .sr .problen_list ul li{border-bottom: 1px dashed #a0a0a0;line-height: 80px;margin-left: -21px;}
.service .sr .problen_list ul li:before{display: inline-block;content: '';width: 7px;margin-right: 15px;margin-bottom: 5px;height: 7px;background: url(../images/icon04.jpg) no-repeat;}
.service .sr .problen_list ul li a{color: #555555;}
.service .sr .problen_list ul li:hover a{color: #111f3e;}
.service  span{float: right;}
.service .sr .problen_list ul li span{color: #777777;font-size: 14px;}


/* 标题图片 */
.tit_img{width: 100%;height: 400px;background-size: 100% 100%;background-repeat: no-repeat;}

/* 二级导航 */
.min_nav{height: 60px;line-height: 60px;border-bottom: 1px solid #eeeeee;}
.min_nav .main{line-height: 57px;}
.min_nav .nl{display: block;width: 50%;height: 60px;}
.min_nav .nl:before{width: 13px;height: 13px;display: inline-block;content: '';margin-bottom: 27px;background-image: url('../images/icon05.png');}
.min_nav .nl>ul{height: 60px;display: inline-block;font-size: 14px;color: #999999;}
.min_nav .nl>ul li{float: left;}
.min_nav .nl>ul li:not(:last-of-type):after{display: inline-block;content: '-';padding: 0 5px;}
.min_nav>.main>ul{float: right;}
.min_nav>.main>ul li{float: left;}
.min_nav>.main>ul li a{font-size: 14px;padding: 0 12px;color: #999999;}
.min_nav>.main>ul li:hover{border-bottom: 2px solid #8ed302;}
.min_nav>.main>ul li:hover a{color: #8ed302;}
.min_nav>.main>ul li.on{border-bottom: 2px solid #8ed302;}
.min_nav>.main>ul li.on a{color: #8ed302;}



/* 新闻 */
.news.pages{height: auto;}
.news_list_box{height: auto;margin-top: 25px;}
.news_list_box .new_box{border-bottom: 1px solid #dcdcdc;padding: 45px 0;}
.news_list_box .new_box .img_box{width: 400px;height: 250px;float:left;overflow:hidden;}
.news_list_box .new_box .img_box img{transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-webkit-transition: all .8s ease-in-out;width: 100%;height: 100%;position: relative;transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);top: 0;left: 0;}
.news_list_box .new_box .text_box{float: left;width: 820px;padding-top: 18%;margin-left: 70px;position: relative;}
.news_list_box .new_box .text_box .text{position: absolute;left: 0;top: 0%;z-index: 11;width: 100%;}
.news_list_box .new_box .text_box h3{color:#333333;border-bottom:0px solid #dcdcdc;font-size: 20px;line-height: 30px;margin-top: 47px;margin-bottom: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list_box .new_box .text_box p{font-size:16px;color:#666666;line-height:20px;margin-top:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.news_list_box .new_box .text_box span{font-size:16px;color:#666666;}
.news_list_box .new_box:hover img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);width: 100%;height: 100%;}
.news_list_box .new_box .text_box:hover i{width:100%;}
.newsv{padding-top:30px;padding-bottom:80px;}
.newsv_box .info_box{width:990px;margin:0 auto;}
.newsv_box .htit{padding:30px 0;text-align:center;}
.newsv_box .htit h2{font-size:20px;color:#333;font-weight:bold;padding:5px 0;}
.newsv_box .htit p{font-size:16px;color:#6f6f6f;}
.newsv_box .text_box{font-size:16px;color:#333;line-height:28px;border-bottom:1px solid #bfbfbf;padding-bottom:30px;}
.newsv_box p.next{height:50px;line-height:50px;}
.newsv_box p.next a{display:inline-block;height:50px;margin-right:60px;font-size:15px;color:#444;}
.newsv_box p.next a:hover{text-decoration: underline;}


/* 公用 */
.wrap .pages,
.eng .pages,
.ppro .pages,
.inews .pages{padding:80px 0;text-align:center;}
.wrap,
.eng,
.ppro,
.news{margin-bottom: 35px;}
.wrap .pages a,
.eng .pages a,
.ppro .pages a,
.inews .pages a{height:20px;color: #999999;padding:0 3px;display:inline-block;font-size:15px;line-height:20px;margin:0 5px;}
.eng .pages a.on,.eng .pages a:hover,
.inews .pages a.on,.inews .pages a:hover,
.ppro .pages a.on,.ppro .pages a:hover,
.wrap .pages a.on,.wrap .pages a:hover{color: #111f3e;border-bottom:1px solid #111f3e;}


/* 成功案例 */
.eng{margin-top: 80px;}
.eng .eng_list_box .eng_box{width: 400px;display: block;float: left;transition: all .35s;}
.eng .eng_list_box .eng_box:hover{margin-top: -5px;margin-bottom: 5px;}
.eng .eng_list_box .eng_box:not(:nth-of-type(3n)){margin-right: 44px;}
.eng .eng_list_box .eng_box .img_box{width: 400px;height: 300px;}
.eng .eng_list_box .eng_box .img_box img{width: 100%;height: 100%;}
.eng .eng_list_box .eng_box .text_box{height: 100px;line-height: 100px;color: #333333;font-size: 18px;text-align: center;}


/* 产品 */
.ipro{margin-top: 50px;margin-bottom: 160px;}
.ipro .pl{float: left;}
.ipro .pl h3{font-size: 20px;color: #333333;margin-bottom: 30px;}
.ipro .pl .list_box{width: 955px;margin-bottom: 60px;}
.ipro .pl .list_box .ronliang_box{border: 1px solid #e5e5e5;}
.ipro .pl .list_box .ronliang_box:not(:last-of-type){border-bottom: none;}
.ipro .pl .list_box .ronliang_box .room{background-color: #f1f1f1;padding: 20px 0;width: 250px;display: table-cell;vertical-align: middle;text-align: center;font-size: 15px;color: #333333;box-sizing: border-box;}
.ipro .pl .list_box .ronliang_box ul{box-sizing: border-box;width: 700px;overflow: hidden;display: table-cell;min-height: 60px;padding-left: 30px;}
.ipro .pl .list_box .ronliang_box ul li{padding: 22px 0;color: #666666;width: 83px;font-size: 15px;float: left;}
.ipro .pl .list_box .ronliang_box ul li a:hover{text-decoration: underline;}
.ipro .pl .list_box .ronliang_box .room span{color: #ff0000;}
.ipro .pl .ppro .pro_list{width: 955px;border: 1px solid #e5e5e5;box-sizing: border-box;}
.ipro .pl .ppro .pro_list .img_box{width: 140px;height: 130px;margin: 0 auto;}
.ipro .pl .ppro .pro_list .pro_box{width: 50%;float: left;box-sizing: border-box;display: inline-block;border-bottom: 1px solid #E5E5E5;}
.ipro .pl .ppro .pro_list .pro_box:nth-of-type(2n+1){border-right: 1px solid #E5E5E5;}
.ipro .pl .ppro .pro_list .pro_box .text_box{display: inline-block;margin-left: 30px;width: 45%;}
.ipro .pl .ppro .pro_list .pro_box .text_box h4{font-size: 16px;margin-top: 50px;margin-bottom: 30px;color: #333333;}
.ipro .pl .ppro .pro_list .pro_box .text_box p{font-size: 14px;line-height: 24px;color: #999999;}
.ipro .pl .ppro .pro_list .pro_box .text_box span:first-of-type{color: #ff0000;}
.ipro .pl .ppro .pro_list .pro_box .text_box p:last-of-type span{color: #143d81;}
.ipro .pl .ppro .pro_list .pro_box .text_box div{font-family: "宋体";transition: all .35s;-o-transition: all .35s;-ms-transition: all .35s;-moz-transition: all .35s;-webkit-transition: all .35s;display: inline-block;color: #8fc41e;font-size: 14px;text-align: center;border: 1px solid #e5e5e5;line-height: 35px;width: 100px;height: 35px;margin-top: 15px;margin-bottom: 30px;}
.ipro .pl .ppro .pro_list .pro_box .text_box div:hover{background-color: #8fc41e;border: 1px solid #8fc41e;color: #fff;}
.ipro .pl .ppro .pro_list .pro_box .img_box{width: 200px;height: 200px;display: inline-block;}
.ipro .pr{width: 300px;float: right;}
.ipro .pr .sort{font-size: 16px;}
.ipro .pr .sort .sort_box{padding: 16px 0 16px 45px;background-color: #fafafa;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.ipro .pr .sort:last-of-type .sort_box{border-bottom: 1px solid #e5e5e5;padding-bottom: 45px;}
.ipro .pr .sort h3{background-color: #111f3e;color: #fff;padding: 10px 0 10px 25px;font-size: 16px;}
.ipro .pr .sort .sort_box div{height: 35px;line-height: 35px;}
.ipro .pr .sort .sort_box div:hover{text-decoration: underline;}
.ipro .pr .sort .sort_box div span{color: #999999;}


/* 产品参数 */
.ppro .pro_list table{width: 955px;min-height: 25px;line-height: 25px;text-align: center;border-color:#E5E5E5;border-collapse: collapse;font-size: 15px;}
.ppro .pro_list table,.ppro .pro_list table tr th,.ppro .pro_list  table tr td { border:1px solid #e5e5e5; }
.ppro .pro_list table td img{width: 100%;height: 100%;vertical-align: bottom;}
.ppro .pro_list table th{height: 50px;}
.ppro .pro_list table td{height: 130px;color: #666666;}
.ppro .pro_list table td:nth-of-type(3){color: #143d81;}
.ppro .pro_list table td:nth-of-type(4){color: #ff0000;}
.ppro .pro_list table td:nth-of-type(6){font-weight: bold;}
.ppro .pro_list table th{background-color: #f1f1f1;}


/* 产品详情 */
.jpro{margin-top: 35px;position:relative;}
.jpro .pl{width: 50%;}
.jpro .pl .hd ul li .img_box{width: 120px;height: 120px;border: 1px solid #e5e5e5;box-sizing: border-box;}
.jpro .pl .hd ul li.on .img_box{border: 1px solid rgba(143,196,30,.5);}
.jpro .pl .bd{display: inline-block;vertical-align: top;margin-left: 20px;}
.jpro .pl .bd ul li .img_box{width: 500px;height: 500px;border: 1px solid #e5e5e5;box-sizing: border-box;}
.jpro .pl .hslide{width: 120px;display: inline-block;}
.jpro .hd{position: relative;}
.jpro .hd ul li{width: auto;margin-bottom: 6px;}
.jpro .jpro_prev,
.jpro .jpro_next{font-size: 27px;font-family: '宋体';font-weight: bold;position: absolute;display: block;font-size: 20px;width: 30px;height: 120px;text-align: center;line-height: 120px;color: #fff;opacity: .9;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);background-color: #283551;left: 45px;}
.jpro .jpro_prev{top: -45px;}
.jpro .jpro_next{bottom: -38px;}
.jpro .jpro_prev:hover,
.jpro .jpro_next:hover{opacity:1;}
.jpro .pr,
.jpro .pl{float: left;width: 50%;display: inline-block;}
.jpro .pr{padding-left: 69px;box-sizing: border-box;}
.jpro .pr h3{margin-top: 45px;font-size: 25px;line-height: 25px;padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.jpro .pr .text_box{margin-top: 30px;}
.jpro .pr .text_box p{line-height: 38px;font-size: 13px;color: #666666;width: 420px;}
.jpro .pr .text_box p a{float: right;}
.jpro .pr .text_box p a:hover{color: #009900;}
.jpro .pr .text_box p span{color: #333333;font-size: 17px;}
.jpro .pr .pages{margin-top: 60px;float: right;}
.jpro .pr .pages div{display: inline-block;}
.jpro .pr .pages div a{color: #999999;font-size: 14px;line-height: 34px;width: 65px;text-align: center;height: 34px;display: inline-block;}
.jpro .pr .pages div:not(:last-of-type)::after{display: inline-block;content: '|';margin: 0 20px;}
.jpro .pr .pages div a:hover,
.jpro .pr .pages div a.on{border-bottom: 1px solid #999999;}


/* 产品导航 */
.pro_nav{margin-top: 80px;margin-bottom: 50px;}
.pro_nav .agroup_t{border-bottom: 3px solid #8fc41e;}
.pro_nav .agroup_t li{display: inline-block;font-size: 18px;padding: 15px 40px;background-color: #111f3e;color: #ffffff;}
.pro_nav .agroup_t li.on,
.pro_nav .agroup_t li:hover{background-color: #8fc41e;}


/* 详情参数 */
.pro_nav .data h4{font-size: 18px;margin-bottom: 15px;color: #333333;}
.pro_nav .idata{margin-bottom: 45px;}
.pro_nav .list_box{width: 955px;}
.pro_nav .list_box .iatt_box:nth-of-type(2n+1) div{background-color: #eeeeee;}
.pro_nav .list_box .iatt_box .iatt{padding: 20px 0;padding-left: 26px;width: 200px;border: 1px solid #dcdcdc;float: left;font-size: 15px;color: #333333;box-sizing: border-box;height: 60px;}
.pro_nav .list_box .iatt_box .val{padding: 20px 0;width: 320px;border: 1px solid #dcdcdc;float: left;padding-left: 24px;font-size: 15px;color: #333333;box-sizing: border-box;height: 60px;}
.pro_nav .long .list_box .iatt_box .val{width: 620px;}
.pro_nav .list_box .iatt_box:not(:last-of-type) .iatt,
.pro_nav .list_box .iatt_box:not(:last-of-type) .val{border-bottom:none;}
.pro_nav .list_box .iatt_box div:not(:last-of-type){border-right: none;;}
.pro_nav .agroup_b{margin-top: 30px;}
.pro_nav .agroup_b>div{display:none;}
.pro_nav .agroup_b .text h3{font-size: 18px;padding: 20px 0;}
.pro_nav .agroup_b .text td{padding: 2px 5px;font-size: 16px;border: 1px solid #999;border-color: #999;}


/* 推荐 */
.pro_tuijian{margin-top: 100px;margin-bottom: 200px;}
.pro_tuijian h4{font-size: 18px;}
.pro_tuijian .pro_list{margin-top: 35px;}
.pro_tuijian .pro_list .pro_box{display: block;float: left;transition: all .35s;}
.pro_tuijian .pro_list .pro_box.on,
.pro_tuijian .pro_list .pro_box:hover{margin-top: -5px;margin-bottom: 5px;}
.pro_tuijian .pro_list .pro_box:not(:last-of-type){margin-right: 23px;}
.pro_tuijian .pro_list .pro_box a>.img_box{box-sizing: border-box;width: 305px;height: 305px;border: 1px solid #e5e5e5;}
.pro_tuijian .pro_list .text_box{width: 305px;height: 87px;border: 1px solid #e5e5e5;border-top: 0px;box-sizing: border-box;padding-top: 20px;padding-left: 20px;padding-bottom: 15px;}
.pro_tuijian .pro_list .text_box h5{padding-bottom: 18px;font-size: 17px;line-height: 17px;color: #333333;}
.pro_tuijian .pro_list .text_box p{line-height: 25px;height: 25px;width: 225px;font-size: 14px;color: #999999;border-right: 1px solid #E5E5E5;}
.pro_tuijian .pro_list .text_box .img_box{width: 55px;height: 25px;float: right;}


/* 产品详情 */
.text p{font-size: 16px;color: #666666;line-height: 30px;}


/* 解决方案 */
.wrap{margin-top: 55px;margin-bottom: 100px;}
.wrap .container-left{display: inline-block;width: 300px;}
.wrap .container-left ul{width: 300px;}
.wrap .container-left ul li{width:300px;height:50px;line-height:50px;color: #666666;padding-left: 30px;box-sizing: border-box;font-size: 15px;background-color:#f6f6f6;border: 1px solid #e5e5e5;}
.wrap .container-left ul li:not(:last-of-type){border-bottom:none;}
.wrap .container-left ul li.on,
.wrap .container-left ul li:hover{color: #111f3e;padding-left: 26px;border-left: 5px solid #111f3e;color: #111f3e;}
.wrap .container-left ul li:first-of-type{border-left: 5px solid #111f3e;padding-left: 30px;background-color: #111f3e;border: 1px solid #111f3e;color: #ffffff;}
.wrap .container-right{display: inline-block;width: 880px;float: right;}
.wrap .container-right>div{display:none;}
.wrap .container-right>div:first-Child{display:block;}
.wrap .container-right .problen_list{font-size: 18px;}
.wrap .container-right .problen_list ul{color: #555555;margin-left: 20px;margin-top: 20px;}
.wrap .container-right .problen_list ul li{border-bottom: 1px dashed #a0a0a0;line-height: 100px;margin-left: -21px;}
.wrap .container-right .problen_list ul li:before{display: inline-block;content: '';width: 7px;margin-right: 15px;margin-bottom: 5px;height: 7px;background: url(../images/icon04.jpg) no-repeat;}
.wrap .container-right .problen_list ul li a{color: #555555;}
.wrap .container-right .problen_list ul li span{color: #777777;font-size: 14px;float: right;}
.wrap .container-right .problen_list ul li:hover a,
.wrap .container-right .problen_list ul li:hover span{color:#111f3e;}


/* 关于我们 */
/* 公用样式 */
.jianjie{color: #333333;}
.wenhua{color: #ffffff;}
/* 公用样式 */
.jianjie{margin-top: 75px;margin-bottom: 100px;}
.jianjie .jl{display: inline-block;}
.jianjie .jl h2{font-size: 25px;margin-bottom: 40px;}
.jianjie .jl h2:before{display: inline-block;margin-top: -5px;content: '';width: 8px;height: 25px;vertical-align: middle;margin-right: 15px;background-color: #8fc41e;}
.jianjie .jl .text_box p{font-size: 16px;line-height: 30px;width: 820px;text-align:left;text-indent:2em;}
.jianjie .jr{display: inline-block;float: right;}
.jianjie .jr .img_box{margin-right: 7px;width: 436px;height: 455px;box-shadow: 7px -7px #111f3e;}


.wenhua{padding-top: 65px;box-sizing: border-box;background-repeat: no-repeat;background-size: 100% 100%;height: 450px;}
.wenhua .jl{display: inline-block;width: 50%;}
.wenhua .jl h2{font-size: 25px;margin-bottom: 60px;}
.wenhua .jl h2:before{display: inline-block;content: '';width: 8px;height: 25px;vertical-align: middle;margin-top: -5px;margin-right: 15px;background-color: #8fc41e;}
.wenhua .jl .text_box p{font-size: 16px;line-height: 36px;width: 820px;text-align:left;}
.wenhua .jr{display: inline-block;float: right;width: 50%;}
.wenhua .jr .img_box{margin-right: 7px;width: 960px;height: 407px;box-shadow: 7px 7px #8fc41e;}


.honor{padding-top: 160px;box-sizing: border-box;background-repeat: no-repeat;background-color: #F6F6F6;background-size: 100% 100%;height: 715px;}
.honor .jl{display: inline-block;width: 715px;}
.honor .jl h2{font-size: 25px;margin-bottom: 45px;}
.honor .jl h2:before{display: inline-block;content: '';width: 8px;height: 25px;vertical-align: middle;margin-top: -5px;margin-right: 15px;background-color: #8fc41e;}
.honor .jl .text_box p{margin-bottom: 50px;}
.honor .jl .text_box p{color: #666666;font-size: 16px;line-height: 30px;text-align:left;}
.honor .jl .honor_silde .img_box{width: 166px;height: 240px;margin: 0 auto;}
.honor .jl .honor_silde .text_box{text-align: center;font-size: 14px;color: #666666;margin-top: 10px;}
.honor .jl .honor_silde .bd .tempWrap{margin: 0 auto;width: 579px !important;}
.honor .jl .honor_silde ul li{display: list-item;float: left;padding: 0 13px;}
.honor .jl .honor_silde{position: relative;}
.honor .jl .honor_silde .banner_prev,
.honor .jl .honor_silde .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.honor .jl .honor_silde .banner_prev{left:120px;}
.honor .jl .honor_silde .banner_next{right:120px;}
.honor .jl .honor_silde .banner_prev:hover,
.honor .jl .honor_silde .banner_next:hover{opacity:1;}
.honor .jl .honor_silde .banner_prev,
.honor .jl .honor_silde .banner_next{top: 40%;color: #999999;font-size: 60px;font-weight: initial;background-color: rgba(0,0,0,0);}
.honor .jl .honor_silde .banner_prev{left: 0;}
.honor .jl .honor_silde .banner_next{right: 0;}
.honor .jr{display: inline-block;float: right;}
.honor .jr .img_box{width: 500px;height: 470px;}


.carroom{padding-top: 120px;padding-bottom: 115px;color: #ffffff;}
.carroom .ibox_list .ibox{display: inline-block;position: relative;width: 591px;height: 380px;}
.carroom .ibox_list  .text_box{position: absolute;top: 0px;text-align: center;}
.carroom .ibox_list .text_box h3{margin-top: 90px;font-size: 20px;margin-bottom: 30px;}
.carroom .ibox_list .text_box p{margin: 0 auto;width: 87%;font-size: 16px;line-height: 30px;}
.carroom .ibox_list .list_box{width:590px;display:inline-block;float:left;padding-bottom:0;position:relative;background:#fff;}
.carroom .ibox_list .list_box:nth-of-type(2n){float: right;}
.carroom .ibox_list .list_box:nth-child(3n){margin-right:0;}
.carroom .ibox_list .list_box .img_box{width:590px;height:380px;background:#111f3e;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;opacity:1;filter: alpha(opacity=0.2);}
.carroom .ibox_list .list_box .img_box.text_box{position:absolute;left:0px;top:0px;opacity:.8;filter: alpha(opacity=80);}
.carroom .ibox_list .list_box:hover{box-shadow: 2px 3px 5px #ccc;}
.carroom .ibox_list .list_box:hover .img_box{opacity:1;filter: alpha(opacity=100);}
.carroom .ibox_list .list_box:hover .img_box.text_box{opacity:0;filter: alpha(opacity=0);}
.carroom .ibox_list .list_box:hover p{color:#000;}


.envi{padding-top: 60px;padding-bottom: 210px;box-sizing: border-box;background-color: #F6F6F6;color: #000000;}
.envi .jt h2{font-size: 25px;margin-bottom: 45px;}
.envi .jt h2:before{display: inline-block;content: '';width: 8px;height: 25px;vertical-align: middle;margin-top: -5px;margin-right: 15px;background-color: #8fc41e;}
.envi .jt ul{float: right;line-height: 33px;}
.envi .jt ul li{float: left;}
.envi .jt ul li.on,
.envi .jt ul li:hover{border: 1px solid #000000;color: #192644;}
.envi .jt ul li{color: #666666;padding: 12px 15px;border: 1px solid #DCDCDC;border-radius: 7px;line-height: 12px;margin-left: 10px;}
.envi .jb>div{display:none;}
.envi .jb .envi_silde{position: relative;}
.envi .jb .envi_silde .img_box{width: 420px;height: 300px;margin: 0 auto;}
.envi .jb .envi_silde ul li{width: 433px !important;}
.envi .jb .envi_silde .bd .tempWrap{width: 1300px !important;}
.envi .jb .envi_silde .banner_prev:hover,
.envi .jb .envi_silde .banner_next:hover{opacity: 1;border:1px solid #333333;}
.envi .jb .envi_silde .banner_prev,
.envi .jb .envi_silde .banner_next{font-family: "宋体";position: absolute;opacity: .8;top: 110%;color: #999999;text-align: center;width: 40px;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0);font-size: 20px;border: 1px solid #e5e5e5;border-radius: 0px;}
.envi .jb .envi_silde .banner_prev{left: 45%;}
.envi .jb .envi_silde .banner_next{right: 45%;}


/* 介绍 */
.jieshao{text-align: center;padding-top: 80px;padding-bottom: 40px;}
.jieshao h2{font-size: 20px;line-height: 36px;font-weight: bold;}
.jieshao button{border: none;padding: 12px 36px;margin: 60px 0 30px;cursor: pointer;outline: none;background-color: #111f3e;color: #FFFFFF;}
.jieshao p{color: #666666;font-size: 16px;line-height: 30px;}

.img_map .img_box{height: 500px;width: 1300px;}

.area{padding-top: 20px;margin-bottom: 100px;}
.area .area_box{text-align: center;width: 430px;display: inline-block;}
.area .area_box h3{font-size: 18px;margin-top: 60px;margin-bottom: 20px;color: #111f3e;font-weight: bold;}
.area .area_box p{font-size: 16px;line-height: 30px;color: #666666;}

.msg{font-size: 16px;margin-bottom: 160px;color: #999999;}
.msg .main{background-color: #f7f7f7;padding: 0 45px 80px;box-sizing: border-box;}
.msg h2{color: #333333;padding-top: 80px;text-align: center;font-size: 25px;font-weight: bold;}
.msg .inp_box{line-height: 50px;display: inline-block;border-bottom: 1px solid #d2d2d2;}
.msg .msg_top .inp_box{width: 365px;}
.msg .msg_top .inp_box:not(:last-of-type){margin-right: 50px;}
.msg .msg_top .inp_box input{width: 100%;}
.msg form img{vertical-align: bottom;}


.msg .inp_box input,
.msg .text_box textarea{font-size: 16px;background-color: #f7f7f7;}
.msg .text_box{line-height: 56px;}
.msg .text_box textarea{resize: none;width: 100%;display: block;padding-bottom: 20px;border-bottom: 1px solid #d2d2d2;}
.msg form>div{margin-top: 50px;}
.msg .img_box{border: 0px;margin-left: 20px;background-color: #f7f7f7;display: inline-block;outline: none;vertical-align: bottom;width: 150px;height: 50px;}
.msg .img_box img{width: 100%;height: 100%;}
.msg .submit{display: inline-block;border: 0px;outline: none;background-color: rgb(17, 31, 62);text-align: center;width: 150px;float: right;margin-top: 51px;color: #ffffff;height: 50px;line-height: 50px;}

