/*-----------INDEX PAGE START-----------*/

@media (max-width:991px){

body.gray{background-color:#f8f8f8;}

.s-page{margin-top:20px;text-align:center;display:-webkit-flex;display:flex;justify-content:center;}
/*
.s-page a{display:none;margin-left:4px;margin-right:4px;color:#666;font-size:14px;line-height:42px;padding-top:1px;background-color:rgba(0,0,0,0.05);padding-left:14px;padding-right:14px;background-position:center;background-repeat:no-repeat;background-size:auto 12px;}

.s-page a:hover{color:#408bf3;}
.s-page a.active{display:inline-block;color:#fff;background-color:#408bf3;text-shadow:1px 1px 0px rgba(0,0,0,0.3);width:44px;}
.s-page a.first{display:none;background-image:url(../images/icon-page-d-left.png);width:80px;height:44px;}
.s-page a.first:hover{background-color:#408bf3;background-image:url(../images/icon-page-d-lefts.png);}
.s-page a.pre{display:inline-block;background-image:url(../images/icon-page-left.png);width:calc(50% - 28px);height:44px;margin-left:0px;height:44px;}
.s-page a.pre:hover{background-color:#408bf3;background-image:url(../images/icon-page-lefts.png);}
.s-page a.last{display:none;background-image:url(../images/icon-page-d-right.png);width:80px;height:44px;}
.s-page a.last:hover{background-color:#408bf3;background-image:url(../images/icon-page-d-rights.png);}
.s-page a.next{display:inline-block;background-image:url(../images/icon-page-right.png);width:calc(50% - 28px);height:44px;margin-right:0px;height:44px;}
.s-page a.next:hover{background-color:#408bf3;background-image:url(../images/icon-page-rights.png);}
*/
.s-page a{margin-left:4px;margin-right:4px;color:#666;font-size:14px;line-height:42px;padding-top:1px;background-color:rgba(0,0,0,0.05);padding-left:14px;padding-right:14px;background-position:center;background-repeat:no-repeat;background-size:auto 12px;}

.s-page a:hover{color:#408bf3;}
.s-page a.active{display:inline-block;color:#fff;background-color:#408bf3;text-shadow:1px 1px 0px rgba(0,0,0,0.3);width:44px;}
.s-page a.first{width:80px;height:44px;}
.s-page a.first:hover{background-color:#408bf3;}
.s-page a.pre{display:inline-block;height:44px;margin-left:0px;height:44px;}
.s-page a.pre:hover{background-color:#408bf3;}
.s-page a.last{width:80px;height:44px;}
.s-page a.last:hover{background-color:#408bf3;}
.s-page a.next{display:inline-block;height:44px;margin-right:0px;height:44px;}
.s-page a.next:hover{background-color:#408bf3;;}



.sub-scroll-pic{position:relative;height:180px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.sub-scroll-pic.search{height:120px;}
.sub-scroll-pic.register{margin-top:35px;height:150px;}
.sub-scroll-pic:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;}
.sub-scroll-pic:after{content:"";position:absolute;z-index:2;left:0px;top:0px;right:0px;width:100%;height:100%;}
.sub-scroll-pic .pic img{width:100%;height:auto;}
.sub-scroll-pic .content{position:absolute;z-index:3;left:0px;top:0px;right:0px;width:100%;height:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.sub-scroll-pic .content .container{text-align:center;padding-top:10px;padding-left:30px;padding-right:30px;}
.sub-scroll-pic .content .container .title{color:#fff;font-size:34px;line-height:40px;font-family:"Ubuntu-Light";}
.sub-scroll-pic.search .content .container .title{font-size:28px;}
.sub-scroll-pic .content .container .text{color:#fff;font-size:12px;line-height:18px;margin-top:5px;font-family:"Ubuntu-Light";}

.s-contact-form{padding-left:30px;padding-right:30px;}
.s-contact-form .text{color:#111;font-size:14px;line-height:24px;padding:0px 0px 30px;}
.s-contact-form .con-left{float:left;width:100%;}
.s-contact-form .con-left .input-text{color:#999;font-size:14px;line-height:26px;}
.s-contact-form .con-left .input-text em{display:inline-block;width:10px;height:10px;margin-left:5px;background-image:url(../images/icon-star.png);background-position:center;background-repeat:no-repeat;background-size:8px auto;}
.s-contact-form .con-left input[type="text"]{width:100%;height:40px;background-color:transparent;border:0px;border-radius:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:10px;}
.s-contact-form .con-left input[type="text"]:focus{border-color:#7baff8;}
.s-contact-form .con-left input[type="password"]{width:100%;height:40px;background-color:transparent;border:0px;border-radius:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:10px;}
.s-contact-form .con-left input[type="password"]:focus{border-color:#7baff8;}
.s-contact-form .con-left textarea{width:100%;height:100px;margin-top:8px;background-color:transparent;border:0px;border-radius:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:10px;}
.s-contact-form .con-left textarea:focus{border-color:#7baff8;}
.s-contact-form .con-left .submit{margin-top:5px;}
.s-contact-form .con-left .submit a{position:relative;display:block;width:100%;height:48px;border-radius:3px;color:#fff;font-size:16px;line-height:46px;text-align:center;background:-webkit-linear-gradient(90deg,#59a5f1,#b616e5);background:-o-linear-gradient(90deg,#59a5f1,#b616e5);background:-moz-linear-gradient(90deg,#59a5f1,#b616e5);background:linear-gradient(90deg,#59a5f1,#b616e5);}
.s-contact-form .con-left .submit a:before{content:"";position:absolute;z-index:2;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(159,11,202,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-contact-form .con-left .submit a:hover:before{background-color:rgba(159,11,202,0.2);}
.s-contact-form .con-right{float:right;width:100%;margin-top:30px;}
.s-contact-form .con-right .title{color:#111;font-size:20px;line-height:30px;}
.s-contact-form .con-right .texts{margin-top:10px;margin-bottom:30px;color:#333;font-size:14px;line-height:24px;}
.s-contact-form .con-right .label{height:80px;margin-left:0px;}
.s-contact-form .con-right .label img{height:100%;}
.s-contact-form .con-right .icon{margin-top:30px;}
.s-contact-form .con-right .icon .item{position:relative;float:left;width:50px;height:50px;border:rgba(0,0,0,0.2) solid 1px;border-radius:50%;overflow:hidden;margin-right:20px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-contact-form .con-right .icon .item a{display:block;position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;}
.s-contact-form .con-right .icon .item.facebook{background-image:url(../images/icon-tail-01s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.facebook:hover{border:#25479a solid 1px;background-image:url(../images/icon-tail-01ss.png);}
.s-contact-form .con-right .icon .item.youtube{background-image:url(../images/icon-tail-02s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.youtube:hover{border:#eb3323 solid 1px;background-image:url(../images/icon-tail-02ss.png);}
.s-contact-form .con-right .icon .item.ig{background-image:url(../images/icon-tail-09s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.ig:hover{border:#ce3c75 solid 1px;background-image:url(../images/icon-tail-09ss.png);}
.s-contact-form .con-right .icon .item.linkedin{background-image:url(../images/icon-tail-08s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.linkedin:hover{border:#337ab1 solid 1px;background-image:url(../images/icon-tail-08ss.png);}

.s-register-form{}
.s-register-form.member{margin-top:10px;padding-bottom:20px;}
.s-register-form .tips{margin-top:0px;font-size:14px;line-height:18px;margin-bottom:15px;}
.s-register-form .text{color:#111;font-size:14px;line-height:24px;padding:0px 0px 30px;}
.s-register-form .input-text{color:#999;font-size:14px;line-height:26px;}
.s-register-form .input-text em{display:inline-block;width:10px;height:10px;margin-left:5px;background-image:url(../images/icon-star.png);background-position:center;background-repeat:no-repeat;background-size:8px auto;}
.s-register-form input[type="text"]{width:100%;height:40px;background-color:transparent;border:0px;border-radius:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:10px;}
.s-register-form input[type="text"]:focus{border-color:#7baff8;}
.s-register-form input[type="password"]{width:100%;height:40px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-register-form input[type="password"]:focus{border-color:#7baff8;}
.s-register-form textarea{width:100%;height:100px;margin-top:8px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-register-form textarea:focus{border-color:#7baff8;}
.s-register-form .form-c-checkbox{margin-top:20px;}
.s-register-form .form-c-checkbox .c-checkbox font{color:#666;font-size:14px;}
.s-register-form .texts{margin-top:5px;color:#999;font-size:12px;line-height:18px;padding-left:24px;}
.s-register-form .submit{margin-top:5px;}
.s-register-form .submit a{position:relative;display:block;width:100%;height:48px;border-radius:3px;color:#fff;font-size:16px;line-height:46px;text-align:center;background:-webkit-linear-gradient(90deg,#59a5f1,#b616e5);background:-o-linear-gradient(90deg,#59a5f1,#b616e5);background:-moz-linear-gradient(90deg,#59a5f1,#b616e5);background:linear-gradient(90deg,#59a5f1,#b616e5);}
.s-register-form .submit a:before{content:"";position:absolute;z-index:2;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(159,11,202,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-register-form .submit a:hover:before{background-color:rgba(159,11,202,0.2);}
.s-register-form .submit2{margin-top:10px;}
.s-register-form .submit2 a{position:relative;display:block;width:100%;height:48px;border-radius:3px;color:#fff;font-size:16px;line-height:46px;text-align:center;background-color:#408bf3;}
.s-register-form .submit2 a:hover{background-color:#166de5;}

.s-success{padding-top:20px;padding-bottom:20px;}
.s-success .text{margin-top:20px;font-size:13px;line-height:20px;}
.s-success .icon{position:relative;margin:0px auto;}
.s-success .icon .icon{width:80px;height:80px;margin:0 auto;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.s-success .icon .text{margin-top:25px;color:#111;font-size:24px;text-align:center;}

.s-member{position:relative;z-index:1;padding-top:0px;padding-bottom:0px;background-color:#f8f8f8;}
.s-member .con-left{display:none;float:left;width:240px;}
.s-member .con-right{float:right;width:100%;}
.s-member .con-right .name{color:#333;font-size:22px;line-height:30px;padding-left:0px;margin-bottom:0px;}
.s-member .con-right .text{color:#666;font-size:13px;line-height:20px;padding-left:0px;}

.s-right-member{}
.s-right-member .block-link{padding:20px 0px 0px 0px;}
.s-right-member .block-link .item{position:relative;width:100%;margin-bottom:10px;background-color:#fff;border-radius:5px;padding:40px 20px;border:rgba(0,0,0,0.1) solid 1px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member .block-link .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.s-right-member .block-link .item .icon{height:50px;text-align:center;opacity:0.6;filter:alphaopacity=60;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member .block-link .item:hover .icon{opacity:1;filter:alphaopacity=100;}
.s-right-member .block-link .item .icon img{height:100%;}
.s-right-member .block-link .item .name{color:#555;font-size:18px;line-height:40px;text-align:center;margin-top:0px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member .block-link .item:hover .name{color:#222;}

.s-right-member-download-link{display:none;margin-top:30px;margin-left:20px;}
.s-right-member-download-link a{float:left;display:block;margin:0px 10px 10px 0px;background-color:rgba(0,0,0,0.1);border-radius:2px;text-align:center;color:#333;font-size:14px;line-height:38px;padding-left:35px;padding-right:35px;padding-bottom:2px;cursor:pointer;}
.s-right-member-download-link a:hover{background-color:rgba(0,0,0,0.6);color:#fff;}
.s-right-member-download-link a.active{background-color:#408bf3;color:#fff;}

.s-right-member-download-list{padding-top:5px;}
.s-right-member-download-list.detail{padding-top:5px;padding-bottom:10px;}
.s-right-member-download-list .namess{color:#333;font-size:22px;line-height:30px;margin-bottom:10px;}
.s-right-member-download-list .item{position:relative;margin-top:10px;padding:15px 20px;background-color:rgba(255,255,255,1);border-radius:3px;overflow:hidden;border:rgba(0,0,0,0.1) solid 1px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member-download-list .item.none{background-color:rgba(0,0,0,0.03);}
.s-right-member-download-list .item .names{color:#222;font-size:16px;line-height:20px;}
.s-right-member-download-list .item .texts{color:#666;font-size:13px;line-height:16px;margin-top:5px;}
.s-right-member-download-list .item .sizes{color:#999;font-size:12px;line-height:16px;margin-top:5px;}
.s-right-member-download-list .item .links{text-align:center;margin-top:15px;}
.s-right-member-download-list .item .links a{display:block;background-color:#408bf3;border-radius:30px;text-align:center;color:#fff;font-size:13px;line-height:34px;padding-bottom:1px;cursor:pointer;}
.s-right-member-download-list .item .links a:hover{background-color:#166de5;}

.s-contact-info{padding:40px 0px 0px;}
.s-contact-info .item{position:relative;background-color:#fff;border-radius:3px;padding:40px 20px 50px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);margin-bottom:20px;}
.s-contact-info .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.s-contact-info .item .icon{height:50px;text-align:center;opacity:0.3;filter:alphaopacity=30;}
.s-contact-info .item .icon img{height:100%;}
.s-contact-info .item .name{color:#111;font-size:18px;line-height:36px;text-align:center;margin-top:5px;}
.s-contact-info .item .texts{color:#333;font-size:16px;line-height:24px;text-align:center;}

.s-contact-map{height:400px;}
.s-contact-map iframe{width:100%;height:100%;}

.s-product-search{}
.s-product-search p{color:#333;font-size:14px;line-height:20px;padding:0px 0px 20px;}

.s-product{margin-bottom:-20px;}
.s-product .item{position:relative;margin:0px 0px 40px;}
.s-product .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.s-product .item .pic{position:relative;border-radius:3px;overflow:hidden;}
.s-product .item .pic:before{content:"";position:absolute;z-index:1;left:0px;bottom:0px;right:0px;width:100%;height:100%;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:linear-gradient(top,transparent,rgba(0,0,0,0.6));}
.s-product .item .pic .con{padding-bottom:62%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .pic .title{position:absolute;z-index:1;left:0px;bottom:0px;width:100%;padding-left:20px;padding-right:20px;padding-bottom:30px;color:#fff;font-size:16px;line-height:24px;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .pic .mask{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .pic .link{opacity:0;filter:alphaopacity=0;position:absolute;z-index:3;left:calc(50% - 90px);top:calc(50% - 23px);width:180px;height:46px;background-color:#408bf3;border-radius:3px;text-align:center;color:#fff;font-size:16px;line-height:46px;webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .text{color:#333;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item:hover .pic .con{background-size:104% auto;}
.s-product .item:hover .pic .title{opacity:0.5;filter:alphaopacity=50;}
.s-product .item:hover .pic .mask{background-color:rgba(0,0,0,0.4);}
.s-product .item:hover .pic .link{opacity:1;filter:alphaopacity=100;}
.s-product .item:hover .text{color:#111;}

.s-product-detail{position:relative;padding-top:70px;padding-bottom:30px;padding-left:30px;padding-right:30px;}
.s-product-detail .con-left{display:none;float:left;width:300px;}
.s-product-detail .con-left .left-nav{padding:0px 30px;}
.s-product-detail .con-left .left-nav a{position:relative;display:block;color:#111;font-size:16px;line-height:24px;padding:15px 0px 15px 20px;}
.s-product-detail .con-left .left-nav a:before{content:"";position:absolute;left:0px;top:25px;width:8px;height:4px;background-color:#888;border-radius:4px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product-detail .con-left .left-nav a:hover{color:#9500aa;}
.s-product-detail .con-left .left-nav a:hover:before{width:10px;background-color:#9500aa;}
.s-product-detail .con-left .left-nav a.active{color:#9500aa;}
.s-product-detail .con-left .left-nav a.active:before{width:10px;background-color:#9500aa;}
.s-product-detail .con-right{float:right;width:calc(100% - 0px);padding-left:0px;}
.s-product-detail .con-right .name{color:#111;font-size:18px;line-height:24px;}
.s-product-detail .con-right .icon{padding:10px 0px 10px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
.s-product-detail .con-right .icon .item{position:relative;display:inline-block;width:calc(25% - 20px);margin:0px 10px 10px 10px;}
.s-product-detail .con-right .icon .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.s-product-detail .con-right .icon .item .pic{width:50px;height:62px;margin:0 auto;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.s-product-detail .con-right .icon .item:hover .pic{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.s-product-detail .con-right .icon .item .text{margin-top:8px;color:#111;font-size:10px;line-height:14px;text-align:center;}
.s-product-detail .con-right .text{color:#111;font-size:14px;line-height:24px;}
.s-product-detail .con-right .text p{margin-bottom:15px;}
.s-product-detail .con-right .pics{margin-bottom:15px;margin-top:15px;border-radius:3px;overflow:hidden;}
.s-product-detail .con-right .pics img{width:100%;}

.s-news{position:relative;}
.s-news:before{content:"";position:absolute;left:36px;top:0px;width:2px;height:100%;background-color:#dfdfdf;}
.s-news .item{position:relative;width:100%;margin-bottom:30px;}
.s-news .item:before{content:"";position:absolute;top:5px;width:12px;height:12px;border-radius:50%;border:#fff solid 2px;background-color:#b8b8b8;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item:hover:before{background-color:#9500aa;}
.s-news .item.con-left{float:left;padding:5px 20px 0px 40px;}
.s-news .item.con-left:before{left:1px;}
.s-news .item.con-right{float:left;padding:5px 20px 0px 40px;}
.s-news .item.con-right:before{left:1px;}
.s-news .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.s-news .item .pic{position:relative;}
.s-news .item .pic .con{padding-bottom:50%;border-radius:3px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);overflow:hidden;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item .title{color:#111;font-size:16px;line-height:20px;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item .text{color:#555;font-size:14px;line-height:20px;margin-top:5px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item:hover .pic .con{background-size:104% auto;}
.s-news .item:hover .title{color:#9500aa;}
.s-news .item:hover .text{color:#222;}

.s-certificate{}
.s-certificate .item{position:relative;border-bottom:rgba(0,0,0,0.05) solid 1px;padding-bottom:25px;margin-bottom:25px;}
.s-certificate .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.s-certificate .item .pic{float:left;width:100%;}
.s-certificate .item .pic img{width:100%;}
.s-certificate .item .con{float:right;width:100%;margin-top:20px;}
.s-certificate .item .con .name{color:#111;font-size:18px;line-height:24px;}
.s-certificate .item .con .text{color:#333;font-size:14px;line-height:24px;margin-top:10px;}

.s-about{color:#333;font-size:15px;line-height:26px;}
.s-about h1{color:#000;font-size:24px;line-height:30px;margin-bottom:20px;}
.s-about p{color:#333;font-size:15px;line-height:26px;margin-bottom:25px;}
.s-about .pic-left{float:left;width:100%;margin-bottom:20px;}
.s-about .pic-left img{width:100%;}
.s-about .pic-right{float:right;width:100%;margin-bottom:20px;}
.s-about .pic-right img{width:100%;}
.s-about .pic-list{margin:0px 0px 0px;}
.s-about .pic-list .item{float:left;width:calc(100% - 0px);margin:10px 0px;position:relative;border-radius:0px;overflow:hidden;}
.s-about .pic-list .item .con{padding-bottom:63%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

@media (min-width:992px){

body.gray{background-color:#f8f8f8;}

.s-page{margin-top:30px;text-align:center;display:-webkit-flex;display:flex;justify-content:center;}
.s-page a{display:inline-block;margin-left:2px;margin-right:2px;color:#666;font-size:16px;line-height:36px;padding-top:3px;background-color:rgba(0,0,0,0.05);padding-left:14px;padding-right:14px;background-position:center;background-repeat:no-repeat;background-size:auto 12px;}
.s-page a:hover{color:#408bf3;background-color:#eeeeee;}
.s-page a.active{color:#fff;background-color:#408bf3;text-shadow:1px 1px 0px rgba(0,0,0,0.3);}
.s-page a.first{background-image:url(../images/icon-page-d-left.png);width:80px;height:40px;}
.s-page a.first:hover{background-color:#408bf3;background-image:url(../images/icon-page-d-lefts.png);}
#.s-page a.pre{background-image:url(../images/icon-page-left.png);width:40px;height:40px;}
.s-page a.pre{width:40px;height:40px;}
.s-page a.pre:hover{background-color:#408bf3;background-image:url(../images/icon-page-lefts.png);}
.s-page a.last{background-image:url(../images/icon-page-d-right.png);width:80px;height:40px;}
.s-page a.last:hover{background-color:#408bf3;background-image:url(../images/icon-page-d-rights.png);}

#.s-page a.next{background-image:url(../images/icon-page-right.png);width:40px;height:40px;}
.s-page a.next{width:40px;height:40px;}
.s-page a.next:hover{background-color:#408bf3;background-image:url(../images/icon-page-rights.png);}

#.s-page a.next:hover{background-color:#408bf3;}

.sub-scroll-pic{position:relative;height:400px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.sub-scroll-pic.search{height:300px;}
.sub-scroll-pic.register{margin-top:40px;height:300px;}
.sub-scroll-pic:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;}
.sub-scroll-pic:after{content:"";position:absolute;z-index:2;left:0px;top:0px;right:0px;width:100%;height:100%;}
.sub-scroll-pic .pic img{width:100%;height:auto;}
.sub-scroll-pic .content{position:absolute;z-index:3;left:0px;top:0px;right:0px;width:100%;height:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.sub-scroll-pic .content .container{text-align:center;padding-top:50px;}
.sub-scroll-pic .content .container .title{color:#fff;font-size:60px;line-height:80px;font-family:"Ubuntu-Light";}
.sub-scroll-pic.search .content .container .title{font-size:50px;}
.sub-scroll-pic .content .container .text{color:rgba(255,255,255,0.6);font-size:18px;line-height:30px;margin-top:5px;font-family:"Ubuntu-Light";}

.s-contact-form{}
.s-contact-form .text{color:#111;font-size:16px;line-height:28px;text-align:center;padding:0px 180px 60px;}
.s-contact-form .con-left{float:left;width:50%;}
.s-contact-form .con-left .input-text{color:#999;font-size:16px;line-height:28px;}
.s-contact-form .con-left .input-text em{display:inline-block;width:10px;height:10px;margin-left:5px;background-image:url(../images/icon-star.png);background-position:center;background-repeat:no-repeat;background-size:8px auto;}
.s-contact-form .con-left input[type="text"]{width:100%;height:40px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-contact-form .con-left input[type="text"]:focus{border-color:#7baff8;}
.s-contact-form .con-left input[type="password"]{width:100%;height:40px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-contact-form .con-left input[type="password"]:focus{border-color:#7baff8;}
.s-contact-form .con-left textarea{width:100%;height:100px;margin-top:8px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-contact-form .con-left textarea:focus{border-color:#7baff8;}
.s-contact-form .con-left .submit{margin-top:5px;}
.s-contact-form .con-left .submit a{position:relative;display:block;width:100%;height:48px;border-radius:3px;color:#fff;font-size:16px;line-height:46px;text-align:center;background:-webkit-linear-gradient(90deg,#59a5f1,#b616e5);background:-o-linear-gradient(90deg,#59a5f1,#b616e5);background:-moz-linear-gradient(90deg,#59a5f1,#b616e5);background:linear-gradient(90deg,#59a5f1,#b616e5);}
.s-contact-form .con-left .submit a:before{content:"";position:absolute;z-index:2;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(159,11,202,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-contact-form .con-left .submit a:hover:before{background-color:rgba(159,11,202,0.2);}
.s-contact-form .con-right{float:right;width:50%;padding-left:60px;}
.s-contact-form .con-right .title{color:#111;font-size:24px;line-height:40px;}
.s-contact-form .con-right .texts{margin-top:10px;margin-bottom:50px;color:#333;font-size:16px;line-height:28px;}
.s-contact-form .con-right .label{height:80px;margin-left:0px;}
.s-contact-form .con-right .label img{height:100%;}
.s-contact-form .con-right .icon{margin-top:50px;}
.s-contact-form .con-right .icon .item{position:relative;float:left;width:50px;height:50px;border:rgba(0,0,0,0.2) solid 1px;border-radius:50%;overflow:hidden;margin-right:20px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-contact-form .con-right .icon .item a{display:block;position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;}
.s-contact-form .con-right .icon .item.facebook{background-image:url(../images/icon-tail-01s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.facebook:hover{border:#25479a solid 1px;background-image:url(../images/icon-tail-01ss.png);}
.s-contact-form .con-right .icon .item.youtube{background-image:url(../images/icon-tail-02s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.youtube:hover{border:#eb3323 solid 1px;background-image:url(../images/icon-tail-02ss.png);}
.s-contact-form .con-right .icon .item.ig{background-image:url(../images/icon-tail-09s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.ig:hover{border:#ce3c75 solid 1px;background-image:url(../images/icon-tail-09ss.png);}
.s-contact-form .con-right .icon .item.linkedin{background-image:url(../images/icon-tail-08s.png);background-position:center;background-repeat:no-repeat;background-size:34px auto;}
.s-contact-form .con-right .icon .item.linkedin:hover{border:#337ab1 solid 1px;background-image:url(../images/icon-tail-08ss.png);}

.s-contact-info{margin-left:-20px;margin-right:-20px;padding:80px 0px 40px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.s-contact-info .item{position:relative;width:calc(33.333333% - 40px);min-height:260px;margin-left:20px;margin-right:20px;background-color:#fff;border-radius:5px;padding:60px 30px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-contact-info .item:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.s-contact-info .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.s-contact-info .item .icon{height:50px;text-align:center;opacity:0.3;filter:alphaopacity=30;}
.s-contact-info .item .icon img{height:100%;}
.s-contact-info .item .name{color:#111;font-size:22px;line-height:40px;text-align:center;margin-top:10px;}
.s-contact-info .item .texts{color:#333;font-size:18px;line-height:28px;text-align:center;}

.s-contact-map{height:500px;}
.s-contact-map iframe{width:100%;height:100%;}

.s-product-search{}
.s-product-search p{color:#333;font-size:16px;line-height:28px;padding:0px 0px 40px;}

.s-register-form{width:600px;min-height:600px;margin:0 auto;}
.s-register-form.member{width:100%;padding-left:20px;margin-top:30px;padding-bottom:40px;}
.s-register-form .tips{margin-top:0px;font-size:15px;line-height:20px;margin-bottom:25px;}
.s-register-form .text{color:#111;font-size:16px;line-height:28px;text-align:center;padding:0px 180px 60px;}
.s-register-form .input-text{color:#999;font-size:16px;line-height:28px;}
.s-register-form .input-text em{display:inline-block;width:10px;height:10px;margin-left:5px;background-image:url(../images/icon-star.png);background-position:center;background-repeat:no-repeat;background-size:8px auto;}
.s-register-form .input-text span{margin-left:5px;color:#d80f0f;font-size:13px;}
.s-register-form .input-text i{margin-left:5px;color:#aaa;font-size:13px;}
.s-register-form .input-text-tips{color:#aaa;font-size:13px;line-height:16px;}
.s-register-form input[type="text"]{width:100%;height:40px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-register-form input[type="text"]:focus{border-color:#7baff8;}
.s-register-form input[type="password"]{width:100%;height:40px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-register-form input[type="password"]:focus{border-color:#7baff8;}
.s-register-form textarea{width:100%;height:100px;margin-top:8px;background-color:transparent;border:0px;border-bottom:#e9e9e9 solid 1px;color:#111;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:15px;}
.s-register-form textarea:focus{border-color:#7baff8;}
.s-register-form .form-c-checkbox{margin-top:20px;}
.s-register-form .form-c-checkbox .c-checkbox font{color:#666;font-size:15px;}
.s-register-form .texts{margin-top:5px;color:#999;font-size:13px;line-height:18px;padding-left:24px;}
.s-register-form .submit{margin-top:5px;}
.s-register-form .submit a{position:relative;display:block;width:100%;height:48px;border-radius:3px;color:#fff;font-size:16px;line-height:46px;text-align:center;background:-webkit-linear-gradient(90deg,#59a5f1,#b616e5);background:-o-linear-gradient(90deg,#59a5f1,#b616e5);background:-moz-linear-gradient(90deg,#59a5f1,#b616e5);background:linear-gradient(90deg,#59a5f1,#b616e5);}
.s-register-form .submit a:before{content:"";position:absolute;z-index:2;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(159,11,202,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-register-form .submit a:hover:before{background-color:rgba(159,11,202,0.2);}
.s-register-form .submit2{margin-top:10px;}
.s-register-form .submit2 a{position:relative;display:block;width:100%;height:48px;border-radius:3px;color:#fff;font-size:16px;line-height:46px;text-align:center;background-color:#408bf3;}
.s-register-form .submit2 a:hover{background-color:#166de5;}

.s-success{width:600px;min-height:600px;margin:0 auto;}
.s-success .text{margin-top:30px;font-size:15px;line-height:24px;}
.s-success .icon{position:relative;margin:0px auto 20px;}
.s-success .icon .icon{width:140px;height:140px;margin:0 auto;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.s-success .icon .text{margin-top:30px;color:#111;font-size:32px;text-align:center;}

.s-member{position:relative;z-index:1;padding-top:60px;padding-bottom:60px;background-color:#f8f8f8;min-height:600px;}
.s-member::before{content:"";position:absolute;z-index:0;left:0px;top:0px;width:240px;height:100%;background-color:#fff;border-right:#eaeaea solid 1px;}
.s-member .con-left{float:left;width:240px;}
.s-member .con-right{float:right;width:calc(100% - 240px);padding-left:60px;}
.s-member .con-right .name{color:#333;font-size:28px;line-height:40px;padding-left:20px;margin-bottom:5px;}
.s-member .con-right .text{color:#666;font-size:15px;line-height:20px;padding-left:20px;}

.s-left-member{}
.s-left-member .item a{position:relative;display:block;color:#999;font-size:14px;line-height:48px;border-bottom:#eaeaea solid 1px;padding-left:30px;background-position:left center;background-repeat:no-repeat;background-size:18px auto;}
.s-left-member .item:first-child a{border-top:#eaeaea solid 1px;}
.s-left-member .item a:hover{color:#333;}
.s-left-member .item a.active{color:#408bf3;}
.s-left-member .item a::before{content:"";position:absolute;right:15px;top:23px;background-color:#b5b5b5;display:block;width:7px;height:1px;-webkit-transition:all .6s ease;transition:all .6s ease;}
.s-left-member .item a::after{content:"";position:absolute;right:18px;top:20px;background-color:#b5b5b5;display:block;width:1px;height:7px;-webkit-transition:all .6s ease;transition:all .6s ease;}
.s-left-member .item a:hover::before{background-color:#333;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.s-left-member .item a:hover::after{background-color:#333;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.s-left-member .item a.active::before{background-color:#408bf3;}
.s-left-member .item a.active::after{background-color:#408bf3;}
.s-left-member .item:nth-child(1) a{background-image:url("../images/icon-member-01.png");}
.s-left-member .item:nth-child(2) a{background-image:url("../images/icon-member-02.png");}
.s-left-member .item:nth-child(3) a{background-image:url("../images/icon-member-03.png");}

.s-right-member{}
.s-right-member .block-link{padding:30px 0px 20px 20px;}
.s-right-member .block-link .item{float:left;position:relative;width:calc(50% - 20px);min-height:220px;margin-left:0px;margin-right:20px;background-color:#fff;border-radius:5px;padding:60px 30px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member .block-link .item:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.s-right-member .block-link .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.s-right-member .block-link .item .icon{height:50px;text-align:center;opacity:0.6;filter:alphaopacity=60;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member .block-link .item:hover .icon{opacity:1;filter:alphaopacity=100;}
.s-right-member .block-link .item .icon img{height:100%;}
.s-right-member .block-link .item .name{color:#555;font-size:18px;line-height:40px;text-align:center;margin-top:10px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member .block-link .item:hover .name{color:#222;}

.s-right-member-download-link{margin-top:30px;margin-left:20px;}
.s-right-member-download-link a{float:left;display:block;margin:0px 10px 10px 0px;background-color:rgba(0,0,0,0.1);border-radius:2px;text-align:center;color:#333;font-size:14px;line-height:38px;padding-left:35px;padding-right:35px;padding-bottom:2px;cursor:pointer;}
.s-right-member-download-link a:hover{background-color:rgba(0,0,0,0.6);color:#fff;}
.s-right-member-download-link a.active{background-color:#408bf3;color:#fff;}

.s-right-member-download-list{padding-top:15px;margin-left:20px;padding-right:10px;padding-bottom:40px;}
.s-right-member-download-list.detail{margin-left:0px;padding-right:10px;}
.s-right-member-download-list .namess{color:#333;font-size:28px;line-height:40px;margin-bottom:15px;}
.s-right-member-download-list .item{position:relative;margin-top:15px;background-color:rgba(255,255,255,1);border-radius:3px;overflow:hidden;background-image:url("../images/bg-download-line.png");background-position:65% 0%;background-repeat:repeat-y;background-size:1px auto;display:-webkit-flex;display:flex;align-items:center;box-shadow:0px 0px 3px rgba(0,0,0,0.2);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-right-member-download-list .item.none{background-color:rgba(0,0,0,0.03);}
.s-right-member-download-list .item:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.s-right-member-download-list .item.none:hover{box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.s-right-member-download-list .item::before{content:"";position:absolute;left:27%;top:0px;width:1px;height:100%;background-color:#ebebeb;}
.s-right-member-download-list .item::after{content:"";position:absolute;right:25%;top:0px;width:1px;height:100%;background-color:#ebebeb;}
.s-right-member-download-list .item .names{width:27%;color:#222;font-size:14px;line-height:18px;padding:20px 30px;text-align:left;}
.s-right-member-download-list .item .texts{width:38%;color:#555;font-size:13px;line-height:16px;padding:20px 30px;text-align:left;}
.s-right-member-download-list .item .sizes{width:10%;color:#555;font-size:13px;line-height:16px;padding:20px 30px;}
.s-right-member-download-list .item .links{width:25%;text-align:center;padding:20px 30px;}
.s-right-member-download-list .item .links a{display:block;background-color:#408bf3;border-radius:30px;text-align:center;color:#fff;font-size:14px;line-height:34px;padding-bottom:1px;cursor:pointer;}
.s-right-member-download-list .item .links a:hover{background-color:#166de5;}

.s-product{margin-left:-20px;margin-right:-20px;margin-bottom:-30px;}
.s-product .item{position:relative;float:left;width:calc(33.333333% - 40px);margin:0px 20px 50px;}
.s-product .item a{position:absolute;z-index:100;display:block;width:100%;height:100%;}
.s-product .item .pic{position:relative;border-radius:5px;overflow:hidden;}
.s-product .item .pic:before{content:"";position:absolute;z-index:1;left:0px;bottom:0px;right:0px;width:100%;height:100%;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.6));background:linear-gradient(top,transparent,rgba(0,0,0,0.6));}
.s-product .item .pic .con{padding-bottom:62%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:101% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .pic .title{position:absolute;z-index:1;left:0px;bottom:0px;width:100%;padding-left:20px;padding-right:20px;padding-bottom:30px;color:#fff;font-size:18px;line-height:24px;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .pic .mask{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .pic .link{opacity:0;filter:alphaopacity=0;position:absolute;z-index:3;left:calc(50% - 90px);top:calc(50% - 23px);width:180px;height:46px;background-color:#408bf3;border-radius:3px;text-align:center;color:#fff;font-size:16px;line-height:46px;webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item .text{color:#333;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product .item:hover .pic .con{background-size:104% auto;}
.s-product .item:hover .pic .title{opacity:0.5;filter:alphaopacity=50;}
.s-product .item:hover .pic .mask{background-color:rgba(0,0,0,0.4);}
.s-product .item:hover .pic .link{opacity:1;filter:alphaopacity=100;}
.s-product .item:hover .text{color:#111;}

.s-product-detail{position:relative;padding-top:160px;padding-bottom:60px;}
.s-product-detail:before{content:"";position:absolute;left:0px;top:0px;width:300px;height:100%;background-color:#f8f8f8;}
.s-product-detail .con-left{float:left;width:300px;}
.s-product-detail .con-left .left-nav{padding:0px 30px;}
.s-product-detail .con-left .left-nav a{position:relative;display:block;color:#111;font-size:16px;line-height:24px;padding:15px 0px 15px 20px;}
.s-product-detail .con-left .left-nav a:before{content:"";position:absolute;left:0px;top:25px;width:8px;height:4px;background-color:#888;border-radius:4px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-product-detail .con-left .left-nav a:hover{color:#9500aa;}
.s-product-detail .con-left .left-nav a:hover:before{width:10px;background-color:#9500aa;}
.s-product-detail .con-left .left-nav a.active{color:#9500aa;}
.s-product-detail .con-left .left-nav a.active:before{width:10px;background-color:#9500aa;}
.s-product-detail .con-right{float:right;width:calc(100% - 300px);padding-left:60px;padding-top:12px;}
.s-product-detail .con-right .name{color:#111;font-size:32px;line-height:40px;}
.s-product-detail .con-right .icon{padding:20px 0px 30px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.s-product-detail .con-right .icon .item{position:relative;display:inline-block;width:100px;margin:0px 40px 20px 0px;}
.s-product-detail .con-right .icon .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.s-product-detail .con-right .icon .item .pic{width:100px;height:123px;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.s-product-detail .con-right .icon .item:hover .pic{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.s-product-detail .con-right .icon .item .text{margin-top:10px;color:#111;font-size:18px;line-height:22px;text-align:center;}
.s-product-detail .con-right .text{color:#111;font-size:16px;line-height:28px;}
.s-product-detail .con-right .text p{margin-bottom:25px;}
.s-product-detail .con-right .pics{margin-bottom:25px;margin-top:10px;border-radius:5px;overflow:hidden;}
.s-product-detail .con-right .pics img{width:100%;}

.s-news{position:relative;}
.s-news:before{content:"";position:absolute;left:calc(50% - 1px);top:0px;width:2px;height:100%;background-color:#dfdfdf;}
.s-news .item{position:relative;width:50%;margin-bottom:50px;}
.s-news .item:before{content:"";position:absolute;top:2px;width:14px;height:14px;border-radius:50%;border:#fff solid 2px;background-color:#b8b8b8;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item:hover:before{background-color:#9500aa;}
.s-news .item.con-left{float:left;margin-right:10px;padding-right:50px;padding:5px 50px 0px 100px;}
.s-news .item.con-left:before{right:-7px;}
.s-news .item.con-right{float:right;margin-left:10px;padding-left:50px;padding:5px 100px 0px 50px;}
.s-news .item.con-right:before{left:-7px;}
.s-news .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.s-news .item .pic{position:relative;}
.s-news .item .pic .con{padding-bottom:50%;border-radius:5px;box-shadow:0px 0px 3px rgba(0,0,0,0.2);overflow:hidden;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item .title{color:#111;font-size:18px;line-height:20px;margin-top:15px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item .text{color:#555;font-size:13px;line-height:20px;margin-top:5px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-news .item:hover .pic .con{background-size:104% auto;}
.s-news .item:hover .title{color:#9500aa;}
.s-news .item:hover .text{color:#222;}

.s-certificate{}
.s-certificate .item{position:relative;border-bottom:rgba(0,0,0,0.05) solid 1px;padding-bottom:45px;margin-bottom:40px;}
.s-certificate .item a{position:absolute;z-index:1;display:block;width:100%;height:100%;}
.s-certificate .item .pic{float:left;width:240px;margin-top:5px;}
.s-certificate .item .pic img{width:100%;}
.s-certificate .item .con{float:right;width:calc(100% - 280px);}
.s-certificate .item .con .name{color:#111;font-size:22px;line-height:28px;}
.s-certificate .item .con .text{color:#333;font-size:15px;line-height:24px;margin-top:15px;}

.s-about{color:#333;font-size:16px;line-height:30px;}
.s-about h1{color:#000;font-size:34px;line-height:40px;margin-bottom:20px;}
.s-about p{color:#333;font-size:16px;line-height:30px;margin-bottom:20px;}
.s-about .pic-left{float:left;width:35%;margin-right:40px;}
.s-about .pic-left img{width:100%;}
.s-about .pic-right{float:right;width:35%;margin-left:40px;}
.s-about .pic-right img{width:100%;}
.s-about .pic-list{margin:30px -10px 20px;}
.s-about .pic-list .item{float:left;width:calc(33.333333% - 20px);margin:10px;position:relative;border-radius:0px;overflow:hidden;}
.s-about .pic-list .item .con{padding-bottom:63%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}

}

@media (min-width:1280px){

.s-news .item.con-left{padding:5px 50px 0px 200px;}
.s-news .item.con-right{padding:5px 200px 0px 50px;}

}