.more{position:relative;z-index:100;margin-left:auto;margin-right:auto;width:180px;color:#fff;font-size:15px;line-height:48px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);text-align:center;font-weight:bold;-transform:uppercase;border-radius:0px;overflow:hidden;-webkit-transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.more a{color:#fff;display:block;padding:0px 40px 0px;}
.more a:hover{color:#fff;}
.more::after{content:"";position:absolute;z-index:-2;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#999;}
.more::before{content:"";position:absolute;z-index:-1;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#06397b;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.more:hover::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}

@media (max-width:991px){

.m-title{position:relative;margin-bottom:20px;text-align:center;}
.m-title .name{display:block;color:#222;font-size:22px;line-height:24px;text-align:center;font-family:"Roboto-Regular";font-weight:bold;}
.m-title .text{position:relative;display:inline-block;width:auto;color:#31859c;font-size:14px;line-height:24px;text-align:center;padding-bottom:10px;}
.m-title .text::after{content:"";position:absolute;left:calc(50% - 20px);bottom:0px;width:40px;height:2px;background-color:#00b0f0;}

.m-wraper{position:relative;}
.m-wraper .container{position:relative;z-index:10;padding:40px 15px;}
.m-wraper.gray{background-color:#f5f5f5;}
.m-wraper.top-80{margin-top:50px;}
.m-wraper.gray{background-color:#e4e4e4;}
.m-wraper.blue{background-color:#f4f5fc;}

.m-wraper{position:relative;z-index:10;}
.m-wraper .container{padding-top:30px;}
.m-wraper .names{margin-bottom:20px;}
.m-wraper .names i{float:left;color:#0070c0;font-size:22px;line-height:30px;margin-right:5px;margin-left:-6px;}
.m-wraper .names .cn{float:left;color:rgba(0,0,0,0.9);font-size:24px;line-height:30px;font-weight:bold;}
.m-wraper .names .en{float:left;color:rgba(0,0,0,0.4);font-size:18px;line-height:30px;font-family:"Montserrat-Medium";margin-left:10px;}

.m-big-pic{position:relative;display:block;}
.m-big-pic{padding-top:36%;position:relative;display:block;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-big-pic::before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.8));}
.m-big-pic.notext::before{background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0));}
.m-big-pic .content{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;padding-bottom:0px;padding-left:30px;padding-right:30px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-big-pic .content .name{position:relative;z-index:10;margin-top:0px;color:#fff;font-size:18px;line-height:24px;font-weight:bold;}
.m-big-pic .content .text{position:relative;z-index:10;margin-top:5px;color:#fff;font-size:12px;line-height:16px;font-weight:bold;}
.m-big-pic .content .logo{position:relative;z-index:10;margin-top:0px;}
.m-big-pic .content .logo img{height:40px;}
.m-big-pic.index{padding-top:36%;}
.m-big-pic.sub{background-size:cover;}

.m-features .con-left{position:relative;z-index:10;float:left;width:300px;}
.m-features .con-right{position:relative;z-index:20;float:right;width:calc(100% - 300px);padding-left:70px;}
.m-features .text .name{position:relative;z-index:10;color:#111;font-size:24px;line-height:30px;font-weight:bolder;}
.m-features .text .name i{float:left;color:#0070c0;font-size:26px;line-height:30px;margin-right:10px;}
.m-features .text .name em{display:block;color:rgb(168,168,168);font-size:14px;line-height:20px;font-weight:normal;font-family:"Montserrat-Medium";margin-left:36px;}
.m-features .text p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}
.m-features .content{margin:40px 50px 0px;}
.m-features .pic{width:100%;padding-top:56%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-features .more{margin-top:50px;width:240px;color:#fff;font-size:18px;line-height:60px;}
.m-features .link{margin:20px auto 0px;text-align:center;}

.m-type{position:relative;}
.m-type .intro{position:relative;z-index:10;float:left;margin:0px 0px;width:calc(100% + 0px);display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.m-type .intro .items{position:relative;width:50%;margin-bottom:20px;padding-left:20px;padding-right:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:justify;}
.m-type .intro .items .icon{width:50px;text-align:center;}
.m-type .intro .items .icon img{width:100%;}
.m-type .intro .items .icon i{color:#00b2a9;font-size:60px;line-height:60px;}
.m-type .intro .items .name{display:inline-block;color:#111;font-size:20px;line-height:30px;margin-top:15px;font-weight:bold;text-align:center;}
.m-type .intro .items .text{display:inline-block;color:#666;font-size:14px;line-height:20px;height:40px;margin-top:0px;text-align:center;}
.m-type.top{position:absolute;z-index:2;left:0px;top:0px;margin-left:calc(-50% + 0px);margin-top:calc(-2% - 0px);width:200%;height:calc(100% + 0px);padding-top:20px;padding-left:10px;padding-right:10px;transform:scale(0.5,0.5);}
.m-type.top .intro .items{width:calc(20% - 4px);margin-left:2px;margin-right:2px;padding:20px;background-color:#fff;border-radius:10px;}
.m-type.top .intro .items .icon{width:30px;text-align:center;}
.m-type.top .intro .items .name{font-size:16px;line-height:20px;margin-top:5px;}
.m-type.top .intro .items .text{font-size:12px;line-height:16px;height:32px;margin-top:5px;}

.m-class{position:relative;z-index:10;background-color:#fff;}
.m-class .container{position:relative;z-index:10;padding:70px 0px;}
.m-class .con-left{position:relative;z-index:10;float:left;width:calc(50% - 50px);}
.m-class .con-left .contents{padding-top:68%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-class .con-right{position:relative;z-index:20;float:right;width:calc(50% + 50px);padding-left:70px;}
.m-class .m-about{}
.m-class .m-about .items{margin-bottom:20px;}
.m-class .m-about .title{color:rgba(0,0,0,1);font-size:18px;line-height:24px;font-family:"Montserrat-SemiBold";font-weight:bold;}
.m-class .m-about p{color:#666;font-size:15px;line-height:22px;margin-top:5px;}

.m-intro{position:relative;z-index:10;border-bottom:rgba(0,0,0,0.05) solid 1px;}
.m-intro .content{color:rgba(0,0,0,0.8);font-size:18px;line-height:30px;margin-top:25px;}
.m-intro .content p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}
.m-intro .content .name{position:relative;z-index:10;color:#222;font-size:20px;line-height:30px;font-weight:bolder;}
.m-intro .content .name i{color:#0070c0;font-size:30px;line-height:40px;margin-right:15px;}
.m-intro .content .name .icon{float:left;margin-top:3px;margin-right:10px;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-intro .content .text{position:relative;z-index:10;margin-top:20px;color:#444;font-size:18px;line-height:30px;}

.m-about{position:relative;z-index:10;background-color:#06397b;}
.m-about .container{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-about .m-left{width:calc(100% - 300px);padding-left:80px;background-image:url(../images/icon-about-01.png);background-position:left top;background-repeat:no-repeat;background-size:auto 50px;}
.m-about .name{position:relative;z-index:10;color:#fff;font-size:36px;line-height:40px;font-weight:bolder;}
.m-about .text{position:relative;z-index:10;margin-top:20px;color:#fff;font-size:18px;line-height:30px;}
.m-about .m-right{width:300px;display:-webkit-flex;display:flex;justify-content:flex-end;}
.m-about .m-right a{display:block;border:#fff solid 3px;color:#fff;font-size:20px;line-height:70px;font-weight:bold;padding-left:40px;padding-right:30px;}
.m-about .m-right a:hover{color#06397b;background-color:#fff;}
.m-about .m-right a i{margin-left:10px;}

.m-service{position:relative;z-index:10;background-color:#f8f8f8;}
.m-service .container{display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.m-service .m-left{width:calc(100% - 0px);}
.m-service .m-left i{float:left;color:#f29e44;font-size:26px;line-height:30px;margin-right:10px;}
.m-service .name{position:relative;z-index:10;color:#111;font-size:24px;line-height:30px;font-weight:bolder;}
.m-service .name em{display:block;color:rgb(168,168,168);font-size:14px;line-height:20px;font-weight:normal;font-family:"Montserrat-Medium";margin-left:36px;}
.m-service .text p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}
.m-service .m-right{width:100%;display:-webkit-flex;display:flex;justify-content:center;padding-top:20px;}
.m-service .link{margin:20px auto 0px;text-align:center;}

.s-about-intro{position:relative;z-index:10;}
.s-about-intro .item{position:relative;background-color:#06397b;}
.s-about-intro .item .pic{width:100%;height:200px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-about-intro .item .content{width:calc(100% - 0px);display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;}
.s-about-intro .item .content .name{position:relative;z-index:10;color:#fff;font-size:24px;line-height:30px;font-weight:bolder;}
.s-about-intro .item .content .text{position:relative;z-index:10;margin-top:10px;color:#fff;font-size:16px;line-height:26px;}
.s-about-intro .item:nth-child(2n + 1){background-color:#06397b;}
.s-about-intro .item:nth-child(2n + 1) .pic{right:0px;}
.s-about-intro .item:nth-child(2n + 1) .content{float:left;padding:40px 20px;}
.s-about-intro .item:nth-child(2n + 0){background-color:#fff;}
.s-about-intro .item:nth-child(2n + 0) .pic{left:0px;}
.s-about-intro .item:nth-child(2n + 0) .content{float:right;padding:40px 20px;}
.s-about-intro .item:nth-child(1){background-color:#0070c0;}
.s-about-intro .item:nth-child(2){background-color:#31859c;}
.s-about-intro .item:nth-child(3){background-color:#225a68;}
.s-about-intro .item:nth-child(4){background-color:#7f7f7f;}

.s-about-brand{position:relative;z-index:10;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.s-about-brand .container{padding-top:100px;padding-bottom:100px;}
.s-about-brand img{width:100%;}

.m-product{position:relative;z-index:10;margin:-10px -10px;}
.m-product .item{position:relative;float:left;width:calc(100% - 20px);margin:10px 10px;background-color:#fff;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.0) solid 1px;}
.m-product .item a{position:absolute;z-index:20;left:0px;top:0px;width:100%;height:100%;}
.m-product .item .content{padding-top:60%;}
.m-product .item .contents{/* position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%; */padding:20px 25px 0px;overflow:hidden;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-product .item .con-top{position:relative;z-index:10;width:100%;min-height:180px;}
.m-product .item .con-bottom{position:relative;z-index:10;width:100%;padding:0px 10px 0px 10px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;}
.m-product .item .icon{opacity:0.05;filter:alphaopacity=5;position:absolute;z-index:1;left:50%;top:20%;width:50%;height:80%;background-position:left top;background-repeat:no-repeat;background-size:120% auto;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .icon.red{opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .icon{opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .icon.red{opacity:0.25;filter:alphaopacity=25;-webkit-transform:scale(1.50,1.50);transform:scale(1.50,1.50);-webkit-transition:all 4000ms cubic-bezier(.25,.1,.25,1);transition:all 4000ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .pic{float:left;width:80px;height:80px;opacity:0.8;filter:alphaopacity=80;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .pic.red{position:absolute;z-index:10;left:0px;top:0px;opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .pic{opacity:0;filter:alphaopacity=0;-webkit-transform:scale(0.55,0.55);transform:scale(0.55,0.55);}
.m-product .item:hover .pic.red{opacity:1;filter:alphaopacity=100;-webkit-transform:scale(1.00,1.00);transform:scale(1.00,1.00);}
.m-product .item .title{position:relative;width:calc(100% - 0px);padding-left:0px;}
.m-product .item .text-cn{position:relative;z-index:10;color:rgba(0,0,0,0.8);font-size:17px;line-height:24px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-cn em{font-size:14px;font-weight:normal;margin-left:10px;}
.m-product .item .text-en{position:relative;z-index:10;color:#06397b;font-size:19px;line-height:26px;font-weight:bold;margin-top:10px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-en p{margin-bottom:5px;}
.m-product .item .text-item{position:relative;z-index:10;margin-right:20px;color:rgba(0,0,0,0.8);font-size:14px;line-height:20px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-item em{color:#06397b;display:block;font-size:12px;font-weight:normal;margin-top:3px;}
.m-product .item .pic2{margin-left:-60px;margin-right:-60px;}
.m-product .item .pic2 img{width:100%;}
.m-product h2{color:rgba(0,0,0,1);font-size:38px;line-height:40px;font-family:"Montserrat-SemiBold";font-weight:bold;text-align:center;margin-bottom:60px;}
.m-product .photos{position:relative;padding-top:75%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-product .photos::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.m-product .name{position:relative;padding:10px 25px 10px;color:#fff;font-size:18px;line-height:26px;font-weight:bold;background-color:rgba(42,103,177,1);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .name::after{content:"";position:absolute;right:20px;top:0px;width:20px;height:100%;background-image:url(../images/icon-page-rights.png);background-position:center right;background-repeat:no-repeat;background-size:auto 12px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item:hover .name::after{right:15px;}
.m-product .link{position:relative;margin-top:-1px;padding:20px 0px 25px;text-align:center;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .link .cn{color:#333;font-size:18px;line-height:26px;height:26px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);overflow:hidden;}
.m-product .link .en{color:#666;font-size:14px;line-height:20px;height:20px;margin-top:0px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);overflow:hidden;}
.m-product .item:hover .link{background-color:#eee;}
.m-product .item:hover .link .cn{color:#111;}
.m-product .item:hover .link .en{color:#333;}
.m-product.list .item::after{display:none;}
.m-product.list .photo::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.0) solid 1px;}

.page{height:44px;margin-top:20px;text-align:center;color:rgba(255,255,255,0.6);}
.page a{background-color:#fff;font-size:14px;color:#555;line-height:42px;width:40px;height:44px;text-align:center;display:none;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}
.page a:hover{color:#1a59a9;}
.page a.active{background-color:#1a59a9;border:#1a59a9 solid 1px;color:#fff;}
.page a.previous{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:20px;padding-right:10px;white-space:nowrap;background-image:url("../images/icon-page-left.png");background-position:calc(50% - 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.next{display:inline-block;position:relative;width:calc(32% + 1px);font-size:14px;background-color:#fff;padding-left:10px;padding-right:20px;white-space:nowrap;background-image:url("../images/icon-page-right.png");background-position:calc(50% + 30px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.first{display:inline-block;width:calc(18% + 0px);padding-left:10px;padding-right:10px;font-size:14px;margin-left:0px;}
.page a.last{display:inline-block;width:calc(18% + 1px);padding-left:10px;padding-right:10px;font-size:14px;}

.s-top{margin-top:50px;}

.s-service{position:relative;z-index:10;background-color:#d5dddf;}
.s-service .content{margin:-5px -10px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.s-service .item{position:relative;width:calc(100% - 20px);margin:5px 10px;padding:60px 40px;background-color:#fff;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.s-service .name{position:relative;z-index:10;margin-top:20px;color:#111;font-size:24px;line-height:30px;font-weight:bolder;}
.s-service .text{position:relative;z-index:10;margin-top:15px;color:#333;font-size:16px;line-height:26px;}
.s-service .icon{position:relative;z-index:10;}
.s-service .icon img{height:40px;}
.s-service .icon i{color:#999;font-size:50px;line-height:50px;}

.s-product.detail{}
.s-product.detail .photo{position:relative;float:left;width:100%;}
.s-product.detail .photo img{width:100%;}
.s-product.detail .photo::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.s-product.detail .info{position:relative;float:left;width:100%;padding-top:20px;}
.s-product.detail .info.all{padding-top:0px;}
.s-product.detail .info.all .photo{margin-bottom:20px;}
.s-product.detail .info .title{color:#06397b;font-size:26px;line-height:30px;font-weight:bold;margin-bottom:20px;}
.s-product.detail .info .text{color:rgba(0,0,0,0.8);font-size:16px;line-height:28px;}
.s-product.detail .info .text p{margin-bottom:20px;}
.s-product.detail .info .text p:last-child{margin-bottom:0px;}
.s-product.detail .info .more{margin-top:30px;width:100%;}
.s-product.detail .info .more i{margin-right:5px;font-size:18px;}
.s-product.detail .features{position:relative;z-index:10;float:left;margin:20px 0px 0px;width:calc(100% + 0px);display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;}
.s-product.detail .features .items{position:relative;width:50%;margin-bottom:20px;padding-left:20px;padding-right:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.s-product.detail .features .items .icon{width:50px;text-align:center;margin-bottom:15px;}
.s-product.detail .features .items .icon img{width:100%;}
.s-product.detail .features .items .icon i{color:#00b2a9;font-size:60px;line-height:60px;}
.s-product.detail .features .items .name{display:inline-block;color:#111;font-size:20px;line-height:30px;font-weight:bold;text-align:center;}
.s-product.detail .features .items .text{display:inline-block;color:#333;font-size:16px;line-height:26px;margin-top:0px;}
.s-product.detail .sub-title{position:relative;color:rgba(0,0,0,0.8);font-size:18px;line-height:20px;font-weight:bold;margin-top:60px;margin-bottom:20px;padding-bottom:15px;border-bottom:#999 solid 2px;}
.s-product.detail .sub-title:before{content:"";position:absolute;left:0px;bottom:-2px;width:150px;height:4px;background-color:#0070c0;}
.s-product.detail .sub-title:after{content:"";position:absolute;right:0px;bottom:-2px;width:100px;height:2px;background-color:#31859c;}
.s-product.detail .sub-title i{color:#0070c0;font-size:20px;line-height:20px;margin-right:10px;margin-left:-6px;}
.s-product.detail .sub-title em{color:rgba(0,0,0,0.4);font-size:13px;line-height:20px;font-family:"Montserrat-Medium";margin-top:5px;font-weight:normal;display:block;padding-left:24px;}
.s-product.detail .sub-content{font-size:16px;color:#333;line-height:28px;text-align:left;}
.s-product.detail .sub-content iframe{width:100%;height:300px;}
.s-product.detail .sub-content video{width:100%;height:300px;background-color:#000;}
.s-product.detail .sub-content img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-product.detail .sub-content table{margin-bottom:10px;width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(255,255,255,1);}
.s-product.detail .sub-content table th{background-color:#bdd6ee;padding:14px 5px;line-height:20px;font-size:14px;}
.s-product.detail .sub-content table td{background-color:#ebebeb;padding:10px 5px;line-height:20px;font-size:13px;}
.s-product.detail .sub-content table p{margin-bottom:0px;}
.s-product.detail .sub-content ol{padding-top:5px;margin-bottom:30px;}
.s-product.detail .sub-content ul{padding-top:5px;margin-bottom:30px;}
.s-product.detail .sub-content ul{list-style-position:outside;margin-left:12px;list-style:disc;}
.s-product.detail .sub-content ul li{line-height:24px;margin-bottom:10px;padding-left:5px;}
.s-product.detail .sub-content p{margin-bottom:20px;}
.s-product.detail .sub-content p:nth-child(odd){margin-bottom:0px;}
.s-product.detail .sub-content p:last-child{margin-bottom:0px;}
.s-product.detail .sub-content a{color:#06397b;}
.s-product.detail .sub-content a:hover{text-decoration:underline;}

.s-number-list{padding-top:15px;}
.s-number-list .item{display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;padding-top:15px;padding-bottom:15px;}
.s-number-list .item .number{width:30px;height:30px;border-radius:100%;background-color:#00b0f0;text-align:center;color:#fff;font-size:20px;line-height:30px;font-family:"Montserrat-Medium";}
.s-number-list .item .number.color01{background-color:#0070c0;}
.s-number-list .item .number.color02{background-color:#31859c;}
.s-number-list .item .icon{width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.s-number-list .item .text{width:calc(100% - 30px);padding-left:20px;font-size:18px;color:#333;line-height:30px;}
.s-number-list .item .text em{font-size:22px;font-weight:bold;display:block;margin-bottom:5px;}

.s-application img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-application p{font-size:18px;color:#333;line-height:30px;padding-top:35px;}
.s-application p em{font-size:22px;font-weight:bold;display:block;margin-bottom:5px;}

.s-contact{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-contact .container{position:relative;z-index:10;}
.s-contact .text{margin-top:15px;font-size:18px;color:#333;line-height:30px;}
.s-contact .info{margin-top:20px;}
.s-contact .info .content{float:left;width:100%;padding-bottom:0px;}
.s-contact .info .content .item{width:100%;padding:15px 0px 15px 0px;}
.s-contact .info .content .item i{float:left;color:#fff;font-size:18px;line-height:30px;margin-top:-4px;margin-bottom:30px;margin-right:15px;background-color:#00b0f0;width:30px;height:30px;border-radius:100%;text-align:center;}
.s-contact .info .content .item .name{color:#0070c0;font-size:18px;line-height:20px;margin-bottom:5px;font-weight:bold;}
.s-contact .info .content .item .text{color:rgba(0,0,0,0.9);font-size:16px;line-height:24px;font-weight:bold;}
.s-contact .info .map{float:right;width:100%;height:300px;background-color:#fff;border-radius:3px;overflow:hidden;}
.s-contact .info .map iframe{width:100%;height:300px;}

.s-contact-message{background-color:#e8eaec;}
.s-contact-message .container{padding-top:0px;}
.s-message{position:relative;}
.s-message .contents{position:relative;z-index:10;}
.s-message .con-left{float:left;width:100%;}
.s-message .con-right{float:right;width:calc(100% - 0px);}
.s-message .con-s-left{float:left;width:100%;}
.s-message .con-s-center{float:left;width:calc(100% - 0px);margin-left:0px;}
.s-message .con-s-right{float:right;width:calc(100% - 0px);}
.s-message .el-form-item{position:relative;}
.s-message .el-input.el-input__inner{border-width:0px;}
.s-message .el-input{position:relative;z-index:3;height:60px;padding:28px 50% 12px 20px;color:#000;font-size:18px;background-color:transparent!important;font-family:"Roboto-Regular","PingFang";border-radius:3px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message textarea.el-input{height:120px;margin-top:30px;margin-right:1px;padding:0px 30% 20px 20px;color:#000;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .con-s-center textarea.el-input{height:130px;}
.s-message .el-input.el-button{cursor:pointer;border-width:0px;color:#fff;font-size:16px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:10px 20px 10px;background-color:#333!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-input.el-button:hover{background-color:#0071d0!important;}
.s-message .el-input.el-button.disabled{background-color:#ffdc99!important;color:rgba(255,255,255,0.8)!important;text-shadow:0px 0px 0px rgba(0,0,0,0.0)!important;cursor:not-allowed;}
.s-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.s-message .el-form-item span.error{position:absolute;z-index:2;right:20px;top:20px;color:#bb121a;font-size:12px;line-height:20px;padding-right:18px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding-left:20px;padding-top:20px;background-color:#fff;border:rgba(0,0,0,0.0) solid 1px;border-radius:3px;color:#222;font-size:14px;line-height:16px;font-weight:bold;cursor:text;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label::before{content:"";position:absolute;z-index:0;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:rgba(0,0,0,0.0) solid 3px;border-radius:5px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item:hover label{border:rgba(0,0,0,0.2) solid 1px;}
.s-message .el-form-item:hover label::before{border:rgba(0,0,0,0.08) solid 2px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(0,0,0,0.4) solid 1px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.15) solid 2px;}
.s-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.s-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.s-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.s-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;background-color:#fff;background-image:url(../images/bg-code.png);background-position:center;background-size:70% auto;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item.item02 #canvas:hover{background-color:#e8f4ff;}
.s-message .el-form-item.item02 button[type="button"]{margin-left:10px;width:calc(100% - 10px)!important;cursor:pointer;background-color:rgba(0,0,0,0.1);padding:10px 20px 10px;color:#222;font-size:15px;}
.s-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.s-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.s-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item input.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item textarea.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item input.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item input.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .el-form-item textarea.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item textarea.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .tips{color:#888;font-size:12px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

.ci-btn-hover{position:relative;display:inline-block;}
.ci-btn-hover::after{content:"";position:absolute;left:0;top:0;right:100%;height:100%;pointer-events:none;-webkit-transition:all .4s ease;transition:all .4s ease;}
.ci-btn-hover::before{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-color:inherit;-webkit-transform:translateY(5px);transform:translateY(5px);}
.ci-btn-hover:hover:after{right:0;}
.ci-btn-left-bottom{overflow:hidden;background:linear-gradient(315deg, transparent 10px, #31859c 0) top right;}
.ci-btn-hover-left-bottom:after{overflow:hidden;background:linear-gradient(315deg, transparent 10px, #0070c0 0) top right;}
.ci-btn-hover a{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;display:block;color:#fff;font-size:16px;line-height:50px;text-align:center;font-weight:bold;padding-right:0px;}
.ci-btn-hover span{display:block;width:240px;height:50px;}

@media (min-width:992px){

.m-title{position:relative;z-index:10;margin-bottom:30px;text-align:center;}
.m-title .name{display:block;color:#222;font-size:36px;line-height:40px;text-align:center;font-family:"Roboto-Regular";font-weight:bold;}
.m-title .text{position:relative;display:inline-block;width:auto;color:#31859c;font-size:16px;line-height:30px;text-align:center;padding-bottom:12px;}
.m-title .text::after{content:"";position:absolute;left:calc(50% - 20px);bottom:0px;width:40px;height:2px;background-color:#00b0f0;}

.m-wraper{position:relative;}
.m-wraper .container{position:relative;padding:80px 0px 80px;}
.m-wraper.gray{background-color:#e4e4e4;}
.m-wraper.blue{background-color:#f4f5fc;}

.m-wraper{position:relative;z-index:10;}
.m-wraper .container{padding-top:60px;}
.m-wraper .names{display:-webkit-flex;display:flex;justify-content:flex-start;align-items:baseline;margin-bottom:20px;}
.m-wraper .names i{color:#0070c0;font-size:40px;line-height:40px;margin-right:15px;}
.m-wraper .names .cn{color:#111;font-size:36px;line-height:40px;font-weight:bold;}
.m-wraper .names .en{color:rgb(168,168,168);font-size:24px;line-height:40px;font-family:"Montserrat-Medium";margin-left:15px;}

.mousehover{-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.mousehover:hover{transform:translateY(-2px)!important;box-shadow:0px 0px 15px rgba(0,0,0,0.2)!important;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}

.m-big-pic{position:relative;display:block;}
.m-big-pic{padding-top:300px;position:relative;display:block;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-big-pic::before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.4));}
.m-big-pic.notext::before{background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.0));}
.m-big-pic .content{position:absolute;z-index:2;left:calc(0% - 0px);top:0px;width:100%;height:100%;padding-bottom:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-big-pic .content .name{position:relative;z-index:10;margin-top:20px;color:#fff;font-size:44px;line-height:60px;font-weight:bolder;}
.m-big-pic .content .text{position:relative;z-index:10;margin-top:10px;color:#fff;font-size:22px;line-height:36px;font-weight:bold;}
.m-big-pic .content .logo{position:relative;z-index:10;margin-top:20px;}
.m-big-pic .content .logo img{height:60px;}
.m-big-pic.index{padding-top:27.0%;}
.m-big-pic.sub{background-size:cover;}

/* .m-features::before{content:"";position:absolute;z-index:1;right:calc(50% - 700px);top:150px;width:120px;height:120px;background-color:#eceefa;}
.m-features::after{content:"";position:absolute;z-index:2;right:calc(50% - 595px);top:135px;width:30px;height:30px;background-color:#235fac;border-radius:0%;filter:blur(3px);} */
.m-features .con-left{position:relative;z-index:10;float:left;width:300px;}
.m-features .con-right{position:relative;z-index:20;float:right;width:calc(100% - 300px);padding-left:70px;}
.m-features .text{}
.m-features .text .name{position:relative;z-index:10;color:#111;font-size:36px;line-height:40px;font-weight:bolder;}
.m-features .text .name i{float:left;color:#0070c0;font-size:40px;line-height:40px;margin-right:15px;}
.m-features .text .name em{color:rgb(168,168,168);font-size:24px;line-height:40px;font-weight:normal;font-family:"Montserrat-Medium";margin-left:15px;}
.m-features .text p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}
.m-features .content{margin:40px 50px 0px;}
.m-features .pic{width:100%;padding-top:56%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-features .more{margin-top:50px;width:240px;color:#fff;font-size:18px;line-height:60px;}
.m-features .link{margin:50px auto 0px;text-align:center;}

.m-type{position:relative;}
.m-type.top{position:absolute;z-index:2;left:calc(50% - 475px);top:0px;width:950px;height:calc(100% + 0px);padding-top:20px;}
.m-type .intro{position:relative;z-index:10;float:left;margin:0px 0px;width:calc(100% + 0px);height:calc(100% + 0px);display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-type .intro .items{position:relative;width:20%;margin-bottom:0px;padding-left:20px;padding-right:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:justify;}
.m-type .intro .items .icon{width:70px;text-align:center;}
.m-type .intro .items .icon img{width:100%;}
.m-type .intro .items .icon i{color:#00b2a9;font-size:60px;line-height:60px;}
.m-type .intro .items .name{display:inline-block;color:#111;font-size:20px;line-height:30px;margin-top:15px;font-weight:bold;text-align:center;}
.m-type .intro .items .text{display:inline-block;color:#666;font-size:14px;line-height:20px;height:40px;margin-top:0px;text-align:center;}
.m-type.top .intro .items{width:calc(20% - 20px);margin-left:10px;margin-right:10px;padding:20px;background-color:#fff;border-radius:10px;}
.m-type.top .intro .items .icon{width:40px;text-align:center;}
.m-type.top .intro .items .name{font-size:18px;line-height:30px;margin-top:5px;}
.m-type.top .intro .items .text{font-size:13px;line-height:20px;}

.m-class{position:relative;z-index:10;background-color:#fff;}
.m-class .container{position:relative;z-index:10;padding:70px 0px;}
.m-class .con-left{position:relative;z-index:10;float:left;width:calc(50% - 50px);}
.m-class .con-left .contents{padding-top:68%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-class .con-right{position:relative;z-index:20;float:right;width:calc(50% + 50px);padding-left:70px;}
.m-class .m-about{}
.m-class .m-about .items{margin-bottom:20px;}
.m-class .m-about .title{color:rgba(0,0,0,1);font-size:18px;line-height:24px;font-family:"Montserrat-SemiBold";font-weight:bold;}
.m-class .m-about p{color:#666;font-size:15px;line-height:22px;margin-top:5px;}

.m-intro{position:relative;z-index:10;border-bottom:rgba(0,0,0,0.05) solid 1px;}
.m-intro .names{display:-webkit-flex;display:flex;justify-content:flex-start;align-items:baseline;}
.m-intro .names i{color:#0070c0;font-size:40px;line-height:40px;margin-right:15px;}
.m-intro .names .cn{color:#111;font-size:36px;line-height:40px;font-weight:bold;}
.m-intro .names .en{color:rgb(168,168,168);font-size:24px;line-height:40px;font-family:"Montserrat-Medium";margin-left:15px;}
.m-intro .content{color:rgba(0,0,0,0.8);font-size:18px;line-height:30px;margin-top:45px;}
.m-intro .content p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}
.m-intro .content .name{position:relative;z-index:10;color:#222;font-size:30px;line-height:40px;font-weight:bolder;}
.m-intro .content .name i{color:#0070c0;font-size:30px;line-height:40px;margin-right:15px;}
.m-intro .content .name .icon{float:left;margin-top:5px;margin-right:15px;width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-intro .content .text{position:relative;z-index:10;margin-top:20px;color:#444;font-size:18px;line-height:30px;}

.m-about{position:relative;z-index:10;background-color:#06397b;}
.m-about .container{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-about .m-left{width:calc(100% - 300px);padding-left:80px;background-image:url(../images/icon-about-01.png);background-position:left top;background-repeat:no-repeat;background-size:auto 50px;}
.m-about .name{position:relative;z-index:10;color:#fff;font-size:36px;line-height:40px;font-weight:bolder;}
.m-about .text{position:relative;z-index:10;margin-top:20px;color:#fff;font-size:18px;line-height:30px;}
.m-about .m-right{width:300px;display:-webkit-flex;display:flex;justify-content:flex-end;}
.m-about .m-right a{display:block;border:#fff solid 3px;color:#fff;font-size:20px;line-height:70px;font-weight:bold;padding-left:40px;padding-right:30px;}
.m-about .m-right a:hover{color#06397b;background-color:#fff;}
.m-about .m-right a i{margin-left:10px;}

.m-service{position:relative;z-index:10;background-color:#f8f8f8;}
.m-service .container{}
.m-service .m-left{width:calc(100% - 300px);}
.m-service .m-left i{float:left;color:#f29e44;font-size:40px;line-height:40px;margin-right:15px;}
.m-service .name{position:relative;z-index:10;color:#111;font-size:36px;line-height:40px;font-weight:bolder;}
.m-service .name em{color:rgb(168,168,168);font-size:24px;line-height:40px;font-weight:normal;font-family:"Montserrat-Medium";margin-left:15px;}
.m-service .text{}
.m-service .text p{color:#222;font-size:18px;line-height:30px;margin-top:15px;}
.m-service .m-right{width:300px;display:-webkit-flex;display:flex;justify-content:flex-end;}
.m-service .link{margin:50px auto 0px;text-align:center;}

.s-about-intro{position:relative;z-index:10;}
.s-about-intro .item{position:relative;background-color:#06397b;}
.s-about-intro .item .pic{position:absolute;z-index:10;top:0px;width:600px;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-about-intro .item .content{width:calc(100% - 600px);min-height:480px;display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;}
.s-about-intro .item .content .name{position:relative;z-index:10;color:#fff;font-size:36px;line-height:40px;font-weight:bolder;}
.s-about-intro .item .content .text{position:relative;z-index:10;margin-top:20px;color:#fff;font-size:18px;line-height:30px;}
.s-about-intro .item:nth-child(2n + 1){background-color:#06397b;}
.s-about-intro .item:nth-child(2n + 1) .pic{right:0px;}
.s-about-intro .item:nth-child(2n + 1) .content{float:left;padding:60px 80px 60px calc(50% - 475px);}
.s-about-intro .item:nth-child(2n + 0){background-color:#fff;}
.s-about-intro .item:nth-child(2n + 0) .pic{left:0px;}
.s-about-intro .item:nth-child(2n + 0) .content{float:right;padding:60px calc(50% - 475px) 60px 80px;}
.s-about-intro .item:nth-child(1){background-color:#0070c0;}
.s-about-intro .item:nth-child(2){background-color:#31859c;}
.s-about-intro .item:nth-child(3){background-color:#225a68;}
.s-about-intro .item:nth-child(4){background-color:#7f7f7f;}

.s-about-brand{position:relative;z-index:10;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.s-about-brand .container{padding-top:100px;padding-bottom:100px;}
.s-about-brand img{width:100%;}

.m-product{position:relative;z-index:10;margin:-10px -10px;}
.m-product .item{position:relative;float:left;width:calc(50% - 20px);margin:10px 10px;background-color:#fff;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.0) solid 1px;}
.m-product .item a{position:absolute;z-index:20;left:0px;top:0px;width:100%;height:100%;}
.m-product .item .content{padding-top:60%;}
.m-product .item .contents{/* position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%; */padding:20px 25px 0px;overflow:hidden;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-product .item .con-top{position:relative;z-index:10;width:100%;min-height:180px;}
.m-product .item .con-bottom{position:relative;z-index:10;width:100%;padding:0px 10px 0px 10px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;}
.m-product .item .icon{opacity:0.05;filter:alphaopacity=5;position:absolute;z-index:1;left:50%;top:20%;width:50%;height:80%;background-position:left top;background-repeat:no-repeat;background-size:120% auto;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .icon.red{opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .icon{opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .icon.red{opacity:0.25;filter:alphaopacity=25;-webkit-transform:scale(1.50,1.50);transform:scale(1.50,1.50);-webkit-transition:all 4000ms cubic-bezier(.25,.1,.25,1);transition:all 4000ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .pic{float:left;width:80px;height:80px;opacity:0.8;filter:alphaopacity=80;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .pic.red{position:absolute;z-index:10;left:0px;top:0px;opacity:0;filter:alphaopacity=0;}
.m-product .item:hover .pic{opacity:0;filter:alphaopacity=0;-webkit-transform:scale(0.55,0.55);transform:scale(0.55,0.55);}
.m-product .item:hover .pic.red{opacity:1;filter:alphaopacity=100;-webkit-transform:scale(1.00,1.00);transform:scale(1.00,1.00);}
.m-product .item .title{position:relative;width:calc(100% - 0px);padding-left:0px;}
.m-product .item .text-cn{position:relative;z-index:10;color:rgba(0,0,0,0.8);font-size:17px;line-height:24px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-cn em{font-size:14px;font-weight:normal;margin-left:10px;}
.m-product .item .text-en{position:relative;z-index:10;color:#06397b;font-size:19px;line-height:26px;font-weight:bold;margin-top:10px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-en p{margin-bottom:5px;}
.m-product .item .text-item{position:relative;z-index:10;margin-right:20px;color:rgba(0,0,0,0.8);font-size:14px;line-height:20px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item .text-item em{color:#06397b;display:block;font-size:12px;font-weight:normal;margin-top:3px;}
.m-product .item .pic2{margin-left:-60px;margin-right:-60px;}
.m-product .item .pic2 img{width:100%;}
.m-product h2{color:rgba(0,0,0,1);font-size:38px;line-height:40px;font-family:"Montserrat-SemiBold";font-weight:bold;text-align:center;margin-bottom:60px;}
.m-product .photos{position:relative;padding-top:75%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-product .photos::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.m-product .name{position:relative;padding:10px 25px 10px;color:#fff;font-size:18px;line-height:26px;font-weight:bold;background-color:rgba(42,103,177,1);-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .name::after{content:"";position:absolute;right:20px;top:0px;width:20px;height:100%;background-image:url(../images/icon-page-rights.png);background-position:center right;background-repeat:no-repeat;background-size:auto 12px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .item:hover .name::after{right:15px;}
.m-product .link{position:relative;margin-top:-1px;padding:20px 0px 25px;text-align:center;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.m-product .link .cn{color:#333;font-size:18px;line-height:26px;height:26px;font-weight:bold;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);overflow:hidden;}
.m-product .link .en{color:#666;font-size:14px;line-height:20px;height:20px;margin-top:0px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);overflow:hidden;}
.m-product .item:hover .link{background-color:#eee;}
.m-product .item:hover .link .cn{color:#111;}
.m-product .item:hover .link .en{color:#333;}
.m-product.list .item::after{display:none;}
.m-product.list .photo::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.0) solid 1px;}

.page{height:44px;margin-top:40px;text-align:center;color:rgba(255,255,255,0.6);}
.page a{background-color:#fff;font-size:13px;color:#333;line-height:41px;width:44px;height:44px;text-align:center;display:inline-block;padding-left:12px;padding-right:12px;border:#eeeeee solid 1px;margin-left:-1px;}
.page a:hover{color:#1a59a9;}
.page a.active{background-color:#1a59a9;border:#1a59a9 solid 1px;color:#fff;}
.page a.previous{width:auto;font-size:13px;padding-left:40px;padding-right:30px;white-space:nowrap;background-image:url("../images/icon-page-left.png");background-position:calc(0% + 28px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.previous:hover{background-image:url("../images/icon-page-leftss.png");background-position:calc(0% + 25px) calc(50% + 0px);}
.page a.next{position:relative;width:auto;font-size:13px;background-color:#fff;padding-left:30px;padding-right:40px;white-space:nowrap;background-image:url("../images/icon-page-right.png");background-position:calc(100% - 28px) calc(50% + 0px);background-repeat:no-repeat;background-size:6px auto;}
.page a.next:hover{background-image:url("../images/icon-page-rightss.png");background-position:calc(100% - 25px) calc(50% + 0px);}
.page a.first{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}
.page a.last{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}

.s-top{margin-top:140px;}

.s-product.detail{}
.s-product.detail .photo{position:relative;float:left;width:50%;}
.s-product.detail .photo img{width:100%;}
.s-product.detail .photo::after{content:"";position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.s-product.detail .info{position:relative;float:left;width:50%;padding-left:40px;}
.s-product.detail .info.all{position:relative;float:none;width:100%;padding-left:0px;}
.s-product.detail .info.all .photo{margin-right:40px;}
.s-product.detail .info .title{color:#06397b;font-size:26px;line-height:30px;font-weight:bold;margin-bottom:20px;}
.s-product.detail .info .text{color:rgba(0,0,0,0.8);font-size:18px;line-height:30px;}
.s-product.detail .info .text p{margin-bottom:20px;}
.s-product.detail .info .text p:last-child{margin-bottom:0px;}
.s-product.detail .info .more{margin-top:30px;width:100%;}
.s-product.detail .info .more i{margin-right:5px;font-size:18px;}
.s-product.detail .features{position:relative;z-index:10;float:left;margin:40px 0px;width:calc(100% + 0px);display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;}
.s-product.detail .features .items{position:relative;width:25%;margin-bottom:0px;padding-left:20px;padding-right:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.s-product.detail .features .items .icon{width:70px;text-align:center;margin-bottom:15px;}
.s-product.detail .features .items .icon img{width:100%;}
.s-product.detail .features .items .icon i{color:#00b2a9;font-size:60px;line-height:60px;}
.s-product.detail .features .items .name{display:inline-block;color:#111;font-size:20px;line-height:30px;font-weight:bold;text-align:center;}
.s-product.detail .features .items .text{display:inline-block;color:#333;font-size:16px;line-height:26px;margin-top:0px;}
.s-product.detail .sub-title{position:relative;color:rgba(0,0,0,0.8);font-size:24px;line-height:30px;font-weight:bold;margin-top:60px;margin-bottom:30px;padding-bottom:20px;border-bottom:#999 solid 2px;}
.s-product.detail .sub-title:before{content:"";position:absolute;left:0px;bottom:-2px;width:150px;height:4px;background-color:#0070c0;}
.s-product.detail .sub-title:after{content:"";position:absolute;right:0px;bottom:-2px;width:100px;height:2px;background-color:#31859c;}
.s-product.detail .sub-title i{color:#0070c0;font-size:28px;line-height:30px;margin-right:10px;margin-left:-6px;}
.s-product.detail .sub-title em{color:rgba(0,0,0,0.4);font-size:18px;line-height:30px;font-family:"Montserrat-Medium";margin-left:10px;font-weight:normal;}
.s-product.detail .sub-content{font-size:18px;color:#333;line-height:30px;text-align:left;}
.s-product.detail .sub-content iframe{width:100%;height:300px;}
.s-product.detail .sub-content video{width:100%;height:300px;background-color:#000;}
.s-product.detail .sub-content img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-product.detail .sub-content table{margin-bottom:20px;width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(255,255,255,1);}
.s-product.detail .sub-content table th{background-color:#bdd6ee;padding:18px 15px;line-height:24px;font-size:18px;}
.s-product.detail .sub-content table td{background-color:#ebebeb;padding:12px 15px;line-height:24px;font-size:16px;}
.s-product.detail .sub-content table p{margin-bottom:0px;}
.s-product.detail .sub-content ol{padding-top:5px;margin-bottom:30px;}
.s-product.detail .sub-content ul{padding-top:5px;margin-bottom:30px;}
.s-product.detail .sub-content ul{list-style-position:outside;margin-left:12px;list-style:disc;}
.s-product.detail .sub-content li{line-height:30px;margin-bottom:20px;padding-left:5px;}
.s-product.detail .sub-content p{margin-bottom:30px;}
.s-product.detail .sub-content p:nth-child(odd){margin-bottom:0px;}
.s-product.detail .sub-content p:last-child{margin-bottom:0px;}
.s-product.detail .sub-content a{color:#06397b;}
.s-product.detail .sub-content a:hover{text-decoration:underline;}

.s-number-list{padding-top:25px;}
.s-number-list .item{display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;padding-top:25px;padding-bottom:25px;}
.s-number-list .item .number{width:40px;height:40px;border-radius:100%;background-color:#00b0f0;text-align:center;color:#fff;font-size:24px;line-height:40px;font-family:"Montserrat-Medium";}
.s-number-list .item .number.color01{background-color:#0070c0;}
.s-number-list .item .number.color02{background-color:#31859c;}
.s-number-list .item .number.color03{background-color:#225a68;}
.s-number-list .item .number.color04{background-color:#7f7f7f;}
.s-number-list .item .icon{width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.s-number-list .item .text{width:calc(100% - 50px);padding-left:30px;font-size:18px;color:#333;line-height:30px;}
.s-number-list .item .text em{font-size:22px;font-weight:bold;display:block;margin-bottom:5px;}

.s-application img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 20px;}
.s-application p{font-size:18px;color:#333;line-height:30px;padding-top:15px;}
.s-application p em{font-size:22px;font-weight:bold;display:block;margin-bottom:5px;}

.s-service{position:relative;z-index:10;background-color:#d5dddf;}
.s-service .content{margin:0px -10px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.s-service .item{position:relative;width:calc(50% - 20px);min-height:340px;margin:0px 10px;padding:60px 40px;background-color:#fff;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.s-service .name{position:relative;z-index:10;margin-top:20px;color:#111;font-size:24px;line-height:30px;font-weight:bolder;}
.s-service .text{position:relative;z-index:10;margin-top:15px;color:#333;font-size:16px;line-height:26px;}
.s-service .icon{position:relative;z-index:10;}
.s-service .icon img{height:40px;}
.s-service .icon i{color:#999;font-size:50px;line-height:50px;}

.s-contact{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-contact .container{position:relative;z-index:10;}
.s-contact .text{margin-top:15px;font-size:18px;color:#333;line-height:30px;}
.s-contact .info{margin-top:50px;}
.s-contact .info .content{width:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;}
.s-contact .info .content .item{width:50%;padding:0px 0px 40px 0px;}
.s-contact .info .content .item:last-child{padding:0px 0px 0px 0px;}
.s-contact .info .content .item i{float:left;color:#fff;font-size:24px;line-height:40px;margin-top:-10px;margin-bottom:30px;margin-right:20px;background-color:#00b0f0;width:40px;height:40px;border-radius:100%;text-align:center;}
.s-contact .info .content .item .name{color:#0070c0;font-size:20px;line-height:20px;margin-bottom:10px;font-weight:bold;}
.s-contact .info .content .item .text{color:rgba(0,0,0,0.9);font-size:16px;line-height:24px;font-weight:bold;}
.s-contact .info .map{float:right;width:60%;height:360px;background-color:#e8eaec;border-radius:3px;overflow:hidden;}
.s-contact .info .map iframe{width:100%;height:360px;}

.s-contact-message{background-color:#e8eaec;}
.s-message{position:relative;z-index:10;}
.s-message .contents{position:relative;z-index:10;}
.s-message .con-left{float:left;width:45%;}
.s-message .con-right{float:right;width:calc(55% - 10px);}
.s-message .con-s-left{float:left;width:30%;}
.s-message .con-s-center{float:left;width:calc(35% - 10px);margin-left:10px;}
.s-message .con-s-right{float:right;width:calc(35% - 10px);}
.s-message .el-form-item{position:relative;}
.s-message .el-input.el-input__inner{border-width:0px;}
.s-message .el-input{position:relative;z-index:3;height:60px;padding:28px 50% 12px 20px;color:#000;font-size:18px;background-color:transparent!important;font-family:"Roboto-Regular","PingFang";border-radius:3px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message textarea.el-input{height:100px;margin-top:30px;margin-right:1px;padding:0px 30% 20px 20px;color:#000;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-input.el-button{cursor:pointer;border-width:0px;color:#fff;font-size:16px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:10px 20px 10px;background-color:#333!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-input.el-button:hover{background-color:#06397b!important;}
.s-message .el-input.el-button.disabled{background-color:#ffdc99!important;color:rgba(255,255,255,0.8)!important;text-shadow:0px 0px 0px rgba(0,0,0,0.0)!important;cursor:not-allowed;}
.s-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.s-message .el-form-item span.error{position:absolute;z-index:2;right:20px;top:20px;color:#bb121a;font-size:12px;line-height:20px;padding-right:18px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding-left:20px;padding-top:20px;background-color:#fff;border:rgba(0,0,0,0.0) solid 1px;border-radius:3px;color:#222;font-size:14px;line-height:16px;font-weight:bold;cursor:text;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label::before{content:"";position:absolute;z-index:0;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:rgba(0,0,0,0.0) solid 3px;border-radius:5px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item:hover label{border:rgba(0,0,0,0.2) solid 1px;}
.s-message .el-form-item:hover label::before{border:rgba(0,0,0,0.08) solid 2px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(0,0,0,0.4) solid 1px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.15) solid 2px;}
.s-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.s-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.s-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.s-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;background-color:#fff;cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item.item02 #canvas:hover{background-color:#e8f4ff;}
.s-message .el-form-item.item02 button[type="button"]{margin-left:10px;width:calc(100% - 10px)!important;cursor:pointer;background-color:rgba(0,0,0,0.1);padding:10px 20px 10px;color:#222;font-size:15px;}
.s-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.s-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.s-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item input.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item textarea.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item input.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item input.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .el-form-item textarea.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item textarea.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .tips{color:#888;font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox{color:#888;font-size:13px;line-height:20px;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .form-c-checkbox .c-checkbox{color:#888;font-size:13px;line-height:20px;margin-top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

}

@media (min-width:1280px){



}