/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover,a:active,a:focus{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
.menu-items .menu-item{text-align:center;}
.menu-items .menu-item .menu-icon{width:36px;height:36px;margin:0 auto;background-repeat:no-repeat;background-position:left center;background-size:auto 36px;background-image:url(/static/home/img/menu_icon.png)}
.menu-items .menu-item .menu-icon.icon-1{background-position:left center;}
.menu-items .menu-item .menu-icon.icon-2{background-position:-36px center;}
.menu-items .menu-item .menu-icon.icon-3{background-position:-72px center;}
.menu-items .menu-item .menu-icon.icon-4{background-position:-108px center;}
.menu-items .menu-item .menu-tit{font-size:14px;line-height:30px;color:#363941}

.img-square-list .img-item{display:block;width:100%;height:0;padding-bottom:100%;overflow:hidden;position:relative;margin-bottom:10px;}
.img-square-list .img-item .item-thumb{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -ms-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;}
.img-square-list .img-item .item-title{width:100%;height:30px;padding:0 10px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);font-size:14px;line-height:30px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index-case-items .case-item{height:240px;position:relative;}
.index-case-items .case-item +.case-item{margin-top:15px;}
.index-case-items .case-item:after{content:'';width:100%;height:120px;position:absolute;background:#efefef;bottom:30px;z-index:0;}
.index-case-items .case-item .case-product{padding:10px 25px;flex:auto;position:relative;z-index:1;}
.index-case-items .case-item .case-product .product-thumb{width:100%;height:100px;border:2px solid #363941;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);margin:10px auto;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.index-case-items .case-item .case-thumb{width:160px;height:100%;flex:none;border:5px solid #363941;margin-right:20px;position:relative;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.index-case-items .case-item:nth-of-type(2n) .case-product{order:2}
.index-case-items .case-item:nth-of-type(2n) .case-thumb{order:1;margin-left:20px;margin-right:0;}

.case-page-list .case-item{display:block;}
.case-page-list .case-item +.case-item{margin-top:10px;}
.case-page-list .case-item .case-thumb{width:100%;height:0;padding-bottom:60%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.case-page-list .case-item .case-title{font-size:16px;line-height:30px;color:#050505;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-page-list .case-item .case-desc{font-size:12px;line-height:18px;color:#989898;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2!important;overflow: hidden;}
.contact-form{width:100%;height:550px;position:relative;background:#363941;padding:50px 20px 0 100px;}
.contact-form:before{content:'oumeiya';width:400px;height:30px;text-align:right;color:#d0b257;border-bottom:1px solid #d0b257;text-transform: uppercase;font-size:18px;line-height:30px;
    position:absolute;top:185px;left:-150px;transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */}
.contact-form:after{content:'';width:55px;height:55px;background:url("/static/home/img/logo_yellow.png") no-repeat center center;position:absolute;left:10px;bottom:30px;}
.contact-form .form-control{background:#4b4f59;color:#aaaeb7;border:none;}
.contact-form .form-group{margin-bottom:0;}
.contact-form .btn-sub{background:#d0b257;padding:8px 30px;}
.contact-form .error-msg{width:100%;height:30px;line-height:30px;font-size:12px;color:#4b4f59;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.article-content{font-size:14px;line-height:24px;text-align:justify;}
.article-content img{max-width:100%;}

.index-news-box .hd{ height:50px;position:relative; }
.index-news-box .hd ul{display:block;width:100%; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex!important;}
.index-news-box .hd ul li{flex:1;list-style:none;text-align:center;height:50px;border:1px solid #e8e8e8;font-size:16px;line-height:50px;margin-right:-1px;position:relative;background:#f7f7f7;cursor:pointer}
.index-news-box .hd ul li.on{background:#1e50ae;color:#fff;}
.index-news-box .hd ul li.on:after{content:''; width: 0;
    height: 0;
    position:absolute;bottom:-5px;left:50%;margin-left:-10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #1e50ae;}
.index-news-box .bd {padding:10px;}
.index-news-box .bd li{margin-bottom:8px;padding:8px;position:relative}
.index-news-box .bd li:after{content:'';width:100%;height:0;border-top:1px dashed #e8e8e8;position:absolute;bottom:0;left:0;}
.index-news-box .bd li:hover{background:#f7f7f7;}

.row-title-1{text-align:center;font-size:24px;line-height:45px;position:relative;}
.row-title-1 .title-text{position:relative;display:inline-block;padding:0 15px;}
.row-title-1 .title-text:after{content:'';width:100px;height:0;border-top:1px solid #989898;position:absolute;bottom:20px;left:-110px;}
.row-title-1 .title-text:before{content:'';width:100px;height:0;border-top:1px solid #989898;position:absolute;bottom:20px;right:-110px;}

.index-product-box{background:#f7f7f7;overflow:hidden}
.index-product-box .bd li{display:inline-block;}
.index-product-box .product-item{display:block;width:150px;height:auto;margin-right:15px;position:relative}
.index-product-box .product-item .thumb{width:100%;height:0;border:1px solid #e8e8e8;padding-bottom:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.index-product-box .product-item .product-name{width:100%;height:40px;padding:10px;font-size:14px;line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.btn-more{padding:15px 30px;border:1px solid #e8e8e8;border-radius:0;background:#fff;font-size:16px;}
.btn-more:hover{background:#1e50ae;color:#fff;}

.index-brand-box{}
.index-brand-box .brand-item .img-cell{width:100%;height:0;padding-bottom:100%;margin:0 auto 20px;position:relative}
.index-brand-box .brand-item .img-cell:after{content:'';width:100%;height:100%;background:#fff;border-radius:50%;position:absolute;top:0;left:0;z-index:0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.index-brand-box .brand-item .img-cell .img-box{width:80%;height:80%;position:absolute;left:10%;top:10%;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1}

.index-customer-box{overflow:hidden}
.index-customer-box li{display:inline-block;margin:0 10px;}
.index-customer-box .customer-item{width:165px;height:84px;background-repeat:no-repeat;background-position:center center;background-size:cover;}

.four-reason .item{margin-bottom:20px;}
.four-reason .item .img-cell{flex:1;margin-right:10px;padding-top:30px;position:relative}
.four-reason .item .img-cell .img-box{width:100%;height:0;padding-bottom:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.four-reason .item .img-cell .item-num{width:60px;height:70px;background:#1e50ae;color:#fff;font-size:32px;line-height:70px;font-weight:600;text-align:center;position:absolute;left:15px;top:0;}
.four-reason .item .img-cell .item-num:after{content:'';width:30px;height:5px;background:#fff;position:absolute;bottom:10px;left:50%;margin-left:-15px;}
.four-reason .item .text-cell{flex:1;margin-left:10px;padding-top:20px;}
.four-reason .item:nth-child(2n) .img-cell{order:2;margin:0 0 0 10px;}
.four-reason .item:nth-child(2n) .text-cell{order:1;margin:0 10px 0 0}