@charset "UTF-8";
@font-face {
font-family: 'icon';  /* Project id 4994344 */
src: url('//at.alicdn.com/t/c/font_4994344_kmms5rqqyqf.ttf') format('truetype');
}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:none}
body{min-width:1200px;margin:0 auto;padding:0;background:#ffffff;font-family:Arial,Helvetica,sans-serif,"Microsoft Yahei"}
a{text-decoration:none;-webkit-tap-highlight-color:transparent}
a:hover,a:active,a:focus{text-decoration:none;outline:none}
.area{width:1200px;overflow:hidden;display:block;margin-left:auto;margin-right:auto;clear:both;visibility:visible}
.logo_A{display:inline-block;margin:30px auto auto 50px;position:relative;z-index:1}
.logo_B{display:inline-block;margin:30px auto auto 50px;position:relative;z-index:1}

._banner{width:100%;overflow:hidden;background-size: cover;background-position:center;background-repeat:no-repeat;height:215px;clear:both;display:block;position:relative;z-index:11}
._header{border-top:1px solid #49b8ec;width:100%;z-index:10;overflow:hidden;min-width: 1200px;}

._header .caption{height:35px;display:block;background-color:#f3f3f3}
._header .caption .address,._header .caption .mail,._header .caption .tel{height:35px;line-height:35px;color:#333;font-size:12px;display:inline-block;margin-right:30px}
._header .caption .tel:before{content:'\e64e';font-family: icon;margin-right:5px;}
._header .caption .mail:before{content:'\e804';font-family: icon;margin-right:5px;}
._header .caption .address:before{content:'\e768';font-family: icon;margin-right:5px;}
._header .caption .mail:hover{color:#666}

._share{margin:5px auto;float:right}
._share a{display:inline-block;width:25px;height:25px;overflow:hidden;text-align: center;color:rgba(0,0,0,0.25); font:normal 20px/25px icon;}
._share a.jiathis_button_cqq:before{content:'\e64d';}
._share a.jiathis_button_weixin:before{content:'\e63d';}
._share a.jiathis_button_tsina:before{content:'\e63e';}
._share a:hover{opacity:.8}

._header .navi{height:100px;display:block;background-color:#fff}
._header .navi .logo{float:left;display:inline-block;margin-top:22px}
._header .navi ul{float:right;display:block;overflow:hidden;margin:35px 0 0 0;list-style:none;padding:0}
._header .navi ul li{float:left;display:block;margin-left:50px;text-align:center}
._header .navi ul a{line-height:normal;font-size:14px;display:block;color:#333;font-weight:bold;cursor:pointer}
._header .navi ul span{font-size:11px;text-transform:uppercase;color:#444}
._header .navi ul li.current a,._header .navi ul li.current span,._header .navi ul a:hover{color:#005db2}

._footer{background-color:#363636;overflow:hidden}
._footer .unit{height:55px;margin-top:50px;margin-bottom:50px;color:white;font-size:16px;line-height:55px;text-indent:170px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDUiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCAxMDAgNDIiPjxwYXRoIGQ9Ik00OS44MSw0MiwwLDIyLjM0LDQ5LjgxLDAsMTAwLDIyLjM0Wk0zMi42MiwxOC4wNnYtMkgyMi4zN3YyaDMuOTRWMjguNmgyLjJWMTguMDZabTIsOWE0LjUxLDQuNTEsMCwwLDAsMy44MiwxLjc2QTUuMTUsNS4xNSwwLDAsMCw0Mi42MSwyN2E3LjMyLDcuMzIsMCwwLDAsMS40OC00LjgsNyw3LDAsMCwwLTEuNDItNC43LDUsNSwwLDAsMC00LjA4LTEuNjgsNC42Nyw0LjY3LDAsMCwwLTMuODcsMS44NSw3LjA5LDcuMDksMCwwLDAtMS40NSw0LjUzQTcuODIsNy44MiwwLDAsMCwzNC42LDI3LjA2Wm0xLjc0LThhMi41MSwyLjUxLDAsMCwxLDIuMjUtMS4xOWMyLjE0LDAsMy4yMSwxLjQ2LDMuMjEsNC40YTUuNyw1LjcsMCwwLDEtLjg2LDMuNDIsMi45MywyLjkzLDAsMCwxLTIuNTIsMS4xOCwyLjM1LDIuMzUsMCwwLDEtMi4xMy0xLjIsNi41Nyw2LjU3LDAsMCwxLS43NC0zLjRBNS42OSw1LjY5LDAsMCwxLDM2LjM0LDE5Wk01NiwyOC42bC00LjEyLTYuNDUsMy45Mi02LjA3aC0yLjNsLTIuNzYsNC4yMy0yLjUxLTQuMjNINDUuOTNsMy40Miw2LjA1TDQ1LjYzLDI4LjZoMi4zbDIuNy00LjUsMi45Miw0LjVaTTY2LDE4LjA2di0yaC03LjlWMjguNkg2NS45di0ySDYwLjI4VjIyLjg4SDY2VjIxSDYwLjI4VjE4LjA2Wk03MS4zLDI4LjgyYTQuOCw0LjgsMCwwLDAsMy4xOC0xLDMuMTEsMy4xMSwwLDAsMCwxLjE5LTIuNSwzLjk0LDMuOTQsMCwwLDAtLjI5LTEuNTMsMy40NywzLjQ3LDAsMCwwLS44NC0xLjIxLDcuNjQsNy42NCwwLDAsMC0xLjc5LTEuMTNjLTEuNTctLjc4LTIuMzYtMS41Mi0yLjM2LTIuMjRhMS40MiwxLjQyLDAsMCwxLC40Mi0xLjA2LDEuNjIsMS42MiwwLDAsMSwxLjE4LS40LDQuMDcsNC4wNywwLDAsMSwyLjQ0Ljg0bC42Ny0xLjkyQTUsNSwwLDAsMCw3MiwxNS44N2EzLjg1LDMuODUsMCwwLDAtMi43LDEsMy4xMSwzLjExLDAsMCwwLTEsMi40MSwzLjg2LDMuODYsMCwwLDAsLjI2LDEuNDIsMy4yNCwzLjI0LDAsMCwwLC43NiwxLjFBOSw5LDAsMCwwLDcxLjE0LDIzLDUuODksNS44OSwwLDAsMSw3MywyNC4yNWExLjk0LDEuOTQsMCwwLDEsLjQ2LDEuMjJjMCwuOTItLjY1LDEuMzctMS45NCwxLjM3QTQuNDYsNC40NiwwLDAsMSw2OSwyNS45MmwtLjgxLDJBNS42NSw1LjY1LDAsMCwwLDcxLjMsMjguODJaIiBmaWxsPSIjNzQ3NDc0Ii8+PC9zdmc+) left center no-repeat}
._footer ul{float:left;display:block;margin:0;padding:0;width:100px;list-style:none}
._footer ul:first-child{border-right:1px solid #555;margin-right:50px}
._footer ul a{font-size:12px;line-height:normal;color:#888}
._footer ul a:hover{color:#fff}
._footer ul li{display:block;margin-bottom:15px}
._footer .contact{width:300px;height:150px;display:block;float:left;margin-left:150px;line-height:30px;overflow:hidden;font-size:12px;color:#666}
._footer .contact .tel,._footer .contact .mail,._footer .contact .address,._footer .contact .desc{height:30px;display:block;overflow:hidden;margin-bottom:5px}
._footer .contact .tel{font-size:28px;color:white}
._footer .contact .tel:before{content:'\e6ea';font-family: icon;margin-right:5px;}
._footer .contact .mail{color:#cccccc}
._footer .contact .mail:before{content:'\e804';font-family: icon;margin-right:5px;}
._footer .contact .address{color:#cccccc}
._footer .contact .address:before{content:'\e768';font-family: icon;margin-right:5px;}
._footer .qrcode{float:right;text-align:center;color:white;line-height:2;font-size:12px;letter-spacing:4px}
._copyright{overflow: hidden;background-color:#363636;border-top:1px solid #565656;height:60px;line-height:60px;font-size:12px;color:#acacac}
._copyright a{color:#acacac}
._copyright a:hover{color:#fff}

._fllow{z-index:15;position:fixed;right:0;bottom:0;}
._fllow a{display:block;border-radius:50%;width:50px;height:50px;margin:10px;background:rgba(0,0,0,0.3);font: normal 25px/50px icon;text-align:center;color: rgba(255,255,255,.5);transition: all 500ms;}
._fllow a.back-top{opacity:0;}
._fllow a.back-top::before{content:'\e661';}
._fllow a.message::before{content:'\e60b';}
._fllow a:hover{color:white}
._fllow a[data-show="true"]{opacity:1;}

/*面包屑*/
._path{font-size:14px;padding:30px 0 5px 0}
._path,._path a{color:#333}
._path a:hover{color:#000}

/*文章*/
._article{margin-bottom:130px}
._article_title{color:#333333;text-align:center;font-size:24px;margin:0 0 9px 0}
._article_info{color:#666;font-size:12px;text-align:center}
._article_info span{display:inline-block;margin:auto 10px}
._article_content{border-top:1px solid #CCC;color:#444;line-height:2;font-size:14px;overflow:hidden;margin:30px auto auto auto;padding:30px;word-wrap:break-word;table-layout:fixed;word-break:normal;text-align:justify;text-justify:inter-ideograph}

._article_list{padding-bottom:60px;}
._article_list ul{margin:0;padding:0 0 60px 0;list-style:none;border-top:1px solid #cccccc}
._article_list li{padding:20px 0;border-bottom: 1px solid; border-image: linear-gradient(90deg, transparent 0%, #EFEFEF 15%, #EFEFEF 70%, transparent 100%) 1;overflow:hidden}
._article_list li:last-child{border-bottom:none}
._article_list .picture{float:left;display:block;overflow:hidden;object-fit: cover;width:260px;height:150px;margin-right:20px}
._article_list .title{margin-bottom:15px;color:#333;font-size:14px;font-weight:bold;float:left;display:block;overflow:hidden;width:920px;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}
._article_list .time{display:inline-block;background-color:#3256a4;padding:7px 15px;color:white;font-size:14px}
._article_list .desc{font-size:12px;color:#666;line-height:1.5;height: 45px;}
._article_list .go{display:inline-block;padding-right:30px;color:#666;font-size:12px}
._article_list .go::after{font-family: icon;content: '\eb6d';}
._article_list li:hover .title,._article_list .title:hover{color:#3db6e3}
._article_list li:hover .time{background-color:#3db6e3}
._article_list li:hover .go,._article_list .go:hover{color:#3db6e3}
._article_list li:hover {
    background-image: linear-gradient(to right, #ffffff 15%, #f5f5f5 50%, #ffffff 85%);
}
._article_tab{text-align:center;margin-bottom:20px}
._article_tab_item{display:inline-block;background-color:#fff;border:1px solid #3256a4;padding:7px 15px;color:#3256a4;font-size:14px;margin:auto 5px}
._article_tab_item.current{background-color:#3256a4;color:white}

/*分页*/
.paginator{margin:10px;text-align:center;display:block;overflow:hidden}
.paginator a,.paginator span{display:inline-block;padding:0 10px;margin-left:2px;height:30px;line-height:30px;font-size:14px;overflow:hidden;border:1px solid;vertical-align:middle}
.paginator a:link,.paginator a:visited,.paginator a:active{text-decoration:none;background-color:#f7f8fa;border-color:#d2d8e7;color:#274791}
.paginator a:hover{color:#666666;background-color:#fff;border-color:#cccccc}
.paginator .text,.paginator .current{background-color:#39589a;border-color:#39589a;color:#fff}
.paginator .prev,.paginator .next,.paginator .index,.paginator .last{position:relative;padding-top:5px;line-height:18px;border:1px solid #bbbbbb}

/*商品*/
._goods_list{background-color:#f5f5f5;padding-top:20px;padding-bottom:80px;}
._goods_list ul{width:1240px;overflow:hidden;display:block;margin:0 -20px;clear:both;visibility:visible;padding:0;list-style:none}
._goods_list li{background-color:white;width:270px;height:365px;display:block;overflow:hidden;float:left;margin:20px;position:relative;border:1px solid #eeeeee}
._goods_list .title,._goods_list .desc{display:block;line-height:1.5;text-align:center;overflow:hidden;width:99%;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}
._goods_list .title{color:#333;font-size:14px;font-weight:bold;margin-top:30px}
._goods_list .desc{color:#666666;font-size:14px}
._goods_list .picture,._goods_list .picture img{width:270px;height:200px;display:block;overflow:hidden}
._goods_list .go{background-color:#3256a4;color:white;width:200px;margin:20px auto;display:block;padding:9px 0;text-align:center;border-radius:3px;}
._goods_list li:hover{border-color:#CCC;box-shadow:0 0 20px rgba(0,0,0,0.25);-o-transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;transition:all 0.25s}
._goods_list li:hover .go{background-color:#3db6e3}
._goods_list .tip_new{background:url(../images/12.png) no-repeat;position:absolute;top:0;left:0;width:70px;height:70px}

._goods_tab{text-align:center;margin:auto auto 20px auto;list-style:none;overflow:visible}
._goods_tab li.item{display:inline-block;position:relative;z-index:9;margin:auto 5px;width:150px;}
._goods_tab li.item .link{display:block;background-color:#fff;border:1px solid #666;padding:7px 0;color:#666;font-size:14px}
._goods_tab li.item .link.current{background-color:#3256a4;border-color:#3256a4;color:white}
._goods_tab .sub_menu{display:none;width:150px;overflow:hidden;margin:0;padding:0;list-style:none;position:absolute;top:35px;left:0}
._goods_tab .sub_link{display:block;padding:7px 0;font-size:13px;color:white;background-color:#3256a4;border-top:1px solid white}
._goods_tab .sub_link:hover{background-color:#3db6e3}
._goods_tab li.item:hover .sub_menu{display:block}


._goods_detail{background-color:#f4f9ff;display:block;margin:auto}
._goods_detail .picture{float:left;position:relative}
._goods_detail .picture,._goods_detail .picture img{display:block;width:520px;height:390px}
._goods_detail .info{display:block;float:right;width:650px;height:390px;position:relative}
._goods_detail .header{padding-bottom:50px}
._goods_detail .title{color:#333;font-size:24px;display:inline-block;padding:0 15px 0 0;margin:0}
._goods_detail .subtitle{color:#666;font-size:14px;display:inline-block}
._goods_detail .desc{font-size:12px;color:#666;line-height:2;margin:30px 0 30px 0;height:230px}
._goods_detail .tel{background:url(../images/13.png) left center no-repeat;border-bottom:1px solid #d0a535;border-top:1px solid #d0a535;height:65px;line-height:65px;color:#d0a535;font-size:26px;padding-left:130px}
._goods_detail .tip_new{background:url(../images/12.png) no-repeat;position:absolute;top:0;left:0;width:70px;height:70px}
._goods_content{width:1200px;overflow:hidden;display:block;margin:50px auto 100px auto;min-height:500px;color:#444;line-height:2;font-size:14px;clear:both;visibility:visible;word-wrap:break-word;table-layout:fixed;word-break:normal;text-align:justify;text-justify:inter-ideograph}
._goods_content table{border-collapse:collapse}
._goods_content table td{padding:5px;}
/*案例*/
._case_list_title{color:#333;text-align:center}
._case_list ul{overflow:hidden;display:block;margin:0;clear:both;visibility:visible;padding:0;list-style:none}
._case_list li{width:280px;height:220px;display:block;overflow:hidden;float:left;margin:10px;position:relative}
._case_list .picture,._case_list .picture img{width:280px;height:161px;display:block;overflow:hidden}
._case_list .title{color:#333;font-size:14px;line-height:1.5;margin-top:10px;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}
._case_list .time{color:#666;font-size:12px}

/*解决方案*/
._plan_content{line-height:2;overflow:hidden;margin:30px auto auto auto;padding:30px;word-wrap:break-word;table-layout:fixed;word-break:normal;text-align:justify;text-justify:inter-ideograph}
._plan_list{background-color:#f4f9ff;display:block;margin:auto}
._plan_list ul{line-height:none;padding:0;margin:0;display:block}
._plan_list li{float:left;width:380px;height:320px;overflow:hidden;margin:20px 10px}
._plan_list li img{width:380px;height:285px}
._plan_list li strong{width:380px;height:35px;line-height:35px;color:#333}

._banner_1{z-index:10;left:0;position:absolute;bottom:0;-webkit-animation:framesL 5s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;animation:framesL 5s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
._banner_2{z-index:10;right:0;position:absolute;bottom:0;animation:framesR 6s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;-webkit-animation:framesR 6s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;animation-direction:alternate;-webkit-animation-direction:alternate}
._banner_3{z-index:10;left:0;position:absolute;bottom:0;animation:framesL 7s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;-webkit-animation:framesL 7s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;animation-direction:alternate;-webkit-animation-direction:alternate}
._banner_4{z-index:10;right:0;position:absolute;bottom:0;animation:framesR 8s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;-webkit-animation:framesR 8s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite;animation-direction:alternate;-webkit-animation-direction:alternate}
@keyframes framesL{0%{left:0}100%{left:-100%}}
@-webkit-keyframes framesL{0%{left:0}100%{left:-100%}}
@-moz-keyframes framesL{0%{left:0}100%{left:-100%}}
@-o-keyframes framesL{0%{left:0}100%{left:-100%}}
@keyframes framesR{0%{right:0}100%{right:-100%}}
@-webkit-keyframes framesR{0%{right:0}100%{right:-100%}}
@-moz-keyframes framesR{0%{right:0}100%{right:-100%}}
@-o-keyframes framesR{0%{right:0}100%{right:-100%}}


.to_message{display:none; z-index:9999;position:fixed;top:50%;left:50%;padding:10px;width:500px;margin:-150px auto auto -250px;border-radius: 5px;box-shadow:0 10px 50px rgba(0, 0, 0, 0.25);;background-color:white}
.to_message .item{clear:both;overflow:hidden;padding:5px;}
.to_message .input_text,.to_message .input_submit{padding:9px;font-size:14px;width:100%;resize:none;border-radius: 5px;border:1px solid gray;appearance:none;-webkit-appearance:none;border-radius:0;}
.to_message .input_submit{color:white;background-color:#58beee;border-radius: 5px;border:none}
.to_message label{font-size:14px;padding:9px;}
.to_message label input{margin-right:5px;}
.to_message .close{position:absolute;top:20px;right:20px;color:#49b8ec}
.to_message .close::before{content: '\e609';font: 15px icon;}
.to_message .close:hover{color: red;}