/*basic css*/
html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button {margin: 0;padding: 0;border: 0;}
body {font-size: 12px;font-family: "Microsoft YaHei", '微软雅黑', "Arial";background-color: #fff;}
input, textarea, button {padding: 0;font-family: "Microsoft YaHei", '微软雅黑', "Arial";}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input {outline: none;-webkit-appearance: none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/}
input:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;}
textarea {-webkit-appearance: none;}
@font-face {/* font-test*/font-family: CODE_BOLD;src: url('../font/iconfont.woff'),url('../font/iconfont.ttf'),url('../font/iconfont.eot'); /* IE9 */}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
a {cursor: pointer;}
ul, ol, li {list-style-type: none;}
.slick-slide:focus, input:focus, a:focus {outline: none !important;}
img {border: 0;vertical-align: middle;max-width: 100%;}
select, input, textarea, button {vertical-align: middle;outline: none;}
table {border-collapse: collapse;border-spacing: 0}
tr {margin: 0;padding: 0;}
td {margin: 0;padding: 0;}
iframe {border: none;}
select {appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.hidden {display: none;visibility: hidden;}
.wrap {border: 0;padding: 0;width: 1150px;margin: 0 auto;*zoom: 1;}
.wrap:after {clear: both;content: "";display: table;}
.clear {clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden;}
.fix {*zoom: 1;}
.fix:after {clear: both;content: "";display: table;}
input:focus, textarea:focus {outline: none;}
a {display: inline-block;max-width: 100%;}
.ones {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.twos {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.clearfix:after, .clearfix:before {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
.footer_m{
display:none;
}
.picture {position: relative;overflow: hidden;}
.picture img {transition: all .7s;-moz-transition: all .7s;-webkit-transition: all .7s;}
.each-item:hover .picture img {transform: scale(1.02);-moz-transform: scale(1.02);-webkit-transform: scale(1.02);zoom: 1.05 \9; overflow:hidden}
.each-item1:hover .picture img {transform: scale(1.02);-moz-transform: scale(1.02);-webkit-transform: scale(1.02);zoom: 1.05 \9;overflow:hidden}
.each-item1 .picture img {transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;width: 101%;max-width: 101%; overflow:hidden}
.each-item2:hover .picture img {transform: scale(1.02);-moz-transform: scale(1.02);-webkit-transform: scale(1.02);zoom: 1.07 \9; overflow:hidden}
.each-item2 .picture img {transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; overflow:hidden}
.scanle_img {overflow: hidden;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset !important;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
.box {width: 92%;margin: auto;}
input::placeholder {color: #999999}
input::-webkit-input-placeholder {color: #999999}
.box {width: 80%;margin: auto;}
/*edd basic */
/*header*/
.iphonemedia {display: none}
.pcmedia {display: block}
.header {position: fixed;top: 0;left: 0;width: 100%;padding: 15px 0;z-index: 20;}
.header_on { background-color:#FFF}
.header .logo {float: left;}
.header .right {float: right;}
.header .nav {float: right;transition: all 0s;-webkit-transition: all 0s;margin-right: 50px;}
.header .header_bottom.on .nav {margin-right: 210px;transition: all .6s;-webkit-transition: all 0.6s;}
.nav li { display: inline-block;position: relative;}
.nav li .t1 {color: #000;font-size: 18px;font-weight: normal;line-height: 50px;margin: 0 10px; padding:0 20px;}
.nav li .t2 {display: none;position: absolute;top: 70%;padding: 20px 0;left: 0;width: 100%;}
.nav li:hover .t1{color: #fff;font-size: 18px;font-weight: normal;line-height: 50px;margin: 0 10px; padding:0 20px; background-color:#0c8ee3; border-radius:4px;}/*.nav li.on .t1,*/
.header_on .nav li .t2 {background-color:#f06a00; }
.nav .t2 a {display: block;font-size: 18px;line-height: 32px;color: #000;text-align: center;font-weight: normal;}
.nav .t2 a:hover{
color: #0c8ee3
}
.d1 a {font-size: 16px;line-height: 32px;color: #222;}
.d1 a:hover {color: #136df4;}
.nav li .t3 {color: #fff;font-size: 18px;font-weight: normal;line-height: 50px;margin: 0 20px; padding:0 20px; background-color:#0c8ee3; border-radius:4px;}
.header .header-form {position: absolute;float: right;display: inline-block;margin: 0px -100px 0 0;width: 0;overflow: hidden;transition: all 0s;-webkit-transition: all 0s;top: 0px;right: 91px;z-index: -1;background: transparent;}
.header-form .header-text {box-sizing: border-box;width: 100%;padding: 5px 20px;line-height: 35px; /* border-radius: 8px; */border: 1px solid transparent;height: 45px;background: rgba(255, 255, 255, .3);font-size: 15px;overflow: hidden;color: #f0f0f0;}
.header-form .header-sub {position: absolute;top: 14px;right: 9px;z-index: 10;width: 25px;height: 25px;border: 0;background-color: transparent;background: url('../image/ico_searh.png') no-repeat;}
.header_bottom .h_header {float: right;position: relative;background: transparent;line-height: 50px;margin-left: 0;text-align: right;}
.header_bottom .header-btn {float: right;display: block;background: url('../image/ico_searh.png') center center repeat-y;width: 140px;height: 40px;padding: 12px 0;margin-top: 15px;box-sizing: border-box;line-height: 1;font-size: 14px;text-align: center;color: #ffffff;border-radius: 30px;}
.header_bottom.on .h_header {width: 210px;margin-left: -210px;}
.header_bottom.on .header-form {width: 210px;transition: all .6s;-webkit-transition: all .6s;z-index: 75;}
.header_bottom.on .header-search {opacity: 0;}
/*end header*/
/*banner*/
.banner_bg {position: relative;width: 100%;overflow: hidden;}
.banner_bg .bg {}
.banner_bg .lans {color: #ffffff;position: absolute;left: 10%;transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);top: 50%;width: 50%;}
.banner_bg .t1 {font-size: 32px;font-weight: bold;}
.banner_bg .t2 {font-size: 56px;font-weight: bold;margin: 13px 0 10px 0;}
.banner_bg .t3 {font-size: 17.5px;margin: 20px 0 32px 0;line-height: 1.5;height: 79px;}
.banner_bg .t4 {font-size: 14px;color: #ffffff;width: 100px;height: 40px;box-sizing: border-box;border: 1px solid #ffffff;border-radius: 30px;text-align: center;line-height: 38px;}
.banner_index .swiper-pagination-bullet {width: 10px;height: 10px;background: #5a5859;opacity: 1;}
.banner_index .swiper-pagination-bullet-active {background: #f06a00;}
.banner_index .swiper-pagination {bottom: 6%;}
/*index_brand*/
.index_brand {}
.index_title {text-align: center;margin: 50px 0 30px 0;}
.index_brand .index_title {color: #221815;}
.index_title .e_title {font-size: 55px;font-family: 'CODE_BOLD';line-height: 1;}
.index_title .c_title {font-size: 30px;font-weight: bold;line-height: 1;font-family: 'CODE_BOLD';}
.index_brand_list {margin-bottom: 150px;margin-top: 10px;}
.index_brand_list li {width: 24.7%;float: left;transition: all .5s;-moz-transition: all .5s;overflow: hidden;-webkit-transition: all .5s;position: relative;}
.index_brand_list li .scale_img:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 3;opacity: 1;transition: all .7s;-moz-transition: all .7s;-webkit-transition: all .7s;}
.index_brand_list li:hover .scale_img:after {opacity: 0;}
.index_brand_list li.on {width: 41.8%;}
.index_brand_list li:nth-child(even) {margin:0 2.55%;width: 28%;}
.index_brand_list li:nth-child(3){}
.index_brand_list a {display: block;}
.index_brand_list .scale_img {overflow: hidden;position: relative;/* width: 640px; */}
.index_brand_list .ico {width: 70px;position: absolute;top: calc(45% - 35px);left: calc(50% - 35px);z-index: 5;}
.index_brand_list .t1 {font-size: 20px;color: #221815;margin-top: 15px;font-weight: bold;}
.index_brand_list .t2 {font-size: 14px;color: #999999;line-height: 26px;}
/*index_pro*/
.index_pro {position: relative;}
.index_pro .index_title {color: #ffffff;position: absolute;width: 100%;z-index: 10;margin: 60px 0 0;}
.index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {background: url("http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif");cursor: pointer;width: 60px;height: 60px;border-radius: 50%;border: 1px solid #ffffff;}
.index_pro .swiper-button-prev img, .index_pro .swiper-button-next img {transition: all .3s;-webkit-transition: all .3s;}
.index_pro .swiper-button-prev img {transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.index_pro .swiper-button-prev:hover img {margin-left: -10px;}
.index_pro .swiper-button-next:hover img {margin-left: 10px;}
span:focus {outline: none;}
/*pro_list_index*/
.pro_list_index {margin: 0px 0 5px 0;}
.pro_list_index li {width: calc(50% - 5px);float: left;margin: 5px 0;}
.pro_list_index li:nth-child(even) {margin-left: 10px;}
.pro_list_index a {display: block;position: relative;}
.pro_list_index .scan-img {overflow: hidden;}
.pro_list_index .lans {position: absolute;z-index: 5;right: 9%;top: 50%;transform: translate(0, -50%);}
.pro_list_index li:nth-child(even) .lans {left: 9%;right: 0;}
.pro_list_index .t1 {font-size: 20px;color: #f06a00;/* font-weight: bold; */}
.pro_list_index .t2 {font-size: 26px;color: #fcfdfd;font-weight: bold;margin: 6px 0 30px 0;}
.pro_list_index .t3 {color: #f06a00;width: 100px;height: 40px;border-radius: 30px;font-size: 16px;text-align: center;border: 1px solid #f06a00;transition: background-color .3s;-webkit-transition: all .3s;line-height: 38px;}
.pro_list_index li:hover .t3 {background: #f06a00;color: #ffffff;}
/*index_live_banner*/
.index_live_banner {}
.index_live_banner li {}
.index_live_banner a:hover {box-shadow: 0px 0 10px 0px rgba(0, 0, 0, .17);z-index: 10;}
.index_live_banner a {margin: 1px 0px 10px 0px;border: 1px solid #efefef;box-sizing: border-box;width: 100%;/* overflow: hidden; */position: relative;border: 1px solid #efefef;}
.index_live_banner a:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.15);z-index: 3;transition: all .3s;-webkit-transition: all .3s;}
.index_live_banner a:hover:after{background:rgba(0,0,0,0)}
.index_live_banner .lans {position: absolute;bottom: 0;width: calc(100% + 2px);left: 0;background: transparent;padding: 0px 20px 20px 20px;box-sizing: border-box;transition: all .3s;z-index: 5;-webkit-transition: all .3s;}
.index_live_banner .lans:After,.index_live_banner .lans:before{content:'';display: inline-block;height:100%;background:#efefef;width: 1px;position: absolute;top: 0;right: 0;}
.index_live_banner .picture:before{right:auto;left:0;content:'';width: 100%;z-index: 3;background: rgba(255, 255, 255,1);height: 71px;position: absolute;bottom: 0;transition: all .3s;-webkit-transition: all .3s;}
.index_live_banner a:hover .picture:before{background:rgba(0,0,0,.7);height:80px;}
.index_live_banner .t1 {line-height: 35px;position: relative;z-index: 10;}
.index_live_banner a:hover .lans {font-size: 20px;padding: 2px 20px 25px 20px;width: calc(100% + 2px);left: 0px;}
.index_live_banner a:hover .t1 {padding-top: 20px;font-weight: bold;}
.index_live_banner a:hover .name{color: #f06a00;}
.index_live_banner .name {font-size: 18px;color: #000;}
.index_live_banner .no {color: #fff;font-size: 12px;float: right;}
.index_live_banner .t2 {font-size: 12px;color: #fff;}
/*index_news_list*/
.index_news_list {margin-bottom: 100px;}
.index_news_list li {width: 23.8%;float: left;margin-left: 1.6%;background: #f6f6f6;}
.index_news_list li:first-child {margin-left: 0;}
.index_news_list a {display: block;}
.index_news_list .lans {position: relative;padding: 30px 15px;margin: 0 15px;margin-bottom: 50px;border-bottom: 1px solid #060606;}
.index_news_list .t1 {font-size: 14px;color: #060606;}
.index_news_list .t1 span {color: #646464;margin-right: 25px;}
.index_news_list .t2 {font-size: 26px;line-height: 36px;height: 72px;color: #060606;-webkit-line-clamp: 2;margin: 35px 0;}
.index_news_list .t2:hover{color:#09a5a4;}
.index_news_list .t3 {font-size: 14px;color: #646464;}
.index_news_list .t3 a {display:inline-block;color: #646464;}
/*footer*/
.footer {background: #292a2d;}
.footer .f_top {padding: 50px 0 35px 0;}
.footer .f_bottom {font-size: 14px;line-height: 25px;color: #626262;border-top: 1px solid #323335;padding: 16px 0;}
.footer .f_bottom2 { display:none}
.footer .f_bottom a {color: #626262;margin-left: 15px;}
.footer .f_bottom a.on {color: #9f9f9f;}
.f_top .f_nav {display: inline-block;float: left;}
.f_nav li {float: left;margin-right: 80px;}
.f_nav h4 {font-size: 16px;color: #ffffff;margin-bottom: 20px;}
.f_nav a {display: block;font-size: 14px;line-height: 30px;color: #848383;}
.f_nav a:hover {
font-weight:bold;
}
.f_ico {float: left;padding-top: 2px;margin-left: -10px;}
.f_ico a {background: #3a3b3f;width: 30px;height: 30px;border-radius: 50%;margin-left: 15px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;}
.f_ico a:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: transparent;}
.f_ewm {/* width: 150px; */float: right;margin-left: 2%;}
.f_ewm2 {/* width: 150px; */ margin:2% ; float:left}
.f_ewm2 .t1{text-align:left;font-size:20px;margin: 0;}
.f_ewm:last-child{
margin-left: 0;
}
.f_ico .f_ewm{display: block;float: none;margin-top: 25px;margin-left: 12px;}
.f_ico .f_ewm .t1{text-align:left;font-size:22px;margin: 0;}
.f_ewm .t1 {font-size: 18px; color: #ffffff;margin: 10px 0;text-align: center;}
.f_ewm .t10 { text-align:left;font-size:18px;margin: 10px 0;font-weight:bold;color: #f06a00;}
.f_ewm .t2 {font-size: 18px;color: #fff;line-height: 30px;margin-top: 10px;}
.f_ico .f_ewm2{
display: block;float: none;margin-top: 10px;margin-left: 12px;
}
.f_ewm2 .t100 {text-align:left;font-size:18px;margin: 10px 0;font-weight:bold;color: #f06a00;}
.f_ewm2 .t200 {font-size: 18px;color: #fff; line-height: 30px;margin-top: 6px;}
.f_ewm .t3 {}
.f_ewm .t4 {font-size: 14px;color: #7b7b7b;line-height: 33px;margin-left: 4px;}
.crumb {font-size: 14px;color: #999999;margin-top: 40px;margin-left: -15px;}
/*end footer*/
.crumb a {color: #999999;margin: 0 15px;}
/*news.html*/
.new_nav {margin-top: 20px;}
.new_nav li {width: 23%;margin-left: 2%;float: left;text-align: center;cursor: pointer;}
.new_nav li.on .t2, .new_nav li:hover .t2 {color: #f06a00;}
.new_nav li:first-child {margin-left: 0;}
.new_nav .t1 {}
.new_nav .t2 {font-size: 26px;color: #000000;margin: 20px 0 0px 0;}
.new_nav .t3 {color: #666666;font-size: 14px;line-height: 30px;margin: 0px 0 55px 0;}
.news_list {}
.news_list li { margin-bottom: 38px;}
.news_list a:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);}
.news_list a {padding: 25px 2.6%;display: block;transition: box-shadow .4s;-webkit-transition: box-shadow .4s;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);}
.news_list a:hover .t1 {color: #f06a00;}
.news_list .left {width: 400px;float: left;}
.news_list .right {width: calc(100% - 400px - 5%);float: right;}
.news_list .right .t1 {font-size: 24px;font-weight: bold;color: #060606;line-height: 75px;}
.news_list .right .t2 {font-size: 14px;line-height: 30px;height: 60px;color: #666;margin-bottom: 70px;-webkit-line-clamp: 2;}
.news_list .right .t3 {color: #999999;font-size: 14px;border-top: 1px solid #eeeeee;padding-top: 24px;}
.news_list .left1 {float: left;}
.news_list .time {float: left;margin-right: 15px;}
.news_list .no {float: left;}
.news_list .no i {font-style: normal;margin: 0 20px;}
.news_list .right1 {float: right;padding-right: 18px;}
.news_list .right1 img {width: 1px;height: 20px;margin-left: 0;transition: margin-left .3s;-webkit-transition: margin-left .3s;}
.news_list a:hover .right1 {color: #f06a00;}
.news_list a:hover .right1 img {width: 30px;margin-left: 10px;}
.pagetion {text-align: center;margin-bottom: 70px;color: #666666;font-size: 14px;line-height: 40px;}
.pagetion a {color: #666666;box-sizing: border-box;border: 1px solid #ddd;border-radius: 30px;padding: 0 16px;position: relative;margin: 0 10px;}
.pagetion a:last-child {margin-right: 20px;}
.pagetion a:after {position: absolute;left: 0;top: 0;content: '';display: block;width: 100%;height: 100%;border-radius: 30px;transition: all .3s linear;box-sizing: border-box;background: #f06a00;transform: scale(0);-webkit-transform: scale(0);z-index: 1;}
.pagetion a i {position: relative;z-index: 2;font-style: normal;}
.pagetion a:hover, .pagetion a.on {color: #ffffff; background-color:#f06a00}
.news_sum dd {display: none;}
/*end news.html*/
/*client.html*/
.client_nav {margin-top: 30px;}
.client_nav li {width: 13%;margin: 0.5%;float: left;text-align: center;cursor: pointer; }
.client_nav li.on .t2, .new_nav li:hover .t2 {color: #f06a00;}
.client_nav li img{border:#CCC 1px solid;}
.client_nav .t1 {}
.client_nav .t2 {font-size: 14px;color: #000000; height:40px; line-height:18px; margin: 10px 0 10px 0;}
.client_nav .t3 {color: #666666;font-size: 14px;line-height: 30px;margin: 0px 0 55px 0;}
.client_list {}
.client_list li { margin-bottom: 38px;}
.client_list a:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);}
.client_list a {padding: 25px 2.6%;display: block;transition: box-shadow .4s;-webkit-transition: box-shadow .4s;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);}
.client_list a:hover .t1 {color: #f06a00;}
.client_list .left {width: 400px;float: left;}
.client_list .right {width: calc(100% - 400px - 5%);float: right;}
.client_list .right .t1 {font-size: 24px;font-weight: bold;color: #060606;line-height: 75px;}
.client_list .right .t2 {font-size: 14px;line-height: 30px;height: 60px;color: #666;margin-bottom: 70px;-webkit-line-clamp: 2;}
.client_list .right .t3 {color: #999999;font-size: 14px;border-top: 1px solid #eeeeee;padding-top: 24px;}
.client_list .left1 {float: left;}
.client_list .time {float: left;margin-right: 15px;}
.client_list .no {float: left;}
.client_list .no i {font-style: normal;margin: 0 20px;}
.client_list .right1 {float: right;padding-right: 18px;}
.client_list .right1 img {width: 1px;height: 20px;margin-left: 0;transition: margin-left .3s;-webkit-transition: margin-left .3s;}
.client_list a:hover .right1 {color: #f06a00;}
.client_list a:hover .right1 img {width: 30px;margin-left: 10px;}
/*end client.html*/
/*honor.html*/
.honor_nav {margin-top: 30px;}
.honor_nav li {width: 18%;margin: 0.5%;float: left;text-align: center;cursor: pointer; }
.honor_nav li.on .t2, .new_nav li:hover .t2 {color: #f06a00;}
.honor_nav li img{border:#CCC 1px solid;}
.honor_nav .t1 {}
.honor_nav .t2 {font-size: 14px;color: #000000;margin: 20px 0 20px 0;}
.honor_nav .t3 {color: #666666;font-size: 14px;line-height: 30px;margin: 0px 0 55px 0;}
.honor_list {}
.honor_list li { margin-bottom: 38px;}
.honor_list a:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);}
.honor_list a {padding: 25px 2.6%;display: block;transition: box-shadow .4s;-webkit-transition: box-shadow .4s;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);}
.honor_list a:hover .t1 {color: #f06a00;}
.honor_list .left {width: 400px;float: left;}
.honor_list .right {width: calc(100% - 400px - 5%);float: right;}
.honor_list .right .t1 {font-size: 24px;font-weight: bold;color: #060606;line-height: 75px;}
.honor_list .right .t2 {font-size: 14px;line-height: 30px;height: 60px;color: #666;margin-bottom: 70px;-webkit-line-clamp: 2;}
.honor_list .right .t3 {color: #999999;font-size: 14px;border-top: 1px solid #eeeeee;padding-top: 24px;}
.honor_list .left1 {float: left;}
.honor_list .time {float: left;margin-right: 15px;}
.honor_list .no {float: left;}
.honor_list .no i {font-style: normal;margin: 0 20px;}
.honor_list .right1 {float: right;padding-right: 18px;}
.honor_list .right1 img {width: 1px;height: 20px;margin-left: 0;transition: margin-left .3s;-webkit-transition: margin-left .3s;}
.honor_list a:hover .right1 {color: #f06a00;}
.honor_list a:hover .right1 img {width: 30px;margin-left: 10px;}
.honor_sum dd {display: none;}
/*end honor.html*/
/*video.html*/
.main_video {background: url('../image/bg_video.png') bottom left no-repeat;}
.main {padding: 1px 0 0;box-sizing: border-box;}
.video_list {padding: 40px 0 20px 0;}
.video_list li {width: calc(33.3% - 18px);/* float: left; */margin: 11px -1px 11px 0;font-size: 18px;line-height: 55px;color: #222222;text-align: center;display: inline-block;vertical-align: top;}
.video_list li:nth-child(3n - 1) {margin: 11px 23px;}
.video_list .t1 {position: relative;}
.video_list .play {width: 60px;position: absolute;top: calc(50% - 30px);left: calc(50% - 30px);}
.video_list a {display: block;}
.window_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .8);z-index: 20;display: none;}
.window_video {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);z-index: 25;width: 800px;/*background: #ffffff;*/display: none;}
.videos_img {position: relative;width: calc(100% - 30px);margin: 15px;}
.videos_img .close {position: absolute;top: -30px;right: -30px;z-index: 10;width: 30px;}
/*end video.html*/
/*download.html*/
.down_nav {text-align: center;}
.down_nav a {width: 180px;display: inline-block;line-height: 100px;font-size: 24px;color: #222222;font-weight: bold;border-bottom: 4px solid transparent;margin: 0 21px;}
.down_nav img {margin-right: 10px;}
.down_nav a .t2 {display: none;}
.down_nav a:hover, .down_nav a.on {border-color: #f06a00;color: #f06a00;}
.down_nav a:hover .t1, .down_nav a.on .t1 {display: none;}
.down_nav a:hover .t2, .down_nav a.on .t2 {display: inline-block;}
.download_list {margin: 45px 0;}
.download_list li {width: 22.2%;display: inline-block;vertical-align: top;margin: 20px 0 20px calc(3.6% - 2px);}
.download_list li:nth-child(4n - 3) {margin-left: 0;}
.download_list a {display: block;padding: 85px 10px 55px 10px;box-sizing: border-box;border: 1px solid #e5e5e5}
.download_list .t1 {width: 30%;margin: auto;}
.download_list .t2 {font-size: 16px;height: 60px;line-height: 30px;color: #222222;text-align: center;font-weight: bold;margin: 20px 0 12px 0;}
.download_list .t3 {width: 24px;margin: auto;}
.download_list1 {margin: 50px 0;}
.download_list1 li {width: 48%;float: left;box-sizing: border-box;border: 1px solid #eeeeee;margin: 15px 0;}
.download_list1 li:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);}
.download_list1 li:nth-child(even) {margin-left: 4%;}
.download_list1 a {display: block;line-height: 140px;padding: 10px 34px 10px 10px;box-sizing: border-box;}
.download_list1 .t1 {width: 160px;float: left;}
.download_list1 .t2 {float: left;padding: 0 24px;box-sizing: border-box;font-size: 20px;color: #222222;width: calc(100% - 190px);}
.download_list1 .t3 {width: 24px;float: right;}
.after_title {font-size: 40px;font-weight: bold;color: #222222;text-align: center;}
.heng {width: 50px;height: 4px;background: #f06a00;margin: 25px auto;}
.editor {max-width: 1000px;margin: auto;font-size: 16px;line-height: 30px;color: #444444;padding-bottom: 90px;}
.editor1 {line-height: 34px;}
.editor1 p {text-indent: 2em;}
/*end download.html*/
.map {position: relative;}
.map .inside_title{position: absolute;top: 50px;left: 0;width: 100%;z-index: 2;}
.map .right {width: 100%;}
.map .left {width: 21.7%;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.map .left .t1 {margin-bottom: 270px;}
.map .left .t1 li {font-size: 16px;color: #222222;margin: 50px 0 0 0;}
.map .left .t1 span {line-height: 1;vertical-align: bottom;margin-right: 5px;font-size: 36px;color: #0aadac;font-weight: bold;}
.map .left .t2 {font-size: 16px;color: #222222;font-weight: bold;}
.map .left .t2 img {margin-right: 5px;}
.map .left .t2 li {margin: 26px 0;}
.map .title {position: absolute;top: 0;left: 0;width: 100%;}
.inside_title .e_title {font-size: 30px;font-family: CODE_BOLD;text-align: center;}
.inside_title .c_title {font-size: 36px;font-weight: bold;text-align: center;}
.branch_list {margin: 20px auto 60px auto;}
.branch_list li {width: 47.6%;margin: 20px 0;border: 1px solid #e5e5e5;box-sizing: border-box;display: inline-block;}
.branch_list li:hover {box-shadow: 0 5px 20px 0px rgba(0, 0, 0, .15);border-color: transparent;}
.branch_list li:nth-child(even) {margin-left: calc(4.8% - 4px);}
.branch_list a {display: block;background: url(http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif) right bottom no-repeat #ffffff; cursor:default}
.branch_list .picture {width: 45%;float: left;}
.branch_list .lans {width: 55%;float: left;box-sizing: border-box;padding: 30px 15px 0 30px;font-size: 14px;color: #222222;line-height: 20px;}
.branch_list .t1 {font-size: 20px;line-height: 2;color: #0aadac;font-weight: bold;border-bottom: 1px solid #e5e5e5;}
.branch_list .mess {box-sizing: border-box;padding: 10px 0 10px 40px;}
.branch_list .t2 {margin-top: 25px;background: url('../image/ico_loc.png') center left no-repeat;}
.branch_list .t3 {background: url('../image/ico_user.png') center left no-repeat;}
.branch_list .t4 {background: url('../image/user_iphone.png') center left no-repeat;}
.security_banner {background: url() center center no-repeat #fff;padding: 1px 0;}
/*tech.html*/
.tech_sum {background: #071024;padding: 1px 0;}
.radius {position: relative;}
.tech_sum .right {width: 39.5%;float: right;margin-right: 6%;}
.radius:after {content: '';display: block;background: url('../image/t1_on.png') center center no-repeat;position: absolute;top: 0;left: 0;background-size: 100% 100%;width: 100%;height: 100%;}
.radius .on {content: '';display: block;background: url('../image/t1_on1.png') center center no-repeat;position: absolute;top: 0;left: 0;background-size: 100% 100%;width: 100%;height: 100%;transition: all .4s linear;-webkit-transition: all .4s linear;}
.radius.on2 .on {transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.radius.on3 .on {transform: rotate(-120deg);-webkit-transform: rotate(-120deg);}
.radius .lans {font-size: 26px;font-weight: bold;color: #ffffff;width: 100%;position: absolute;}
.radius .t1 .lans {top: -60%;width: 100%;text-align: center;}
.radius .t2 .lans {transform: rotate(60deg);-webkit-transform: rotate(60deg);right: 25%;top: 43%;width: 110%;text-align: right;}
.radius .t3 .lans {transform: rotate(-65deg);-webkit-transform: rotate(-65deg);left: 30%;top: 45%;}
.radius .t1 {width: 64%;height: 20%;position: absolute;top: 2%;left: 18%;border-radius: 80% 80% 0 0;z-index: 2;/* background: #fff; */}
.radius .t2 {width: 75%;height: 40%;position: absolute;bottom: 15%;right: -18%;border-radius: 0 0 80% 80%;z-index: 2;/* background: #fff; */transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.radius .t3 {width: 79%;height: 30%;position: absolute;left: -20%;bottom: 22%;border-radius: 0 0 100% 100%;z-index: 2;transform: rotate(65deg);-webkit-transform: rotate(65deg);}
.radius .lans:after {border: 2px solid #f06a00;width: 10px;height: 10px;content: '';display: block;margin: auto;border-radius: 50%;position: absolute;bottom: 40%;left: 32%;}
.radius .t1 .lans:after {bottom: -70%;left: calc(50% - 5px);}
.radius .t2 .lans:after {left: 67%;}
.tech_sum .canvas {position: relative;padding: 120px 0 60px 0;}
.tech_sum .left {color: #ffffff;width: 43%;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.tech_sum .left li {display: none;}
.tech_sum .left .t1 {font-size: 20px; text-indent:60px}
.tech_sum .left .t2 {font-size: 50px;margin: 20px 0 25px 0;font-weight: bold;}
.tech_sum .left .t3 {font-size: 24px;}
.tech_list {height: 85vh;width: 100%;overflow: hidden;}
.tech_list li {width: 20%;/* float: left; */display: inline-block;height: 85vh;background: url(http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif) center center no-repeat;position: relative;transition: width .75s;-webkit-transition: width .75s;margin-left: -4px;}
.tech_list {white-space: nowrap;width: calc(100% + 6px);}
#tech_banner{position:absolute;z-index:-2;bottom:0;}
.tech_list li a {display: block;width: 60%;cursor: default;position: absolute;top: 50%;left: 20%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);z-index: 5;color: #ffffff;text-align: center;white-space: normal;transition: all .4s;-webkit-transition: all .4s;}
.tech_list.on li:nth-child(5), .tech_list li.on {width: 22%;}
.tech_list.on li:nth-child(4), .tech_list li.on + li {width: 18%;}
.tech_list li.on a, .tech_list.on li:nth-child(5) a {top: 40%;}
.tech_list li .t1 {font-size: 36px;font-weight: bold;}
.tech_list li .heng {background: #ffffff;height: 4px;margin: 20px auto;display: none;}
.tech_list li.on .heng {display: block;}
.tech_list li .t2 {display: block;font-size: 16px;line-height: 26px;margin-top: 15px;}
.tech_list li .t3 {display: none;font-size: 16px;line-height: 26px;}
.tech_list li.on .t2 {display: none;}
.tech_list li.on .t3 {display: block;}
.tech_list_wraperr {width: 100%;overflow: hidden;}
/*end tech.html*/
/*category.html*/
.category_banner1 {display: block;position: relative;/*overflow: hidden;*/}
.category_banner1 .img {position: relative;}
.category_banner1.on .img {z-index: -1;}
.category_banner1 .ico_play {width: 60px;height: 60px;position: absolute;top: calc(50% - 30px);left: calc(50% - 30px);z-index: 2;}
.category_banner1.on .ico_play {z-index: -1;}
.category_banner1 .video {position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.category_banner1.on .video {z-index: 2;}
.category_list li a {position: relative;width: 100%;display: block;}
.category_list li .lans {position: absolute;width: 80%;left: 10%;top: 42%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);z-index: 3;color: #ffffff;}
.category_list li:nth-child(even) .lans {color: #222222;}
.category_list li .t1 {font-size: 40px;font-weight: bold;}
.category_list li .t2 {font-size: 16px;line-height: 30px;margin: 30px 0 35px 0;}
.category_list li .t3 {font-size: 14px;width: 100px;line-height: 40px;height: 40px;border: 1px solid #ffffff;border-radius: 30px;text-align: center;background-color: transparent;transition: background-color .5s;-webkit-transition: background-color .5s;}
.category_list li:nth-child(even) .t3 {border-color: #eeeeee;}
.category_list li:hover .t3 {color: #ffffff;background: #f06a00;border-color: transparent;}
/*end category.html*/
/*pro_series.html*/
.series_sum {margin: 60px auto 60px auto;}
.series_sum a {display: block;position: relative;}
.series_sum .lans {color: #ffffff;position: absolute;left: 10%;width: 80%;top: 10%;text-align: center;z-index: 2;}
.series_sum .advsum li:first-child .lans{top: 40%;transform: translate(0,-50%);left: 6%;}
.series_list2 .t1 {font-size: 26px;margin-bottom: 10px;font-weight: bold;}
.series_list3 .t1 {font-size: 22px;margin-bottom: 10px;font-weight: bold;}
.series_sum .t2 {font-size: 18px;line-height: 26px;margin: 10px 0 0px 0;}
.series_sum .t3 {width: 80px;line-height: 35px;height: 35px;border: 1px solid #ffffff;border-radius: 30px;text-align: center;font-size: 14px;margin: 20px auto;}
.series1 .lans {top: 50%;text-align: left;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.series1 .t1 {font-size: 40px;line-height: 47px;font-weight: bold;}
.series1 .t2 {font-size: 18px;line-height: 26px;margin: 20px 0 45px 0;}
.series1 .t3 {margin: 0;}
.series_list2 li {float: left;width: calc(50% - 7px);margin: 7px 0;}
.series_list2 .t3 {margin: 15px auto;width: 60px;line-height: 28px;height: 28px;margin-top: 25px;}
.series_list2 li:nth-child(even) {margin-left: 14px;}
.series1 {margin: 7px 0;}
.series_list3 li {float: left;width: calc(33.3% - 9px);margin: 7px 0;}
.series_list3 li:nth-child(3n -1 ) {margin: 7px 14px;}
.series_sum a:hover .t3 {color: #ffffff;background: #f06a00;border-color: transparent;}
.security_sum {max-width: 1200px;width: 100%;margin: 140px auto 200px auto;}
.security_sum .left {width: 53.5%;float: left;/* margin: 50px 0; */padding: 50px 5.5% 150px 0%;box-sizing: border-box;position: relative;}
.security_sum .left:after {content: '';background: url('../image/heng.png') center center no-repeat;width: 1px;height: 100%;position: absolute;top: 0;right: 0;}
.security_sum .left .t1 {font-size: 30px;color: #ffffff;text-align: center;}
.security_sum .left .t100 {font-size: 22px;color: #ffffff;text-align: center;}
.security_sum .left .t2 {width: 100%;margin: 40px auto;max-width: 570px;}
.security_sum .left .t2_input {width: 73.5%;height: 60px;line-height: 60px;box-sizing: border-box;padding: 10px;border: 0;float: left;font-size: 16px;}
.security_sum .left .t2_sub {width: 24.5%;line-height: 60px;height: 60px;background: #f06a00;color: #ffffff;border: 0;display: block;float: right;font-size: 16px;}
.security_sum .right {width: 45%;padding-left: 5%;box-sizing: border-box;float: right;padding-top: 60px;}
.security_sum .right .t1 {font-size: 20px;color: #ffffff;margin-bottom: 18px;}
.security_sum .right .t2 {font-size: 14px;line-height: 30px;color: #ffffff;}
.adv {margin-top: 3%;}
.series_list2.advsum li {width: 49.25%;}
.series_list2.advsum li:nth-child(even) {margin-left: 1.5%;}
.series_sum .advsum li:nth-child(1) .lans {text-align: left;}
.series_sum .advsum li:nth-child(1) .t3 {margin-left: 0;}
.series_sum .advsum .t1 {font-size: 36px;}
/*end pro_series.html*/
/*marketing.html*/
.marketing {margin-bottom: 30px;}
.marketing li {width: calc(33.3% - 18px);background: #ffffff;display: inline-block;margin-top: 24px;vertical-align: top;transition: all .4s;-webkit-transition: all .4s;}
.marketing li:hover {box-shadow: 0 5px 20px 0px rgba(0, 0, 0, .15);}
.marketing li:nth-child(3n-1) {margin: 24px 23px 0 23px;}
.marketing a {display: block;}
.marketing .picture {}
.marketing .lans {width: 85%;margin: 40px auto 70px auto;}
.marketing .number {font-size: 26px;color: #222222;font-weight: bold;font-family: 'arial';}
.marketing .number:before {width: 30px;height: 1px;background: #666666;content: '';display: inline-block;margin-right: 13px;margin-bottom: 10px;transition: all .4s;-webkit-transition: all .4s;}
.marketing li:hover .number:before {width: 50px;}
.marketing .t1 {font-size: 20px;line-height: 30px;color: #222222;height: 30px;margin: 10px 0;}
.marketing .t2 {font-size: 14px;line-height: 26px;color: #999999;height: 52px;-webkit-line-clamp: 2;}
/*end marketing.html*/
/*news_details.html*/
.news_details {margin-top: 0px;position: relative;z-index: 2;}
.news_details .left {width: 76%;float: left;background: #ffffff;padding: 35px 32px;box-sizing: border-box;}
.news_details .right {width: 22.7%;float: right;background: #ffffff;padding: 35px 32px;box-sizing: border-box; margin-top:50px;}
.news_details .left2 {width: 30%;float: left;background: #ffffff;padding: 10px ;box-sizing: border-box;}
.news_details .right2 {width: 67%;float: right;background: #ffffff;padding: 20px;box-sizing: border-box;}
.news_details .right2 .t1 {font-size: 20px;color: #060606;line-height: 50px;font-weight: bold;}
.news_details .right2 .t1 span {color: #646464;display: inline-block;margin-right: 10px;}
.news_details .right2 .t2 {font-size: 16px;color: #222222;}
.news_details .right2 .t3 {font-size: 14px;color: #222222;}
.news_details .title {font-size: 24px;color: #222222;font-weight: bold;}
.news_details .mess {font-size: 14px;color: #999999;margin: 27px 0 13px 0;padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,.1);}
.news_details .mess li {margin-right: 75px;float: left;}
.news_details .editors {font-size: 16px;line-height: 30px;color: #444444;width: 100%;}
.news_details .right_list {}
.right_list a {display: none;margin: 15px 0 15px 0;}
.right_list a:nth-child(1), .right_list a:nth-child(2), .right_list a:nth-child(3) {display: block;}
.right_list .t1 {font-size: 14px;color: #060606;line-height: 50px;}
.right_list .t1 span {color: #646464;display: inline-block;margin-right: 10px;}
.right_list .t2 {font-size: 18px;color: #222222;font-weight: bold;}
.right .more {color: #666666;line-height: 2;cursor: pointer;text-align: center;}
.tuijian {font-size: 14px;color: #646464;font-weight: bold;padding: 60px 0 30px 0;border-bottom: 1px solid #dddddd;}
.tuijian a {font-weight: normal;color: #333333;display: inline-block;margin: 0 10px;}
.new_pagetion {text-align: center;padding: 40px 0 150px 0;}
.new_pagetion a {font-size: 14px;color: #646464;display: inline-block;}
.new_pagetion a:hover {color: #f06a00;}
.new_pagetion a.on {margin: 0 130px;}
/*end news_details.html*/
/*map.html*/
.map1 .title {font-size: 18px;font-weight: bold;padding-top: 60px;padding-bottom: 30px;border-bottom: 1px solid #d8d8d8;}
.map1 .title span {color: #f06a00;margin-right: 20px;}
.map1 .map_list {padding-bottom: 130px;}
.map_list li {width: 23%;display: inline-block;vertical-align: top;margin-top: 60px;padding-bottom: 40px;}
.map_list li a, .map_list li h4 {font-size: 18px;line-height: 36px;color: #777;display: block;}
.map_list li h4 {color: #0f0f0f;padding-bottom: 10px;}
.map_list li a:hover {text-decoration: underline;}
/*end map.html*/
/*search.html*/
.search-list {width: 83%;margin: -60px auto 100px;position: relative;}
.search-top {width: 85%;max-width: 800px;height: 120px;padding: 20px 40px;box-sizing: border-box;margin: 0 auto;background-color: #fff;box-shadow: 0 10px 40px rgba(223, 229, 232, 0.5);}
.search-left input {background: none;outline: none;border: none;color: #000;font-size: 18px;width: 100%;line-height: 80px;}
.search-left {width: calc(100% - 90px);padding-left: 30px;box-sizing: border-box;float: left;}
.search-left input::-webkit-input-placeholder { /* WebKit browsers */color: #000;font-size: 18px;font-weight: bold;}
.search-left input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #000;font-size: 18px;font-weight: bold;}
.search-left input:-ms-input-placeholder { /* Internet Explorer 10+ */color: #000;font-size: 18px;font-weight: bold;}
.search-right {width: 80px;height: 80px;border-left: 1px solid #f06a00;float: right;}
.search-right .search_btns {width: 80px;height: 80px;background: url('../image/ico_searh.png') right center no-repeat;display: block;border: 0;background-size: 35% 35%;cursor: pointer;}
.list-main {width: 100%;margin: 50px auto;}
.search-main {width: 100%;padding: 30px 0;cursor: pointer;position: relative;border-bottom: 1px solid #ddd;}
.search-main a {width: 100%;height: 100%;}
.search-main .red_xian {width: 0;position: absolute;bottom: 0;left: 0;height: 1px;background-color: #f06a00;transition: all 1s ease-in-out;}
.search-main.on .red_xian {width: 100%;}
.search-main .search-main-one {width: 100%;height: 72px;}
.search-main .search-main-two {width: 0;height: 72px;position: absolute;z-index: 1;left: 0;top: 50%;background-color: #fff;transform: translate(0, -50%);transition: all 1s ease-in-out;overflow: hidden;}
.search-main.on .search-main-two {width: 100%;}
.main-left {display: block;float: left;width: 80%;}
.main-left .title {font-size: 20px;color: #000;font-weight: bold; margin-bottom: 20px; height: 30px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.main-left .title em {color: #d90909;font-size: 22px;font-weight: bold;font-style: normal;}
.main-left .text {max-width: 910px;font-size: 14px;color: #84898c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-right .kuai {padding: 10px 28px;background-color: #e6e9ec;font-size: 16px;color: #000000;font-weight: bold;}
.search-main-two .main-left .title {color: #f06a00;}
.search-main-two .main-left .text {color: #000;}
.search-main-two .main-right .kuai {background-color: #fff;padding: 0;width: 0;margin-bottom: 16px;overflow: hidden;transition: all 0.3s;}
.main-right {display: inline-block;float: right;padding: 10px 0;}
.search-main-two .main-right .kuai img {width: 88px;height: 13px;}
.search-main.on .search-main-two .main-right .kuai {width: 100%;}
.none {text-align: center;}
.next-list {margin: 50px 0 100px 0;}
/*end search.html*/
/*servies.html*/
.servies_list {padding: 60px 0 100px 0;}
.servies_list a {float: left;display: block;position: relative;width: calc(33.3% - 6.5px);overflow: hidden;}
.servies_list a:nth-child(3n-1) {margin: 0 10px;}
.servies_list .lans {width: 100%;position: absolute;top: 75%;left: 0;z-index: 2;text-align: center;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);transition: all .4s linear;-webkit-transition: all .4s linear;}
.servies_list a:hover .lans {top: 50%;}
.servies_list a:hover .t3 {opacity: 1;}
.servies_list .lans .t1 {width: 60px;margin: auto;}
.servies_list .lans .t2 {font-size: 30px;font-weight: bold;color: #ffffff;margin: 20px 0;}
.servies_list .lans .t3 {opacity: 0;width: 115px;height: 40px;font-size: 14px;border-radius: 30px;line-height: 40px;border: 1px solid rgba(255, 255, 255, .3);color: #ffffff;margin: auto;}
.servies_list .lans .t3 img {margin-right: -13px;}
.servies1_list {padding: 30px 0 20px 0;}
.servies1_list li {width: calc(18% - 7.5px);position: relative;padding-top: calc(18% - 7.5px);background: #242426;margin-left: 10px;float: left; border-radius: 40px; margin:1%; }
.servies1_list .lans {position: absolute;top: 20%;left: 10%;width: 80%;text-align: center;}
.servies1_list .ico {margin: 25px 0;}
.servies1_list .t1 {font-size: 20px;line-height: 40px;color: #111;font-weight: bold;text-align: center;padding: 5px 0 5px 0;}
.servies1_list .t2 {color: #111;font-size: 16px;}
.servies1_list .ewm {}
/*end servies.html*/
/*about.html*/
.about_bg {background: url(http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif) bottom left no-repeat #ffffff;position: relative;}
.about_bg .box{max-width: 1500px;}
.about_title {text-align: center;padding: 50px 0 40px 0;color: #000000;}
.about_title .e_title {font-size: 30px;font-family: 'Code Bold';letter-spacing: -2px;}
.about_title .c_title {font-size: 36px;font-weight: bold;margin-top: 5px;}
.about_editor {font-size: 16px;line-height: 40px;color: #444444;}
.about_number {padding: 40px 0 40px 0;}
.about_number li {color: #fff;float: left;width: 16%;margin-left: 8.5%;}
.about_number .number {font-size: 50px;font-family: 'arial';font-weight: bold;margin-right: 5px;}
.about_number i {font-size: 40px;vertical-align: top;font-family: 'arial';font-weight: bold;}
.about_number .t1 {font-size: 16px;color: #000;}
.about_number .t2 {font-size: 16px;color: #666666;}
.about_bg2 {box-sizing: border-box;}
.about_list li {position: relative;}
.about_bg2 .left {width: 43.7%;float: left;}
.about_bg2 .right {width: 54.6%;float: right;}
.about_bg2 .right li {width: 48.5%;float: left;}
.about_bg2 .right li:nth-child(even) {margin-left: 3%;}
.about_bg2 .right li:nth-child(3), .about_bg2 .right li:nth-child(4) {margin-top: 1%;}
.about_bg2 a {display: block; cursor:default;}
.about_bg2 .lans {position: absolute;top: 30px;left: 5%;width: 80%;z-index: 2;color: #ffffff;}
.about_bg2 .t1 {font-size: 34px;margin-bottom: 15px;}
.about_bg2 .t2 {font-size: 16px;line-height: 26px;}
.about_bg5 {padding: 60px 0;position: relative;}
.about_bg5 .map {width: 58%;float: left;}
.about_bg5 .right {width: 30%;float: right;margin-top: 50px;margin-right: -1%;}
.about_bg5 .title {font-size: 30px;font-weight: bold;margin-left: 30px;}
.about_bg5 .heng {margin-left: 0;}
.about_list1 li {margin-bottom: 40px;background: url(http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif) left 0px no-repeat;padding-left: 30px;box-sizing: border-box;}
.about_list1 li.iphone{background-image: url('../image/iphone1.png');margin-top: 55px;}
.about_list1 li.loc{background-image: url('../image/loc5.png');}
.about_list1 .t1 {font-size: 16px; font-weight:bold;line-height: 1.6;color: #000;}
.about_list1 .t2 {font-size: 16px;line-height: 2;color: #222222;}
.ewm_list{text-align: center;padding-top: 40px;/* padding-left: 30px; */box-sizing: border-box;position: absolute;bottom: 60px;padding-left: 10px;}
.ewm_list li{display: inline-block;vertical-align: top;width: 23%;/* margin-left: 4%; */cursor: pointer;}
.ewm_list li:nth-child(3n -1 ){margin: 0 8%;}
.ewm_list .ewm{max-width: 100px;opacity: 0;}
.ewm_list .name{font-size: 14px;line-height: 30px;color: #999;text-align: center;}
.ewm_list li:hover .ewm{opacity:1;}
.right-side{position: absolute;right: 5%;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);z-index: 10;border-right: 2px solid #dcdcdc;}
.right-side.fixednav{position: fixed;}
.right-side a{position: relative;display: block;font-size: 16px;line-height: 1;color: #222222;font-weight: bold;margin: 0 25px;margin-bottom: 100px;}
.right-side a:nth-child(even){color: #999999;}
.right-side a.on i{background: #f06a00;}
.right-side a .lans{opacity: 0;}
.right-side a.on .lans{opacity: 1;}
.right-side a:last-child{margin-bottom: 0;}
.right-side a i{width: 15px;height: 15px;background: #dcdcdc;border-radius: 50%;position: absolute;top: 0;right: -34px;}
.i_ico{display: inline-block;}
.i_ico a{margin: 0 3px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;display: none;transition: 0.5s;}
.i_ico.on a{display: inline-block;}
.i_ico a:nth-child(1),.i_ico a:nth-child(2),.i_ico a:nth-child(3),.i_ico a:last-child{display: inline-block;}
.i_ico a:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: ;}
.pro_details{position: relative;width: 100%;}
.pro_details .buy{position: fixed;left: 10px;bottom: 90px;}
/*end about.html*/
.pic_sj{display:none;}
.pic_pc{display:block;}
@media screen and (max-width: 1700px) {
.f_nav li{margin-right: 60px}
.f_ewm{margin-left: 5%}
}
@media screen and (max-width: 1600px) {
.download_list a {padding: 65px 10px 35px 10px;}
.download_list li {margin: 20px 0 20px calc(3.6% - 3px);}
.download_list .t2 {font-size: 15px; margin: 18px 0 10px 0;}
.news_list .right .t2 {margin-bottom: 40px;}
.news_list .left {width: 350px;}
.news_list .right {width: calc(100% - 350px - 5%);}
.news_list .right .t1 {line-height: 65px;}
.banner_bg .t1 {font-size: 30px; font-weight: bold;}
.banner_bg .t2 {font-size: 52px; font-weight: bold; margin: 10px 0 7px 0;}
.banner_bg .t3 {font-size: 15.5px; margin: 15px 0 27px 0; line-height: 1.5; height: 70px;}
.index_news_list .t2 {font-size: 22px; line-height: 30px; height: 60px; margin: 25px 0;}
.index_news_list .lans {padding: 20px 10px; margin-bottom: 40px;}
.f_nav li {margin-right: 70px;}
.f_nav li {margin-right: 45px;}
.f_ico .f_ewm .t1{font-size:18px}
}
@media screen and (max-width: 1500px) {
.series_sum{margin: 60px auto;}.about_bg2 .t1{font-size: 30px;}.branch_list .lans {padding: 20px 10px 0 20px;}
.branch_list .mess {padding: 7px 0 7px 30px;}
.branch_list .t2 {margin-top: 15px;}
.download_list1 .t1 {width: 130px;}
.download_list1 a {line-height: 114px; padding: 10px 24px 10px 10px;}
.download_list1 .t2 {font-size: 18px; width: calc(100% - 155px); padding: 0 20px;}
.down_nav a {font-size: 22px; line-height: 80px; width: 170px; margin: 0 15px;}
.news_list .left {width: 300px;}
.news_list .right {width: calc(100% - 300px - 3%);}
.news_list .right .t3 {padding-top: 15px;}
.index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {width: 50px; height: 50px;}
.banner_bg .t1 {font-size: 28px; font-weight: bold;}
.banner_bg .t2 {font-size: 48px; font-weight: bold; margin: 10px 0 7px 0;}
.banner_bg .t3 {font-size: 15px; height: 68px;}
.pro_list_index .t1 {font-size: 16px; color: #f06a00; font-weight: bold;}
.pro_list_index .t2 {font-size: 22px;}
.pro_list_index .t3 {font-size: 15px;}
.f_nav a {font-size: 13px; line-height: 28px; }
.f_nav a:hover {
font-weight:bold;
}
.f_nav h4 {font-size: 15px; margin-bottom: 15px;}
.new_nav {margin-top: 45px;}
.video_list {padding: 20px 0 10px 0;}
.series_sum .advsum .t1 {font-size: 28px;}
.video_list .play{width: 40px; top: calc(50% - 20px); left: calc(50% - 20px);}
.servies_list .lans .t2{font-size: 27px;}
.after_title{font-size: 37px;}
.right-side a{margin-bottom: 50px;}
.f_ewm .t2, .f_ewm .t1 {font-size: 16px;line-height: 1.5;}
.f_ewm .t3 {width: 80px;}
.f_ico a {width: 25px; height: 25px; margin:0 7px;}
.f_nav li {margin-right: 45px;}
.about_bg5 .right{width: 40%;margin-top: 0;}
}
@media screen and (max-width: 1367px) {
.down_nav a {font-size: 20px; width: 160px;}
.servies1_list .lans {top: 12%;}
.servies1_list .t1 {font-size: 18px; line-height: 25px;}
.hon_tab_nav_box > div {padding-bottom: .4rem;}
.hon_tab_num {font-size: 30px;}
.hon_tab_name {line-height: 48px;}
.new_title {margin-top: 0;}
.mar_data_box {margin-top: 1.8rem;}
.scr1_img_box {width: 50%; margin-top: 0;}
.pul_initial .language_box {margin-top: 100px;}
.footer .f_top{width: 90%}
}
@media screen and (max-width: 1200px) {
.box {width: 92%; margin: auto;}
.main {border-top: 0px solid #fff;}
.index_live_banner .lans {padding: 10px;}
.iphonemedia {display: block}
.pcmedia {display: none}
/*header*/
.header {background: rgba(0, 0, 0, .93) !important;padding: 0;}
.header.bg0 {background: rgba(34, 34, 34, .9); height: calc(100vh + 85px); overflow: hidden; overflow-y: scroll;}
.header.bg0 .header_bottom {}
.header.fix {position: fixed;}
.header.fix.bg1 {height: calc(100vh + 85px); overflow: hidden; overflow-y: scroll;}
.header_lans {line-height: 32px; position: relative; background: #222; z-index: 10;}
.header_lans .ones {width: 85%; margin: 0 5% 0 5%; color: #ffffff; font-size: 10px; text-align: center;}
.header_lans .close {position: absolute; right: 5px; top: -2px; z-index: 3; width: 21px;}
.header.on {top: -60px;}
.header.on1 {top: -66px;}
.header_top {height: 66px; position: relative; z-index: 10; transition: all .4s; -webkit-transition: all .4s;}
.header.bg0 .header_top {}
.header_relative {position: relative; overflow: hidden; z-index: 10;}
.header .header_gradess {position: absolute; width: 110%; top: -10px; left: -5%; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-filter: blur(20px); filter: blur(20px); height: 100px; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false); overflow: hidden; min-height: 100vh;}
.header .header_gradess.he {min-height: 110vh; height: 690px;}
.header_top .login_header {float: right; margin-top: 23px; opacity: 1; transition: all .4s; -webkit-transition: all .4s;}
.header_top .menu_icon {float: right; margin-right:20px; margin-top:8px;}
.menu_icon span {display: block; width: 20px; height: 1px; background: #ffffff; margin: 6px 0; transition: all .4s; -webkit-transition: all .4s;}
.menu_icon.on span:first-child {transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 10px;}
.menu_icon.on span:nth-child(2) {display: none;}
.menu_icon.on span:nth-child(3) {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -7px;}
.header_bottom {display: none; width: 100%; height: 690px; position: relative; z-index: 10; padding: 1px 0;}
.seach_box {width: 100%; background: #434343; border-radius: 10px; height: 40px; padding: 4px 0 0 0; box-sizing: border-box; margin: 20px 0; transition: all .4s; -webkit-transition: all .4s;}
.seach_box .submit {width: 20px; height: 20px; border: 0; background: url('../image/ico_searh1.png') center center no-repeat; display: block; background-size: 100% 100%; float: left; margin-left: 10px; margin-top: 7px; opacity: .6;}
.seach_box .text {float: right; display: block; width: calc(100% - 50px); border: 0; background: transparent; line-height: 20px; height: 20px; font-size: 16px; color: #ffffff; padding: 5px 0;}
.header_nav {border-bottom: 1px solid #f06a00; padding-bottom: 2px;}
.header_nav li {border-top: 1px solid #4f4f4f;}
.header_nav li > a {display: block; position: relative; font-size: 15px !important; line-height: 22px; padding: 16px 0; color: #ffffff; font-family: 'fs_bold';}
.header_nav li > a:after {content: ''; display: block; position: absolute; top: 24px; right: 20px; width: 5px; height: 5px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: all .4s; -webkit-transition: all .4s;}
.header_nav li > a.arrow:after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.header_nav .nav2 {display: none; margin-top: -5px; margin-left: 20px; padding-bottom: 10px;}
.header_nav .nav2 a, .header_search a {display: block; font-size: 14px; line-height: 35px; color: #c5c5c5;}
.seach_box .cancal {color: #6bf; font-size: 17px; display: none; margin-left: 3px;}
.seach_box.focus {width: 85%; position: relative; /* margin-top: 40px; */}
.seach_box.focus .cancal {position: absolute; left: 102%; width: 100px; display: block; top: 0; line-height: 40px;}
.header_search {display: none;}
.header_search h2 {font-size: 13px; line-height: 1; color: #888888;}
.header_search1 {padding-top: 5px;}
.header_search1 a {font-size: 15px; line-height: 50px; color: #fff; border-top: 1px solid #4f4f4f;}
.header_search1 a:first-child {border-top: 0px;}
.login_header.opacity {opacity: 0;}
.banner_bg .lans {left: 5%;width: 90%;top: 10%;transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);}
.series_sum {margin: 20px auto;}
.series_list3 li {width: calc(33.3% - 9.5px);}
.series1 .t2 {font-size: 16px; line-height: 24px; margin: 15px 0 35px 0;}
.series_sum .t3 {width: 70px; line-height: 30px; height: 30px; font-size: 12px;}
.series1 .t1 {font-size: 35px;}
.series_sum .t1, .series_sum .advsum .t1 {font-size: 25px; line-height: 37px;}
.series_sum .t2 {font-size: 16px;line-height: 24px;}
.category_list li .lans {left: 5%;width: 90%;top: 10%;transform: translate(0, 0%);-webkit-transform: translate(0, 0%);}
.category_list li .t1 {font-size: 35px;}
.category_list li .t2 {margin: 20px 0 25px 0; font-size: 14px; line-height: 26px;}
.tech_list li a {width: 80%; left: 10%;}
.tech_list li {height: 70vh;}
.tech_list li a {top: 40%;}
.tech_list {width: 100%; height: 70vh;}
#tech_banner{position:static;}
.tech_list li .t1 {font-size: 30px;}
.tech_list li .t3 {display: block; font-size: 14px; line-height: 24px;}
.tech_list li .heng {display: block; height: 2px; width: 30px;}
.tech_sum .canvas {margin: 0; padding: 0}
.tech_sum .left {width: 100%; position: static; float: none; transform: translate(0, 0%); -webkit-transform: translate(0, 0%);}
.tech_sum .right {width: 60%; max-width: 500px; margin: 20px auto; float: none;}
.tech_sum .left li {/* display: block; */margin: 100px 0;}
.tech_sum .left .t1 {font-size: 16px}
.tech_sum .left .t2 {font-size: 40px; margin: 10px 0 15px 0;}
.tech_sum .left .t3 {font-size: 20px}
.branch_list .lans {font-size: 12px;}
.inside_title .c_title, .inside_title .left .t1 span {font-size: 30px;}
.map .left .t1 {margin-bottom: 20vh;}
.inside_title .e_title {font-size: 25px;}
.after_title {font-size: 30px; margin-top: 30px;}
.heng {margin: 15px auto 30px auto; height: 2px;}
.download_list1 {margin: 35px 0;}
.download_list1 li, .download_list1 li:nth-child(even) {margin: 15px 0; width: 100%;}
.download_list li:nth-child(4n - 3), .download_list li {width: 48%; margin: 8px auto;}
.download_list li:nth-child(even) {margin-left: calc(4% - 4px);}
.window_video {width: 80%;}
.video_list li:nth-child(3n - 1), .video_list li {margin: 10px 0; width: 48%;}
.video_list li:nth-child(even) {margin-left: calc(4% - 4px);}
.news_list .left {width: 250px;}
.new_nav {margin: 15px 0 10px 0;}
.pagetion a {line-height: 25px; margin: 0 2px; padding: 0 9px; font-size: 12px;}
.new_nav .t2 {font-size: 14px; line-height: 35px; border-radius: 30px; margin: 10px 0; padding:0 10px;}
.new_nav li.on .t2, .new_nav li:hover .t2 {background: #f06a00; color: #ffffff;}
.new_nav .t3, .new_nav .t1 {display: none;}
.news_list .right {width: calc(100% - 250px - 3%);}
.news_list .right .t1 {font-size: 20px; line-height: 2;}
.news_list .right .t2 {font-size: 14px; line-height: 28px; height: 56px; margin-bottom: 30px;}
.news_list a {padding: 20px 2%;}
.footer .f_top {display: none;}
.footer .f_bottom2 {display: block; background-color:#292a2d; height:200px }
.footer .f_bottom2.f_ewm2 { margin:5%; float:left}
.footer .f_bottom2 .f_ewm2 .t1{text-align: center;font-size:16px;margin: 0; color:#FFF}
.banner_bg .bg {width: 100%;margin-left: 0;}
.index_title {margin: 50px 0 20px 0;}
.index_title .e_title {font-size: 45px;}
.index_title .c_title {font-size: 26px;}
.index_brand_list .ico {width: 50px;top: calc(50% - 60px);left: calc(50% - 25px);}
.index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {width: 40px; height: 40px;}
.pro_list_index .t3 {font-size: 12px; width: 50px; line-height: 25px; height: 25px;}
.pro_list_index .t2 {font-size: 20px; margin: 4px 0 20px 0;}
.pro_list_index .t1 {font-size: 14px;}
.index_live_banner a {border: 1px solid #dddddd;/* padding-bottom: 10px; */}
.index_live_banner a:hover {box-shadow: 0px 0 0px 0px rgba(0, 0, 0, 0); position: static;}
.index_news_list li {width: calc(50% - 18px);margin-left: 0;margin-bottom: 30px;float: none;display: inline-block;vertical-align: top;}
.index_news_list li:first-child {margin-left: 0;}
.index_news_list li:nth-child(even) {margin-left: 30px;}
.index_news_list {margin-bottom: 50px;}
.footer .f_bottom {text-align: center; font-size: 12px; line-height: 18px;}
.pagetion a:after {transition: all .0s linear; -webkit-transition: all .0s linear;;}
.video_list li {font-size: 16px; line-height: 40px;}
.download_list .t2 {font-size: 14px; line-height: 28px; height: 56px;}
.down_nav {margin-top: 20px;}
.download_list {margin: 30px 0;}
.branch_list {margin: 10px auto 30px auto;}
.tech_sum .left {margin: 0px 0 70px 0;}
.security_sum .left, .security_sum .right {width: 100%; padding: 10px 0;}
.security_sum .left:after {display: none;}
.series_list2.advsum li {width: 100%;}
.series_list2.advsum li:nth-child(even) {margin-left: 0;}
.series_list2.advsum li:nth-child(1) a {width: 49%; float: left; margin: 7px 0;}
.series_list2.advsum li:nth-child(1) a.adv {margin: 7px 0 7px 2%;}
.marketing li:nth-child(3n-1), .marketing li {width: 48.5%; margin: 15px 0;}
.marketing li:nth-child(even) {margin-left: calc(3% - 4px);}
.news_details .left {width: 100%; float: left; background: #ffffff; padding: 35px 0; box-sizing: border-box;}
.news_details .right {display: none;}
.news_details .left2 {width: 100%;float: left;background: #ffffff;padding: 10px ;box-sizing: border-box;}
.news_details .right2 {width: 100%;float: right;background: #ffffff;padding: 20px;box-sizing: border-box;}
.news_details .right2 .t1 {font-size: 20px;color: #060606;line-height: 50px;font-weight: bold;}
.news_details .right2 .t1 span {color: #646464;display: inline-block;margin-right: 10px;}
.news_details .right2 .t2 {font-size: 16px;color: #222222;}
.news_details .right2 .t3 {font-size: 14px;color: #222222;}
.main-left {width: calc(100% - 150px);}
.search-list {margin: -60px auto 100px; min-height: 50vh;}
.servies_list .lans .t1 {width: 50px;}
.servies_list .lans .t2 {font-size: 26px;}
.servies1_list li:first-child, .servies1_list li {width: 49%; padding-top: 49%; margin: 10px 0;}
.servies1_list li:nth-child(even) {margin-left: 2%}
.about_bg2 {padding: 30px 4%; box-sizing: border-box;}
.about_bg2 .left, .about_bg2 .right {width: 100%; margin: 10px 0 0;}.about_bg5 .map{width: 100%;}.about_bg5 .right{width: 100%;}
.pro_details .buy{width: 100px;/* left:5%; *//* bottom: 27%; */}
}
@media screen and (max-width: 1000px) {
.category_list li .t1 {font-size: 30px;}
.radius .lans {font-size: 20px; line-height: 1.5;}
.tech_sum .left .t2 {font-size: 35px }
.tech_sum .left li {margin: 50px 0 70px 0;}
.radius .lans:after {width: 6px;height: 6px;}
.branch_list li:nth-child(even), .branch_list li {margin: 10px 0; width: 100%;}
.branch_list .lans {font-size: 14px;}
.branch_list .t2 {padding: 10px 0 10px 40px;}
.map .title {position: static; margin-top: 40px;}
.map .left .t1 {margin-bottom: 0;}
.map .left .t1 span {display: block; line-height: 1.3;}
.map .left .t1 li {width: 30%; display: inline-block; text-align: center;}
.map .left .t2 li {width: auto; display: inline-block; margin-right: 20px;}
.map .left {position: static; width: 100%; transform: translate(0, 0%); -webkit-transform: translate(0, 0%);}
.map .left .t2{text-align:center;}
.news_list .left {width: 100%;}
.news_list .right {width: 100%; margin-top: 15px;}
.news_list .no {float: none; display: block; margin: 15px 0 10px 0; line-height: 1.8;}
.news_list .time {float: none; display: block;}
.news_list a {padding: 15px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);}.map .inside_title{position: static; margin-top: 30px;}.right-side{display: none;}
}
@media screen and (max-width: 900px) {
.about_bg2 .t1 {font-size: 30px;}
.about_bg2 .t2 {font-size: 14px; line-height: 20px;}
.about_title {padding: 50px 0 20px 0;}
.about_title .e_title {font-size: 22px;}
.about_title .c_title {font-size: 24px;}
.about_editor {font-size: 14px; line-height: 34px;}
.about_number li {width: 45%; margin: 40px 2%;}
.about_number {padding: 10px 0;}
.about_number .number {font-size: 40px;}
.about_number i {font-size: 20px;}
.map_list li {width: 48%;}
.map_list li a, .map_list li h4 {font-size: 15px; line-height: 30px;}
.security_sum {margin: 100px auto;}
.security_sum .left .t1 {font-size: 27px;}
.security_sum .left .t100 {font-size: 22px;}
.security_sum .left .t2 {margin: 20px auto;}
.security_sum .left .t2_input, .security_sum .left .t2_sub {line-height: 55px; height: 55px;}
.series_sum .t1, .series_sum .advsum .t1 {font-size: 20px; line-height: 30px;}
.series1 .t1 {font-size: 25px;text-align: center;}
.series1 .lans{
transform: translate(0,0%);
-webkit-transform: translate(0,0%);
top: 10%;
}
.pic_sj{display:block;}
.pic_pc{display:none;}
.series_sum .t2{text-align:center;}
.series_sum .t3 {margin: 10px auto;}
.series1 .t3 {margin: 10px auto;}
.category_list li .t2 {margin: 15px 0 20px 0; font-size: 12px; line-height: 20px;}
.category_list li .t1 {font-size: 27px;}
.tech_list li .t1 {font-size: 28px;}
.tech_sum .left .t2 {font-size: 30px;}
.inside_title .c_title {font-size: 28px;}
.banner_bg .t1 {font-size: 22px; font-weight: bold;}
.banner_bg .t2 {font-size: 37px; font-weight: bold; margin: 10px 0 7px 0;}
.banner_bg .t3 {font-size: 14px; height: 63px;}
.banner_bg .t4 {font-size: 12px; width: 60px; height: 25px; line-height: 25px;}
.index_title, .index_pro .index_title {margin: 40px 0 20px 0;}
.index_title .e_title {font-size: 40px;}
.index_title .c_title {font-size: 24px;}
.index_brand_list {margin-bottom: 50px; margin-top: 0;}
.pro_list_index {margin: 1px 0 2px 0;}
.pro_list_index li {width: 100%; margin: 2px 0;}
.pro_list_index li:nth-child(even) {margin-left: 0px;}
.series_list2 li:nth-child(even), .series_list2 li {margin: 5px auto; width: 100%;}
.series_list3 li:nth-child(3n -1 ), .series_list3 li {margin: 5px auto; width: 100%;}
.series_list2.advsum li:nth-child(1) a.adv, .series_list2.advsum li:nth-child(1) a {margin: 10px 0 0 0; float: none; width: 100%;}
.series_sum .advsum li .lans {text-align: left; top: 10%; left: 5%;}
.series_sum .advsum li .t3 {margin-left: 0; width: 40px; font-size: 12px; line-height: 25px; height: 25px;}
.advsum {margin-top: -10px;}
.crumb {margin-top: 20px;}
}
@media screen and (max-width: 700px) {
.about_bg5 .title{font-size: 22px; margin-top: 30px;}.about_bg5{padding: 20px 0;}.about_list1 li{margin-bottom: 20px;}.ewm_list{padding-top: 10px;position: static;padding-left: 0;margin-left: -10px;}.ewm_list .ewm{width: 50px;margin: auto;opacity: 1;}.about_bg2 .t1 {font-size: 22px; margin-bottom: 5px;}
.hon_tab_nav_box {float: none; width: 100%;}
.hon_tab_nav_box > div {width: 25%; float: left; text-align: center;}
.hon_con_case {float: none; width: 100%;}
.hon_name_box {position: relative; top: 0; height: 100px; overflow: hidden;}
.hon_name {display: none;}
.footer_m {display:block;}
.hon_con_box .swiper-container {padding-bottom: 0;}
.hon_con .tea_case {padding: 10px 15px 0px 15px;}
.hon_tab_num {font-size: 24px;}
.hon_tab_name {line-height: 40px; font-size: 14px;}
.hon_tab_name::after {height: 3px;}
.servies_list a:nth-child(3n-1), .servies_list a {width: 100%; margin: 10px 0;}
.servies1_list .ico {margin: 15px 0;}
.servies1_list .ico img {width: 20%;}
.servies1_list .ewm img {width: 35%;}
.news_details .left {}
.news_details .title {font-size: 25px;}
.new_pagetion a.on {margin: 0 25px;}
.tuijian {padding: 30px 0 15px 0; line-height: 2;}
.new_pagetion {padding: 40px 0 60px;}
.news_details .mess li {margin-right: 30px; line-height: 2;}
.security_sum {margin: 80px auto;}
.security_sum .left .t1 {font-size: 25px;}
.security_sum .left .t100 {font-size: 20px;}
.security_sum .left .t2_input, .security_sum .left .t2_sub {line-height: 50px; height: 50px; font-size: 14px;}
.series1 .img {/*display: none;*/}
.series1 {background: url(http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif) center center no-repeat; width: 100%; /*height: 300px;*/ background-size: auto 100%;}
.category_list li .img {/* display: none; */}
.category_list li a {/* width: 100%; *//* height: 300px; *//* background: url(http://www.sknature.com/Public/Home/images/3e040d8515da4691ab39abad365f1954.gif) 30% center no-repeat; *//* background-size: auto 100%; */}
.category_list li .t3 {width: 70px; line-height: 30px; height: 30px; font-size: 12px;}
.tech_list li .t1 {font-size: 25px;}
.tech_sum .left .t2 {font-size: 26px;}
.radius .lans {font-size: 16px}
.tech_sum .left .t1 {font-size: 14px}
.tech_sum .left .t3 {font-size: 17px }
.branch_list .lans {font-size: 12px; padding: 10px 5px 0 10px;}
.branch_list .t2 {margin-top: 6px;}
.branch_list a {background-size: 20% auto;}
.branch_list .mess, .branch_list .t2 {padding: 1vh 0 1vh 20px; background-size: 15px 15px;}
.branch_list .t1 {font-size: 17px;}
.inside_title .c_titlen {font-size: 22px;}
.download_list1 {margin: 25px 0 }
.download_list1 a {line-height: 70px;}
.download_list1 .t1 {width: 60px}
.download_list1 .t2 {font-size: 14px; width: calc(100% - 80px); padding: 0 10px;}
.download_list1 .t3 {width: 18px;}
.index_news_list {margin-bottom: 20px;}
.index_live_banner .lans {padding: 5px 7px 7px 7px;}
.index_live_banner a:hover{padding-bottom:0px}
.index_live_banner a:hover .t1 {padding-top: 0px}
.index_live_banner a:hover .lans{padding:5px 7px 7px 7px;bottom:15px}
.index_live_banner a:hover .picture:before{bottom: -10px;}
.banner_bg .t1 {font-size: 17px; font-weight: bold;}
.banner_bg .t2 {font-size: 32px; font-weight: bold; margin: 7px 0 4px 0;}
.banner_bg .t3 {font-size: 13px; height: 59px;}
.index_title, .index_pro .index_title {margin: 40px 0 20px 0;}
.index_title .e_title {font-size: 28px; margin-bottom: 5px;}
.index_title .c_title {font-size: 17px;}
.index_brand_list {margin-bottom: 30px;}
.index_pro .index_title {margin: 30px 0 10px 0;}
.index_brand_list .t1 {font-size: 16px; margin-top: 7px;}
.index_brand_list li {margin-left: 0;}
.index_brand_list li:first-child {width: 100%; margin-bottom: 17px;}
.index_brand_list li:nth-child(2) {width: 50%; margin: 0;}
.index_brand_list li:last-child {margin-left: 2%; width: 48%;}
.index_brand_list .scale_img {height: 300px;}
.index_brand_list .ico {width: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}
.index_news_list .lans {padding: 10px; margin: 0 2.5%; margin-bottom: 20px;}
.index_news_list .t2 {font-size: 15px; line-height: 22px; height: 44px; margin: 15px 0;}
.index_news_list .t3, .index_news_list .t1 {font-size: 12px;}
.index_pro .swiper-button-prev, .index_pro .swiper-container-rtl .swiper-button-next, .index_pro .swiper-button-next, .index_pro .swiper-container-rtl .swiper-button-prev {width: 30px; height: 30px;}
.index_news_list li {width: calc(48.5% - 2px);margin-left: 0;margin-bottom: 10px;}
.index_pro .swiper-button-prev,.index_pro .swiper-button-next{/* display:none; */}
.index_news_list li:nth-child(even) {margin-left: 3%;}
.pro_list_index .t2 {font-size: 16px;}
.pro_list_index li .lans {right: 3%;}
.pro_list_index li:nth-child(even) .lans {left: 3%}
.inside_title .c_title {font-size: 24px; margin-bottom: 10px;}
.inside_title .e_title {font-size: 18px}
.after_title {font-size: 24px;}
.map .left .t1 li {margin: 10px 0;}
.branch_list .t1 {font-size: 15px;}
.marketing li:nth-child(3n-1), .marketing li, .marketing li:nth-child(even) {margin-left: 0; width: 100%;}
.marketing {margin: 10px 0;}
.servies_list .lans {top: 50%;}
.servies_list .lans .t3 {opacity: 1;}
.servies1_list .t1 {font-size: 16px; line-height: 25px;}
.servies_list {padding: 30px 0;}
.servies1_list .t2 {font-size: 14px;}
.servies1_list {padding: 0px 0 50px 0; margin-top: -10px;}
.hon_con_box {width: 100%; box-sizing: border-box;}
.hon_con .tea_case {width: 100%; box-sizing: border-box;}
.hon_name_box {width: 100%;top: -100px;padding: 0;display: none;}
.hon_name_box .swiper-button-prev, .hon_name_box .swiper-button-next {display: none;}
.hon_name_box .swiper-container {height: auto;}
.hon_name_text {color: #ffffff;}.servies_list .lans .t2{font-size: 20px;}.search-top{height: 80px;}.search-left input{line-height: 40px;}.search-right .search_btns, .search-right{height: 40px; width: 40px;}
.client_nav {margin-top: 60px;}
.client_nav li {width: 30%;margin-left: 2%;float: left;text-align: center;cursor: pointer; }
.client_nav li.on .t2, .new_nav li:hover .t2 {color: #f06a00;}
.client_nav li img{border:#CCC 1px solid;}
.client_nav .t1 {}
.client_nav .t2 {font-size: 14px;color: #000000;margin: 20px 0 20px 0;}
.client_nav .t3 {color: #666666;font-size: 14px;line-height: 30px;margin: 0px 0 55px 0;}
.client_list {}
.client_list li { margin-bottom: 38px;}
.client_list a:hover {box-shadow: 0 0 20px 0 rgba(0, 0, 0, .17);}
.client_list a {padding: 25px 2.6%;display: block;transition: box-shadow .4s;-webkit-transition: box-shadow .4s;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);}
.client_list a:hover .t1 {color: #f06a00;}
.client_list .left {width: 400px;float: left;}
}
@media screen and (max-width: 550px) {
.about_bg2 .right li, .about_bg2 .right li:nth-child(3), .about_bg2 .right li:nth-child(4), .about_bg2 .right li:nth-child(2) {width: 100%; margin: 8px 0;}
.servies1_list .t1 {font-size: 13px; line-height: 1.5;}
.marketing .lans {width: 90%; margin: 30px auto 40px auto;}
.servies1_list .ico {margin: 10px 0;}
.servies1_list .ewm {margin-top: 10px;}
.servies1_list .lans {top: 8%;}
.servies1_list .t2 {font-size: 12px;}
.marketing .t1 {font-size: 18px;}
.security_sum .left .t1 {font-size: 23px;}
.security_sum .left .t100 {font-size: 18px;}
.security_sum .right .t1 {font-size: 18px;}
.security_sum .right {padding: 40px 0;}
.series_sum .lans {top: 5%;}.series_sum .advsum li:nth-child(1) .lans{top:50%}
.series1 .lans {
left: 10%;
width: 80%;
top: 10%;
transform: translate(0,0%);
-webkit-transform: translate(0,0%);
text-align: center;
}
.series1 .t1 {font-size: 20px;}
.series_sum .t2 {margin: 0px 0 10px 0; font-size: 12px;}
.series_sum .t1, .series_sum .advsum .t1 {font-size: 16px; margin-bottom: 5px;}
.category_list li .t1 {font-size: 20px;}
.tech_list li .t1 {font-size: 20px;}
.tech_sum .left .t2 {font-size: 20px; margin: 7px 0 10px 0;}
.tech_sum .left .t1 {font-size: 12px}
.tech_sum .left .t3 {font-size: 15px}
.radius .t1 {top: -5%;}
.radius .t2 {right: -30%;}
.radius .t2 .lans:after {left: 55%;}
.radius .lans {font-size: 14px}
.radius .t3 {left: -30%;}
.radius .t3 .lans:after {left: 45%;}
.branch_list .mess, .branch_list .t2 {padding: 5px 0 5px 20px;}
.branch_list .lans {font-size: 13px;}
.download_list1 {margin: 20px 0}
.download_list1 .t3 {width: 15px;}
.download_list1 li, .download_list1 li:nth-child(even) {margin: 5px 0;}
.download_list1 a {line-height: 52px; padding: 5px 14px 5px 5px;}
.down_nav img {width: 25px;}
.down_nav a {font-size: 17px; line-height: 50px; width: 130px; border-width: 2px; margin: 0 10px;}
.download_list .t3 {width: 15px;}
.download_list a {padding: 35px 10px 25px 10px;}
.video_list li:nth-child(3n - 1), .video_list li, .video_list li:nth-child(even) {margin: 8px 0; width: 100%;}
.banner_bg .t1 {font-size: 12px;}
.banner_bg .t2 {font-size: 17px;}
.banner_bg .t3 {font-size: 12px;-webkit-line-clamp: 2;height: 36px;margin: 15px 0;}
.index_brand_list .scale_img {height: 120px;}
.index_brand_list li:first-child .scale_img {height: 140px}
.index_brand_list .ico {width: 30px;top: calc(50% - 30px);left: calc(50% - 15px);}
.index_brand_list .t1 {font-size: 14px;}
.index_brand_list .t2 {font-size: 12px; line-height: 1.5;}
.hon_con {box-sizing: border-box; padding: 0px 0; width: 100%; overflow: hidden;}
.index_live_banner .name{font-size: 14px;float: none;line-height: 1.2;width: 100%;/* padding: 8px 0; */}
.index_live_banner .picture:before{height: 70px;bottom: 0px;}
.index_live_banner .no{float: none;vertical-align: bottom;line-height: 1.2;margin: 4px 0 7px 0;}
}
@media screen and (max-width: 360px) {
.branch_list .lans {font-size: 11px; line-height: 16px;}
.down_nav a {font-size: 16px; line-height: 50px; width: 120px; border-width: 3px; margin: 0 5px;}
.download_list {margin: 15px 0;}
}
/**
*12.24
**/
.security_sum{
max-width: 1340px;
}
.security_sum .left{
width: 47.76%;
text-align: center;
padding-bottom: 50px;
}
.security_sum .left .t1{
display: inline-block;
color: #ffffff;
line-height: 45px;
padding: 0 10px;
background-color: #9d2020;
}
.security_sum .left .t1-2{
background-color: #00b7c0;
}
.security_sum .left .t2{
margin: 22px 0 114px;
}
.security_sum .left .t2 p{
text-align: left;
}
.security_sum .left .t2-2{
margin-bottom: 0;
}
.security_sum .left .t2_input{
height: 39px;
line-height: 39px;
}
.security_sum .left .t2_sub{
height: 39px;
line-height: 39px;
}
.security_sum .right{
width: 52.24%;
float: left;
padding-left: 3%;
display: flex;
align-items: stretch;
}
.security_sum .imgs{
float: left;
width: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.security_sum .imgs .img{
display: flex;
justify-content: space-between;
align-items: center;
}
.security_sum .imgs .name{
width: 26px;
font-size: 18px;
color: #ffffff;
line-height: 24px;
text-align: center;
padding: 13px 0;
background-color: #9d2020;
}
.security_sum .imgs .name2{
background-color: #00b7c0;
}
.security_sum .text{
float: left;
width: calc(100% - 200px);
padding-left: 20px;
box-sizing: border-box;
}
.security_sum .right .t1{
margin-bottom: 10px;
}
@media screen and (max-width: 1280px) {
.security_sum .right{
flex-wrap: wrap;
padding-top: 10px;
}
.security_sum .imgs{
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.security_sum .imgs .name{
margin-right: 20px;
}
.security_sum .text{
width: 100%;
margin-top: 20px;
}
}
@media screen and (max-width: 1199px){
.security_sum .left{
float: none;
width: 60%;
margin: 0 auto;
}
.security_sum .left .t2{
max-width: 100%;
margin: 20px 0 50px;
}
.security_sum .left .t2-2{
margin-bottom: 0;
}
.security_sum .right{
float: none;
width: 60%;
margin: 0 auto;
padding: 0;
}
.security_sum .text{
padding: 0;
}
}
@media screen and (max-width: 1024px){
.security_sum{
max-width: 100%;
width: 70%;
}
.security_sum .left{
width: 100%;
}
.security_sum .right{
width: 100%;
}
}
@media screen and (max-width: 767px){
.security_sum{
width: 100%;
}
.security_sum .left{
padding-bottom: 30px;
}
.security_sum .left .t2{
margin: 20px 0 30px;
}
.security_sum .left .t2-2{
margin-bottom: 0;
}
.security_sum .imgs .name{
width: 20px;
font-size: 14px;
margin-right: 10px;
}
.security_sum .imgs img{
width: 120px;
}
.security_sum .left .t1{
line-height: 40px;
}
}