.product-series h1{font-size: 20px;padding-top: 30px;padding-bottom: 15px}
@media(min-width:760px){.product-series h1{font-size: 24px}}
.product-series p{line-height: 30px;font-size: 16px}
.product-series ul li{margin-bottom: 20px;margin-top: 20px}
@media (min-width:1000px){.product-series ul li{margin-bottom: 30px;margin-top: 30px}}
.product-series ul li p{line-height: 42px}
.product-series ul li div{width: 188px;height: 188px;padding: 15px;border-radius: 50%;background: #f1f1f1;margin: 0 auto;display: block;position: relative}
.product-series ul li div:hover{background: #3671cf;transition: all .5s}
.product-series ul li div img{margin: 0 auto;display: block;position: absolute;/*bottom: -5px;left: -6px;*/}
.pro-list .pro-list-a{margin-bottom: 45px}
@media (min-width:1000px){.pro-list .pro-list-a .img-middle{margin-top: 5px}}
@media (min-width:1200px){.pro-list .pro-list-a .img-middle{margin-top: 10px}}
.pro-list .pro-list-a .img-middle img{margin: 0 auto;height: 208px}
@media (min-width:1000px){.pro-list .pro-list-a .img-middle p{padding-top: 5px}}
@media (min-width:1200px){.pro-list .pro-list-a .img-middle p{padding-top: 0px}}
.pro-list .pro-list-a .img-top img,
.pro-list .pro-list-a .img-bottom img{margin: 0 auto}
@media (min-width:1000px){.pro-list .pro-list-a .img-top, .pro-list .pro-list-a .img-bottom{margin-top: 15px}}
@media (min-width:1200px){.pro-list .pro-list-a .img-top, .pro-list .pro-list-a .img-bottom{margin-top: 30px}}
@media (min-width:1000px){.pro-list .pro-list-a .img-top p, .pro-list .pro-list-a .img-bottom p{padding-top: 32px;text-align: center;}}
@media (min-width:1200px){.pro-list .pro-list-a .img-top p, .pro-list .pro-list-a .img-bottom p{padding-top: 29px;text-align: center;}}
.pro-list h2{font-size: 18px;position: absolute;top: 0;text-align: center;width: 100%;line-height: 46px;background: #1976d2;color: #ffffff;}
.pro-list h2{margin-top: 0px;}
@media(min-width:760px){.pro-list h2{font-size: 20px;line-height: 60px;}}
.pro-list .lizi{position: relative;margin-top: 60px}
.img-res{width: 100%;}
.pro-list h2{}
.pro-list .xiangqing,
.pro-list .xunjia{text-align: center;position: absolute;color: #ffffff;width: 35%;line-height: 36px;bottom: 40px}
.pro-list .xiangqing{background-color: rgba(0, 0, 0, 0.5);left: 25px}
.pro-list .xiangqing:hover{background: #3671cf;opacity: 1;border-style: none}
.pro-list .xunjia{background-color: #3671cf;right: 25px}
@media (min-width:1000px){.pro-list .xm9{padding-left: 20px}}
.pro-list .xm9 h3{text-align: left;position: relative}
@media (min-width:320px){.pro-list .xm9 h3{padding-top: 10px;padding-bottom: 20px}}
@media (min-width:760px){.pro-list .xm9 h3{padding: 15px 0 6px;border-bottom: 1px solid #cccccc}}
@media (min-width:1000px){.pro-list .xm9 h3{padding: 10px 0 10px}}
@media (min-width:1200px){.pro-list .xm9 h3{/* padding: 40px 0 10px */}}
.pro-list .xm9 h3 span{font-weight: normal;position: absolute}
@media (max-width:759px){.pro-list .xm9 h3 span{display: none}}
@media (min-width:760px){.pro-list .xm9 h3 span{display: block;font-size: 14px;right: 0;bottom: 5px}}
@media (min-width:1000px){.pro-list .xm9 h3 span{right: 0;bottom: 9px}}
@media (min-width:1200px){.pro-list .xm9 h3 span{right: 0;bottom: 7px}}
.pro-list .xm9 h3 span a{color: #888888}
.pro-list .xm9 h3 span a:hover{color: #3671cf}
.pro-list .xm9 .intro{line-height: 25px}
@media (min-width:320px){.pro-list .xm9 .intro{padding-top: 10px}}
@media (min-width:1000px){.pro-list .xm9 .intro{padding-top: 0}}
@media (min-width:1200px){.pro-list .xm9 .intro{padding-top: 5px;line-height: 30px}}
.pro-list .xm9 .xl4{list-style: none}
.pro-list .xm9 .xl4 p{text-align: center}
.pro-list .xm9 .xl3{list-style: none;margin-top: 10px}
.pro-list .xm9 .xl3 p{text-align: center}
.section-b{background-color: #f5f5f5;padding-top: 20px}
.section-b .shengchanxian{/*margin-bottom: 30px*/}
.section-b .xl6{margin-bottom: 10px}
@media (min-width:760px){.section-b .xl6{margin-bottom: 20px}}
.section-b h2{font-size: 22px;padding: 10px 0 20px;font-weight: normal}
.section-b .icon-angle-down,
.section-b .icon-angle-right{padding-left: 5px}
.section-b .panel{border-style: none}
.section-b .panel .panel-head{border-style: none;padding: 9px 0;font-size: 16px;font-weight: 700}
.section-b .panel .panel-body{padding: 8px 0;font-size: 14px;background: #eee;padding-left: 22px}
.section-b .panel .panel-body-1{padding-top: 14px}
.section-b .panel .panel-body-2{padding-bottom: 14px}
.section-b .apply-area ul{list-style: none;padding-top: 9px}
@media (min-width:400px){.section-b .apply-area ul{float: left}}
.section-b .apply-area ul li{font-size: 14px;padding: 10px 0;border: 1px solid #ccc;margin-bottom: 19px;text-align: center}
.section-b .apply-area ul li:hover{border: 1px solid #3671cf;background: #3671cf}
.section-b .apply-area ul li:hover a{color: #fff}
@media (min-width:450px) and (max-width:999px){.section-b .material{width: 100%}}
@media (min-width:1200px){.section-b .material{padding-left: 25px}}
.section-b .material h4{font-size: 16px;padding-bottom: 12px;padding-top: 9px;font-weight: 700}
.section-b .material div{margin-bottom: 14px}
@media (min-width:450px) and (max-width:999px){.section-b .material div{width: 50%;float: left;padding-right: 10px}}
.section-b .material a{font-size: 14px;line-height: 32px}
.section-b .xianchang ul{padding-top: 10px}
.section-b .xianchang .date{background-color: #81878f;padding: 4px 6px;color: #fff}
.section-b .xianchang .date .text-center{padding-top: 5px;font-size: 28px}
.section-b .xianchang .date .m{font-size: 10px}
.section-b .xianchang .new-title .ziti a{color: #777777}
.section-b .xianchang .new-title a{padding-top: 3px;padding-bottom: 3px;font-weight: normal;font: inherit;}
.section-b .xianchang .new-title h4{display: block;margin-left: 60px;margin-top: 0px;margin-bottom: 0px;}
.section-b .xianchang .new-title a{display: block;margin-left: 10px}
.section-b .xianchang .new-title p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 14px}
.float-left{float: left!important;}
@media (max-width:550px){.section-b .xianchang .new-title p{display: none}}
.section-b .xianchang li{margin-bottom: 20px}
@media (min-width:1200px){.section-b .xianchang li{margin-bottom: 30px}}
.section-b .xianchang li:hover .date{background: #3671cf}
.section-b .xianchang .anli .wenzi{position: relative;bottom: 54px;background-color: rgba(0, 0, 0, 0.5);padding-top: 10px;padding-bottom: 10px}
@media (min-width:1000px) and (max-width:1199px){.section-b .xianchang .anli .wenzi{bottom: 54px}}
.section-b .xianchang .anli .wenzi p{padding: 0 15px;line-height: 34px;color: #ffffff}
.section-b .xianchang .anli li{display: none}
.section-b .xianchang .anli li.active{display: block}
.product-list{margin-top: 40px;margin-bottom: 40px}
.product-list .beijing{display: none;background: #3671cf;opacity: .9;position: absolute;left: 0;bottom: 0;height: 100%;color: #fff;text-align: center}
.product-list .beijing .xq{line-height: 36px;left: 0;width: 39%;bottom: 80px;border: 1px solid #fff;}
.product-list .beijing .xq{margin: 0 auto;}
.product-list .beijing h2{padding-top: 70px;padding-bottom: 24px}
.product-list .beijing p{line-height: 36px;font-size: 16px}
@media (min-width:1000px){.product-list .beijing p{padding: 0 40px 30px}}
@media (min-width:1200px){.product-list .beijing p{padding: 0 40px 30px}}
.product-list .beijing a{padding: 9px 28px;font-size: 14px;border: 1px solid #fff;color: #fff}
.product-list .hst{padding-top: 20px;padding-bottom: 10px;position: relative}
.product-list .hst:hover{transition: all .2s}
@media (min-width:1000px){.product-list .hst:hover h4, .product-list .hst:hover span{opacity: 0}}
.product-list .hst:hover .beijing{display: block}
@media (max-width:999px){.product-list .hst:hover .beijing{display: none}}
.product-list h4{text-align: center;padding-top: 20px;padding-bottom: 20px;font-size: 17px}
@media (min-width:450px) and (max-width:759px){.product-list h4{font-size: 16px}}
.product-list span{display: block;width: 100%;height: 43px;text-align: center;font-size: 14px}
.product-list span a{display: inline-block;height: 43px}
.product-list span .pdf{width: 50%;float: left;line-height: 24px}
.product-list span .word{width: 50%;line-height: 24px;float: left}
.case{margin-bottom: 80px}
.case h2{padding: 15px 0 20px}
.case ul p{line-height: 40px;text-align: center}
.case .content p{line-height: 32px}
@media (min-width:1000px){.case .facility li{height: 232px}}
.case .facility img{margin: 0 auto;display: block}
@media (min-width:1000px){.case .facility li{margin-bottom: 0px}}
@media (min-width:1200px){.case .facility li{margin-top: 0px;margin-bottom: 0px}}
@media (max-width:449px){.case .facility li{width: 50%;float: left}}
.case .facility li p{line-height: 25px}
@media (min-width:1000px){.case .case-occa li{height: 232px}}
.case .case-occa li{margin-bottom: 15px}
.case .case-occa li p{margin-top: 10px}
.case .pro-material{height: 70px}
.case .pro-material li{margin-bottom: 20px;text-align: center}
@media (min-width:1000px){.case .pro-material li{margin-bottom: 5px}}
@media (min-width:1200px){.case .pro-material li{margin-bottom: 20px}}
.case .pro-material li p{border: 1px solid #333333}
.case .pro-material li p:hover{background: #3671cf;border: 1px solid #3671cf;color: #fff}
@media (min-width:320px){.case .pro-material li{width: 33.333333%;float: left;padding: 0 3px}}
@media (min-width:500px){.case .pro-material li{width: 16.666666%;float: left}}
.case .pro-content{line-height: 30px}
.container,.container-layout{margin:0 auto;padding:0 10px}
@media(min-width:760px){.container{width:750px}}
@media(min-width:1000px){.container{width:750pt}}
@media(min-width:1200px){.container{width:75pc;padding:0 15px}}
.line{margin:0;padding:0}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12{position:relative;min-height:1px}
.line-big{margin-left:-10px;margin-right:-10px; padding-bottom: 20px}
h1,h2,h3,h4{font-weight:700}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-middle{margin-left:-5px;margin-right:-5px}
.line-middle .x1,.line-middle .x2,.line-middle .x3,.line-middle .x4,.line-middle .x5,.line-middle .x6,.line-middle .x7,.line-middle .x8,.line-middle .x9,.line-middle .x10,.line-middle .x11,.line-middle .x12,.line-middle .xb1,.line-middle .xb2,.line-middle .xb3,.line-middle .xb4,.line-middle .xb5,.line-middle .xb6,.line-middle .xb7,.line-middle .xb8,.line-middle .xb9,.line-middle .xb10,.line-middle .xb11,.line-middle .xb12,.line-middle .xl1,.line-middle .xl2,.line-middle .xl3,.line-middle .xl4,.line-middle .xl5,.line-middle .xl6,.line-middle .xl7,.line-middle .xl8,.line-middle .xl9,.line-middle .xl10,.line-middle .xl11,.line-middle .xl12,.line-middle .xm1,.line-middle .xm2,.line-middle .xm3,.line-middle .xm4,.line-middle .xm5,.line-middle .xm6,.line-middle .xm7,.line-middle .xm8,.line-middle .xm9,.line-middle .xm10,.line-middle .xm11,.line-middle .xm12,.line-middle .xs1,.line-middle .xs2,.line-middle .xs3,.line-middle .xs4,.line-middle .xs5,.line-middle .xs6,.line-middle .xs7,.line-middle .xs8,.line-middle .xs9,.line-middle .xs10,.line-middle .xs11,.line-middle .xs12{position:relative;min-height:1px;padding-right:5px;padding-left:5px}
.line-small{margin-left:-2px;margin-right:-2px}
.line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12{position:relative;min-height:1px;padding-right:2px;padding-left:2px}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left}
.x1{width:8.33333333%}
.x2{width:16.66666667%}
.x3{width:25%}
.x4{width:33.33333333%}
.x5{width:41.66666667%}
.x6{width:50%}
.x7{width:58.33333333%}
.x8{width:66.66666667%}
.x9{width:75%}
.x10{width:83.33333333%}
.x11{width:91.66666667%}
.x12{width:100%}
@media(min-width:450px){.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12{float:left}
.xl1{width:8.33333333%}
.xl2{width:16.66666667%}
.xl3{width:25%}
.xl4{width:33.33333333%}
.xl5{width:41.66666667%}
.xl6{width:50%}
.xl7{width:58.33333333%}
.xl8{width:66.66666667%}
.xl9{width:75%}
.xl10{width:83.33333333%}
.xl11{width:91.66666667%}
.xl12{width:100%}}
@media(min-width:760px){.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12{float:left}
.xs1{width:8.33333333%}
.xs2{width:16.66666667%}
.xs3{width:25%}
.xs4{width:33.33333333%}
.xs5{width:41.66666667%}
.xs6{width:50%}
.xs7{width:58.33333333%}
.xs8{width:66.66666667%}
.xs9{width:75%}
.xs10{width:83.33333333%}
.xs11{width:91.66666667%}
.xs12{width:100%}}
@media(min-width:1000px){.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12{float:left}
.xm1{width:8.33333333%}
.xm2{width:16.66666667%}
.xm3{width:25%}
.xm4{width:33.33333333%}
.xm5{width:41.66666667%}
.xm6{width:50%}
.xm7{width:58.33333333%}
.xm8{width:66.66666667%}
.xm9{width:75%}
.xm10{width:83.33333333%}
.xm11{width:91.66666667%}
.xm12{width:100%}}
@media(min-width:1200px){.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12{float:left}
.xb1{width:8.33333333%}
.xb2{width:16.66666667%}
.xb3{width:25%}
.xb4{width:33.33333333%}
.xb5{width:41.66666667%}
.xb6{width:50%}
.xb7{width:58.33333333%}
.xb8{width:66.66666667%}
.xb9{width:75%}
.xb10{width:83.33333333%}
.xb11{width:91.66666667%}
.xb12{width:100%}}
.clearfix:after,.container-layout:after,.container:after,.layout:after,.line-big:after,.line-middle:after,.line-small:after,.line:after,.nav-main:after,.nav-sub:after,.navbar:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
#area .application .banner{margin-bottom: 40px;}

.banner{position: relative;width: 100%;overflow: hidden;}
.carousel{position: relative;list-style: none;padding: 0;}
@media (min-width: 1200px)
.carousel img{margin: 0 auto;}
.carousel img{display: block;max-width: 100%;height: auto;}
#area .application .banner h4{padding: 13px 0 7px;}
.banner .pager-next, .banner .pager-prev{border-radius: 0;width: 45px;height: 76px;line-height: 76px;border: 0;background-color: hsla(0,0%,0%,.45);color: #fff;margin-top: -38px;font-size: 1pc;text-align: center;}
@media (min-width: 760px){#area .application .banner .pager-next, #area .application .banner .pager-prev{margin-top: -48px;}}
.banner .pager-next, .banner .pager-prev{position: absolute;top: 30%;}
.pager{list-style: none;padding: 0;text-align: center;clear: both}
.pager li{display: inline-block}
.pager li a{color: #333;border: 1px solid #ddd;border-radius: 15px;padding: 5px 15px;transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s}
.pager li a:hover{background-color: #f5f5f5;transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s}

.pointer{padding: 0 ; display:none}
.pointer li{border: 1px solid #ddd;width: 10px;height: 10px;margin: 1px;display: inline-block;border-radius: 50%;cursor: pointer}
.pointer .active{border: 0;background: #ddd;width: 9pt;height: 9pt;margin: 0}
.banner .pager-prev {left: 20px;}
.banner .pager-next {right: 20px;}