@charset "utf-8";html{font-size:625%}
body{font-size:14px;background:#FFF}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0}
body,html,input,button,textarea{color:#202020;font-family:'SourceSansPro',Arial,Helvetica,sans-serif;line-height:1.5}
body{background-color:#fff}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4,h5{font-size:14px}
img{border:none;vertical-align:middle;max-width:100%}
li{list-style:none}
i,em{font-style:normal}
a{color:#202020;text-decoration:none}
a:focus{outline:none}
a:hover{color:#1a65b5;text-decoration:none}
input[type="text"]:focus{outline:none}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0}
hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0}
a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0}
.clearfix:after,.layout:after,.sys_row:after,.web_main:after,.page_main:after,.nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_item .news_cell:after,.cate_items:after,.article_cell:after{content:"";display:block;clear:both;visibility:hidden;height:0}
.clearfix,.layout,.sys_row,.web_main,.page_main,.nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_item .news_cell,.cate_items,.article_cell{*zoom:1}
.clear{clear:both}
body{width:100%;position:absolute;left:0;top:0;min-width:1250px}
.z9999{z-index:9999!important}
.container{}
.layout{width:1600px;margin:0 auto;position:relative}
/*.index_main .layout{width:1250px}*/
/*.web_head .layout{width:auto}*/
/*.index_cates .layout{width:1100px}*/
.web_head{ position: relative;}
.web_head.index_web_head::before { content: ''; display: block; width: 100%; height: 2px; background: linear-gradient(90deg,#ffc75e,#ff2c4f); position: absolute; left: 0; bottom: 0;}

.hide{display:none}
.gotop{position:fixed;text-align:center;right:15px;bottom:50px;color:#FFF;background-color:#16385e;border:2px solid RGBA(255,255,255,.8);text-align:center;height:45px;width:45px;border-radius:50%;background-clip:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:99999;cursor:pointer;font-size:20px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.gotop:hover,.gotop.active:hover{background-color:#019bcf;color:#fff;border-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.2)}
.gotop.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.gotop em{display:none}
.gotop:before{content:"\f106";display:inline-block;font:28px/45px 'FontAwesome'}
.head_nav li a,.nav_wrap .head_nav li li a,.nav_wrap .head_nav li ul,.nav_wrap .head_nav li li>a:before,.head_nav b:after,.web_head .btn--search,.web_head .btn--search:after,.product_item figure,.gotop,.product-item .item-img img,.product_item .item_img img,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after,.product-btn-wrap a,.web_head,.change-language .change-language-title a:after,.newsletter .button,.mobile-head-item .middle-show-content-wrap,.product_item figure figcaption,.foot_item  a,.pages a,.ad_item figure figcaption .item_more,.head_sns li img,.side_product_item .add-friend,.side_product_item .add-friend:after,.foot_sns li img{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.nav_wrap .head_nav>li>a:after,.web_head .head-search .search-ipt,.index_project .project_item .item_info,.index_advantage .advantage_tabs .tabs_item,.brand_items .item_img img,.foot_txt_list li a:before,.gotop:after{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.sys-layer{margin:0 auto}
.sys-row{margin:0 -8px}
.sys-col{float:left}
.sys-col-inner{margin:0 8px}
.sys-col-md{float:left}
.sys-col-md-12{width:100%}
.sys-col-md-11{width:91.66666667%}
.sys-col-md-10{width:83.33333333%}
.sys-col-md-9{width:75%}
.sys-col-md-8{width:66.66666667%}
.sys-col-md-7{width:58.33333333%}
.sys-col-md-6{width:50%}
.sys-col-md-5{width:41.66666667%}
.sys-col-md-4{width:33.33333333%}
.sys-col-md-3{width:25%}
.sys-col-md-2{width:16.66666667%}
.sys-col-md-1{width:8.33333333%}
.sys_fl{float:left!important}
.sys_fr{float:right!important}
.flex_row,.items_list>ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}
.flex_nowrap{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap}
.flex_column{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.sys_btn{background-image:-webkit-linear-gradient(90deg,#ffc75e,#ff2c4f);background-image:-ms-linear-gradient(90deg,#ffc75e,#ff2c4f);background-image:-o-linear-gradient(90deg,#ffc75e,#ff2c4f);background-image:linear-gradient(90deg,#ffc75e,#ff2c4f);background-size:100%;border:0;border-radius:3px;box-shadow:0 13px 27px 0 rgba(250,68,68,.25);color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;line-height:20px;padding:12px 20px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}
.sys_btn:before{background-image:-webkit-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:-ms-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:-o-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:linear-gradient(-90deg,#00cbf7,#0844fd);border-radius:inherit;content:"";display:block;height:100%;opacity:0;position:absolute;top:0;left:0;transition:opacity .45s;width:100%;z-index:-1}
.sys_btn:hover{color:#fff;text-decoration:none}
.sys_btn:hover:before{box-shadow:0 13px 27px 0 rgba(0,182,248,.25);opacity:1}
input::-webkit-input-placeholder{color:#aaa}
input::-moz-placeholder{color:#aaa;opacity:1}
input:-ms-input-placeholder{color:#aaa}
input:-moz-placeholder{color:#aaa}
.index_promote,.company_subscribe .button,.nav_wrap,.product_item .item_img{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}
.side-cate li .icon-cate:before,.product-btn-wrap a:before,.mobile-head-item .title:before,.head_nav > li:after,.head_nav li b:after,.download-item .item-button:before,.faq-item .faq-title:before{font-family:"fontawesome";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;font-variant:normal;text-transform:none}
.btn_more:after,.sys_btn:after,.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before,.swiper-button-prev:before,.side-product-items .btn-prev:before,.side-product-items .btn-next:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,.company_subscribe .button:after{font-family:'fontawesome'}
.index_cates .cate_item,.article_cell .cell_hd,.index_project .hd_title,.col_hd .hd_title,.index_company_intr .company_intr_title{font-family:'SourceSansPro-Light'}
a{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.head_layer{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 0px}
.head_layer .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.head_layer .logo{position:relative;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.head_layer .logo img{width:auto;max-height:81px}
.head_layer .nav_wrap{-webkit-box-flex:1;-webkit-flex:1;flex:1;float:left; text-align: right;}
.web_head .head_right{float:right;text-align:right; display: none;}
.web_head .change-language{display:inline-block;padding:25px 0;position:relative;text-align:left;vertical-align:middle}
.web_head .change-language .change-language-title{padding-top:7px;padding-bottom:7px;position:relative}
.web_head .change-language .change-language-title,.web_head .change-language .change-language-title a{color:#fff}
.web_head .change-language .change-language-cont{top:100%;border-radius:5px;overflow:hidden}
.web_head .change-language:hover .change-language-title,.web_head .change-language:hover .change-language-title a{color:#fff}
.web_head .head-search{display:inline-block;position:relative;margin-left:30px;vertical-align:middle}
.web_head .head-search .search-ipt{display:block;width:230px;border:0;border-radius:4px;background-color:#fff;height:32px;line-height:35px;padding-left:20px;font-size:12px}
.web_head .head-search .search-btn{width:35px;height:32px;background-color:transparent;background-position:center;background-repeat:no-repeat;background-image:url(../images/search_btn.png);border:0;cursor:pointer;position:absolute;right:0;top:0;text-indent:9999px}
.nav_wrap{vertical-align:middle}
.nav_wrap .head_nav{display:inline-block;position:relative;z-index:2}
.nav_wrap .head_nav:after{display:none}
.nav_wrap .head_nav>li{display:inline-block;line-height:106px;font-size:15px;position:relative;perspective:500px;font-family:Arial;vertical-align:middle;position:relative}
.nav_wrap .head_nav>li>a{color:#101012;position:relative;font-weight:700;display:inline-block;vertical-align:top;padding:0 25px;text-transform:uppercase}
.nav_wrap .head_nav>li.langs{ padding: 0 25px;}
.nav_wrap .head_nav>li.langs a{ padding: 0;}
.nav_wrap .head_nav>li>a>em{display:inline-block;vertical-align:top;position:relative}
.nav_wrap .head_nav>li>a>b{display:inline-block;margin-left:5px}
.nav_wrap .head_nav>li>a>b:after{content:'\f107';font-size:22px;margin-left:.2em;vertical-align:middle}
.nav_wrap .head_nav>li.nav-current>a{color:#e22310}
.nav_wrap .head_nav>li.nav-current>a>em:before{width:100%;left:0;opacity:1}
.nav_wrap .head_nav>li:hover>a{color:#e22310}
.nav_wrap .head_nav li.active > a{color:#e22310;text-decoration:none}
.nav_wrap .head_nav>li:hover>a>b:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.nav_wrap .head_nav>li li{position:relative;text-align:left;padding:0 15px}
.nav_wrap .head_nav>li li a{display:block;line-height:1.4em;padding:10px 5px;font-size:13px;position:relative;color:#101012}
.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:3px;height:30%;background-color:#193553;position:absolute;left:-15px;top:40%;opacity:0;filter:alpha(opacity=0)}
.nav_wrap .head_nav>li li b:after{content:'\f105';font-size:16px;position:absolute;right:0;top:10px}
.nav_wrap .head_nav>li li:last-child>a{border-bottom:0}
.nav_wrap .head_nav>li li:hover>a{color:#019bcf}
.nav_wrap .head_nav>li li:hover>a b:after{border-left-color:#193553}
.nav_wrap .head_nav li ul{width:250px;padding:15px 0;background-color:#fff;position:absolute;left:0;top:100%;z-index:999;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0;filter:alpha(opacity=0);visibility:hidden;box-sizing:border-box;-webkit-transform-origin:center 0;-moz-transform-origin:center 0;-ms-transform-origin:center 0;-o-transform-origin:center 0;transform-origin:center 0}
.nav_wrap .head_nav li ul:before{content:'';display:block;width:100%;height:2px;background:linear-gradient(90deg,#ffc75e,#ff2c4f);position:absolute;left:0;top:0}
.nav_wrap .head_nav>li ul ul{left:102%;top:-15px}
.nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible}
.nav_wrap .head_nav li.menu_left ul{left:auto;right:0}
.nav_wrap .head_nav li.menu_left ul ul{right:102%}
.fixed-nav{width:100%}
.fixed-nav .head_layer{background:#fff; border-bottom: 1px solid #e22310}
.fixed-nav .head_layer .logo{height:60px;}
.fixed-nav .head_layer .logo img{ max-height:60px;}
.fixed-nav .head_layer .nav_wrap{padding-left:0}
.fixed-nav .fixed-nav .change-language{padding-top:15px;padding-bottom:15px}
.fixed-nav .head_layer{width:100%;position:fixed;left:0;top:0;z-index:9;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:1;box-shadow:0 0 1px rgba(0,0,0,.2)}
.fixed-nav .head_nav>li>a,.fixed-nav .head_nav li{-webkit-transition:none;-o-transition:none;transition:none}
.fixed-nav .nav_wrap .head_nav li li{font-size:13px}
.fixed-nav .nav_wrap .head_nav>li{line-height:75px}
.fixed-nav .nav_wrap .head_nav>li>a:after{top:auto;bottom:-1px}
.fixed-nav-active .head_layer{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.web_footer,.web_footer a{color:#fff}
.web_footer{background-position:center 0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-color:#1a65b5;overflow:hidden}
.foot_service{padding:85px 8% 0;}
.foot_service .layout{}
.foot_service .foot_items{width:38%;float:left}
.foot_item{padding-bottom:15px}
.foot_item .title{font-size:18px;font-weight:bold;margin-bottom:18px;text-transform:uppercase}
.foot_item .foot_logo{display:block}
.foot_item .foot_logo img{max-height:118px;width:auto}
.foot_contact_list .contact_item{line-height:21px;font-size:13px;margin-bottom:12px;font-style:normal}
.foot_contact_list .contact_item a:hover{text-decoration:underline}
.foot_contact_list .contact_ico{display:inline-block;width:21px;height:21px;background-repeat:no-repeat;background-position:0 0;background-image:url(../images/contact_ico.png);float:left}
.foot_contact_list .contact_ico+.contact_txt{margin-left:30px}
.foot_contact_list .contact_txt{display:block}
.foot_contact_list .item_label{padding-right:5px}
.foot_contact_list .contact_ico_phone{background-position:0 0}
.foot_contact_list .contact_ico_fax{background-position:0 -21px}
.foot_contact_list .contact_ico_email{background-position:0 -42px}
.foot_contact_list .contact_ico_time{background-position:0 -63px}
.foot_contact_list .contact_ico_local{background-position:0 -84px}
.foot_contact_list .contact_ico_skype{background-position:0 -105px}
.foot_item_inquiry .sys_btn{width:260px;max-width:100%;font-size:18px}
.foot_sns li{display:inline-block;vertical-align:middle;font-size:0;padding-right:10px;padding-bottom:10px}
.foot_sns li a{display:inline-block;padding:10px;line-height:15px;border-radius:50%;background-color:#989898;vertical-align:middle;position:relative;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px;box-shadow:1px 1px 3px rgba(0,0,0,0.2),-1px -1px 3px rgba(0,0,0,0.2) inset,1px 1px 0 rgba(255,255,255,.1) inset;overflow:hidden}
.foot_sns li a:before{content:'';display:block;width:50%;height:70%;background-color:rgba(0,0,0,0.06);position:absolute;left:50%;top:35%;-webkit-transform:rotate(-15deg) skew(20deg);-ms-transform:rotate(-15deg) skew(20deg);-o-transform:rotate(-15deg) skew(20deg);transform:rotate(-15deg) skew(20deg)}
.foot_sns li img{max-height:18px;display:inline-block;position:relative;z-index:1}
.foot_sns li a:hover{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border-radius:40%;background-color:#eccf2b}
.foot_sns li a:hover img{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);opacity:1;filter:alpha(opacity=100)}
.foot_news{width:62%;float:right}
.foot_news .col_hd,.foot_news .col_hd a{}
.foot_news .col_hd{padding:20px 30px 20px 0;margin-bottom:35px;-ms-word-break:break-all;word-break:break-all}
.foot_news .col_hd .hd_title{font-size:42px;font-weight:normal;line-height:1.2;text-align:center; margin-bottom: 30px;}
.foot_news .col_hd .hd_title,.foot_news .col_hd .hd_title a{color:#fff}
.foot_news .col_hd .hd_desc{font-size:20px;font-weight:bold;text-align:center;text-transform:uppercase}
.foot_news .news_items{margin:0 -14px}
.foot_news .news_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
.foot_news .news_item .item_inner{display:block;position:relative;margin:14px}
.foot_news .news_item .item_img{position:relative}
.foot_news .news_item .item_img,.foot_news .news_item .item_img img{display:block;width:100%;height:auto}
.foot_news .news_item .item_img:before,.foot_news .news_item .item_img:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.foot_news .news_item .item_img:before{background:-webkit-linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background:-ms-linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background:-o-linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9))}
.foot_news .news_item .item_img:after{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.foot_news .news_item:hover .item_img:after{background-color:rgba(236,207,43,.7);background-image:-webkit-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:-ms-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:-o-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:linear-gradient(-90deg,#00cbf7,#0844fd);opacity:.7}
.foot_news .news_item .item_info{width:100%;padding:1.5em;position:absolute;left:0;bottom:0}
.foot_news .news_item .news_time{display:block;padding-bottom:5px;font-size:12px}
.foot_news .news_item .news_tit{line-height:1.2em;max-height:3.6em;font-size:14px;font-weight:normal;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.foot_news .learn_more{padding-top:30px;text-align:right}
.foot_news .sys_btn_more{margin-right:-8px}
.foot_news .sys_btn_more:before{background-image:url(../images/ico_more_hover.png)}
.tel_link{pointer-events:none}
.coyright{text-align:center; line-height: 100px; border-top: 1px solid #fff; margin-top: 30px; color: #bcbcbd;}
.coyright span{ padding-left: 50px;}
.coyright a{color: #bcbcbd;}
.coyright a:hover{color: #FFFFFF;}
@media screen and (max-width:768px){.tel_link{pointer-events:auto}
}.web_main{overflow:hidden}
.index_main,.index_main a{color:#16385e}
.index_hd{line-height:1.3;margin-bottom:20px}
.index_hd .hd_title{font-size:53px}
.index_hd .hd_desc{font-size:27px;font-weight:normal}
.slide-page-box{display:none}
.index_cates{margin:50px 0;position:relative;z-index:3}
.index_cates .cate_items{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.index_cates .cate_item,.index_cates .cate_item a{color:#fff}
.index_cates .cate_item,.index_cates .cate_item .item_cont{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.index_cates .cate_item{display:block;width:16.66666666%;float:left;background-color:#07b2dd;text-align:center;padding:20px;min-height:300px;background-position:center 130px;background-repeat:no-repeat;-webkit-background-size:88% auto;background-size:88% auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;position:relative}
.index_cates .cate_item:hover{}
.index_cates .cate_item:nth-child(1){background-color:#e9e9e9}
.index_cates .cate_item:nth-child(2){background-color:#d4d5d7}
.index_cates .cate_item:nth-child(3){background-color:#e9e9e9}
.index_cates .cate_item:nth-child(4){background-color:#d4d5d7}
.index_cates .cate_item:nth-child(5){background-color:#e9e9e9}
.index_cates .cate_item:nth-child(6){background-color:#d4d5d7}
.index_cates .cate_item .item_tit{font-size:22px;font-weight:bold; color: #1a65b5;}
.index_cates .cate_item .item_subtit{font-size:16px;font-weight:normal}
.index_cates .cate_item .item_cont{padding-top:20px;font-size:12px;opacity:0}
.index_cates .cate_item .item_desc{font-size:12px;margin-bottom:30px}
.index_cates .cate_item .sys_btn{display:block;font-size:12px;padding:8px}


@media screen and (min-width:951px){
	.index_cates .cate_item:hover{background-image:none!important;background-repeat:no-repeat;background-position:center bottom;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:1}
	.index_cates .cate_item:hover .item_cont{opacity:1}
	.index_cates .cate_item:hover .item_tit{color: #e22310;}
}

.index_business{padding-top:100px;padding-bottom:100px}
.article_cell{width:83.33333333%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;margin:0 auto}
.article_cell .cell_hd{width:22%;font-size:42px;font-weight:normal;line-height:1.1;float:left}
.article_cell .cell_hd,.article_cell .cell_bd{padding:0 30px}
.article_cell .cell_bd{width:78%;border-left:2px solid #0091ca;float:left}
.article_cell .cell_tit{font-size:24px;font-weight:bold;margin-bottom:10px;text-transform:uppercase}
.article_cell .cell_tit,.article_cell .cell_tit  a{color:#0091ca}
.article_cell .cell_desc{font-size:18px;line-height:1.8;padding-bottom:8px}
.article_cell .cell_desc a{color:#fc6f63}
.index_project{padding-top:100px;padding-bottom:100px;background-repeat:no-repeat;background-position:center 0;-webkit-background-size:cover;background-size:cover}
.index_project .col_hd{width:27%;padding-right:45px;float:left;text-align:right}
.index_project .col_hd .hd_title{font-size:42px;padding-bottom:70px;font-weight:normal}
.index_project .col_hd .hd_title,.index_project .col_hd .hd_title a{color:#e22310}
.index_project .col_hd .hd_links{font-size:20px;font-weight:bold;text-transform:uppercase}
.index_project .col_hd .hd_links,.index_project .col_hd .hd_links a{color:#010101;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.index_project .col_hd .hd_links a.item2{ color: #1a65b5}
.index_project .col_hd .hd_links a:hover{color:#e22310}
.index_project .col_hd .hd_links li{margin-bottom:.5em;line-height:28px}
.index_project .col_hd .hd_links .active{font-size:22px}
.index_project .col_hd .hd_links .active,.index_project .col_hd .hd_links .active a{color:#e22310}
.index_project .col_hd .hd_links .active:before{content:'';font-size:1.2em;line-height:1;padding-right:10px}
.index_project .col_bd{width:73%;float:left;border-left:2px solid #fff;padding-left:6%}
.index_project .project_items{margin:0 -7px}
.index_project .project_item{-webkit-box-flex:0 0 33.3333%;-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%;width:33.3333%;float:left;padding:7px}
.index_project .project_item .item_inner{display:block;position:relative;box-shadow:1px 0 29px rgba(0,0,0,.3)}
.index_project .project_item .item_img{display:block;width:100%;height:auto}
.index_project .project_item .item_img img{width:100%;height:auto}
.index_project .project_item .item_info,.index_project .project_item .item_info a{color:#fff}
.index_project .project_item .item_info{background-color:rgba(224,228,233,.8);position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;text-align:center;padding:10%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;opacity:0;filter:alpha(opacity=0);visibility:hidden}
.index_project .project_item .item_tit{font-size:24px}
.index_project .project_item .item_desc{}
.index_project .project_item .item_more{padding-top:30px}
.index_project .project_item .sys_btn{max-width:100%;width:185px;padding:17px 15px}
.index_project .project_item .item_inner:hover .item_info{opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:scale(.88);-ms-transform:scale(.88);-o-transform:scale(.88);transform:scale(.88)}
.index_project .panel_active{-webkit-animation:.6s zoomInA ease;-o-animation:.6s zoomInA ease;animation:.6s zoomInA ease}
.index_company_intr{padding-top:125px;padding-bottom:125px;margin-bottom:125px;background-position:center bottom;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.index_company_intr .index_bd .layout{background-color:#fff;padding:45px;box-shadow:-1px 1px 27px 2px rgba(0,0,0,0.22)}
.index_company_intr .company_intr_img{-webkit-box-flex:0 0 48%;-webkit-flex:0 0 48%;-ms-flex:0 0 48%;flex:0 0 48%;max-width:48%;width:48%;float:left}
.index_company_intr .company_intr_cont{-webkit-box-flex:0 0 52%;-webkit-flex:0 0 52%;-ms-flex:0 0 52%;flex:0 0 52%;max-width:52%;width:52%;float:left;padding:0 55px 40px;position:relative}
.index_company_intr .company_intr_cont:after{content:'';display:block;width:2px;height:135px;max-height:100%;background-color:#019bcf;position:absolute;right:0;top:0}
.index_company_intr .company_intr_title{font-size:42px;font-weight:normal;text-align:right; color: #e22310;}
.index_company_intr .company_intr_desc{line-height:2em;padding-top:30px;text-transform:uppercase;text-align:justify;text-transform:uppercase}
.sys_btn_more{display:inline-block;width:32px;height:32px;position:relative}
.sys_btn_more:before,.sys_btn_more:after{content:'';display:inline-block;width:32px;height:32px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.sys_btn_more:before{background-image:url(../images/ico_more.png)}
.sys_btn_more:after{background-image:url(../images/ico_more_hover.png);background-color:#019bcf;-webkit-transform:translateY(30%);-ms-transform:translateY(30%);-o-transform:translateY(30%);transform:translateY(30%);opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3)}
.sys_btn_more:hover:before{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3)}
.sys_btn_more:hover:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);opacity:1}
.index_company_intr .sys_btn_more{position:absolute;right:0;bottom:0}
.index_advantage{padding-top:100px;padding-bottom:100px;background-position:0 0;background-repeat:repeat;}
.index_advantage .index_bd .layout{width:auto}
.index_advantage .col_hd{width:31%;float:left}
.index_advantage .advantage_tabs,.index_advantage .advantage_tabs a{color:#000}
.index_advantage .advantage_tabs a span{ color: #1a65b5; font-weight: bold;}
.index_advantage .advantage_tabs:hover a, .index_advantage .advantage_tabs:hover a span{ color: #fff;}
.index_advantage .advantage_tabs .tabs_item{font-size:20px;line-height:31px;text-transform:uppercase;display:block;padding:55px 19% 55px 0;text-align:right;margin-bottom:1px;background-color:#07bcdd}
.index_advantage .advantage_tabs .tabs_item:nth-child(1){background-color:#ececec}
.index_advantage .advantage_tabs .tabs_item:nth-child(2){background-color:#dddedf}
.index_advantage .advantage_tabs .tabs_item:nth-child(3){background-color:#cccbcb}
.index_advantage .advantage_tabs .tabs_item:nth-child(4){background-color:#215ca9}
.index_advantage .col_bd{width:55%;float:left;padding-left:7%}
.index_advantage .article_cell{width:100%;margin:0 0 80px}
.index_advantage .article_cell .cell_hd{width:25%;text-align:right;padding-left:0}
.index_advantage .article_cell .cell_bd{width:75%}
.index_advantage .article_cell .cell_tit{font-size:22px}
.index_advantage .article_cell .cell_desc{height:5.4em;line-height:1.8em;overflow:hidden;font-size:16px;text-transform:uppercase;padding-bottom:0}
.index_advantage .advantage_img{width:100%;display:block}
.index_advantage .advantage_img .img_item{display:block;width:100%;height:auto}
.index_advantage .advantage_img .img_item img{display:block;width:100%;height:auto}
@media screen and (min-width:951px){
.index_advantage .advantage_tabs .tabs_item:hover{font-size:20px;background-color:#1a65b5!important;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);z-index:1}
.index_certificate{padding-top:100px;padding-bottom:100px;background-position:0 0;background-repeat:repeat;background-image:url(../images/index_advantage_bg.jpg)}
}

.index_certificate{padding-top:130px;padding-bottom:130px}
.index_certificate .company_intr_title{font-size: 42px; font-weight: normal; text-align: right;padding-right: 5%;color: #1a65b5; border-right: 2px solid #019bcf; margin-bottom: 30px;}
.index_certificate .brand_items{margin:0 -2%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.index_certificate .brand_items .brand_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;padding:20px 2%;text-align:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.index_certificate .brand_items .item_img{display:inline-block;position:relative;overflow:hidden}
.index_certificate .brand_items .item_img img{display:inline-block; width: 100%;  width:auto;height:auto;vertical-align:middle;}
.index_certificate .brand_item:hover .item_img img{}



.index_brands{padding-top:130px;padding-bottom:130px}
.index_brands .brand_items{margin:0 -2%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.index_brands .brand_items .brand_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;padding:20px 2%;text-align:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.index_brands .brand_items .item_img{display:inline-block;position:relative;overflow:hidden}
.index_brands .brand_items .item_img img{display:inline-block;max-height:70px;width:auto;height:auto;vertical-align:middle;opacity:.2}
.index_brands .brand_item:hover .item_img img{opacity:.8}


.index_news{ padding: 130px 0;}
.index_news .company_intr_title{font-size: 42px; font-weight: normal; text-align: center; color: #1a65b5;  margin: 30px 0; padding-bottom: 30px; position: relative;}
.index_news .company_intr_title:after{content: ''; display: block; width: 69px; height: 2px; max-height: 100%; background-color: #e22310; position: absolute;  bottom: 0; left: 0; right: 0; margin: auto;}
.index_news .col_bd{ margin: 0 auto;}
.index_news .col_hd,.index_news .col_hd a{}
.index_news .col_hd{padding:20px 30px 20px 0;margin-bottom:35px;-ms-word-break:break-all;word-break:break-all}
.index_news .col_hd .hd_title{font-size:42px;font-weight:normal;line-height:1.2;text-align:center; margin-bottom: 30px;}
.index_news .col_hd .hd_title,.index_news .col_hd .hd_title a{color:#fff}
.index_news .col_hd .hd_desc{font-size:20px;font-weight:bold;text-align:center;text-transform:uppercase}
.index_news .news_items{margin:0 -14px}
.index_news .news_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%}
.index_news .news_item .item_inner{display:block;position:relative;margin:14px}
.index_news .news_item .item_img{position:relative}
.index_news .news_item .item_img,.index_news .news_item .item_img img{display:block;width:100%;height:auto}

.index_news .news_item .item_img:before,.index_news .news_item .item_img:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.index_news .news_item .item_img:before{background:-webkit-linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background:-ms-linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background:-o-linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9))}
.index_news .news_item .item_img:after{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.index_news .news_item:hover .item_img:after{background-color:rgba(236,207,43,.7);background-image:-webkit-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:-ms-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:-o-linear-gradient(-90deg,#00cbf7,#0844fd);background-image:linear-gradient(-90deg,#00cbf7,#0844fd);opacity:.7}
.index_news .news_item .item_info{width:100%;padding:1.5em;position:absolute;left:0;bottom:0}
.index_news .news_item .news_time{display:block;padding-bottom:5px;font-size:12px; display: none;}
.index_news .news_item .news_tit{line-height:1.2em;max-height:3.6em;font-size:14px;font-weight:normal;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; color: #FFF; text-align:center;}
.index_news .learn_more{padding-top:30px;text-align:right}
.index_news .sys_btn_more{margin-right:-8px}
.index_news .sys_btn_more:before{background-image:url(../images/ico_more_hover.png)}


.product_item{width:33.3333%;float:left}
.product_item figure{margin:0}
.product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.product_item .item_img{*display:inline}
.product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.product_item .item_img a:before{content:'';display:block;width:100%;height:100%;background-color:rgba(255,255,255,0);left:0;top:0}
.product_item .item_img img{width:100%}
.product_item .item_title{font-weight:normal;font-size:14px;padding:15px 10px;text-align:center}
.product_item .item_title a{display:block;height:2.4em;line-height:1.2em;overflow:hidden;vertical-align:middle;padding:0 5%}
.product_item figure:hover .item_img a:before{background-color:rgba(255,255,255,0.2)}
.product_item figure:hover .item_img img{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.index_product{padding-top:70px;padding-bottom:70px}
.product_items{margin:0 -15px}
.product_items .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;padding:30px 15px}
.product_items .product_item .item_img{box-shadow:0 0 6px rgba(0,0,0,.3);z-index:2}
.product_items .product_item .item_title{font-size:26px;padding:0 10%;position:relative;font-weight:bold}
.product_items .product_item .item_title:before{content:'';display:block;width:80%;height:4px;background-color:#000;position:absolute;left:10%;top:0}
.product_items .product_item .item_title a{display:block;height:3em;line-height:3em;overflow:hidden;position:relative;z-index:1}
.product_items .product_item figure:hover .item_title:before{background-color:#1a65b5;height:100%}
.viewmore_bar{padding-top:20px;padding-bottom:30px;text-align:right}
.viewmore_bar .btn_more{display:inline-block;font-weight:bold;font-size:27px;background-color:#1a65b5;border:2px solid #1a65b5;padding:.25em 2.3em}
.viewmore_bar .btn_more:hover{background-color:#000;border-color:#000;color:#1a65b5}
.viewmore_bar .txt_desc{font-size:16px;line-height:1.3;padding:10px 0 0}
.viewmore_bar .btn_more:before{display:inline-block;content:'\f04a';font-size:1.2em;font-family:'fontAwesome';padding-right:1em;-webkit-transform:scale(1,.7);-ms-transform:scale(1,.7);-o-transform:scale(1,.7);transform:scale(1,.7)}
.aside{float:left;width:230px}
.side-tit-bar{position:relative;margin-bottom:15px}
.side-tit-bar .side-tit{position:relative;font-size:16px;height:38px;overflow:hidden;white-space:nowrap;line-height:38px;color:#FFF;padding:0 0 0 15px;background:#1a65b5;text-transform:uppercase}
.side-widget{position:relative;margin:0 0 50px}
.side-cate{padding:0 0 0 10px}
.side-cate li{position:relative;line-height:1.3em;font-size:14px;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word}
.side-cate li li{font-size:12px}
.side-cate li a{position:relative;display:block;margin-right:38px;padding:8px 0}
.side-cate ul{display:none;overflow:visible !important;padding-bottom:6px}
.side-cate li li{padding:3px 0}
.side-cate li li a{padding:4px 10px 4px 15px;margin-right:0;position:relative}
.side-cate li li a:hover,.side-cate li li.active>a{color:#1a65b5}
.side-cate li li a:hover:before,.side-cate li li.active>a:before{background-color:#1a65b5}
.side-cate li li a:before{content:'';display:inline-block;width:5px;height:5px;background-color:#ccc;position:absolute;left:0;top:9px}
.side-cate li li li a{padding:0 66px;margin-right:0}
.side-cate>li{border-bottom:1px solid #ddd}
.side-cate li .icon-cate{position:absolute;right:10px;top:6px;display:inline-block;width:20px;height:20px;line-height:23px;overflow:hidden;text-align:center;font-size:10px;cursor:pointer;color:#99abb7;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.side-cate li .icon-cate.icon-cate-down:before{content:'\f067'}
.side-cate li .icon-cate.icon-cate-up:before{content:'\f068'}
.side-cate li.nav-current > .icon-cate,.side-cate li:hover > .icon-cate,li.show_li >.icon-cate{color:#99abb7}
.side-cate li .icon-cate:hover{background-color:#99abb7;color:#fff}
.side-product-items{position:relative}
.side-product-items .items_content{position:relative;padding:35px 0}
.side_product_item{position:relative;display:block;width:100%;overflow:hidden}
.side_product_item figure{position:relative;display:table;width:100%;overflow:hidden}
.side_product_item .item-img,.side_product_item figcaption{display:table-cell;vertical-align:middle}
.side_product_item .item-img{width:70px;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}
.side_product_item .item-img:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.side_product_item .item-img img{display:block;width:100%}
.side_product_item:hover .item-img:before{background-color:rgba(255,255,255,.3)}
.side_product_item figcaption{padding-left:15px}
.side_product_item figcaption h3{font-size:13px;font-weight:normal}
.side_product_item figcaption h3 a{display:block;max-height:4.2em;line-height:1.4em;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.side_product_item figcaption h3 a:hover,.side_product_item .item-img:hover +  figcaption h3 a{color:#1a65b5;text-decoration:underline}
.side-product-items .swiper-slide{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.side-product-items .side_slider{max-height:450px;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}
.side-product-items .side_slider .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.side-product-items .side_product_item{height:90px}
.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:32px;line-height:32px;opacity:1;filter:alpha(opacity=100);font-size:28px;color:#ccd3d9;z-index:1;text-align:center;cursor:pointer}
.side-product-items .swiper-button-disabled{color:#eee;cursor:default}
.side-product-items .btn-prev:before,.side-product-items .btn-next:before{font-weight:bold;display:inline-block;-webkit-transform:scale(4,1);-ms-transform:scale(4,1);-o-transform:scale(4,1);transform:scale(4,1);font-family:'AkzidenzGrotesk-Regular'}
.side-product-items .btn-prev{top:0}
.side-product-items .btn-prev:before{content:'\f106';content:'∧'}
.side-product-items .btn-next{bottom:0}
.side-product-items .btn-next:before{content:'\f107';content:'∨'}
.side-product-items .btn-prev:not(.swiper-button-disabled):hover,.side-product-items .btn-next:not(.swiper-button-disabled):hover{color:#000}
.aside .side-bn{width:100%;margin:0 0 40px}
.aside .side-bn img{width:100%}

	


