body{color: #333;font-size: 14px}
[body]{overflow: hidden;}

/*
 * 全局宽度，影响整站
**/
.cw{max-width: 1600px;margin: auto;}
.cw2{max-width: 1400px;margin: auto;}
.cw3{max-width: 1200px;margin: auto;}

@media only screen and (max-width: 1700px){
	.cw{padding-left: 3.5%;padding-right: 3.5%;}
}

@media only screen and (max-width: 1500px){
	.cw2{padding-left: 3.5%;padding-right: 3.5%;}
}

@media only screen and (max-width: 1300px){
	.cw3{padding-left: 3.5%;padding-right: 3.5%;}
}

.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.trans15 { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; }


/*
 * css3 箭头
**/
.Cjt, [Cjt]{border-right: 1px solid #ddd;border-top: 1px solid #ddd;transform: rotate(45deg);}
.Cjt.top, [Cjt][top]{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.Cjt.right, [Cjt][right]{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.Cjt.bottom, [Cjt][bottom]{transform: rotate(135deg);-webkit-transform: rotate(135deg);}


/*
 * 背景颜色
**/
.BG{background: #1c80ab;}
.BGFFF{background: #ffffff;}
.BGF5F{background: #f5f5f5;}
.BGEEE{background: #eeeeee;}

/*.BTN{position: relative;display: inline-block;}
.BTN > *{position: relative;z-index: 2;}
.BTN:after{content: '';position: absolute;bottom: 0;left: 18px;right: 18px;height: 18px;box-shadow: 0 0 18px rgba(28, 128, 171, .8);z-index: 1;}*/

.editor p,
.editor div,
.editor em,
.editor b,
.editor span{line-height: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%!important;height: auto!important;}

body{max-width: 1920px;min-width: 320px;overflow-x: hidden;margin: 0 auto;}

.ab-style{top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.cw1820{width: 1820px;margin: 0 auto;}
.cw1560{width: 1560px;margin: 0 auto;}
.cw1440{width: 1440px;margin: 0 auto;}
.cw1200{width: 1200px;margin: 0 auto;}
@media (max-width: 1860px){
    .cw1820{width: 98%;}
}
@media (max-width: 1460px){
    .cw1440{width: 96%;}
}
@media (max-width: 1600px){
    .cw1560{width: 96%;}
}
@media (max-width: 1280px){
    .cw1200{width: 94%;}
}

/*
    广告图
 */
#inner-swiper .mi,
#index-swiper .mi{display: none;}
#index-swiper .swiper-pagination{bottom: 50px;}
#index-swiper .swiper-pagination-bullet{width: 8px;height: 8px;border: 2px solid #fff;opacity: 1;margin: 0 14px;background: transparent;}
#index-swiper .swiper-pagination-bullet-active{background: #fff;}

@media (max-width: 750px){
    #inner-swiper .pc,
    #index-swiper .pc{display: none;}
    #inner-swiper .mi,
    #index-swiper .mi{display: inline-block;}
    #index-swiper .swiper-pagination{bottom: 20px;}
}

/*
 * 导航样式
**/
#header-blank{height: 100px;}
#header{height: 100px;position: fixed;top: 0;left: 0%;width: 100%;right: 0;margin: auto;z-index: 100;background: #fff;}
#header .logo{width: 172px;height: 60px;margin-top: 20px;}
#header .nav .inline-block{margin-right: 70px;}
#header .nav .one{line-height: 97px;color: #333333;font-size: 18px;font-weight: bold;border-bottom: 3px solid transparent;}
#header .nav .one:hover,
#header .nav .one.on{color: #d61518;}
#header .nav .one.on{border-bottom: 3px solid #d61518;}
#header .nav .two{height: 0;overflow: hidden;background: rgba(255,255,255,.8);width: 250px;left: -86px;top: 100px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
#header .nav .two .child{color: #666;font-size: 16px;margin: 15px auto;width: 90%;text-align: center;}
#header .nav .two .child:hover{color: #d61518;}
#header .search{margin-top: 42px;width: 20px;margin-right: 35px;}
#header .search .btn1{width: 20px;height: 20px;cursor: pointer;background: url(/images/search.png) no-repeat center center;}
#header .search:hover .btn1{background-image: url(/images/search3.png);}
#header .search .form{top: 65px;right: -100px;width: 400px;padding: 0 10px;background: #fff;border-radius: 50px;height: 0;overflow: hidden;}
#header .search.in .form{height: 30px;}
#header .search .form .key{width: 240px;height: 30px;line-height: 30px;color: #333;font-size: 14px;background: transparent;border: none;}
#header .search .form .submit{cursor: pointer;width: 40px;height: 30px;border: none;background: url(/images/search.png) no-repeat center center/15px;}
#header .menu{display: none;cursor: pointer;width: 30px;height: 25px;margin-top: 40px;}
#header .menu .in{width: 30px;height: 4px;border-radius: 50px;margin-top: 11px;background: #666666;position: relative;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#header .menu .in:before{top: -9px;}
#header .menu .in:after{bottom: -9px;}
#header .menu .in:before,
#header .menu .in:after{content: "";position: absolute;left: 0;width: 30px;height: 4px;border-radius: 50px;background: #666666;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#header .menu:hover .in{width: 20px;}
#header .menu:hover .in,
#header .menu:hover .in:before,
#header .menu:hover .in:after{background: #d61518;}
#menu .lang,
#header .lang{margin-top: 38px;color: #666;font-size: 18px;font-weight: bold;background: url(/images/lang1.png) no-repeat left center;}
#header .lang{padding-left: 33px;margin-top: 40px;}
#menu .lang{padding-left: 33px;width: 85px;margin: 0; padding: 0;margin-top: 15px;}
#header .lang:hover,
#menu .lang:hover{color: #d61518;background-image: url(/images/lang.png);}

#float .one{width: 60px;text-align: center;position: fixed;top: 30%;right: 20px;z-index: 4;}
#float .one .slides{width: 50px;height: 50px;line-height: 50px;position: relative;margin-bottom: 33%;box-shadow: 0px 0px 14px 5px #bfc4de;border-radius: 25px;background: #ffffff;font-size: 9px;}
#float .one .slides .float-icon{font-size: 20px; color: #d61518;cursor: pointer;padding-top: 15px;}
#float .one .slides .float-icon.fa-angle-up{font-size: 27px;}
#float .one .slides .float-icon.fa-angle-up::after{position: absolute;content: "";width: 14px;height: 2px;background: rgba(214,21,24,.75);top: 19px;left: 50%;margin-left: -7px;}
#float .one .slides .icon-hide{width: 50px;height: 50px;background: #d61518;color: #d61518;font-size: 20px;font-family: Gilroy-Medium;border-radius: 25px;right: 0px;top: 0px;z-index: -1;opacity: 0;box-shadow: 0px 0px 14px 5px #bfc4de;text-align: left;padding-left: 20px;padding-right: 85px;}
#float .one .slides .qr-code{width: 250%;height: 250%;bottom: -40px;right: -75px;opacity: 0;transition: all .4s; z-index: -1;}
#float .one .slides:hover{background: #05177d;}
#float .one .slides:hover .icon-hide.qq{width: 112px;opacity: 1;color: #fff;}
#float .one .slides:hover .icon-hide.phone{width: 100px;opacity: 1;color: #fff;}
#float .one .slides:hover .fa-qq{color: #ffffff;}
#float .one .slides:hover .fa-wechat{color: #ffffff;}
#float .one .slides:hover .fa-phone{color: #ffffff;}
#float .one .slides:hover .fa-angle-up{color: #ffffff;}
#float .one .slides:hover .fa-angle-up::after{background: #ffffff;}
#float .one .slides:hover .qr-code{opacity: 1;right: 65px;}

@media (max-width: 1460px){
    #header .nav .inline-block{margin-right: 50px;}
}

@media (max-width: 1280px){
    #header .nav .one{font-size: 16px;}
    #header .nav .inline-block{margin-right: 30px;}
}

@media (max-width: 1050px){
    #header .lang,
    #header .nav{display: none;}
    #header .menu{display: block;}
    #header .search.in .form{right: -80px;}
}

@media (max-width: 750px){
    #header-blank{height: 70px;}
    #header{height: 70px;}
    #header .logo{height: 40px;margin-top: 15px;}
    #header .search{margin-top: 27px;}
    #header .menu{margin-top: 24px;}
    #header .logo{width: 118px;}
    #header .search{position: static;}
    #header .cw1200{position: relative;}
    #header .search.in .form{width: 90%;right: 0px;left: 0;margin: auto;top: 80px;}
    #header .search .form .key{width: 80%;}
    #header .search .form .submit{width: 10%;}
}

@media (max-width: 450px){
    #header-blank{height: 60px;}
    #header{height: 60px;}
    #header .search{margin-top: 21px;margin-right: 25px;}
    #header .search .btn1{-webkit-background-size: 16px;background-size: 16px;}
    #header .search.in .form{top: 70px;}
    #header .menu{margin-top: 18px;}
    #header .menu .in,
    #header .menu .in:before,
    #header .menu .in:after{width: 25px;height: 2px;}
    #header .logo{width: 100px;height: 35px;margin-top: 13px;}
}

#menu{position: fixed;top: 100px;width: 100%;background: #fff;z-index: 100;overflow: hidden;height: 0;}
#menu.small{overflow: hidden;overflow-y: auto;}
#menu.small::-webkit-scrollbar{width: 3px;height: 3px;background-color:#F5F5F5;}
#menu.small::-webkit-scrollbar-track{border-radius:10px;background-color:#e5e5e5;}
#menu.small::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d61518;}
#menu .blank{padding-top: 80px;}
#menu .nav{padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
#menu .nav:first-child{border-top: 1px solid #e5e5e5;}
#menu .one{color: #333;font-size: 18px;line-height: 35px;font-family: 'SourceHanSansCN_Medium';}
#menu .btn{color: #333;font-size: 26px;}
#menu a.one:hover,
#menu .btn:hover{color: #d61518;}
#menu .nav .two{height: 0;overflow: hidden;}
#menu .nav .child{color: #888;font-size: 14px;margin-top: 12px;margin-left: 10px;}

@media (max-width: 750px){
    #menu{top: 70px;}
}
@media (max-width: 450px){
    #menu{top: 60px;}
    #menu .nav{padding: 10px 0;}
    #menu .one{font-size: 16px;}
}



/*友情链接*/
#link{height: 59px;border-top: 1px solid #e9e9e9;}
#link .fl{color: #999999;font-size: 14px;line-height: 59px;}
#link .container{width: 1000px;margin-left: 1%;}
#link .container .slide{width: auto;}
#link .container .slide a{color: #666666;font-size: 14px;line-height: 59px;}
#link .container .slide a:hover{color: #d61518;}

@media (max-width: 1280px){
    #link .container{width: 85%;}
}

@media (max-width: 750px){
    #link .container{width: 70%;}
}
@media (max-width: 375px){
    #link .container{width: 68%;}
#link .container .slide a,
    #link .fl{font-size: 13px;}
}

/*底部*/
#footer{padding-top: 4.6%;background: url(/images/footer.jpg) no-repeat center center/cover;}
#footer .wechat{background: rgba(255,255,255,.11);border-radius: 6px;width: 100px;padding: 16px;padding-bottom: 20px;text-align: center;margin: 0 auto;}
#footer .wechat .code{width: 100px;height: 100px;margin: 0 auto;}
#footer .wechat .tt{width: 100px;color: #ffffff;font-size: 14px;margin-top: 10px;}
#footer .contact{margin: 4.83% 0 6.66%;}
#footer .contact .tel{color: #cccccc;font-size: 14px;}
#footer .contact .number{margin: 0.4% 0 1.58%;color: #fff;font-size: 26px;font-family: 'Gilroy_blod';}
#footer .contact .address{color: #cccccc;font-size: 14px;}
#footer .nav .one{position: relative;color: #ffffff;font-size: 14px;padding: 0 45px;}
#footer .nav .one:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 1px;height: 8px;background: rgba(255,255,255,.4);}
#footer .nav .one:first-child::before{display: none;}
#footer .nav .one:hover{text-decoration: underline;}
#footer .copyright{margin-top: 2.92%;text-align: center;padding: 24px 0;border-top: 1px solid #505556;}
#footer .copyright,
#footer .copyright a{color: #999999;font-size: 14px;}
#footer .copyright a p:hover,
#footer .copyright a:hover{color: #fff;}

@media (max-width: 1050px){
    #footer .nav .one{padding: 0 5%;}
}

@media (max-width: 750px){
    #footer{padding-top: 6%;}
    #footer .contact .number{font-size: 22px;margin: 15px 0 20px;}
    #footer .nav .one{padding: 0 3%;margin-bottom: 2%;}
}

/*面包屑*/
.top-bread{position: relative;z-index: 2;height: 56px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.top-bread .home{width: 64px;height: 56px;border-right: 1px solid #e5e5e5;background-repeat: no-repeat;background-position: center center;background-image: url(/images/home.png);}
.top-bread .home:hover{background-image: url(/images/home2.png);}
.top-bread .select{width: 268px;padding: 0 9px 0 19px;border-right: 1px solid #e5e5e5;}
.top-bread.solution .select{width: 285px;}
.top-bread .select .one{text-transform: uppercase;white-space: nowrap;overflow: hidden; color: #666666;font-size: 14px;font-family: 'SKSans_Bold';line-height: 56px;}
.top-bread .select .one:hover{color: #d61518;}
.top-bread .select .btn{cursor: pointer;width: 33px;height: 56px;background-repeat: no-repeat;background-position: center center;background-image: url(/images/select.jpg);}
.top-bread .select:hover .btn{background-image: url(/images/select2.jpg);}
.top-bread .select .absolute{top: 57px;left: 0;background: #fff;width: 296px;/*height: 0;overflow: hidden;*/}
.top-bread .select.bs .absolute{box-shadow: 0 5px 25px -10px #e5e5e5;}
.top-bread.solution .select .absolute{width: 329px;}
.top-bread .select .absolute .child{margin-bottom: 1px;padding-left: 19px;height: 40px;line-height: 40px;height: 0;overflow: hidden;color: #666;background: rgba(255,255,255);transform: rotate3d(20deg);font-size: 14px;}
.top-bread .select .absolute .child:hover{color: #d61518;}
.top-bread .select .absolute .child.open{height: 40px;transform: rotate(0deg)}
.top-bread .list{width: 790px;overflow-x: auto;white-space: nowrap;}
.top-bread .list::-webkit-scrollbar{width: 3px;height: 6px;border-radius:50px;background-color:#ddd;}
.top-bread .list::-webkit-scrollbar-track{border-radius:50px;background-color:#f1f1f1;}
.top-bread .list::-webkit-scrollbar-thumb{border-radius:50px;background-color:#ddd;}

.top-bread .list a{color: #333333;font-size: 16px;margin-right: 75px;line-height: 56px;}
.top-bread .list a:hover,
.top-bread .list a.on{color: #d61518;}
.top-bread .list a.on{font-weight: bold;}
.top-bread.detail{padding: 50px 0;border-bottom: none;height: auto;}
.top-bread.detail .fl{width: 90%;}
.top-bread.detail .fl .inline-block{color: #666666;font-size: 14px;}
.top-bread.detail .fl a.inline-block:hover{color: #d61518;}
.top-bread.detail .fl .inline-block:last-child{color: #999999;}
.top-bread.detail .fl span.inline-block{margin: 0 5px;width: 8px;height: 21px;background: url(/images/bread1.jpg) no-repeat center center;}
.top-bread.detail .back{color: #666666;font-size: 14px;}
.top-bread.detail .back span{width: 20px;margin-left: 13px;height: 21px;background: url(/images/back.png) no-repeat center center;}
.top-bread.detail .back:hover{color: #d61518;}
.top-bread.detail .back:hover span{background-image: url(/images/back1.png);}


@media (max-width: 1280px){
    .top-bread .list{width: 60%;margin-right: 4%;}
    .top-bread .list a{margin-right: 40px;}
}

@media (max-width: 1100px){
     .top-bread .list{margin-right: 2%;}
}
@media (max-width: 1050px){
    .top-bread .list{display: none;}
    .top-bread.detail{padding: 30px 0;}
}
@media (max-width: 750px){
    .top-bread.detail .fl .inline-block:nth-child(6),
    .top-bread.detail .fl .inline-block:nth-child(7){display: none;}
}
@media (max-width: 450px){
    .top-bread .home{width: 50px;height: 45px;}
    .top-bread,
    .top-bread .select .btn{height: 45px;}
    .top-bread .select .one{line-height: 45px;}
    .top-bread .select{width: 220px;}
    .top-bread .select .absolute{top: 46px;}
}

/*首页/公共*/
#main .pub{color: #333333;font-size: 32px;font-weight: bold;padding-bottom: 18px;margin-bottom: 45px;}
#main .pub:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 30px;height: 3px;background: #d61518;}
#main.index-box .ind-desc{color: #888888;font-size: 16px;line-height: 26px;}
#main.index-box .more{width: 196px;height: 56px;line-height: 56px;border: 2px solid #d61518;color: #d61518;font-size: 16px;border-radius: 50px;margin: 0 auto;box-shadow: 0 5px 20px -10px #d61518; overflow: hidden;}
#main.index-box .more:hover{background: #d61518;color: #fff;}
#main.index-box .m80{margin-bottom: 80px;}

@media (max-width: 981px){
    #main .pub{font-size: 26px;margin-bottom: 30px;}
}
@media (max-width: 750px){
    #main.index-box .m80{margin-bottom: 60px;}
    #main.index-box .more{width: 150px;line-height: 50px;height: 50px;}
}
@media (max-width: 450px){
    #main.index-box .more{width: 120px;line-height: 35px;height: 35px;}
}

/*关于我们*/
#main.index-box .ind-about{margin: 95px auto 80px;}
#main.index-box .ind-about .number{margin: 70px 0 80px;}
#main.index-box .ind-about .number .n1 .inline-block{vertical-align: middle;}
#main.index-box .ind-about .number .n1{max-width: 31%;margin: 0 2%;min-width: 26%;}
#main.index-box .ind-about .number .n2,
#main.index-box .ind-about .number .num{color: #d61518;font-size: 60px;font-family: 'Gilroy_blod';}
#main.index-box .ind-about .number .add{margin-top: 20px;margin-left: 6px;color: #333333;font-size: 14px;font-weight: bold;}
#main.index-box .ind-about .number .intro{color: #888888;font-size: 16px;margin-top: 5px;}
@media (max-width: 981px){
    #main.index-box .ind-about .number .n2,
    #main.index-box .ind-about .number .num{font-size: 40px;}
}

@media (max-width: 750px){
    #main.index-box .ind-about{margin: 50px auto 70px;}
    #main.index-box .ind-about .number .n2,
    #main.index-box .ind-about .number .num{font-size: 36px;}
    #main.index-box .ind-about .number .intro{font-size: 14px;}
    #main.index-box .ind-about .number{margin: 50px 0 60px;}
}
@media (max-width: 560px){
    #main.index-box .ind-about .number .n2,
    #main.index-box .ind-about .number .num{font-size: 34px;}
    #main.index-box .ind-about .number .intro{font-size: 14px;}
    #main.index-box .ind-about .number{margin: 20px 0 40px;text-align: left;}
    #main.index-box .ind-about .number .n1{width: 46%;margin-bottom: 25px;max-width: inherit;}
}
@media (max-width: 560px){
    #main.index-box .ind-about .number .n2,
    #main.index-box .ind-about .number .num{font-size: 26px;}
    #main.index-box .ind-about .number{text-align: center;}
    #main.index-box .ind-about .number .n1{width: 100%;margin-bottom: 25px;max-width: inherit;}
}
/*视频*/
#main.index-box .ind-video{cursor: pointer;height: 290px;background-repeat: no-repeat;-webkit-background-size: cover;background-position: center center;background-size: cover;}
#main.index-box .ind-video .ico{width: 58px;height: 58px;top: 0;bottom: 0;right: 0;left: 0;z-index: 2;background: url(/images/v_ico.png) no-repeat center center;margin: auto;}
#main.index-box .ind-video .ico:hover{transform: scale(1.05);}
/*业务*/
#main.index-box .ind-business .ind-desc{margin-bottom: 50px;}
#main.index-box .ind-business .slide{padding-top: 31.25%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#main.index-box .ind-business .slide .block{width: 100%;top: 0;bottom: 0;margin: auto;background: rgba(0,0,0,.5);}
#main.index-box .ind-business .slide .top{width: 76.82%;height: 80px;overflow: hidden;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#main.index-box .ind-business .slide .ico{width: 80px;height: 80px;margin: 0 auto;background: #000000;border-radius: 50%;}
#main.index-box .ind-business .slide .name{color: #ffffff;font-size: 22px;}
#main.index-box .ind-business .slide .h{height: 30px;}
#main.index-box .ind-business .slide .desc{height: 0;overflow: hidden;line-height: 24px;color: #cccccc;font-size: 14px;}
#main.index-box .ind-business .slide .desc.auto{height: auto;margin-bottom: 16.94%;margin-top: 8.33%;}
#main.index-box .ind-business .slide .d1{height: 0;overflow: hidden;}
#main.index-box .ind-business .slide .d1 .btn1{padding: 0 31px;line-height: 42px;color: #fff;border: 2px solid #fff;border-radius: 50px;margin: 0 auto;}
#main.index-box .ind-business .slide .d1.auto{height: 46px;}
#main.index-box .ind-business .slide:hover .ico{background: #d61518;}
#main.index-box .ind-business .slide .d1 .btn1:hover{border-color: #d61518;background: #d61518;}

@media (max-width: 1200px){
    #main.index-box .ind-business .slide .h{height: 20px;}
    #main.index-box .ind-business .slide .ico{width: 30px;height: 30px;padding: 10px;}
    #main.index-box .ind-business .slide .desc{font-size: 13px;line-height: 20px;}
    #main.index-box .ind-business .slide .d1 .btn1{height: 35px;line-height: 35px;padding: 0 20px;}
    #main.index-box .ind-business .slide .desc.auto{margin: 6% 0 8%;}
}
@media (max-width: 1050px){
    #main.index-box .ind-business .slide .name{font-size: 18px;}
}
@media (max-width: 850px){
    #main.index-box .ind-business .slide{padding-top: 42.25%;}
    #main.index-box .ind-business .slide .h{height: 10px;}
    #main.index-box .ind-business .slide .top{width: 90%;}
}
@media (max-width: 620px){
    #main.index-box .ind-business .slide{padding-top: 76%;}
    #main.index-box .ind-business .slide .d1.auto,
    #main.index-box .ind-business .slide .d1{display: none;height: 0;}
    #main.index-box .ind-business .slide .name{font-size: 16px;}
    #main.index-box .ind-business .slide .ico{width: 20px;height: 20px;}
}

/*案例*/
#main.index-box .ind-case .container{padding: 50px 0;}
#main.index-box .ind-case .slide{width: 41.66%;overflow: hidden;padding-top: 20.8%;margin-top: 2.08%;}
#main.index-box .ind-case .slide .m-pic{width: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#main.index-box .ind-case .slide.swiper-slide-active{margin-top: 0;z-index: 20;}
#main.index-box .ind-case .slide.swiper-slide-active{width: 42.71%;padding-top: 25%;box-shadow: 0 0 30px 5px #9c9c9c;}
#main.index-box .ind-case .slide.swiper-slide .m-pic:after{background: rgba(0,0,0,.3);content:"";width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 3;}
#main.index-box .ind-case .slide.swiper-slide-active .m-pic:after{background: url(/images/black2.png) no-repeat center center/100% 100%;}
#main.index-box .ind-case .slide.swiper-slide:hover .m-pic{transform: scale(1.05);}
#main.index-box .ind-case .slide .name{height: 0;overflow: hidden;z-index: 10;width: 90%;margin: auto;left: 0;right: 0;bottom: 38px;color: #ffffff;font-size: 22px;}
#main.index-box .ind-case .slide.swiper-slide-active .name{height: auto;}
/*#main.index-box .ind-case .slide:hover img{transform: scale(1.05);}*/
#main.index-box .ind-case .swiper-pagination{position: static;margin-top: 50px;}
#main.index-box .ind-case .swiper-pagination{width: 100%;left: 0;bottom: 0;height: 18px;text-align: center;font-size: 0;}
#main.index-box .ind-case .swiper-pagination .swiper-pagination-bullet{position: relative;width: 16px;height: 16px;border: 1px solid #9b9b9b;border-radius: 50%;margin: 0 11px;background: #fff;opacity: 1;display: inline-block;vertical-align: middle;}
#main.index-box .ind-case .swiper-pagination .swiper-pagination-bullet-active{border-color: #d61518;}
#main.index-box .ind-case .swiper-pagination .swiper-pagination-bullet-active:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #d61518;width: 6px;height: 6px;border-radius: 50%;}
#main.index-box .ind-case .btn1{z-index: 3;width: 60px;height: 60px;border-radius: 50%;top: 40.17%;margin: auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;background-color: rgba(0,0,0,.45);}
#main.index-box .ind-case .btn1:hover{background-color: rgba(214,21,24,.5);}
#main.index-box .ind-case .btn1.prev{left: 18.75%;background-image: url(/images/b_left.png);}
#main.index-box .ind-case .btn1.next{right: 18.75%;background-image: url(/images/b_right.png);}

@media (max-width: 1280px){
    #main.index-box .ind-case .cw1200{width: 80%;}
    #main.index-box .ind-case .slide .name{font-size: 20px;}
    #main.index-box .ind-case .slide{padding-top: 23.8%;}
    #main.index-box .ind-case .slide.swiper-slide-active{padding-top: 28.28%;}
}

@media (max-width: 1050px){
    #main.index-box .ind-case .btn1{width: 40px;height: 40px;}
    #main.index-box .ind-case .slide .name{font-size: 16px;bottom: 20px;}
    #main.index-box .ind-case .swiper-pagination{margin-top: 30px;}
}

@media (max-width: 620px){
    #main.index-box .ind-case .slide.swiper-slide,
    #main.index-box .ind-case .slide.swiper-slide-active{width: 100%;padding-top: 57%;}
    #main.index-box .ind-case .btn1.prev{left: 3%;}
    #main.index-box .ind-case .btn1.next{right: 3%;}
}


/*新闻+合作伙伴*/
#main.index-box .in-gray{padding: 60px 0 90px;background: #f5f5f5 url(/images/index_bg.jpg) no-repeat center bottom;}
#main.index-box .ind-news .left,
#main.index-box .ind-news .left .swiper-slide .img,
#main.index-box .ind-news .left .swiper-slide .block{width: 600px;}
#main.index-box .ind-news .left .swiper-slide .block{padding-top: 72.83%;}
#main.index-box .ind-news .left .swiper-slide .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;overflow: hidden;}
#main.index-box .ind-news .left .swiper-slide .name{z-index: 2;width: 460px;padding: 18px 122px 18px 20px;background: rgba(0,0,0,.5);color: #fff;font-size: 16px;left: 0;bottom: 0;}
#main.index-box .ind-news .left .swiper-slide:hover .img img{transform: scale(1.1);}
#main.index-box .ind-news .left .swiper-pagination{z-index: 10;bottom: 24px;right: 42px;width: auto;left: auto;}
#main.index-box .ind-news .left .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;border: 1px solid #fff;background: #fff;opacity: 1;margin: 0 4px;}
#main.index-box .ind-news .left .swiper-pagination .swiper-pagination-bullet-active{background: transparent;}
#main.index-box .ind-news .right{width: 557px;}
#main.index-box .ind-news .right .news{padding-left: 15px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e1e1e1;}
#main.index-box .ind-news .right .news:last-child{margin-bottom: 0;}
#main.index-box .ind-news .right .news .fl{width: 450px;}
#main.index-box .ind-news .right .news .tit{line-height: 34px;position: relative;color: #000000;font-size: 16px;padding-left: 14px;}
#main.index-box .ind-news .right .news .tit:after{content:"";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background: #a4a4a4;border-radius: 50%;}
#main.index-box .ind-news .right .news .desc{color: #888888;font-size: 14px;line-height: 28px;margin-top: 5px;padding-left: 14px;}
#main.index-box .ind-news .right .news .date2{display: none;}
#main.index-box .ind-news .right .news .date2,
#main.index-box .ind-news .right .news .d{color: #888888;font-size: 18px;font-family: 'Gilroy_blod';}
#main.index-box .ind-news .right .news .m1{margin-top: 57px;width: 48px;height: 7px;background-image: url(/images/m1.png);background-repeat: no-repeat;background-position: center right;}
#main.index-box .ind-news .right .news:hover .tit{color: #d61518;}
#main.index-box .ind-news .right .news:hover .tit:after{background: #d61518;}
#main.index-box .ind-news .right .news:hover .m1{background-image: url(/images/m2.png);}
#main.index-box .ind-news .more{margin-top: 50px;}
#main.index-box .ind-partner{padding-top: 80px;background: url(/images/ind_center.png) no-repeat center top/100% 5px;}
#main.index-box .ind-partner .container{padding: 2%;}
#main.index-box .ind-partner .container .wrapper{border-bottom: 1px solid #eaeef9;border-left: 1px solid #eaeef9;}
#main.index-box .ind-partner .slide{height: 149px;background: #fff;}
#main.index-box .ind-partner .slide:before,
#main.index-box .ind-partner .slide:after{z-index: 2;content: "";position: absolute;background: #eaeef9;margin: auto;}
#main.index-box .ind-partner .slide:before{width: 1px;height: 100%;top: 0;bottom: 0;right: 0px;}
#main.index-box .ind-partner .slide:after{width: 100%;height: 1px;top: 0px;left: 0;right: 0;}
#main.index-box .ind-partner .slide .absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;padding: 5%;}
#main.index-box .ind-partner .slide .url{z-index: 10;}
#main.index-box .ind-partner .slide .absolute.m-pic{background: #fff;border-bottom: 2px solid transparent;}
#main.index-box .ind-partner .slide:hover{z-index: 10;}
#main.index-box .ind-partner .slide:hover .m-pic{width: 102%;left: -6.5%;height: 138px;box-shadow: 0 0 30px -5px #d5d5d6;border-bottom: 2px solid #d61518;}
#main.index-box .ind-partner .slide:hover::before,
#main.index-box .ind-partner .slide:hover::after{background: transparent;}

@media (max-width: 1250px){
    #main.index-box .ind-news .left{width: 50%;height: auto;}
    #main.index-box .ind-news .right .news{margin-bottom: 15px;padding-bottom: 15px;}
    #main.index-box .ind-news .right .news .desc{line-height: 24px;}
    #main.index-box .ind-news .left .swiper-slide .img,
    #main.index-box .ind-news .right .news .fl,
    #main.index-box .ind-news .left .swiper-slide .block{width: 100%;height: auto;}
    #main.index-box .ind-news .left .swiper-slide .name{width: 70%;padding-right: 25%;padding-left: 5%;}
    #main.index-box .ind-news .right{width: 48%;}
    #main.index-box .ind-news .right .news .date2{font-size: 14px;padding-left: 14px;display: block;font-family: '微软雅黑';}
    #main.index-box .ind-news .right .news .m1,
    #main.index-box .ind-news .right .news .d{display: none;}
}

@media (max-width: 950px){
    #main.index-box .ind-news .left{width: 60%;}
    #main.index-box .ind-news .right{width: 38%;}
    #main.index-box .ind-news .right .news .desc{height: 24px;overflow: hidden;}
    #main.index-box .ind-news .left .swiper-slide .name{font-size: 14px;}
}

@media (max-width: 850px){
    #main.index-box .ind-news .right .news{margin-bottom: 10px;padding-bottom: 10px;}

    #main.index-box .ind-partner .slide{height: 130px;}
}
@media (max-width: 750px){
    #main.index-box .ind-partner{padding-top: 60px;}
    #main.index-box .in-gray{padding-bottom: 80px;}
    #main.index-box .ind-partner .container{width: 89%;margin: 0 auto;padding: 0;}
}
@media (max-width: 650px){
    #main.index-box .ind-news .left,
    #main.index-box .ind-news .right{width: 100%;float: none;}
    #main.index-box .ind-news .left{margin-bottom: 30px;}
    #main.index-box .ind-news .left .swiper-pagination{right: 15px;}
    #main.index-box .ind-news .left .swiper-slide .name{padding-top: 13px;padding-bottom: 13px;}
}
@media(max-width: 350px){
    #main.index-box .ind-partner .slide{height: 110px;}
    #main.index-box .ind-partner .slide:hover .m-pic{height: 120px;}
}
/*首页 end*/
/*业务*/
#main.business-box{margin: 100px 0 90px;}
#main.business-box .pub-tit{color: #333333;font-size: 32px;font-weight: bold;padding-bottom: 18px;margin-bottom: 50px;}
#main.business-box .pub-tit:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 30px;height: 3px;background: #d61518;}
#main.business-box .slide .m-pic{top: 0;bottom: 0;width: 100%;height: 100%;margin: auto;left: 0;}

#main.business-box .detail-img{margin-top: 60px;}
#main.business-box .detail-img .slide{padding-top: 51.67%;}
#main.business-box .detail-img .btn1{cursor: pointer;width: 70px;height: 70px;background-color: #666666;background-repeat: no-repeat;background-position: center center;right: 0;bottom: 0;z-index: 10;}
#main.business-box .detail-img .btn1:hover{background-color: #d61518;}
#main.business-box .detail-img .prev{right: 70px;background-image: url(/images/a1.png);}
#main.business-box .detail-img .next{background-image: url(/images/a2.png);}

#main.business-box .detail-title{margin-top: 80px;}
#main.business-box .about-case.page{padding-bottom: 66px;}
#main.business-box .about-case .swiper-pagination{width: 100%!important;left: 0;bottom: 0;height: 18px;text-align: center;font-size: 0;transform: inherit!important;}
#main.business-box .about-case .swiper-pagination .swiper-pagination-bullet{position: relative;width: 16px;height: 16px;border: 1px solid #9b9b9b;border-radius: 50%;margin: 0 11px;background: #fff;opacity: 1;display: inline-block;vertical-align: middle;}
#main.business-box .about-case .swiper-pagination .swiper-pagination-bullet-active{border-color: #d61518;}
#main.business-box .about-case .swiper-pagination .swiper-pagination-bullet-active:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #d61518;width: 6px;height: 6px;border-radius: 50%;}
#main.business-box .about-case .slide{padding-top: 18.5%;}
#main.business-box .about-case .slide .m-pic{overflow: hidden;}
#main.business-box .about-case .slide:after{content:"";width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(/images/black.png) no-repeat center center/100% 100%;z-index: 3;}
#main.business-box .about-case .slide .name{z-index: 10;width: 90%;margin: auto;left: 0;right: 0;bottom: 25px;color: #ffffff;font-size: 16px;}
#main.business-box .about-case .slide:hover img{transform: scale(1.05);}

@media (max-width: 950px){

    #main.business-box .pub-tit{font-size: 26px;}

    #main.business-box .about-case .slide .name{font-size: 14px;bottom: 12px;}
}
@media (max-width: 750px){
    #main.business-box{margin: 60px 0 80px;}
    #main.business-box .pub-tit{font-size: 20px;margin-bottom: 30px;}
    #main.business-box .detail-img .btn1{width: 50px;height: 50px;}
    #main.business-box .detail-img .btn1.prev{right: 50px;}

    #main.business-box .about-case .slide{padding-top: 28.5%;}
}
@media (max-width: 550px){
    #main.business-box .about-case .slide{padding-top: 58.5%;}
}
@media (max-width: 450px){
    #main.business-box .detail-img .btn1{width: 45px;height: 45px;}
    #main.business-box .detail-img .btn1.prev{right: 45px;}
}
/*产品中心*/
#main.products-box{margin: 110px 0 100px;}
#main.news-box .pub,
#main.case-box .pub,
#main.products-box .pub{display: none;}
#main.products-box .list{margin-bottom: 3.33%;}
#main.products-box .list .pro{width: 31.5%;padding: 2.92% 0;box-shadow: 0 0 0 1px #dedede;margin-bottom: 2.5%;margin-right: 2.5%;}
#main.products-box .list .pro .name,
#main.products-box .list .pro .img{width: 78.95%;margin: 0 auto;}
#main.products-box .list .pro .img{padding-top: 81.3%;overflow: hidden;}
#main.products-box .list .pro .img .m-pic{top: 0;bottom: 0;width: 100%;height: 100%;margin: auto;left: 0;}
#main.products-box .list .pro .name{margin-top: 15px;}
#main.products-box .list .pro .name h2{color: #131412;font-size: 16px;}
#main.products-box .list .pro:nth-child(3n){margin-right: 0;}
#main.products-box .list .pro:hover{box-shadow: 0 0 20px 2px #e5e5e5;}
#main.products-box .list .pro:hover .m-pic img{transform: scale(1.05);}
#main.products-box .list .pro:hover .name h2{color: #d61518;}
#main.products-box .page{margin-top: 0;}
@media (max-width: 1440px){
    #main.products-box .list .pro{width: 31%;}
}

@media (max-width: 1050px){
    #main.case-box .pub,
    #main.news-box .pub,
    #main.products-box .pub{display: block;}
}
@media (max-width: 950px){
    #main.products-box .list .pro .img{padding-top: 68%;}
}

@media (max-width: 750px){
    #main.products-box{margin: 60px 0 80px;}
    #main.products-box .list .pro:nth-child(3n),
    #main.products-box .list .pro{width: 47.5%;margin-right: 4%;margin-bottom: 4%;}
    #main.products-box .list .pro:nth-child(2n){margin-right: 0;}
    #main.products-box .list .pro .name h2{font-size: 14px;}
}
/*详细*/
#main.products-detail{margin-bottom: 90px;}
#main.products-detail .picture{width: 56.25%;}
#main.products-detail .picture .m-pic{top: 0;bottom: 0;width: 100%;height: 100%;margin: auto;left: 0;}
#main.products-detail .picture .view{width: 76.46%;padding-top: 76.46%;border: 1px solid #e9e9e9;}
#main.products-detail .picture .button{width: 20%;}
#main.products-detail .picture .button .container{height: 425px;margin-bottom: 93px;}
#product_swiper2{display: none;}
#main.products-detail .picture .button .slide{cursor: pointer;}
#main.products-detail .picture .button .slide .m-pic{width: 70%;height: 70%;padding: 12.8%;border: 1px solid #e9e9e9;}
#main.products-detail .picture .button .slide:hover .m-pic{border-color: #d61518;}
#main.products-detail .picture .button .prev,
#main.products-detail .picture .button .next{cursor: pointer;width: 49%;height: 65px;border: 1px solid #e9e9e9;bottom: 0;background-repeat: no-repeat;background-position: center center;}
#main.products-detail .picture .button .next{right: 0;background-image: url(/images/p22.png);border-left: none;}
#main.products-detail .picture .button .prev{left: 0;background-image: url(/images/p11.png);}
#main.products-detail .picture .button .next:hover{background-image: url(/images/p2.png);}
#main.products-detail .picture .button .prev:hover{background-image: url(/images/p1.png);}
#main.products-detail .con{width: 40%;}
#main.products-detail .con .name{color: #333333;font-size: 28px;font-weight: bold;margin-top: 20px;}
#main.products-detail .con .number{color: #3274b7;font-size: 20px;}
#main.products-detail .con .desc{margin: 30px 0 50px;}
#main.products-detail .con .share1{margin-bottom: 50px;}
#main.products-detail .con .share1 div{margin-right: 17px;color: #888888;font-size: 14px;line-height: 30px;}
#main.products-detail .con .share1 a{width: 30px;height: 30px;margin-right: 10px;background-color: #828282;background-repeat: no-repeat;background-position: center center;border-radius: 50%;-webkit-background-size: 14px;background-size: 14px;}
#main.products-detail .con .share1 a:hover{background-color: #d61518;}
#main.products-detail .con .share1 a.qq{background-image: url(/images/s1.png);}
#main.products-detail .con .share1 a.sina{background-image: url(/images/s2.png);}
#main.products-detail .con .share1 a.wechat{background-image: url(/images/s3.png);}
#main.products-detail .con .online{width: 156px;height: 56px;line-height: 56px;text-align: center;border: 2px solid #888888;color: #666;font-size: 16px;margin-right: 10px;}
#main.products-detail .con .online:hover{color: #fff;background: #d61518;border-color: #d61518;box-shadow: 0 5px 20px -8px #d61518;}

@media (max-width: 1050px){
    #main.products-detail .con,
    #main.products-detail .picture{width: 100%;float: none;}
    #main.products-detail .picture .view{padding-top: 54.06%;}
    #main.products-detail .picture .button .slide .m-pic{height: 50%;padding: 13.8%;}
    #main.products-detail .picture .button .container{margin-top: -13px;margin-bottom: 84px;}
    #main.products-detail .picture .button .prev,
    #main.products-detail .picture .button .next{width: 48%;}
    #main.products-detail .picture .button .next{left: 50%;}
    #main.products-detail .con .name{margin-top: 30px;}
    .top-bread.detail .back{display: none;}
}

@media(max-width: 750px){
    #main.products-detail .picture .view,
    #main.products-detail .picture .button{width: 98%;float: none;margin: auto;} 
    #main.products-detail .picture .view{padding-top: 60%;}
    #main.products-detail .picture .view .m-pic{padding: 5%;width: 90%;height: 90%;}
    #main.products-detail .picture .button .container{height: 100px;}
    #product_swiper{display: none;}
    #product_swiper2{display: block;}
    #main.products-detail .picture .button{text-align: center;}
    #main.products-detail .picture .button .container{width: 80%;margin: 20px auto 0;}
    #main.products-detail .picture .button .slide .m-pic{height: 78px;padding: 10px 5%;width: 88.8%;}
    #main.products-detail .picture .button .next,
    #main.products-detail .picture .button .prev{width: 5%;height: 100px;}
    #main.products-detail .picture .button .next{left: auto;}
    #main.products-detail .picture .button .next{border-left: 1px solid #e9e9e9;}

    #main.products-detail .con .desc{margin: 20px 0 35px;}
    #main.products-detail .con .online{width: 130px;height: 40px;line-height: 40px;}
}

@media (max-width: 450px){
    #main.products-detail .picture .view {padding-top: 80%;}
    #main.products-detail .picture .button .next,
    #main.products-detail .picture .button .prev,
    #main.products-detail .picture .button .container{height: 80px;}
    #main.products-detail .picture .button .slide .m-pic{height: 58px;}
    #main.products-detail .con .name{font-size: 20px;}
    #main.products-detail .con .number{font-size: 16px;}
    #main.products-detail .con .online {width: 100px;height: 30px;line-height: 31px;font-size: 14px;}

}

/*公共详细也*/
#main .detail-title{margin-top: 65px;position: relative;color: #333333;font-size: 24px;padding-left: 18px;}
#main .detail-title:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 5px;height: 22px;background: #d61518;}
#main .detail{padding-top: 70px;margin-top: 18px;margin-bottom: 90px;background: url(/images/center.jpg) repeat-x center top/100% 5px;}

@media (max-width: 750px){
    #main .detail{padding-top: 50px;margin-bottom: 80px;}
}
@media (max-width: 450px){
    #main .detail-title{font-size: 18px;}
}

/*询价*/
#inquiry,
#black{height: 0;overflow: hidden;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: rgba(0,0,0,.4);z-index: 999;}
#inquiry{width: 760px;background: #fff;z-index: 999;}
#inquiry.open{height: 698px;}
#inquiry .close{cursor: pointer;margin: 20px 30px 15px 0;width: 32px;height: 32px;background: url(/images/close.jpg) no-repeat center center;}
#inquiry .close:hover{background-image: url(/images/close1.jpg);}
#inquiry .title{color: #333333;font-size: 24px;margin-bottom: 34px;}
#inquiry .product{width: 521px;margin: 0 auto;padding: 18px 0;border: 1px solid #ebebeb;}
#inquiry .img{padding: 0 37px;width: 75px;}
#inquiry .msg{width: 330px;}
#inquiry .msg .name{max-height: 60px;color: #333333;font-size: 20px;font-weight: bold;margin-top: 12px;}
#inquiry .msg .number{color: #3274b7;font-size: 18px;}
#inquiry .form{width: 521px;margin: 35px auto 0;}
#inquiry .form .f-row{width: 100%;margin-top: 25px;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}
#inquiry .form .f-row .tips1,
#inquiry .form .f-row input{line-height: 44px;color: #888888;font-size: 14px;}
#inquiry .form .f-row input{width: 85%;border: none;}
#inquiry .form .submit{margin: 40px 0 25px;text-align: center;width: 100%;}
#inquiry .form .submit input{cursor: pointer;border: none;background: #d61518;margin: 0 auto;width: 160px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;border-radius: 50px;}
#inquiry .phone{padding: 46px 0 20px;background: url(/images/in_bg.jpg) no-repeat center center;color: #ffffff;font-size: 16px;text-align: center;}

@media (max-width:1200px){
    #inquiry{width: 700px;}
    #inquiry.open{height: 612px;}
    #inquiry .title{margin-bottom: 20px;}
    #inquiry .form .submit input{width: 140px;height: 40px;line-height: 40px;}
    #inquiry .msg .name{margin-top: 0;font-size: 18px;}
    #inquiry .form .f-row .tips1,
    #inquiry .form .f-row input{line-height: 35px;}
    #inquiry .form .submit{margin: 25px 0 15px;}
    #inquiry .form .f-row{margin-top: 15px;}
}

@media (max-width:750px){
    #inquiry{width: 500px;}
    #inquiry.open{height: 460px;}
    #inquiry .phone{display: none;}
    #inquiry .product,
    #inquiry .form{width: 90%;}
    #inquiry .img{width: 10%;padding: 0 5%;}
    #inquiry .msg{width: 80%;}
    #inquiry .msg .name{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
    #inquiry .close{height: 20px;}
    #inquiry .title{margin-bottom: 15px;}
    #inquiry .form .submit input{width: 140px;height: 35px;line-height: 35px;}
    #inquiry .msg .number,
    #inquiry .msg .name{font-size: 15px;}
    #inquiry .form .f-row .tips1,
    #inquiry .form .f-row input{line-height: 30px;}
    #inquiry .form .submit{margin: 20px 0 10px;}
    #inquiry .form .f-row{margin-top: 10px;}
}
@media (max-width: 521px){
    #inquiry{width: 94%;}
    #inquiry .form .f-row input{width: 65%;}
}

/*案例*/
#main.case-box .page{margin-top: 60px;}
#main.case-box .list .case:last-child{margin-bottom: 0;}
#main.case-box .list .case{background: #f6f6f6;margin-bottom: 30px;}
#main.case-box .list .case .img{width: 60%;padding-top: 35%;overflow: hidden;}
#main.case-box .list .case .img .m-pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main.case-box .list .case .img:hover img{transform: scale(1.05);}
#main.case-box .list .case .con{width: 40%;position: relative;z-index: 2;}
#main.case-box .list .case .con .center{width: 82%;margin: 0 auto;padding-top: 14%;}
#main.case-box .list .case .con .name{position: relative;margin-bottom: 8%;}
#main.case-box .list .case .con .name h2{color: #333333;font-size: 24px;}
#main.case-box .list .case .con .name:before{content: "";position: absolute;top: 0;bottom: 0;margin: auto;left: -19%;width: 60px;height: 2px;background: #333333;}
#main.case-box .list .case .con .name:hover h2{color: #d61518;}
#main.case-box .list .case .con .name:hover::before{background: #d61518;}
#main.case-box .list .case .con .desc{color: #888888;font-size: 14px;line-height: 26px;}
/*详细*/
#main.case-detail .pub-title{color: #333333;font-size: 28px;font-weight: bold;margin-bottom: 40px;}

@media (max-width: 1200px){
    #main.case-box .list .case .con .desc{line-height: 22px;}
}
@media (max-width: 1050px){
    #main.case-box .list .case .con .name h2{font-size: 20px;margin-bottom: 5%;}
    #main.case-box .list .case .con .center{padding: 10% 0;width: 90%;}

    #main.case-detail .pub-title{font-size: 24px;}
}
@media (max-width: 850px){
    #main.case-box .list .case .con .name:before{display: none;}
    #main.case-box .list .case .img,
    #main.case-box .list .case .con{width: 100%;float: none;}
    #main.case-box .list .case .img{padding-top: 59%;}
    #main.case-box .list .case .con .name h2{margin-bottom: 30px;}
    #main.case-box .list .case .con .center{padding: 5% 0 6%;}

    #main.case-detail .pub-title{font-size: 20px;}
}

/*新闻*/
#main.case-detail,
#main.case-box,
#main.news-box{margin: 100px 0;}
/*#main.news-box .page{cursor: pointer;width: 100%;height: 50px;background: #e9e9e9 url(/images/page.png) no-repeat center center;}*/

@media(max-width: 750px){
    #main.case-detail,
    #main.case-box,
    #main.news-box{margin: 60px 0 80px;}
}

/*左侧内容*/
#main.news-box .main-left{width: 800px;}
#main.news-box .main-left .key{padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px solid #ddd;font-size: 16px;}
#main.news-box .main-right{width: 360px;}
#main.news-box .main-right .page{cursor: pointer;}
/*热门新闻*/
#main.news-box .news-list .first1{width: 100%;padding-bottom: 35px;background: url(/images/center.jpg) repeat-x left bottom;}
#main.news-box .news-list .first1 .relative{width: 27.5%;overflow: hidden;}
#main.news-box .news-list .first1 .relative .pd{padding-top: 63.64%;width: 100%;}
#main.news-box .news-list .first1 .info{width: 68.75%;}
#main.news-box .news-list .first1 .title{margin-bottom: 18px;}
#main.news-box .news-list .first1 .date{margin-bottom: 12px;}
#main.news-box .news-list .date{color: #a7a7a7;font-size: 18px;font-family: 'EuclidSquare';}
#main.news-box .news-list .title h2{color: #282828;font-size: 18px;font-family: 'SourceHanSansCN_Medium';}
#main.news-box .news-list .first1:hover .title h2{color: #d61518;}
#main.news-box .news-list .first1 .relative:hover img{transform: scale(1.1);}
#main.news-box .news-list .brief{color: #a7a7a7;font-size: 13px;line-height: 20px;}
/*列表新闻*/
#main.news-box .news-list .item{position: relative;width: 800px;padding: 40px 0;border-bottom: 1px solid #e5e5e5;}
#main.news-box .news-list .item:last-child{border-bottom: none;}
#main.news-box .news-list .item .info{overflow: hidden;position: relative;width: 100%;}
#main.news-box .news-list .item .info .date{line-height: 26px;vertical-align: middle;}
#main.news-box .news-list .item .title{width: 85%;}
#main.news-box .news-list .item .brief{margin-top: 16px;height: 40px;}
#main.news-box .news-list .item .tb{display: none;}
#main.news-box .news-list .item:after{content:"";width: 0;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;background: url(/images/news_bg.jpg) no-repeat center center/100% 100%;border-color: transparent;}
#main.news-box .news-list .item:hover{border-color: transparent;}
#main.news-box .news-list .item:hover::after{width: 100%;}
#main.news-box .news-list .item:hover .info{width: 87.5%;padding-left: 12.5%;}
#main.news-box .news-list .item:hover .info:before{left: 3.75%;transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;}
/*右侧内容*/
#main.news-box .main-right{width: 30%;}
#main.news-box .main-right .tit-top{background:url(/images/time.jpg) no-repeat center left;height:60px;line-height: 60px;padding-left:68px;}
#main.news-box .main-right .tit-top label{margin-right:15px;font-size:13px;color:#929292;cursor:pointer;}
#main.news-box .main-right .tit-top label.cur{color:#525252;}
#main.news-box .main-right .tit-top label input{position: absolute;opacity: 0;}
#main.news-box .main-right .input{border-bottom:1px solid #d9d9d9;height:37px;line-height: 37px;margin-top:13px;margin-bottom: 39px;}
#main.news-box .main-right .input input{width:calc(100% - 22px);height:100%;}
#main.news-box .main-right .search{width: 20px;height: 37px;cursor: pointer;background: url(/images/search2.jpg) no-repeat center center;}
#main.news-box .main-right .img{margin-bottom:7px;}
#main.news-box .main-right a.block{width: 100%;}
#main.news-box .main-right .solution {margin-bottom: 20px;}
#main.news-box .main-right .solution .p{width: 100%;padding-top: 119%;background-repeat: no-repeat;background-position: center top;-webkit-background-size: cover;background-size: cover;}
#main.news-box .main-right .solution .absolute{width: 83%;top: 0;bottom: 0;padding: 9.8% 8.5% 0;}
#main.news-box .main-right .solution:hover .absolute{background: rgba(0,0,0,.5);}
#main.news-box .main-right .solution .en{color: #ffffff;font-size: 20px;font-family: 'Gilroy';}
#main.news-box .main-right .solution .big{color: #ffffff;font-size: 24px;font-weight: bold;}
#main.news-box .main-right .join{width: 100%;height: 160px;background: url(/images/gray2.jpg) no-repeat center center;}
#main.news-box .main-right .join .con{top: 35px;left: 37px;width: 188px;right: auto;}
#main.news-box .main-right .join .cn{color: #333333;font-size: 18px;}
#main.news-box .main-right .join .intro{color: #828a97;font-size: 14px;}
#main.news-box .main-right .join .desc{color: #d61518;margin-top: 15px;font-size: 24px;margin-top: 10px;font-family: 'SourceHanSansCN_Medium';}

@media(max-width: 1400px){
    #main.news-box .main-left{width: 65%;}
    #main.news-box .news-list .item{width: 100%;}
    #main.news-box .main-right .join .con{top: 20px;left: 30px;}
}

@media(max-width: 1050px){
    #main.news-box .main-left{width: 100%;float: none;}
    #main.news-box .main-right{display: none;}
}
@media(max-width: 750px){
    #main.news-box .news-list .first{padding-bottom: 30px;}
    #main.news-box .news-list .first .date{margin-bottom: 8px;font-size: 16px;}
    #main.news-box .news-list .title{font-size: 16px;}
    #main.news-box .news-list .first .relative{width: 30%;}
    #main.news-box .news-list .first .info{width: 65%;}
    #main.news-box .news-list .brief{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
    #main.news-box .news-list .first .title{margin-bottom: 8px;}
    #main.news-box .news-list .item .info .date,
    #main.news-box .news-list .item .title{width: 100%;float: none;}
    #main.news-box .news-list .item .info .date{font-size: 16px;margin-top: 6px;}
    #main.news-box .news-list .item .info .brief{margin-top: 10px;}
    #main.news-box .news-list .item{padding: 20px 0;}
}

/*详细*/
#main.news-detail{margin-bottom: 110px;padding-bottom: 0;}
#main.news-detail .main-left .date{color: #d61518;font-size: 18px;}
#main.case-detail .detail,
#main.news-detail .main-left .detail{padding-top: 0;margin-top: 0;background: #fff;margin-bottom: 0;}
#main.news-detail .name{color: #282828;font-size: 24px;line-height: 30px;margin: 15px 0 28px;padding-bottom: 30px;background: url(/images/center.jpg) no-repeat left bottom/100% 5px;}

@media (max-width: 750px){
    #main.news-detail .name{font-size: 20px;}
}

@media (max-width: 450px){
    #main.news-detail .name{font-size: 18px;}
}
/*关于我们*/
#main.about-box .center.text-center{border-bottom: none;margin-bottom: 65px;padding-bottom: 0;}
#main.about-box .button{right: 0;bottom: 0;z-index: 10;}
#main.about-box .button .inline-block{cursor: pointer;width: 70px;height: 70px;background-color: #666666;background-repeat: no-repeat;background-position: center center;}
#main.about-box .button .inline-block:hover{background-color: #d61518;}
#main.about-box .button .inline-block.prev{background-image: url(/images/a1.png);}
#main.about-box .button .inline-block.next{background-image: url(/images/a2.png);}
#main.about-box .container{margin-bottom: 70px;}
#main.about-box .container .slide{padding-top: 42.25%;}
#main.about-box .container .slide .m-pic{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#main.about-box .about-left{width: 37.5%;}
#main.about-box .about-left .desc{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 50px;}
#main.about-box .about-left .number .n1{margin-bottom: 40px;}
#main.about-box .about-left .number .n1 .inline-block{vertical-align: middle;}
#main.about-box .about-left .number .n1{width: 45%;}
#main.about-box .about-left .number .n2,
#main.about-box .about-left .number .num{color: #d61518;font-size: 50px;font-family: 'Gilroy_blod';}
#main.about-box .about-left .number .add{margin-top: 20px;margin-left: 6px;color: #333333;font-size: 14px;font-weight: bold;}
#main.about-box .about-left .number .intro{color: #888888;font-size: 14px;}
#main.about-box .about-right{width: 58.33%;}
@media (max-width: 1200px){
    #main.about-box .about-left .desc{font-size: 18px;}
    #main.about-box .about-left .number .n2,
    #main.about-box .about-left .number .num{font-size: 36px;margin-bottom: 10px;}
}

@media (max-width: 1024px){
    #main.about-box .about-left,
    #main.about-box .about-right{width: 100%;float: none;}
    #main.about-box .about-left{text-align: center;}
    #main.about-box .about-left .desc{margin-bottom: 20px;}
    #main.about-box .about-left .number .n1{width: 29%;margin: 0 2%;}
    #main.about-box .about-left .number{margin-bottom: 40px;}
    #main.about-box .about-left .number .add{margin-top: 5px;}
    #main.about-box .button .inline-block{width: 50px;height: 50px;}
}
@media (max-width: 750px){
    #main.about-box .center.text-center{margin-bottom: 30px;}
    #main.about-box .about-left .number .n2,
    #main.about-box .about-left .number .num{font-size: 30px;}
    #main.about-box .about-left .number .n1{width: 100%;margin: 0 auto 25px;}
}

@media(max-width: 375px){
    #main.about-box .button .inline-block{width: 35px;height: 35px;}
}

/*联系我们*/
#main.contact-box{margin: 5.21% auto;}
#main.contact-box .center{color: #333333;font-size: 28px;font-weight: bold;padding-bottom: 4%;margin-bottom: 4.58%;border-bottom: 1px solid #eeeeee;}
#main.contact-box .main-left{width: 65.5%;}
#main.contact-box .main-left .company{color: #303c49;font-size: 24px;}
#main.contact-box .main-left ul{margin: 6.35% 0;}
#main.contact-box .main-left ul li{margin-bottom: 2.54%;}
#main.contact-box .main-left ul li:last-child{margin-bottom: 0;}
#main.contact-box .main-left ul li .tt{width: 8%;margin-right: 7.6%;color: #888888;font-size: 14px;}
#main.contact-box .main-left ul li .con{color: #333333;font-size: 14px;}
#main.contact-box .main-left ul li .con:hover{color: #d61518;}
#main.contact-box .main-left .map{width: 100%;height: 460px;padding: 3px;border: 1px solid #e2e2e2;}
#mapContainer{width: 100%;height: 460px;}
#main.contact-box .main-right{width: 28.16%;}
#main.contact-box .main-right .top{margin-bottom: 60px;position: relative;background: #e6e6e6;}
#main.contact-box .main-right .top:after{content: "";position: absolute;bottom: -30px;width: 233px;height: 30px;right: 0;background: url(/images/online_03.png) no-repeat right center;}
#main.contact-box .main-right .top .t1{width: 86.98%;margin: 0 auto;padding-top: 15px;color: #666666;font-size: 16px;}
#main.contact-box .main-right .top .t2{width: 86.98%;margin: 0 auto;padding-bottom: 15px;color: #333333;font-size: 28px;}
#main.contact-box .main-right .td{margin-top: 15px;}
#main.contact-box .main-right .td .tt{color: #666666;font-size: 14px;margin-bottom: 5px;}
#main.contact-box .main-right .td textarea,
#main.contact-box .main-right .td input{width: 91.4%;padding: 0 4%;border: 1px solid #cfcfcf;color: #cccccc;font-size: 14px;resize: none;height: 47px;line-height: 47px;}
#main.contact-box .main-right .td textarea{padding: 4%;height: 180px;line-height: 24px;}
#main.contact-box .main-right .td:first-child{margin-top: 25px;}
#main.contact-box .main-right .submit{margin-top: 6.8%;}
#main.contact-box .main-right .submit input{width: 100%;cursor: pointer;height: 49px;line-height: 49px;background: #d61518;color : #fff;font-size: 20px;}

@media (max-width: 1200px){
    #main.contact-box .main-right .top .t2{font-size: 22px;}
}
@media (max-width: 950px){
    #main.contact-box .main-left{width: 54%;}
    #main.contact-box .main-right{width: 43%;}
}
@media (max-width: 750px){
    #main.contact-box{margin: 60px auto 80px;}
    #main.contact-box .center{font-size: 20px;}
    
    #main.contact-box .main-right .top{text-align: center;}
    #main.contact-box .main-right .top:after{display: none;}
    
    #main.contact-box .main-left,
    #main.contact-box .main-right{width: 100%;float: none;}
    #main.contact-box .main-left ul li .tt{width: 70px;}
    #main.contact-box .main-right{margin-top: 40px;}
}

/*分享-公共*/
#main .share{margin-top: 70px;position: relative;height: 44px;}
#main .share:before{content:"";width: 100%;height: 1px;bottom: 0;margin: auto;position: absolute;top: 0;left: 0;background: #e4e4e4;}
#main .share .sharebox{position:absolute;bottom: 2px;right: -1px;width:44px;z-index: 2;}
#main .share .sharebox .sbox{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background: #d61518;}
#main .share .sharebox .sbox:after{transition-duration:0.5s;content:"";position: absolute;top: 0;left: 0;margin: auto;right: 0px;bottom: 0px;width: 44px;height: 44px;background: url(/images/info_add.png) no-repeat center;}
#main .share .sharebox .bshare-custom{width: 44px;background: #f7f7f7;position:absolute;bottom: 0px;left:0;height:0;border-radius: 25px;z-index:0;overflow:hidden;transition-duration:0.5s;opacity:0;filter: alpha(opacity=0)}
#main .share .sharebox .bshare-custom .block{width: 27px;height: 21px;margin: 0 auto 16px;background-repeat: no-repeat;background-position: center center;}
#main .share .sharebox .bshare-custom .qq{width: 22px;height: 22px;background-image: url(/images/qq1.png);}
#main .share .sharebox .bshare-custom .wechat{background-image: url(/images/wechat1.png);}
#main .share .sharebox .bshare-custom .sina{background-image: url(/images/weibo1.png);}
#main .share .sharebox .bshare-custom .qq:hover{background-image: url(/images/qq.png);}
#main .share .sharebox .bshare-custom .sina:hover{background-image: url(/images/weibo.png);}
#main .share .sharebox .bshare-custom .wechat:hover{background-image: url(/images/wechat.png);}
#main .share .sharebox:hover .sbox:after{transform:rotate(180deg)}
#main .share .sharebox:hover .bshare-custom{width: 44px;height:160px;padding-top:30px;opacity:1;filter: alpha(opacity=100)}


/*网站地图*/
#main.sitemap-box .sitemap{padding-bottom: 20px;border-bottom: 1px solid #ededed;margin-bottom: 30px;}
#main.sitemap-box .sitemap .tit{position: relative;padding-left: 16px;color: #333333;font-size: 18px;font-weight: bold;}
#main.sitemap-box .sitemap .tit:after{width: 5px;height: 22px;background: #d61518;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";}
#main.sitemap-box .sitemap .list{margin-top: 20px;}
#main.sitemap-box .sitemap .list .inline-block{color: #666;font-size: 16px;margin-right: 15px;}
#main.sitemap-box .sitemap .list .inline-block:hover{color: #d61518;}

/*人才招聘*/
#main.recruit-box{margin: 5.21% auto;}
#main.recruit-box .center{color: #333;font-size: 28px;font-weight: bold;padding-bottom: 4%;margin-bottom: 40px;border-bottom: 1px solid #eee;}
#main.recruit-box .list{border-bottom: 1px solid #eee;padding: 40px 0px 25px;}
#main.recruit-box .list .icon{width: 35px;margin: 15px 10px;}
#main.recruit-box .list .ti{width: calc(100% - 55px);}
#main.recruit-box .list .t1{font-size: 22px;}
#main.recruit-box .list .t2{color: #999;margin-top: 5px;}
#main.recruit-box .list .t2 span{color: #333;}
#main.recruit-box .list .tit.on .icon{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
#main.recruit-box .list .con{display: none;}
#main.recruit-box .list .con .t3{margin-top: 30px;font-size: 18px;}
#main.recruit-box .list .con .t4{line-height: 30px;color: #666;margin: 5px auto 30px;}
#main.recruit-box .list .con .anniu{padding: 0px 20px 0px 56px;width: 65px;height: 50px;line-height: 50px;border-radius: 5px;background: url(/images/icon2.png) no-repeat center left 24px #d61518;color: #fff;cursor: pointer;font-size: 16px;}
.tancbg{position: fixed;background: rgba(0,0,0,0.6);top: 0;bottom: 0;left: 0;right: 0;z-index: 101;display: none;}
.tanc{position: fixed;background: #fff;top: 50%;left: 50%;z-index: 102;width: 760px;height: 680px;margin: -340px 0 0 -380px;display: none;}
.tanc .guanbi{width: 22px;height: 22px;background: url(/images/icon3.png) no-repeat center;background-size: cover;margin: 25px 35px 30px 0px;cursor: pointer;}
.tanc .ten{width: 520px;margin: 0 auto;}
.tanc .te1{font-size: 16px;line-height: 30px;text-align: center;}
.tanc .te2{font-size: 24px;line-height: 30px;color: #d61518;text-align: center;margin: 10px auto 30px;}
.tanc .telist{height: 50px;border-bottom: 1px solid #ddd;margin-top: 5px;}
.tanc .telist input[type="text"]{width: calc(100% - 40px);height: 50px;}
.tanc .telist .tip{width: 40px;right: 0;bottom: 0;color: #888;height: 50px;line-height: 50px;text-align: center;}
.tanc .telist .tip1{width: 100%;height: 50px;color: #888;line-height: 50px;}
.tanc .telist label{height: 40px;width: 110px;background: #eaeaea;text-align: center;line-height: 40px;right: 0;top: 2px;display: block;position: absolute;}
.tanc .telist label input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.tanc input[type="submit"]{width: 175px;height: 50px;border-radius: 25px;background: #d61518;color: #fff;margin: 40px auto 20px;display: block;font-size: 16px;cursor: pointer;}
.tanc .te3{color: #666;line-height: 26px;text-align: center;}
.tanc .tbot{height: 67px;line-height: 67px;text-align: center;padding-top: 30px;background: url(/images/icon4.jpg) no-repeat top #d61518;color: #fff;}
@media (max-width: 760px){
    #main.recruit-box .center{font-size: 20px;}
    #main.recruit-box .list .t1{font-size: 18px;}
    .tanc{top: 0;left: 0;width: 100%;height: 100%;margin: 0;}
    .tanc .ten{width: 90%;}
    .tanc .guanbi{margin: 20px 20px 20px 0px;}
    .tanc .te2{margin: 10px auto;}
}