<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;max-width: 100%;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
/* .wapper{ max-width:1200px; margin:0 auto;} */

/*手机站导航开始*/
.sp_header {
    height: 100px;
    overflow: hidden;
    background: url(../images/headbg.jpg);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    display: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.sp_logo{padding:10px;float:left;height:100px}
.sp_logo img{margin:auto;max-height:80px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:35px}
.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:none;}
.nav_show{top:100px}
.sjj_nav&gt;ul&gt;li:first-child{overflow:hidden;border-top:0}
.sjj_nav&gt;ul&gt;li:first-child&gt;a{float:left;width:calc(100% - 70px)}
.sjj_nav&gt;ul&gt;li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav&gt;ul&gt;li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; box-sizing:border-box;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav&gt;ul &gt;li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#F0C000}
.sjj_nav ul li ul li&gt;ul{margin-left:10px}
/*手机站导航结束*/


/*update_news1*/
.update_news1{ max-width:1200px; margin:0 auto;}
.update_news1 ul li{ padding:20px 0px; border-bottom:1px dashed #e5e5e5;}
.update_news1 ul li strong{ display:block; font-weight:normal; line-height:24px; overflow:hidden;}
.update_news1 ul li strong a{float:left; font-size:16px; color:#444;}
.update_news1 ul li strong em{ float:right; font-style:normal; color:#444; font-size:16px;}
.update_news1 ul li span{ display:block; font-size:12px; color:#777; line-height:22px; padding-top:5px;}
.update_news1 ul li:hover strong a{ color:#f60;}
.update_news1 ul li:hover strong em{ color:#f60;}

/*update_news2*/
.update_news2{ max-width:1200px; margin:0 auto;}
.update_news2 ul li{ padding:20px 0px; border-bottom:1px dashed #e5e5e5; overflow:hidden;}
.update_news2 ul li .date{ float:left; width:84px; height:84px; background:#f2f2f2; text-align:center;}
.update_news2 ul li .date strong{ display:block; font-weight:normal; font-size:25px; padding-top:10px;}
.update_news2 ul li .date span{ display:block; font-size:14px; padding-top:5px;}
.update_news2 ul li .news_desc{ float:right; width:calc(100% - 104px);}
.update_news2 ul li .news_desc a{ display:block; font-size:16px; color:#444;}
.update_news2 ul li .news_desc span{ display:block; font-size:12px; line-height:22px; padding-top:15px; color:#777; height:44px; overflow:hidden;}
.update_news2 ul li:hover .news_desc a{ color:#f60;}

/*update_news3*/
.update_news3{ max-width:1200px; margin:0 auto;}
.update_news3 ul li{ padding:0px 30px; box-sizing:border-box;transition: all .4s ease-out;}
.update_news3 ul li .news_con{ border-bottom:1px solid #ececec; overflow:hidden; padding:30px 0px;}
.update_news3 ul li .news_con .news_pic{ float:left; width:280px; overflow:hidden;}
.update_news3 ul li .news_con .news_pic img{ width:100%; transition: all .36s ease;}
.update_news3 ul li .news_desc{ float:right; width:calc(100% - 300px);}
.update_news3 ul li .news_desc strong{ display:block; font-weight:normal; line-height:24px; overflow:hidden;}
.update_news3 ul li .news_desc strong a{float:left; font-size:16px; color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:calc(100% - 104px);}
.update_news3 ul li .news_desc strong em{ float:right; font-style:normal; color:#444; font-size:16px;}
.update_news3 ul li .news_desc span{ display:block; font-size:14px; color:#777; line-height:24px; padding-top:10px;}
.update_news3 ul li:hover{box-shadow: 0 0 22px rgba(0,0,0,.12);border-radius: 4px;background: #fff;}
.update_news3 ul li:hover .news_con .news_pic img{transform: scale(1.1);}
.update_news3 ul li .news_desc:hover strong a{ color:#f60;}
.update_news3 ul li .news_desc:hover strong em{ color:#f60;}

/*update_news4*/
.update_news4bg{ padding:50px 0px;}
.update_news4{ max-width:1200px; margin:0 auto;}
.update_news4 ul li{ float:left; margin-right:20px; width:calc((100% - 40px)/3); background:#fff; box-sizing:border-box; margin-bottom:20px;}
.update_news4 ul li:nth-child(3n){ margin-right:0px;}
.update_news4 ul li .news_pic{ overflow:hidden; height:200px;}
.update_news4 ul li .news_pic img{ width:100%; transition: all .36s ease;}
.update_news4 ul li .news_desc{ padding-top:15px; padding-bottom:15px;}
.update_news4 ul li .news_desc strong{ display:block; font-weight:normal; line-height:24px; font-size:16px; color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_news4 ul li .news_desc em{ display:block; font-style:normal; color:#999; font-size:14px; line-height:24px;}
.update_news4 ul li .news_desc span{ display:block; font-size:14px; color:#666; line-height:24px; padding-top:10px; height:48px; overflow:hidden;}
.update_news4 ul li:hover .news_pic img{transform: scale(1.1);}
.update_news4 ul li:hover .news_desc strong{ color:#f60;}

/*update_news5*/
.update_news5{ max-width:1200px; margin:0 auto;}
.update_news5 dl dd{ float:left; margin-right:20px; width:calc((100% - 20px)/2); background:#fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); border-radius:6px;}
.update_news5 dl dd:nth-child(2n){ margin-right:0px;}
.update_news5 dl dd .news_pic{ overflow:hidden;}
.update_news5 dl dd .news_pic img{ width:100%; border-top-left-radius:6px; border-top-right-radius:6px; }
.update_news5 dl dd .news_desc{ padding:15px;}
.update_news5 dl dd .news_desc strong{ display:block; font-weight:normal; line-height:24px; font-size:16px; color:#444; height:24px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.update_news5 dl dd .news_desc span{ display:block; font-size:14px; color:#777; line-height:24px; padding-top:14px; height:48px; overflow:hidden;}
.update_news5 dl dd:hover .news_desc strong{ color:#f60;}
.update_news5 ul{ margin-top:50px; position:relative;}
.update_news5 ul:after{ content:""; position:absolute; top:0px; left:94px; width:1px; height:100%; background:#f0f0f0;}
.update_news5 ul li{ padding:10px 0px; overflow:hidden;}
.update_news5 ul li .date{ float:left; width:74px; height:84px; text-align:center;}
.update_news5 ul li .date strong{ display:block; font-weight:normal; font-size:25px; }
.update_news5 ul li .date span{ display:block; font-size:14px; padding-top:5px;}
.update_news5 ul li .news_line{ float:left; width:15px; background:rgba(179,179,179,.3); height:15px; margin:0px 13px; margin-top:10px; border-radius:50%; position:relative; z-index:7; position:relative;}
.update_news5 ul li .news_line:after{ content:""; position:absolute;width:7px; height:7px; border-radius:50%; background:#b3b3b3; margin:4px; z-index:8;}
.update_news5 ul li .news_desc{ float:right; width:calc(100% - 124px);}
.update_news5 ul li .news_desc a{ display:block; font-size:16px; color:#444; padding-top:5px;}
.update_news5 ul li .news_desc span{ display:block; font-size:12px; line-height:22px; padding-top:10px; color:#777; height:66px; overflow:hidden;}
.update_news5 ul li:hover .news_desc a{ color:#f60;}

/*update_case1*/
.update_case1{ max-width:1200px; margin:0 auto;}
.update_case1 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:calc((100% - 40px)/3); background:#f0f0f0; }
.update_case1 ul li .update_case_pic{ height:200px; overflow:hidden;}
.update_case1 ul li img{ width:100%;}
.update_case1 ul li .case_tit{ display:block; font-size:14px; text-align:center; padding:16px 0px;position:relative;}
.update_case1 ul li .case_tit span{ position:relative; z-index:2;}
.update_case1 ul li .case_tit:before{content:""; z-index:1; position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#f60;background-color:;-webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1);transition:transform .38s cubic-bezier(.4,0,.2,1);transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform-origin:50% 100% 0;-webkit-transform-origin:50% 100% 0;visibility:hidden\9}
.update_case1 ul li:hover .case_tit:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;}
.update_case1 ul li:hover .case_tit{ color:#fff;}
.update_case1 ul li:nth-child(3n){ margin-right:0px;}

/*update_case2*/
.update_case2{ max-width:1200px; margin:0 auto;}
.update_case2 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:calc((100% - 20px)/2); position:relative; overflow:hidden; }
.update_case2 ul li .update_case_pic{ height:230px; overflow:hidden;}
.update_case2 ul li img{ width:100%; transition: all .36s ease;}
.update_case2 ul li .case_tit{position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.3);display: flex;align-items: center;justify-content: center; text-align:center; color:#fff;} 
.update_case2 ul li .case_tit span{ display:block; font-size:24px;}
.update_case2 ul li .case_tit a{ display:inline-block; border:1px solid #fff; font-size:14px; padding:10px 15px; color:#fff; margin-top:20px;}
.update_case2 ul li:nth-child(2n){ margin-right:0px;}
.update_case2 ul li:hover img{transform: scale(1.1);}

/*update_case3*/
.update_case3{ max-width:1200px; margin:0 auto;}
.update_case3 ul li {border: 5px solid #e8e8e8;margin-bottom: 50px;width: 100%;position: relative;transition: ease .65s; box-sizing:border-box;}
.update_case3 ul li:after {content: '';display: block;height: 0;clear: both;}
.update_case3 ul li i{ font-style:normal;}
.update_case3 ul li i:before {content: '';display: block;width: 0;height: 0;border-top: 5px solid;border-left: 5px solid;border-color: #f60;position: absolute;left: -5px;top: -5px;transition: ease .65s;}
.update_case3 ul li i:after {content: '';display: block;width: 0;height: 0;border-right: 5px solid;border-bottom: 5px solid;border-color: #f60;position: absolute;right: -5px;bottom: -5px;transition: ease .65s;}
.update_case3 ul li .case_pic {float: right;max-width: 50%;}
.update_case3 ul li .case_pic img {display: inline-block;max-width: 100%;}
.update_case3 ul li .case_tit {width: 50%;text-align: center;position: absolute;left: 0px;top: 0px;height: 100%;display: flex;align-items: center;justify-content: center; text-align:center;}
.update_case3 ul li .case_tit strong{ display:block; padding:10px 0px; font-size:20px; color:#000;}
.update_case3 ul li .case_tit strong a{ color:#000;}
.update_case3 ul li .case_tit em{display: block;width: 40px;height: 1px;background: #cccccc; margin:0 auto;}
.update_case3 ul li .case_tit span{ display:block; padding:10px; padding-bottom:0px; font-size:14px; line-height:24px; color:#999;}
.update_case3 ul li .case_tit b {display: block; font-weight:normal;width: 130px;height: 30px;line-height: 30px;text-align: center;background: #ffffff;box-shadow: 0 0 10px rgba(12,3,6,.13); margin:0 auto; margin-top:15px; overflow:hidden; position:relative;}
.update_case3 ul li .case_tit b a{ color:#f60; position:relative; z-index:2;}
.update_case3 ul li .case_tit b:before {transition: ease-out .35s;content: '';display: block;width: 0;height: 100%;background: #f60;position: absolute;left: 0;top: 0;z-index: 1;}
.update_case3 ul li .case_tit b:hover:before {width: 100%;}
.update_case3 ul li .case_tit b:hover a{ color:#fff;}
.update_case3 ul li:hover {box-shadow: 0 0 16px rgba(12,3,6,.3);}
.update_case3 ul li:hover&gt;i:before, .update_case3 ul li:hover&gt;i:after {width: calc(100% + 5px);height: calc(100% + 5px);visibility: visible;}
.update_case3 ul li:nth-child(2n) .case_pic{ float:left; }
.update_case3 ul li:nth-child(2n) .case_tit{ right:0px; left:auto; }

/*update_product1*/
.update_product1{ max-width:1200px; margin:0 auto;}
.update_product1 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:calc((100% - 40px)/3); border-bottom:1px solid #e0e0e0; transition:ease-out .35s;}
.update_product1 ul li .pro_pic{ position:relative; height:200px; overflow:hidden; text-align:center;}
.update_product1 ul li .pro_pic img{ max-width:100%;}
.update_product1 ul li:nth-child(3n){ margin-right:0px;}
.update_product1 ul li .pro_search{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.5);transition-duration: .3s; opacity:0;}
.update_product1 ul li .pro_search i{ position:absolute; top:50%; left:50%; margin-left:-11px; margin-top:-11px;}
.update_product1 ul li .pro_tit{ padding:12px 20px; text-align:center; font-size:16px; color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_product1 ul li:hover .pro_search{ opacity:1;}
.update_product1 ul li:hover{ border-bottom:1px solid #000;}
.update_product1 ul li:hover .pro_tit{ color:#f60;}

/*update_product2*/
.update_product2{ max-width:1200px; margin:0 auto;}
.update_product2 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:calc((100% - 40px)/3); transition:ease-out .35s;}
.update_product2 ul li .pro_pic{ border:1px solid #ccc; padding:10px; height:200px;}
.update_product2 ul li .pro_pic table tr td{ height:200px; text-align:center;}
.update_product2 ul li .pro_pic img{ max-width:100%; max-height:200px;}
.update_product2 ul li:nth-child(3n){ margin-right:0px;}
.update_product2 ul li .pro_tit{ padding:12px 20px; text-align:center; font-size:16px; color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_product2 ul li:hover .pro_pic{ border:1px solid #f60;}
.update_product2 ul li:hover .pro_tit{ color:#f60;}

/*update_product3*/
.update_product3{ max-width:1200px; margin:0 auto;}
.update_product3 ul li{ float:left; margin-right:20px; margin-bottom:20px; width:calc((100% - 40px)/3); transition:ease-out .35s;box-shadow: 0 0px 10px rgba(0,0,0,.2);}
.update_product3 ul li .pro_pic{ height:200px;}
.update_product3 ul li .pro_pic table tr td{ height:200px; text-align:center;}
.update_product3 ul li .pro_pic img{ max-width:100%; max-height:200px;}
.update_product3 ul li:nth-child(3n){ margin-right:0px;}
.update_product3 ul li .pro_tit{ padding:12px 20px; text-align:center; font-size:16px; color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_product3 ul li:hover .pro_tit{ color:#f60;}

/*update_product4*/
.update_product4{ max-width:1200px; margin:0 auto;}
.update_product4 ul li{ overflow:hidden; padding:20px 0px; border-bottom:3px dashed #ccc;}
.update_product4 ul li .pro_pic{ float:left; width:40%; text-align:center;}
.update_product4 ul li .pro_pic img{ max-width:100%;}
.update_product4 ul li .pro_tit{ float:right; width:58%;}
.update_product4 ul li .pro_tit strong{ display:block; font-weight:normal; font-size:24px;}
.update_product4 ul li .pro_tit strong a{ color:#000;}
.update_product4 ul li .pro_desc{ margin-top:20px; background:#f7f7f7; color:#999; padding:20px; font-size:14px; line-height:24px;}
.update_product4 ul li .pro_price{ margin-top:20px;}
.update_product4 ul li .pro_price a{ display:block; width:120px; height:40px; float:left; margin-right:20px; text-align:center; line-height:40px; font-size:16px; color:#fff;}
.update_product4 ul li .pro_price a.a1{ background:#e63a3a;}
.update_product4 ul li .pro_price a.a2{ background:#253fa8;}

/*update_download1*/
.update_download1{ max-width:1200px; margin:0 auto;}
.update_download1 ul li{ overflow:hidden; padding:10px 0px; border-bottom:1px dashed #e4eaec;}
.update_download1 ul li dl{ float:left;}
.update_download1 ul li dl dt{ float:left;}
.update_download1 ul li dl dd{ float:left; margin-left:15px;}
.update_download1 ul li dl dd strong{ display:block; font-weight:normal; font-size:16px; color:#333; margin-bottom:5px; line-height:22px;}
.update_download1 ul li dl dd span{ display:block; font-size:13px; color:#76838f;}
.update_download1 ul li dl dd span font{ margin-right:20px;}
.update_download1 ul li a{ float:right; height:34px; padding:0px 10px; font-size:15px; color:#666; line-height:34px; border:1px solid #666; margin-top:4px;}
.update_download1 ul li a:hover{ background:#f60; color:#fff; border:1px solid #f30;}
 
/*update_download2*/
.update_download2{ max-width:1200px; margin:0 auto;}
.update_download2 ul li{ height:24px; line-height:24px; padding:15px 20px; background:#efefef;}
.update_download2 ul li img{ float:left; padding-top:2px;}
.update_download2 ul li a{ float:left; padding-left:20px; font-size:16px; color:#333;}
.update_download2 ul li span{ float:right; font-size:14px;}
.update_download2 ul li:nth-child(2n){ background:#fff;}
.update_download2 ul li:hover a{ color:#f60;}

/*update_detail*/
.update_detail{ max-width:1200px; margin:0 auto;}
.update_detail_top{ padding:20px 0px;}
.update_detail_top h1{ font-weight:normal; color:#000; font-size:24px;}
.update_detail_top h2{ font-weight:normal; color:#999; font-size:14px; margin-top:10px;}
.update_detail_top h2 font{ padding-left:22px; margin-right:20px;}
.update_detail_top h2 .time{ background:url(../images/time.png) left center no-repeat;}
.update_detail_top h2 .eye{ background:url(../images/eye.png) left center no-repeat;}
.update_detail_top h2 .admin{ background:url(../images/admin.png) left center no-repeat;}
.update_detail_con{ min-height:400px; border-top:1px solid #999; border-bottom:1px solid #999; padding:20px 0px;}
.update_detail_con img{ max-width:100%;}
.update_detail_bot{ margin-top:30px; overflow:hidden;}
.update_detail_bot a{ display:inline-block; font-size:14px; border-radius:2px; border:1px solid #999; padding:10px 15px;}
.update_detail_bot .prev{ float:left;}
.update_detail_bot .next{ float:right;}

/*contact1*/
.update_contact1{ max-width:1200px; margin:0 auto;}
.update_contact1_map{ float:left; width:48%;}
.update_contact1_map img{ max-width:100%;}
.update_contact1_right{ float:right; width:48%; color:#000;}
.update_contact1_right dl dt{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.update_contact1_right dl dd{ font-size:16px; line-height:38px;}

/*contact2*/
.update_contact2{ max-width:1200px; margin:0 auto;}
.update_contact_tit{ text-align:center; padding:20px 0px;}
.update_contact_tit h2{ font-weight:normal; font-size:24px; color:#333;}
.update_contact_tit h3{ font-weight:normal; font-size:14px; color:#999; padding-top:10px;}
.update_contact2_lx{ background:#f5f5f5;}
.update_contact2_lx_left{ float:left; width:380px;}
.update_contact2_lx_left dl{ padding:30px 50px;}
.update_contact2_lx_left dl dt{ font-size:20px; color:#333; border-bottom:1px solid #e6e6e6; padding-bottom:15px; margin-bottom:10px;}
.update_contact2_lx_left dl dd{ font-size:14px; color:#999;line-height:36px; padding-left:24px;}
.update_contact2_lx_left dl dd.c_add_1{ background:url(../images/c_ico_add.png) left center no-repeat;}
.update_contact2_lx_left dl dd.c_tel_1{ background:url(../images/c_ico_tel.png) left center no-repeat;}
.update_contact2_lx_left dl dd.c_wechat_1{ background:url(../images/c_ico_wechat.png) left center no-repeat;}
.update_contact2_lx_left dl dd.c_email_1{ background:url(../images/c_ico_email.png) left center no-repeat;}
.update_contact2_lx_left dl dd.c_web_1{ background:url(../images/c_ico_web.png) left center no-repeat;}
.update_contact2_lx_map{ float:right;width:calc(100% - 390px); border-left:10px solid #fff; }
.update_contact2_lx_map img{ width:100%;}
.update_contact2_ly{ margin-top:30px;}
.update_contact2_ly ul li{ float:left; width:48%; margin:10px 0px; margin-right:4%; font-size:14px;}
.update_contact2_ly ul li:nth-child(2n){ margin-right:0px;}
.update_contact2_ly ul li span{ float:left; width:100px; line-height:35px;}
.update_contact2_ly .input_text{ float:left; width:calc(100% - 100px); padding:5px 10px; box-sizing:border-box; border-radius:4px; background:#f5f5f5; line-height:25px; display:block;}
.update_contact2_ly .last{ width:100%; margin-right:0px;}
.update_contact2_ly textarea{ display:block; border:none; float:left; width:calc(100% - 100px); padding:5px 10px; box-sizing:border-box; border-radius:4px; background:#f5f5f5; line-height:25px; display:block;}
.update_contact2_ly .input_button{ display:block; width:190px; margin:0 auto; height:44px; line-height:44px; text-align:center; color:#fff; font-size:14px; background:#f60; margin-top:20px;}

/*update_contact3*/
.update_contact3{ max-width:1200px; margin:0 auto;}
.update_contact3_lx{ margin-top:30px;}
.update_contact3_lx ul li{float:left; width:25%; text-align:center;}
.update_contact3_lx ul li strong{ display:block; font-weight:normal; font-size:18px; color:#333; padding-top:15px; padding-bottom:10px;}
.update_contact3_lx ul li span{ display:block; font-size:14px; color:#999;}
.update_contact3_ly{ margin-top:30px;}
.update_contact3_map{ float:left; width:48%;}
.update_contact3_map img{ width:100%;}
.update_contact3_right{ float:right; width:48%;}
.update_contact3_right table tr td{ padding:5px 0px; font-size:14px;}
.update_contact3_right .input_text{ width:100%; padding:5px 10px; box-sizing:border-box; border-radius:4px; background:#f5f5f5; line-height:25px; display:block;}
.update_contact3_right textarea{ display:block; border:none; width:100%; padding:5px 10px; box-sizing:border-box; border-radius:4px; background:#f5f5f5; line-height:25px; display:block;}
.update_contact3_right .input_button{ display:block; width:190px; margin:0 auto; height:44px; line-height:44px; text-align:center; color:#fff; font-size:14px; background:#f60; }

/*update_message1*/
.update_message1{ max-width:1200px; margin:0 auto;}
.update_message1 ul{ max-width:600px;}
.update_message1 ul li{ margin-top:15px; overflow:hidden;}
.update_message1 ul li .input_text{ display:block; width:98%; box-sizing:border-box; padding:10px 15px; border:1px solid #e4eaec; float:left;}
.update_message1 ul li textarea{ display:block; width:98%; box-sizing:border-box; padding:10px 15px; border:1px solid #e4eaec;font-family:'';}
.update_message1 ul li .input_text1{ display:block; width:calc(100% - 120px);; box-sizing:border-box; padding:10px 15px; border:1px solid #e4eaec; float:left;}
.update_message1 ul li img{ float:right;}
.update_message1 .input_button{ display:block; width:190px; margin:0 auto; height:44px; line-height:44px; text-align:center; color:#fff; font-size:14px; background:#f60; }
.update_message1 ul li font{ float:left; width:2%; text-align:right; color:#f00; font-size:14px;}

/*update_message2*/
.update_message2{ max-width:1200px; margin:0 auto;}
.update_message2 h2{ font-weight:normal; font-size:24px; color:#333; text-align:center;}
.update_message2 h3{ font-weight:normal; font-size:14px; color:#999; padding-top:10px; text-align:center;}
.update_message2 dl dt{ position: relative;width: 790px;max-width: 100%;margin: 0 auto;height: 65px;overflow: hidden;margin-bottom: 30px; margin-top:30px;}
.update_message2 dl dt .pub-shadow{background: rgba(0,0,0,0.5);position: absolute;top: 0;left:0;right:0;bottom: 0;}
.update_message2 dl dt img{height: 100%;position: relative;left: 50%;transform: translateX(-50%);}
.update_message2 dl dt .update_message2_desc{position: absolute;text-align: center;top: 50%;z-index: 2;color: #fff;width:100%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.update_message2 dl dt .update_message2_desc strong{display: inline-block;vertical-align: middle; font-size:24px;}
.update_message2 dl dt .update_message2_desc span{vertical-align: middle;font-weight: bold;margin-right: 24px;padding-left: 28px;position: relative; font-size:18px;}
.update_message2 dl dt .update_message2_desc span::before{content:'';position: absolute;width: 22px;height: 22px;background: url('../images/tel_icon.png') no-repeat;background-size: cover;top: 50%;margin-top: -11px;left: 0;}
.update_message2 dl dt .update_message2_desc a{color: #fff;cursor: default;}
.update_message2 dl dd{ float:left; margin-bottom:15px; width:49%; margin-right:2%; position:relative; overflow:hidden;}
.update_message2 dl dd .input_text{ display:block; width:100%; box-sizing:border-box; line-height:36px; padding-left:25px; background:#f7f7f7;}
.update_message2 dl dd .input_text1{ float:left; width:calc(100% - 120px);}
.update_message2 dl dd img{ float:right;}
.update_message2 dl dd.update_textarea2{ display:block; width:100%; box-sizing:border-box; background:#f7f7f7; margin:0px; margin-bottom:15px;}
.update_message2 dl dd.update_textarea2 textarea{ background:none; width:100%; border:none; box-sizing:border-box; font-family:''; text-indent:25px; padding:5px;}
.update_message2 .update_input_button{ display:block; width:190px; margin:0 auto; height:44px; line-height:44px; text-align:center; color:#fff; font-size:14px; background:#414141; }
.update_message2 dl dd font{ position: absolute;left: 10px;top: 5px;color: #ff0000; font-size:14px;}
.update_message2 dl dd.mr-0{ margin-right:0px;}

/*update_message3*/
.update_message3_left{width:46%;float:left}
.update_message3_left img{max-width:100%}
.update_message3_right{width:45.8%;float:right}
.update_message3_right h2{font-size:28px;color:#000;font-weight:400;line-height:35px;padding-bottom:15px; margin-top:20px; margin-bottom:15px;}
.update_message3_right h2 span{font-size:16px; display:block;}
.update_message3_right ul li{ margin-bottom:15px; overflow:hidden;}
.update_message3_right ul li input,textarea{ box-sizing:border-box; width:100%;padding:6px 12px;font-family:'';background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;border:1px solid #ddd;}
.update_message3_right ul li .input_text{height:34px;}
.update_message3_right ul li .input_text1{ float:left; width:calc(100% - 120px);}
.update_message3_right ul li img{ float:right;}
.update_message3_right ul li .update_input_button{width:100px;height:40px;border-radius:0;background:none;color:#fff;text-align:center;line-height:40px;padding:0;-webkit-transition:all .3s;transition:all .3s;font-size:14px;outline:none; background:#f60; font-family:'';}
.update_message3_right ul li .update_input_button:hover{background:#f30;color:#fff;}





/*update_prodetail_1*/
.update_prodetail_1{ max-width:1200px; margin:0 auto;}
.update_prodetail_1_top_left{ float:left; width:48%;}
.update_gallery-top1 .swiper-slide img {width: 100%;}
.update_gallery-top1 {height: 80%;width: 100%;}
.update_gallery-thumbs1 {height: 20%;box-sizing: border-box;padding: 10px 0; margin-top:10px;}
.update_gallery-thumbs1 .swiper-slide {height: 100%;opacity: 0.4;}
.update_gallery-thumbs1 .swiper-slide img{ width:100%;}
.update_gallery-thumbs1 .swiper-slide-thumb-active {opacity: 1;}
.update_gallery-top2 .swiper-slide img {width: 100%;}
.update_gallery-top2 {height: 80%;width: 100%;}
.update_gallery-thumbs2 {height: 20%;box-sizing: border-box;padding: 10px 0; margin-top:10px;}
.update_gallery-thumbs2 .swiper-slide {height: 100%;opacity: 0.4;}
.update_gallery-thumbs2 .swiper-slide img{ width:100%;}
.update_gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1;}
.update_prodetail_1_top_right{ float:right; width:48%;}
.update_prodetail_1_top_right dl{ border-bottom:1px solid #f0f2f5;}
.update_prodetail_1_top_right dl dt{ color:#000; font-size:24px; margin-bottom:20px;}
.update_prodetail_1_top_right dl dd{ padding:10px 0px; border-top:1px solid #f0f2f5; font-size:14px;}
.update_prodetail_1_con{ margin-top:30px;}
.update_prodetail_1_con_left{ float:left; width:300px;}
.update_prodetail_1_con_left h2{ font-weight:normal;}
.update_prodetail_1_con_left ul{ text-align:center;}
.update_prodetail_1_con_left ul li img{ max-width:100%;}
.update_prodetail_1_con_left ul li span{ display:block; font-size:14px;}
.update_prodetail_1_con_right{ float:right; width:calc(100% - 320px)}
.update_slideTxtBox_02 .hd{ height:44px; line-height:44px; border-bottom:1px solid #f0f2f5; }
.update_slideTxtBox_02 .hd ul li{ float:left; width:98px; text-align:center; cursor:pointer; font-size:14px;}
.update_slideTxtBox_02 .hd ul li.on{ border-bottom:1px solid #f60; color:#f60;}
.update_slideTxtBox_02 .bd{ padding:20px 0px;}
/*update_prodetail_2*/
.update_prodetail_2{ max-width:1200px; margin:0 auto; margin-top:50px;}
.update_prodetail_2_top{ border:1px solid #dcdcdc; padding:20px;box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1);margin-bottom: 20px; border-radius:8px;}
.update_prodetail_2_con{ border:1px solid #dcdcdc;box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); border-radius:8px;}
.update_slideTxtBox_03 .hd{ padding:0 10px 0 20px; height:60px; border-bottom:1px solid #d4d4d4; line-height:60px;box-shadow: rgba(0,0,0,0.06) 0 1px 7px; background:linear-gradient(#fbfbfb,#ececec); border-radius:8px 8px 0px 0px; font-weight:normal; font-size:16px; color:#000;}
.update_slideTxtBox_03 .hd ul li{ padding:0px 20px; float:left; cursor:pointer;}
.update_slideTxtBox_03 .hd ul li.on{ border-bottom:2px solid #f60; color:#f60;}
.update_slideTxtBox_03 .bd{ padding:20px 20px;}
/*update_prodetail_3*/
.update_prodetail_3_top_left{ float:left; width:48%;}
.update_swiper-container img{ width:100%;}
.update_swiper-container .swiper-button-next, .update_swiper-container .swiper-button-prev{ color:#fff !important;}
.update_prodetail_3_top_right {float: right;width: 48%;}
.update_prodetail_3_top_right dl{ border-bottom:1px solid #f0f2f5;}
.update_prodetail_3_top_right dl dt{ color:#000; font-size:24px; margin-bottom:20px;}
.update_prodetail_3_top_right .update_prodetail_3_jj{ background:#efefef; padding:10px !important; margin-bottom:20px; font-size:14px; line-height:24px;}
.update_prodetail_3_top_right .update_prodetail_3_tel{ overflow:hidden; padding-bottom:10px;}
.update_prodetail_3_top_right .update_prodetail_3_tel strong{ float:left; font-weight:normal; font-size:16px; line-height:26px; background:url(../images/pc-xc-icon2.png) left center no-repeat; padding-left:50px;}
.update_prodetail_3_top_right .update_prodetail_3_tel a{ float:right; width:100px; height:44px; line-height:44px; background:#f30; color:#fff; font-size:14px; text-align:center; margin-top:4px;}
.update_prodetail_3_con{ margin-top:30px;}
.update_prodetail_3_con h2{ height:44px; line-height:44px; border-bottom:1px solid #f0f2f5; }
.update_prodetail_3_con h2 span{ display:inline-block; text-align:center; cursor:pointer; font-size:18px; border-bottom:1px solid #f60; color:#f60; font-weight:normal;}
.update_prodetail_3_desc{ padding:20px 0px;}




.update_prodetail_hot{ margin-top:20px; border:1px solid #dcdcdc;box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); border-radius:8px;}
.update_prodetail_hot h2{ padding:0 10px 0 30px; height:60px; border-bottom:1px solid #d4d4d4; line-height:60px;box-shadow: rgba(0,0,0,0.06) 0 1px 7px; background:linear-gradient(#fbfbfb,#ececec); border-radius:8px 8px 0px 0px; font-weight:normal; font-size:16px; color:#000;}
.update_prodetail_hot ul{ overflow:hidden;}
.update_prodetail_hot ul li{text-align:center; float:left; width:23%; margin:0px 1%; padding:15px 0px;}
.update_prodetail_hot ul li img{ max-width:100%;}
.update_prodetail_hot ul li span{ display:block; margin-top:10px; font-size:14px; line-height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_prodetail_hot ul li:hover{box-shadow: 0 0 38px rgba(0,0,0,0.08) inset;transition: all .15s ease;}

/*面包屑*/
.upadte_weizhi1{ height:30px; line-height:30px; padding:10px 0px; background:url(../images/updeta_home1.png) left center no-repeat; padding-left:20px; border-bottom:1px solid #eee;}
.upadte_weizhi2{ height:30px; line-height:30px; padding:10px 0px; border-bottom:1px solid #eee;}
.upadte_weizhi2_left{ float:left; background:url(../images/updeta_home1.png) left center no-repeat; padding-left:20px;}
.upadte_weizhi2_right{ float:right; height:30px;}
.upadte_weizhi2_right a{ display:block; float:left; height:30px; line-height:30px; margin-left:10px; font-size:14px; padding:0px 10px;}
.upadte_weizhi2_right a.on{ background:#f60; color:#fff;}
.upadte_weizhi2_right a:hover{ background:#f60; color:#fff;}
.upadte_weizhi3bg{ height:65px; line-height:65px; border-bottom:1px solid #eee; text-align:center;} 
.upadte_weizhi3 a{ padding:0px 15px; margin:0px 15px; display:inline-block; line-height:65px; font-size:14px;}
.upadte_weizhi3 a.on{ color:#f60; border-bottom:2px solid #f60;}
.upadte_weizhi3 a:hover{ color:#f60; border-bottom:2px solid #f60;}

/*通用左侧*/
.update_side_a h2{ border-bottom:1px solid #ddd;}
.update_side_a h2 span{ display:inline-block; border-bottom:2px solid #f60; font-weight:normal; line-height:49px;}
.update_side_a dl{ padding:10px 0px 20px 0px;}
.update_side_a dl dd{ background:#e6e6e6; height:45px; line-height:45px; margin-bottom:2px;}
.update_side_a dl dd a{ display:block; font-size:14px; padding-left:20px; background:url(../images/about-cn3_19.png) right 20px center no-repeat;}
.update_side_b h2{ border-bottom:1px solid #ddd;}
.update_side_b h2 span{ display:inline-block; border-bottom:2px solid #f60; font-weight:normal; line-height:49px;}
.update_side_b dl{ padding:10px 0px 20px 0px;}
.update_side_b dl dd{ font-size:14px; line-height:24px; padding:4px 0px;}
.update_side_c h2{ border-bottom:1px solid #ddd;}
.update_side_c h2 span{ display:inline-block; border-bottom:2px solid #f60; font-weight:normal; line-height:49px;}
.update_search{ margin:10px 0px 20px 0px; border:1px solid #e4eaec; background:#f3f7f9;height:36px; line-height:36px;}
.update_search .input_text{ float:left; width:180px; height:36px; line-height:36px; text-indent:10px; font-size:14px;}
.update_search .input_button{ float:right; width:38px; height:36px; line-height:36px; background:#f60 url(../images/update_search.png) center no-repeat;}
.update_side_d h2{ border-bottom:1px solid #ddd;}
.update_side_d h2 span{ display:inline-block; border-bottom:2px solid #f60; font-weight:normal; line-height:49px;}
.update_side_d dl{ padding:10px 0px 20px 0px;}
.update_side_d dl dd{ font-size:14px; line-height:24px; padding:4px 0px;}
@media screen and (max-width:1200px) {
    /* .wapper{ max-width:100%; padding:0px 15px; box-sizing:border-box;} */
}

@media screen and (max-width:768px) {
    .menu{ display:none}
    .top_lo{ display:none;}
    .sp_header{ display:block;}
    .sjj_nav{ display:block;}
    /*update_news3*/
    .update_news3 ul li{ padding:0px 15px;}
    .update_news3 ul li .news_con{ padding:15px 0px;}
    .update_news3 ul li .news_con .news_pic{ width:260px;}
    .update_news3 ul li .news_desc{ width:calc(100% - 280px);}
    /*update_news4*/
    .update_news4 ul li{width:calc((100% - 20px)/2); }
    .update_news4 ul li:nth-child(3n){ margin-right:20px;}
    .update_news4 ul li:nth-child(2n){ margin-right:0px;}
    /*update_case1*/
    .update_case1 ul li{ width:calc((100% - 40px)/3);}
    .update_case1 ul li:nth-child(4n){ margin-right:20px;}
    .update_case1 ul li:nth-child(3n){ margin-right:0px;}
    /*update_case2*/
    .update_case2 ul li{ width:calc((100% - 20px)/2);}
    .update_case2 ul li:nth-child(3n){ margin-right:20px;}
    .update_case2 ul li:nth-child(2n){ margin-right:0px;}
    /*update_product1*/
    .update_product1 ul li{ width:calc((100% - 20px)/2);}
    .update_product1 ul li:nth-child(3n){ margin-right:20px;}
    .update_product1 ul li:nth-child(2n){ margin-right:0px;}
    .update_product1 ul li .pro_tit{ font-size:14px;}
    /*update_product2*/
    .update_product2 ul li{ width:calc((100% - 20px)/2);}
    .update_product2 ul li:nth-child(3n){ margin-right:20px;}
    .update_product2 ul li:nth-child(2n){ margin-right:0px;}
    .update_product2 ul li .pro_tit{ font-size:14px;}
    /*update_product3*/
    .update_product3 ul li{ width:calc((100% - 20px)/2);}
    .update_product3 ul li:nth-child(3n){ margin-right:20px;}
    .update_product3 ul li:nth-child(2n){ margin-right:0px;}
    .update_product3 ul li .pro_tit{ font-size:14px;}
    /*update_product4*/
    .update_product4 ul li .pro_pic{ float:none; width:100%;}
    .update_product4 ul li .pro_tit{ float:none; width:100%; margin-top:10px;}
    .update_product4 ul li .pro_tit strong{ font-size:18px;}
    /*update_contact1*/
    .update_contact1_map{ float:none; width:100%;}
    .update_contact1_map img{ width:100%;}
    .update_contact1_right{ float:none; width:100%; margin-top:20px;}
    /*update_contact2*/
    .update_contact2_lx_left{ float:none; width:100%;}
    .update_contact2_lx_map{ float:none;width:100%; border-left:0px solid #fff; border-top:10px solid #fff; }
    .update_contact2_ly ul li{ width:100%; margin:5px 0px; margin-right:0%;}
    .update_contact2_ly .input_button{ margin-top:10px;}
    /*update_contact3*/
    .update_contact3_map{ float:none; width:100%;}
    .update_contact3_right{ float:none; width:100%; margin-top:10px;}
    /*update_prodetail_1*/
    .update_prodetail_1_top_left{ float:none; width:100%;}
    .update_prodetail_1_top_right{ float:none; width:100%; margin-top:20px;}
    .update_prodetail_1_con_left{ float:none; width:100%;}
    .update_prodetail_1_con_right{ float:none; width:100%}
    .update_slideTxtBox_02{ margin-top:20px;}
    /*update_prodetail_2*/
    .update_prodetail_2_top{ padding:10px; margin-bottom:20px;}
    .update_prodetail_2_con_left{ float:none; width:100%;}
    .update_slideTxtBox_03 .bd{ padding:10px 10px;}
    .update_prodetail_2_con_right{ float:none; width:100%; margin-top:20px;}

    .inside_left{ display:none;}
    .inside_right{ float:right; width:100%;}
}

@media screen and (max-width:460px) {
    /*update_news1*/
    .update_news1 ul li strong a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:calc(100% - 104px);}
    .update_news1 ul li span{ height:66px; overflow:hidden;}
    /*update_news2*/
    .update_news2 ul li .news_desc a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
    /*update_news3*/
    .update_news3 ul li{ padding:0px;}
    .update_news3 ul li .news_con{ padding:20px 0px;}
    .update_news3 ul li .news_con .news_pic{ float:none; width:100%;}
    .update_news3 ul li .news_desc{ float:none; width:100%; margin-top:10px;}
    /*update_news4*/
    .update_news4 ul li{width:100%; margin-right:0px; }
    .update_news4 ul li .news_pic{ height:auto;}
    .update_news4 ul li:nth-child(3n){ margin-right:0px;}
    .update_news4 ul li:nth-child(2n){ margin-right:0px;}
    /*update_news5*/
    .update_news5 dl dd{width:100%; margin-right:0px; margin-bottom:20px; }
    .update_news5 dl dd:nth-child(3n){ margin-right:0px;}
    .update_news5 dl dd:nth-child(2n){ margin-right:0px;}
    /*update_case1*/
    .update_case1 ul li{ width:calc((100% - 20px)/2);}
    .update_case1 ul li .update_case_pic{ height:100px;}
    .update_case1 ul li:nth-child(4n){ margin-right:20px;}
    .update_case1 ul li:nth-child(3n){ margin-right:20px;}
    .update_case1 ul li:nth-child(2n){ margin-right:0px;}
    /*update_case2*/
    .update_case2 ul li{ width:100%; float:none; width:100%;}
    .update_case2 ul li:nth-child(3n){ margin-right:0px;}
    .update_case2 ul li:nth-child(2n){ margin-right:0px;}
    /*update_case3*/
    .update_case3 ul li{ margin-bottom:20px;}
    .update_case3 ul li&gt;i:before, .update_case3 ul li&gt;i:after {display:none;}
    .update_case3 ul li .case_pic { float:none; width:100%; max-width:100%; }
    .update_case3 ul li .case_pic img{ width:100%;}
    .update_case3 ul li .case_tit{ position:inherit; width:100%; padding:20px 0px;}
    /*update_product1*/
    .update_product1 ul li .pro_pic{ height:130px;}
    .update_product2 ul li .pro_pic{ height:130px;}
    .update_product2 ul li .pro_pic table tr td{ height:130px;}
    .update_product3 ul li .pro_pic{ height:130px;}
    .update_product3 ul li .pro_pic table tr td{ height:130px;}
    /*detail*/
    .update_detail_bot .prev{ float:none; margin-right:10px;}
    .update_detail_bot .next{ float:none; margin-top:10px;}
    /*inside_update_contact3*/
    .update_contact3_lx ul li{ width:50%; margin-top:20px;}
    .upadte_weizhi2{ height:auto;}
    .upadte_weizhi2_left{ float:none;}
    .upadte_weizhi2_right{ float:none; height:auto; overflow:hidden; margin-top:10px;}
    .upadte_weizhi2_right a{ margin-left:0px; margin-right:10px;}
    /*update_download1*/  
    .update_download1 ul li dl{ float:none; overflow:hidden;}
    .update_download1 ul li dl dt{ width:25px;}
    .update_download1 ul li dl dt img{ width:25px;}
    .update_download1 ul li dl dd{ width:calc(100% - 45px);}
    .update_download1 ul li a{ float:none; margin-left:45px; margin-top:10px; display:inline-block; height:30px; line-height:30px; font-size:12px;}
    .update_download2 ul li{ padding:10px 10px;}
    .update_download2 ul li img{width:16px;}
    .update_download2 ul li a{ padding-left:10px; font-size:14px; width:calc(100% - 105px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    /*update_message2*/
    .update_message2 dl dd{ width:100%; margin-right:0px;}
    /*update_message3*/
    .update_message3_left{width:100%;float:none}
    .update_message3_right{width:100%;float:none}
}</pre></body></html>