/*
Theme Name: wangao
Author: 确强
Version: 1.0.0
Author URI: https://www.queqiang.com
*/
@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "Manrope";color:#000;line-height:1.5; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Manrope"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}
p {line-height: 1.5;margin: 0 0 10px 0;}
h2,h3,h4,h5,h6,h1 { font-weight: normal; }
em,i { font-style: normal; }

@keyframes sliderPagination {
    100% {transform: scaleX(1); opacity: 1;}
}
@font-face {
  font-family: 'roman';
  src: url('assets/font/TimesNewRoman.ttf');
}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.flex1{ flex:1; }
.hidden{display:none;}
.cont1440{ width: 1440px; margin-left: auto; margin-right: auto; max-width: 94%; position: relative; }
.cont1200{ width: 1200px; margin-left: auto; margin-right: auto; max-width: 94%; position: relative; }
.cont1700{ width: 1700px; margin-left: auto; margin-right: auto; max-width: 94%; position: relative; }
.cont90{ width: 90%; margin-left: auto; margin-right: auto; max-width: 94%; position: relative;}
.flex-between{ display: flex; align-items: center; justify-content: space-between;}
.t04s{ transition: all 0.4s; }
.flex{ display: flex }
.align-center{ align-items: center; }
.reset_signature{background: #efefef;color: #000;display:inline-flex;justify-content: center;align-items: center;cursor: pointer;text-align:center;border:0;width: 100px;height: 30px;border-radius: 8px;}
.hhidden{ display: block }
.bblock{ display: none }
.pagination{display: flex;width: 90%;margin: 20px 0;margin-left: auto;margin-right: auto;}
.page-numbers{margin-right: 10px;padding: 5px 10px;background: rgba(3, 43, 67, 0.74);color: #fff;border-radius: 7px;font-size: 18px;}
.page-numbers.next,.page-numbers.current{background: #f2f2f2;color: rgba(0,0,0,0.9);}

.header{ background-color: rgba(3, 43, 67, 0.74); position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 180px; position: fixed; left: 0; top: 0; width: 100%; z-index: 33; }
.header .head{ height: 120px; padding: 10px 0; background-color: rgba(3, 43, 67, 0.74);}
.header .logoa{ display: block; height: 100px; }
.header .logoa img{ display: block; height: 100px; }
.header .search{ width: 47%; }
.header .search .holder{ font-size: 16px; line-height: 32px; color: #fff; padding-left: 46px; }
.header .search .holder span{ color:#ff4d00;  }
.header .search .find{ height: 40px; display: flex; align-items: center; justify-content: space-between; }
.header .search .put{ flex:1; display: flex; align-items: center; margin-right: 20px; background: #fff; border-radius: 38px; padding: 0 20px; }
.header .search .put img{ display: block; width: 16px; height: 16px; margin-right: 10px; }
.header .search .put input{ display: block; flex:1; width: 100%; line-height: 40px; box-shadow: none; background-color: transparent; outline: none; }
.header .search .reserch{ background:#ff4d00; padding: 0 20px; line-height: 40px; font-size: 14px; color: #fff; font-weight: 900; cursor: pointer; transition: all 0.4s; border-radius: 40px; }
.header .search .reserch:hover{ background: #4447e6; }
.header .navs {position: relative;padding: 0;transition: all 0.15s ease-in-out; }
.header .navs .menus{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
    position: relative;
}
.header .navs .menus > li > .sub-menu {
    left: 0;
    margin: 0;
    min-width: max-content;
    position: absolute;
    top: 100%;
    padding-top: 3px;
    z-index: 88888;
	display: none;
	background: rgba(3, 43, 67, 0.84)
}
.header .navs .menus > li > .sub-menu a{
    color: #fff;
    margin: 15px;
    font-size: 18px;
    cursor: pointer;
    display: block;
}
.header .navs > ul > .menu-item {
    display: flex;
    margin: 0;
    width: inherit;
	position: relative;
}
.header .navs > ul > .menu-item > a {
	padding: 0 15px;
	line-height: 60px; 
	display: block; 
	font-size: 20px; 
	color: #fff; 
	cursor: pointer; 
	font-weight: 900; 
	transition: all 0.4s;
}
.header .navs .menu-item:hover .sub-menu {display: block;}
.header .navs > ul > .menu-item > a:hover,.header .navs .menus > li > .sub-menu a:hover{ color: #f96332; }
.header .nava{ line-height: 60px; display: block; font-size: 20px; color: #fff; cursor: pointer; font-weight: 900; transition: all 0.4s; }

.header .navs > ul > .menu-item.current_page_item a{ color: #f96332; font-family: Arial}
.header .menus{ display: none; }
.headerH{ height: 180px; }

.banpic .item{ padding:100px 60px; height:700px; width: 60%;display: flex; justify-content: flex-end;align-items: flex-end;flex-direction: column; position: absolute;top: 20%; }
.banpic .item img{ display: block; width: 587px; }
.banpic .item .more{ display: block; width: 300px; height: 80px; background: #ff4d00; border-radius: 15px; font-size: 30px; color: #fff; font-weight: 900; display: flex; align-items: center; justify-content: center; margin-bottom: 100px; cursor: pointer; }
.banpic .item .more:hover{ background-color: rgb(51,172,245); font-size: 34px; }
.banpic .swiper-wrapper{z-index: -1}
.banpic .changebtn{ overflow: hidden; border-top: 1px solid rgba(255,255,255,0.5);margin-top:-150px; }
.banpic .changebtn .btn{width: 50%; display: flex; align-items: center; height: 150px; justify-content: center; padding: 20px 5%; border-right: 1px solid rgba(255,255,255,0.5); float: left; background-color: rgba(5,49,75,0.3); cursor: pointer; }
.banpic .changebtn .btn:nth-child(2n){ border-left:1px solid rgba(255,255,255,0.5); border-right: none; }
.banpic .changebtn .btn img{ display: block; width: 100px; height: 100px; margin-right: 20px; }
.banpic .changebtn .btn p{ flex:1; }
.banpic .changebtn .btn span{ display: block; font-size: 24px; color: #fff; font-weight: 900; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.banpic .changebtn .btn i{ display: block; font-size: 16px; color: #fff; opacity: 0.7; line-height: 24px; -webkit-box-orient: vertical;font-size: 18px;font-weight:600 }
.banpic .changebtn .btn:hover{ background-color: rgba(255,255,255,0.2)}

.fastmenus{ padding: 110px 0; }
.fastmenus .fastSwiper{ width: calc(100% - 200px); }
.fastmenus .item{ text-align: center; display: block; }
.fastmenus .item img{ display: block; width: 88px; max-width: 80%; margin:0 auto; }
.fastmenus .item span{ display: block; line-height: 36px; font-size: 30px; color: #20607c; border-top:2px solid #20607c; padding-top: 10px; margin-top: 15px; font-weight: 900; }
.fastmenus .swiper-prev{ position: absolute; left: 0; top: 50%; width: 60px; height: 60px; margin-top: -30px; background: url(images/img05.png) no-repeat center / 100% 100%; cursor: pointer; }
.fastmenus .swiper-prev:hover{ background-image:url(images/img04.png);  }
.fastmenus .swiper-next{ position: absolute; right: 0; top: 50%; width: 60px; height: 60px; margin-top: -30px; background: url(images/img07.png) no-repeat center / 100% 100%; cursor: pointer; }
.fastmenus .swiper-next:hover{ background-image:url(images/img06.png);  }

.titha{ font-size: 80px; color: #000; line-height: 1.3; text-align: center; font-weight:bold }
.cando{}
.cando .titha{ margin-bottom: 100px; }
.cando .cpart{ width: 100%; position: relative; margin: 0 0 200px; }
.cando .cpart .up{ width: 90%; margin:0 auto; position: relative; background: #fff; border:2px solid #f5a54d; }
.cando .cpart:before{ content: ""; position: absolute; left: 0; right: 0; top: 10%; bottom: 10%; width:;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.63); background-color: #143c4d; border:1px solid #797979; }
.cando .cpart .btxta{ font-size: 80px; color: #333; text-align: center; transform: translateY(-50%); line-height: 40px; }
.cando .cpart .btxta span{ background-color: #fff; padding: 0 80px; position: relative; }
.cando .cpart .btxta span:before{ content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.cando .cpart .btxta span:after{ content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.cando .cpart .descs{ text-align: center; width: 50%; min-width: 800px; font-size: 20px; color: #666; line-height: 1.2; margin: 80px auto 0; }
.cando .cpart .slist{ width:85%; margin:30px auto; overflow: hidden; }
.cando .cpart .sitem{ width: 30%; position: relative; overflow: hidden; float: left; margin-right: 5%; cursor: pointer; }
.cando .cpart .sitem:nth-child(3n){ margin-right: 0; }
.cando .cpart .sitem .pics{ position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.cando .cpart .sitem .pics .box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.cando .cpart .sitem .pics img{ display: block; width: 100%; object-fit: cover; transition: all 0.4s; }
.cando .cpart .sitem:hover .pics img{ transform:scale(1.1); }
.cando .cpart .sitem .ups{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: 600; z-index: 2; background-color: rgba(0,0,0,0.65); padding: 5%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.cando .cpart .sitem .ups .icon{ display: block; width: 44px; margin:0 auto 20px; }
.cando .cpart .sitem .ups .name{ font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cando .cpart .sitem .ups .desc{ display: block; font-size: 20px; line-height: 20px; color: #fff; margin:25px 0;}
.cando .cpart .sitem .ups .more{ font-size: 14px; line-height: 20px;color: #fff;}
.cando .cpart .sitem .ups .more a{ color: #fff;}
.cando .cpart .mores{ display: block; width:400px; height: 80px; display: flex; align-items: center; justify-content: center; background: #ff4d00; border-radius: 15px; transform: translateY(50%); font-size: 40px; color: #fff; margin:0 auto; border:1px solid #ccc; cursor: pointer; }
.cando .cpart .mores:hover{ background: #ea4700; }

.sytact{ background: url(images/pic7.jpg) no-repeat fixed; padding: 50px 0; position: relative;}
.sytact::after {content: ""; top: 0; left: 0;position: absolute;width: 100%;height: 100%;filter: blur(2px);-webkit-filter: blur(2px);}
.sytact.bglan{ background: #062236; background-image: none; }
.sytact:before{ content:""; position: absolute; left: 0; top: 100px; width: 100%; height: calc(100% - 200px);  background: url(images/pic10.jpg) repeat-x left top / auto 110%; z-index: 2; }
.sytact .ups{ position: relative; z-index: 3; width: 100%; display: flex; align-items: center; justify-content: flex-end; }
.sytact .lxfill{ background: #435266; border-radius: 15px; padding:30px 50px 30px; width: 600px; }
.sytact .lxfill h3{ font-size: 40px; color: #fff; text-align: center; line-height: 1.2; margin-bottom: 20px; }
.lxlist{ overflow: hidden; }
.lxlist dl{ font-size: 16px; color: #fff; line-height: 28px; float: left; width: 48%; margin-bottom: 15px; }
.lxlist dl dt{ margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;font-weight: 600; }
.lxlist input{ width: 100%; font-size: 15px; height: 40px; color: #333; padding: 0 15px; background: #fff; border-radius: 8px; line-height: 40px; }
.lxlist textarea{ width: 100%; font-size: 15px; height: 120px; color: #333; padding: 0 15px; background: #fff; border-radius: 8px; line-height: 40px; }
.lxlist dl:nth-child(2n){ float: right; }
.lxlist dl.all{ width: 100%; }
.lxlist .send{ display: block; width: 220px; height: 60px; border:none; box-shadow: none; background: transparent; padding: 0; display: flex; align-items: center; justify-content: center; margin:20px auto; border-radius: 12px; background:#ff4d00; font-size: 24px; font-weight: 600;color: #fff; cursor: pointer;  }
.lxlist .send:hover{ background: #ea4700; }
.lxlist .more{ display: block; width: 220px; height: 60px; border:none; box-shadow: none; background: transparent; padding: 0; display: flex; align-items: center; justify-content: center; margin:20px auto; border-radius: 12px; border:2px solid #ff4d00; font-size: 20px; color: #ff4d00; cursor: pointer; }
.lxlist .more:hover{ background: #ea4700; color: #fff; border-color:#ea4700;  }
.lxlist .time{ font-size: 24px; line-height: 28px; color: #fff; text-align: center; margin-top: 40px; width: 100%; }

.sywho{ padding: 110px 0; }
.sywho .who{ width: 90%; margin:0 auto; position: relative; background: #fff; border:2px solid #f5a54d; }
.sywho .who .ls{ position: absolute; left: 10px; top: 0; width: 120px; z-index: 2; }
.sywho .who h3{ font-size: 60px; color: #333; text-align: center; transform: translateY(-50%); line-height: 40px; }
.sywho .who h3 span{ background-color: #fff; padding: 0 80px; position: relative; }
.sywho .who h3 span:before{ content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.sywho .who h3 span:after{ content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.sywho .who .both{ display: flex; align-items: center; justify-content: space-between; padding: 0 }
.sywho .who .pics{ overflow: hidden; width: 45%; cursor: pointer; } 
.sywho .who .pics img{ display: block; width: 100%; transition: all 0.4s; }
.sywho .who .pics:hover img{ transform: scale(1.05); }
.sywho .who .info{ width: 50%; font-size: 20px; line-height: 28px; color: #666; }
.sywho .who .info p { font-weight:600;font-size: 20px; }
.sywho .who .info h4{ font-size: 30px; color: #000; font-weight: 900; line-height: 1.2; margin-bottom: 40px; }
.sywho .who .info h4 b{ font-weight: 900; display: block; }
.sywho .who .info li{ margin-bottom: 18px; padding-left: 20px; position: relative; }
.sywho .who .info li i{ position: absolute; left: 0; top: 0;}
.sywho .who .info .mores{display: flex;align-items: center;justify-content: center;margin: 0 auto;background: #ff4d00;width: 250px;height: 50px;margin-top: 20px;border-radius: 15px;transform: translateY(50%);font-size: 30px;border: 1px solid #ccc;color: #fff;}

.sychose{ padding: 80px 0; position: relative;background: url(images/pic11.jpg) no-repeat center top / cover;  }
.sychose:before{ content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0,0,0,0.63); filter:saturate(109%) blur(4.1px);  }
.sychose>div{ position: relative; z-index: 3; }
.sychose h3{ text-align: center; font-size: 60px; color: #fff; font-weight: 900; line-height: 1.2; margin-bottom: 50px; text-transform: uppercase; }
.sychose .list{ overflow: hidden; position: relative; }
.sychose .list.two:before{ content:""; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; z-index: 3; background-color:#fff; margin-left: -1px; }
.sychose .list.three:before{ content:""; position: absolute; left: 33.33%; top: 0; width: 2px; height: 100%; z-index: 3; background-color:#fff; margin-left: -1px; }
.sychose .list.three:after{ content:""; position: absolute; right: 33.33%; top: 0; width: 2px; height: 100%; z-index: 3; background-color:#fff; margin-right: -1px; }

.sychose .item{ width: 33.333%; float: left; text-align: center; padding: 40px 20px 50px; }
.sychose .item.half{ border-bottom: 2px solid #fff; width: 50%; }
.sychose .item .num{ width: 156px; height: 138px; background: url(images/img17.png) no-repeat center / 100% auto; margin:0 auto;  }
.sychose .item .num span{ display: block; width: 100%; height: calc(80%); font-size: 30px; color:#6e010f; display: flex; align-items: center; justify-content: center; font-style: italic; font-weight: 900; line-height: 1.2; }
.sychose .item .desc{ margin:20px auto 0px; font-size: 18px; color: #fff; font-weight: 900; line-height: 36px; min-height: 108px; }
.sychose .item .desc p{font-size: 24px}
.sychose .item .desc p a{ text-decoration: underline; cursor: pointer; color: #fff; }
.sychose .item .desc p a:hover{ color:#ff4d00; }
.sychose .item .btna{ width: 300px; height: 60px; display: flex; align-items: center; justify-content: center; background:#ff4d00; border-radius: 8px; font-size: 24px; color: #fff; margin:0 auto; cursor: pointer; margin-top: 40px; }
.sychose .item .btna:hover{ background: #ea4700; }
.sychose .item h6{ line-height: 60px; font-size: 40px; color: #fff; font-weight: 900; text-align: center; margin-top: 40px; }
.sychose .item h6 span{ color: #ff4d00; }

.sywin{ padding: 80px 0; text-align: center; }
.sywin .ls{ position: absolute; right: 0; top: -80px; width: 120px; }
.sywin h3{ font-size: 36px; color: #000; font-weight: 900; text-align: center; line-height: 1.2; }
.sywin h4{ font-size: 20px; color: #666; text-align: center; line-height: 1.3; margin:40px 0 80px; }
.sywin .picshow{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; position: relative; }
.sywin .piccol{ width: calc(33.33% - 20px); }
.sywin .piccol .pic{ width: 100%; overflow: hidden; border-radius: 15px; }
.sywin .piccol .pic img{ width: 100%; object-fit: cover; transition: all 0.4s; }
.sywin .piccol .pic:hover img{ transform:scale(1.05); }
.sywin .piccol .pic:nth-child(2){ margin-top: 30px; }
.sywin .piccol .pic .box{ width: 100%; height: 0; padding-bottom: 60%; position: relative; left: 0; top: 0;border-radius: 10px; overflow: hidden; }
.sywin .piccol .pic p{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; display: flex;  }
.sywin .piccol:nth-child(2){ margin:0 30px; position: absolute; left: calc(33.33% - 20px); top: 0; height: 100%; }
.sywin .piccol:nth-child(2) .pic{ height: 100%; }
.sywin .piccol:nth-child(2) .pic .box{ padding-bottom: 0; height: 100%; }
.sywin .piccol:nth-child(2) .pic img{ height: 100%; }


.syreview{ padding: 80px 0; background: url(images/pic12.jpg) no-repeat center / cover; position: relative; }
.syreview::after { content: ""; top: 0; left: 0;position: absolute; /* 一定要用绝对定位 */width: 100%;height: 100%;backdrop-filter: blur(30px); /* 模糊半径 */-webkit-backdrop-filter: blur(30px); /* 模糊半径 */}
.syreview>div{ position: relative; z-index: 2; }
.syreview h3{ font-size: 36px; color: #fff; font-weight: 900; text-align: center; line-height: 1.2; margin-bottom: 40px; text-transform: uppercase;}

.syreview .picshow{ overflow: hidden; position: relative; margin-bottom: 40px; }
.syreview .piccol{ float: left; }
.syreview .piccol.wd1{ width: calc(26.3% - 20px); margin-right: 20px; margin-right: calc(15.9% + 20px) }
/*.syreview .piccol.wd2{ width: calc(15.9% - 20px); margin-right: 20px; } buyao*/
.syreview .piccol.wd4{ width: calc(26.3% - 20px); margin-right: 20px; }
.syreview .piccol.wd3{ width: 31.5%; }
.syreview .piccol .pic{ width: 100%; overflow: hidden; border-radius: 15px; position: relative;  }
.syreview .piccol .pic img{ width: 100%; transition: all 0.4s; }
.syreview .piccol .pic:hover img{ transform:scale(1.05); }
.syreview .piccol .pic p{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; display: flex;  }
.syreview .piccol .both{ overflow: hidden; margin-bottom: 20px; }
.syreview .piccol .both .pic{ width: calc(50% - 10px); float: left;  }
.syreview .piccol .both .pic:nth-child(2){ margin-left:20px; margin-top: 0;  }
.syreview .piccol .pic:nth-child(2){ margin-top:20px;  }
.syreview .piccol .box{ width: 100%; height: 0; padding-bottom: 60%; position: relative; left: 0; top: 0;border-radius: 10px; overflow: hidden; }
.syreview .piccol.wd2{ position: absolute; left: 26.3%; top: 0; width: calc(15.9% - 20px); height: 100%;  }
.syreview .piccol.wd2 .pic{ height: 100%; }
.syreview .piccol.wd2 .pic .box{ padding-bottom: 0; height: 100%; }
.syreview .piccol.wd2 .pic img{ height: 100%; }
.syreview .piccol.wd3>.pic .box{ padding-bottom: 66.5%; }

.syreview .swiper-pagination{ bottom: 0 !important; }
.syreview .swiper-pagination .swiper-pagination-bullet{ background-color: rgba(255,255,255,0.4); opacity: 1; margin:0 6px !important; }
.syreview .swiper-pagination .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,0.8); opacity: 1;}

.whatnew{ padding: 100px 0; }
.whatnew .titha{ font-size: 60px; font-weight:bold; color: #000; text-align: center; line-height: 1.2; margin-bottom: 40px; }
.whatnew .item{ display: flex; align-items: center; justify-content: space-between; padding: 40px 0; }
.whatnew .item .pics{ display: block; position: relative; width: 370px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 10px #eee; cursor: pointer; }
.whatnew .item .pics img{ object-fit: cover; width: 100%; transition: all 0.4s; }
.whatnew .item .pics:hover img{ transform:scale(1.05); }
.whatnew .item .info{ width: calc(100% - 400px); }
.whatnew .item .name{ font-size: 32px; color: #000; font-weight: 900; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; transition: all 0.4s; cursor: pointer; }
.whatnew .item .name:hover{ color: #ff4d00; }
.whatnew .item .desc{ font-size:24px; line-height: 28px; margin:30px 0;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;  }
.whatnew .item .bot{ display: flex; align-items: center; height: 40px; font-size: 16px; color: #666; }
.whatnew .item .bot .usertx{ display: block; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.whatnew .item .bot .usertx img{ display: block; width: 40px; height: 40px; }
.whatnew .item .bot .time{ margin:0 20px; flex:1; }
.whatnew .item .bot .more{ cursor: pointer; color:#333;  }
.whatnew .item .bot .more:hover{ color: #ff4d00; }

.footer{}
.footer .ftop{ background:#18445e; padding: 40px 0;  }
.footer .mation{ display: flex; align-items: center; justify-content: space-between; }
.footer .phone{ font-size: 16px; color: #fff;  }
.footer .phone .tela{ font-size: 80px; color: #fff; font-style: italic; display: block; margin:20px 0; line-height: 1; }
.footer .phone .call{ cursor: pointer; color: #fff;opacity: 0.6; display: block; font-size: 20px; }
.footer .phone .call:hover{ color: #f96332; opacity: 1; }
.footer .phone h4{ color: #fff; line-height: 24px; }
.footer .phone h4 i{ color: #f96332; display: block; }
.footer .tation{ display: flex; align-items: center; justify-content:center; font-size: 25px; color: #fff; border:2px solid #fff; border-radius: 12px; padding: 0 30px; height: 90px; width: 300px; width: 41.6%; cursor: pointer; }
.footer .tation img{ display: block; width: 40px; margin-right: 20px; }
.footer .tation:hover{ background: #ea4700; border-color:#ea4700; color: #fff;  }
.footer .fbot{ padding: 30px 0; background-color: #032132; }
.footer .bot{ display: flex; align-items: center; justify-content: space-between;}
.footer .logo{ height: 40px; display: block; cursor: pointer; }
.footer .logo img{ height: 40px; }
.footer .txt{ font-size: 14px; line-height: 20px; color: rgba(255,255,255,0.8); margin-left:2%; }
.footer .txt:last-child{ text-align: center; }
.footer .txt i{ color: #f96332; }
.footer .flexs{ display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.footer .flexs .pica{ align-items: center;display: flex;font-size: 0;justify-content: center;position: relative;text-align: center; margin:0 10px; fill: #fff;width: 40px; height: 40px;}
.footer .flexs .pica img{ display: block; width: 20px; }
.footer .flexs .pica svg{ width: 20px; height: 20px; }
.linkedin{background: #0278b7;}
.facebook{background: #3a559a;}
.instagram{background: linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);}
.banpic .swiper-slide img{width: 100%}


@media(max-width:1440px) and (min-width: 992px){


	.header{ height: 150px; }
	.header .head{ height: 98px; padding: 10px 0; background-color: rgba(3, 43, 67, 0.74);}
	.header .logoa{ display: block; height: 78px; }
	.header .logoa img{ display: block; height:78px; }
	.header .search{ width: 47%; }
	.header .search .holder{ font-size: 16px; line-height: 32px; color: #fff; padding-left: 46px; }
	.header .search .find{ height: 40px; }
	.header .search .put{ margin-right: 20px; border-radius: 38px; padding: 0 20px; }
	.header .search .put img{ width: 16px; height: 16px; margin-right: 10px; }
	.header .search .put input{ line-height: 40px;}
	.header .search .reserch{ padding: 0 20px; line-height: 40px; font-size: 14px; border-radius: 40px; }
	.header .navs > ul > .menu-item > a{ line-height: 52px; font-size: 18px; }
	.headerH{ height: 150px; }

	.banpic{}
	.banpic .item{ padding:100px 60px; height:550px;  }
	.banpic .item img{width: 587px; }
	.banpic .item .more{ width: 250px; height: 72px; border-radius: 15px; font-size: 26px; margin-top: 0; }
	.banpic .item .more:hover{ font-size: 30px; }
	.banpic .changebtn{ border-top: 1px solid rgba(255,255,255,0.5); }
	.banpic .changebtn .btn{ width: 50%; padding: 20px 5%; border-right: 1px solid rgba(255,255,255,0.5); }
	.banpic .changebtn .btn:nth-child(2n){ border-left:1px solid rgba(255,255,255,0.5); border-right: none; }
	.banpic .changebtn .btn img{ width: 74px; height: 74px; margin-right: 20px; }
	.banpic .changebtn .btn span{ font-size: 20px; line-height: 32px; }
	.banpic .changebtn .btn i{ font-size: 15px; line-height: 24px; }

	.fastmenus{ padding: 90px 0; }
	.fastmenus .fastSwiper{ width: calc(100% - 150px); }
	.fastmenus .item img{ width: 70px; max-width: 80%; }
	.fastmenus .item span{ line-height: 24px; font-size: 20px; border-top:2px solid #20607c; padding-top: 10px; margin-top: 15px; }
	.fastmenus .swiper-prev{ width:44px; height: 44px; margin-top: -22px; }
	.fastmenus .swiper-next{ width:44px; height: 44px; margin-top: -22px; }

	.titha{ font-size: 50px;}
	.cando .titha{ margin-bottom: 80px; }
	.cando .cpart{ margin: 0 0 150px; }
	.cando .cpart .up{ width: 90%; margin:0 auto; border:2px solid #f5a54d; }
	.cando .cpart:before{ left: 0; right: 0; top: 10%; bottom: 10%;}
	.cando .cpart .btxta{ font-size: 32px; transform: translateY(-50%); line-height: 40px; }
	.cando .cpart .btxta span{ padding: 0 80px; }
	.cando .cpart .btxta span:before{ width: 12px; height: 12px; margin-top: -6px;  }
	.cando .cpart .btxta span:after{ width: 12px; height: 12px; margin-top: -6px;  }
	.cando .cpart .descs{ width: 50%; min-width: 800px; font-size: 18px; line-height: 1.2; margin:30px auto 0; }
	.cando .cpart .slist{ width:85%; margin:50px auto; }
	.cando .cpart .sitem{ width: 30%; margin-right: 5%;}
	.cando .cpart .sitem:nth-child(3n){ margin-right: 0; }
	.cando .cpart .sitem .ups{ padding: 5%; }
	.cando .cpart .sitem .ups .icon{ width: 32px; margin:0 auto 15px; }
	.cando .cpart .sitem .ups .name{ font-size: 18px; }
	.cando .cpart .sitem .ups .desc{ font-size: 18px; line-height: 20px; margin:20px 0;}
	.cando .cpart .sitem .ups .more{ font-size: 14px; line-height: 20px;}
	.cando .cpart .mores{ width:320px; height: 68px; border-radius: 15px; transform: translateY(50%); font-size: 34px; border:1px solid #ccc;}


	.sytact{ padding: 50px 0; position: relative; }
	.sytact:before{ height: calc(100% - 200px); /*background: url(images/pic10.jpg) repeat-x left center / cover;*/ }
	.lxfill{ border-radius: 15px; padding:30px 40px 30px; width: 600px; }
	.lxfill h3{ font-size: 32px; line-height: 1.2; margin-bottom: 15px; }
	.lxlist dl{ font-size: 15px; line-height: 28px; width: 48%; margin-bottom: 15px; }
	.lxlist dl dt{ margin-bottom: 5px; }
	.lxlist input{ font-size: 14px; height: 32px; padding: 0 15px; border-radius: 8px; line-height: 32px; }
	.lxlist textarea{ font-size: 14px; height: 100px; padding: 0 15px; border-radius: 8px; line-height: 32px; }
	.lxlist dl:nth-child(2n){ float: right; }
	.lxlist .send{ width: 220px; height: 52px; margin:15px auto; border-radius: 12px; font-size: 20px; }
	.lxlist .more{ width: 220px; height: 52px; margin:15px auto; border-radius: 12px; border:2px solid #ff4d00; font-size: 18px; }
	.lxlist .time{  line-height: 28px; color: #fff; text-align: center; margin-top: 40px; }

	.sywho{ padding: 90px 0; }
	.sywho .who{ width: 90%; border:2px solid #f5a54d; }
	.sywho .who .ls{ left: 5px; width: 80px; }
	.sywho .who h3{ font-size: 60px; line-height: 1.2; font-weight: 900 }
	.sywho .who h3 span{ padding: 0 80px; }
	.sywho .who h3 span:before{ width: 12px; height: 12px; margin-top: -6px;  }
	.sywho .who h3 span:after{ width: 12px; height: 12px; margin-top: -6px;  }
	.sywho .who .both{ padding: 0; }
	.sywho .who .pics{ width:50%;  } 
	.sywho .who .info{ width: 48%; font-size: 18px; line-height: 24px; }
	.sywho .who .info h4{ font-size: 26px; line-height: 1.2; margin-bottom: 20px; }
	.sywho .who .info li{ margin-bottom: 10px; padding-left: 20px; }

	.sychose{ padding: 60px 0;  }
	.sychose h3{ font-size: 50px; margin-bottom: 40px; }
	.sychose .list.two:before{ content:""; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; z-index: 3; background-color:#fff; margin-left: -1px; }
	.sychose .list.three:before{ content:""; position: absolute; left: 33.33%; top: 0; width: 2px; height: 100%; z-index: 3; background-color:#fff; margin-left: -1px; }
	.sychose .list.three:after{ content:""; position: absolute; right: 33.33%; top: 0; width: 2px; height: 100%; z-index: 3; background-color:#fff; margin-right: -1px; }

	.sychose .item{ width: 33.333%; padding: 30px 20px 40px; }
	.sychose .item.half{ border-bottom: 2px solid #fff; width: 50%; }
	.sychose .item .num{ width: 156px; height: 138px;  }
	.sychose .item .num span{ height: calc(80%); font-size: 30px; line-height: 1.2; }
	.sychose .item .desc{ margin:15px auto 0px; font-size: 16px; line-height: 32px; min-height: 96px; }
	.sychose .item .btna{ width: 250px; height: 52px; border-radius: 8px; font-size: 20px; margin-top: 20px; }
	.sychose .item h6{ line-height: 52px; font-size: 26px; margin-top: 20px; }

	.sywin{ padding: 60px 0; }
	.sywin .ls{ top: -60px; width: 80px; }
	.sywin h3{ font-size: 32px; line-height: 1.2; }
	.sywin h4{ font-size: 20px; line-height: 1.3; margin:30px 0 70px; }
	

	.syreview{ padding: 60px 0; }
	.syreview h3{ font-size: 32px; margin-bottom: 30px;}
	.syreview .swiper-pagination{ bottom: 0 !important; }
	.syreview .swiper-pagination .swiper-pagination-bullet{ background-color: rgba(255,255,255,0.4); opacity: 1; margin:0 6px !important; }
	.syreview .swiper-pagination .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,0.8); opacity: 1;}

	.whatnew{ padding: 80px 0; }
	.whatnew .titha{ font-size: 60px; margin-bottom: 30px; font-weight:bold; }
	.whatnew .item{ padding: 30px 0; }
	.whatnew .item .pics{ width: 300px; border-radius: 10px; box-shadow: 0 0 10px #eee; }
	.whatnew .item .info{ width: calc(100% - 330px); }
	.whatnew .item .name{ font-size: 30px; line-height: 1.2; }
	.whatnew .item .desc{ font-size:16px; line-height: 24px; margin:25px 0; }
	.whatnew .item .bot{ height: 36px; font-size: 15px; }
	.whatnew .item .bot .usertx{ width: 36px; height: 36px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
	.whatnew .item .bot .usertx img{ width: 36px; height: 36px; }
	.whatnew .item .bot .time{ margin:0 15px; }


	.footer .ftop{ padding: 30px 0;  }
	.footer .phone{ font-size: 15px; }
	.footer .phone .tela{ font-size: 64px; margin:15px 0;}
	.footer .phone .call{ font-size: 18px; }
	.footer .phone h4{ line-height: 24px; }
	.footer .tation{ border:2px solid #fff; border-radius: 12px; padding: 0 15px; height:76px;}
	.footer .tation img{ width: 32px; margin-right: 15px; }
	.footer .fbot{ padding: 20px 0; }
	.footer .logo{ height: 32px; }
	.footer .logo img{ height: 32px; }
	.footer .txt{ font-size: 14px; line-height: 20px; }
	.footer .flexs{ margin-bottom: 4px; }
	.footer .flexs .pica{ margin:0 8px; }
	.footer .flexs .pica img{ width: 18px; }

}

@media(max-width:992px){
	.hhidden{ display: none }
	.bblock{ display: block }
	.cont1440{ max-width: 100%; padding:0 0.3rem; width: 100%; }
	.cont1200{ max-width: 100%; padding:0 0.3rem; width: 100%; }
	.cont1700{ max-width: 100%; padding:0 0.3rem; width: 100%; }

	
	.header{ height: 1rem; }
	.header .head{ height:1rem; padding: 0.2rem 0; }
	.header .head .cont1440{ padding: 0 0.08rem 0 0.05rem; }
	.header .logoa{ height: 0.6rem; }
	.header .logoa img{ height:0.6rem; }
	.header .search{ width: 47%; flex:1; margin:0 0.1rem 0 0.2rem; }
	.header .search .holder{ display: none; }
	.header .search .find{ height: 0.6rem; }
	.header .search .put{ margin-right: 0rem; border-radius: 0.6rem; padding: 0 0.2rem; }
	.header .search .put img{ width: 0.2rem; height: 0.2rem; margin-right: 0.1rem; }
	.header .search .put input{ line-height: 0.6rem;}
	.header .search .reserch{ padding: 0 0.1rem; line-height: 0.6rem; font-size: 0.26rem; border-radius:0.6rem; display: none; }
	.header .navs{ position: fixed; left: -1300px; top:1rem; width: 100%; bottom: 0; display: block; background-color: rgba(3, 43, 67, 0.8); background: #fff; height: auto; padding: 0.2rem 0.3rem; transition:all 0.4s; }
	.header .navs.on{  left: 0; }
	.header .nava{ line-height: 0.98rem; font-size: 0.32rem; color: #333; border-bottom: 0.02rem solid #eee; }
	.header .menus{ display: block; width: 0.6rem; height: 0.6rem;/* position: absolute; right: 0; top: 0;*/ background-image: url(images/menu.png); background-size: 0.6rem auto; background-position: center; background-repeat: no-repeat; display: block; }
	.header .navs .menus{ width: 100%; }
	.headerH{ height: 1rem; }
	.header .navs > ul > .menu-item{justify-content: space-between;align-items: center;position: relative;flex-flow: row wrap;}
	.header .navs > ul > .menu-item > a{color: #000;width: calc( 100% - 50px );}
	.mobile-menu .navmenu-icon {width: 50px;display: inline-block;height: 40px;position: relative;}
	.header .navs .menus > li > .sub-menu{position: relative;top: 0;width: 100%;}
	.mobile-menu .navmenu-icon svg{display: block;position: absolute;right: 20px;width: 8px;height: 100%;-webkit-transform: scale(1.25);-ms-transform: scale(1.25);transform: scale(1.25);fill: #000;			}

	.navmenu-link-parent-active .icon-chevron-down-left{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.navmenu-link-parent-active .icon-chevron-down-right{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}	
	.banpic .item{ padding:0.6rem 0.3rem 2rem; height:auto;  }
	.banpic .item img{width: 90%; }
	.banpic .item .more{ width: 3rem; height:0.72rem; border-radius: 0.1rem; font-size: 0.3rem; margin-top: 0.5rem; }
	.banpic .item .more:hover{ font-size: 0.3rem; }
	.banpic .changebtn{ border-top: 0.04rem solid rgba(255,255,255,0.5); margin-top: -80px; }
	.banpic .changebtn .btn{ width: 50%; padding:0.2rem; border-right: 0.02rem solid rgba(255,255,255,0.5);height: 80px;}
	.banpic .changebtn .btn p{text-overflow:ellipsis;overflow:hidden;}
	.banpic .changebtn .btn:nth-child(2n){ border-left:0.02rem solid rgba(255,255,255,0.5); border-right: none; }
	.banpic .changebtn .btn img{ width: 0.6rem; height:0.6rem; margin:0 auto 0.1rem; }
	.banpic .changebtn .btn span{ display: block; font-weight: 900; line-height: 36px;font-size:0.28rem; line-height:0.36rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.banpic .changebtn .btn i{ font-size:0.24rem; line-height: 0.32rem; margin-top: 0.1rem;overflow: hidden; text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

	.fastmenus{ padding: .6rem 0; }
	.fastmenus .fastSwiper{ width: calc(100%); }
	.fastmenus .item img{ width:0.6rem; }
	.fastmenus .item span{ line-height: 0.32rem; font-size:0.26rem; border-top:0.02rem solid #20607c; padding-top:0.1rem; margin-top:0.15rem; }
	.fastmenus .swiper-prev{ width:44px; height: 44px; margin-top: -22px; display: none; }
	.fastmenus .swiper-next{ width:44px; height: 44px; margin-top: -22px; display: none; }

	.titha{ font-size: 0.4rem;}
	.cando .titha{ margin-bottom: 0.6rem; }
	.cando .cpart{ margin: 0 0 1.2rem; }
	.cando .cpart .up{ width: 90%; margin:0 auto; border:0.04rem solid #f5a54d; }
	.cando .cpart:before{ left: 0; right: 0; top: 10%; bottom:10%;}
	.cando .cpart .btxta{ font-size: 0.32rem; transform: translateY(-50%); line-height: 0.48rem; }
	.cando .cpart .btxta span{ padding: 0 0.4rem; }
	.cando .cpart .btxta span:before{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem;  }
	.cando .cpart .btxta span:after{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem;  }
	.cando .cpart .descs{ width: 90%; min-width: 90%; font-size: 0.28rem; line-height: 1.2; margin:0.3rem auto 0; }
	.cando .cpart .slist{ width:90%; margin:0.3rem auto; }
	.cando .cpart .sitem{ width: 100%; margin-right: 0%; margin-bottom: 0.4rem;}
	.cando .cpart .sitem:nth-child(3n){ margin-right: 0; }
	.cando .cpart .sitem .ups{ padding: 5%; }
	.cando .cpart .sitem .ups .icon{ width: 0.4rem; margin:0 auto 0.2rem; }
	.cando .cpart .sitem .ups .name{ font-size: 0.3rem; }
	.cando .cpart .sitem .ups .desc{ font-size: 0.28rem; line-height: 0.4rem; margin:0.25rem 0;}
	.cando .cpart .sitem .ups .more{ font-size: 0.28rem; line-height: 0.4rem;}
	.cando .cpart .mores{ width:3.2rem; height:0.8rem; border-radius:0.1rem; font-size:0.36rem; border:0.02rem solid #ccc;}


	.sytact{ padding: 0.5rem 0; position: relative; }
	.sytact:before{ height: calc(100% - 1.8rem); top: 0.9rem; }
	.sytact .lxfill{ border-radius: 0.15rem; padding:0.3rem; width: 100%; }
	.sytact .lxfill h3{ font-size: 0.36rem; line-height: 1.2; margin-bottom:0.2rem; }
	.lxlist dl{ font-size:0.28rem; line-height:0.4rem; width: 100%; margin-bottom: 0.2rem; }
	.lxlist dl dt{ margin-bottom: 0.06rem; }
	.lxlist input{ font-size:0.28rem; height:0.68rem; padding: 0 0.15rem; border-radius: 0.1rem; line-height: 0.68rem; }
	.lxlist textarea{ font-size: 0.28rem; height: 1.5rem; padding: 0 0.15rem; border-radius: 0.1rem; line-height:0.68rem; }
	.lxlist dl:nth-child(2n){ float: left; }
	.lxlist .send{ width: 3.4rem; height:0.88rem; margin:0.2rem auto; border-radius: 0.15rem; font-size: 0.32rem; }
	.lxlist .more{ width: 3.4rem; height:0.88rem; margin:0.2rem auto; border-radius: 0.15rem; border:0.04rem solid #ff4d00; font-size: 0.32rem; }
	.lxlist .time{ font-size: 20px; line-height: 24px; color: #fff; text-align: center; margin-top: 20px; }

	.sywho{ padding: 0.6rem 0; }
	.sywho .who{ width: 90%; border:0.04rem solid #f5a54d; }
	.sywho .who .ls{ left: 0.1rem; width: 0.8rem; }
	.sywho .who h3{ font-size: 0.4rem; line-height: 1.2; }
	.sywho .who h3 span{ padding: 0 0.4rem; }
	.sywho .who h3 span:before{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem;  }
	.sywho .who h3 span:after{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem;  }
	.sywho .who .both{ padding:0.6rem; display: block; }
	.sywho .who .pics{ width:100%;  } 
	.sywho .who .info{ width:100%; font-size: 0.28rem; line-height: 0.4rem; margin-top: 0.3rem; }
	.sywho .who .info h4{ font-size:0.32rem; line-height: 1.2; margin-bottom: 0.2rem; }
	.sywho .who .info li{ margin-bottom: 0.1rem; padding-left: 0.2rem; }

	.sychose{ padding: 0.6rem 0;  }
	.sychose h3{ font-size: 0.4rem; margin-bottom: 0.4rem; }
	.sychose .list.two:before{ display: none; }
	.sychose .list.three:before{ display: none; }
	.sychose .list.three:after{ display: none; }

	.sychose .item{ width: 50%; padding:0.3rem 0.1rem; }
	.sychose .item:last-child{ width: 100%; }
	.sychose .item.half{ border-bottom:none; width: 50%; }
	.sychose .item .num{ width: 1.56rem; height: 1.38rem;  }
	.sychose .item .num span{ height: calc(80%); font-size: 0.32rem; line-height: 1.2; }
	.sychose .item .desc{ margin:0.2rem auto 0px; font-size: 0.26rem; line-height:0.4rem; min-height:0; }
	.sychose .item .btna{ width:2.9rem; height:0.6rem; border-radius: 0.1rem; font-size:0.28rem; margin-top:0.2rem; }
	.sychose .item h6{ line-height: 0.4rem; font-size: 0.28rem; margin-top:0rem; }

	.sywin{ padding: 0.5rem 0; }
	.sywin .ls{ top: -0.5rem; width: 0.6rem; }
	.sywin h3{ font-size: 0.3rem; line-height: 1.2; }
	.sywin h4{ font-size: 0.28rem; line-height: 1.3; margin:0.3rem 0 0.6rem; }
	

	.syreview{ padding: 0.5rem 0; }
	.syreview h3{ font-size: 0.3rem; margin-bottom:0.3rem;}
	.syreview .picshow{ margin-bottom: 0.5rem; }
	.syreview .swiper-pagination{ bottom: 0 !important; }
	.syreview .swiper-pagination .swiper-pagination-bullet{ margin:0 0.06rem !important; }
	.syreview .swiper-pagination .swiper-pagination-bullet-active{}

	.syreview .piccol.wd1{ width: calc(26.3% - 0.1rem); margin-right: 0.1rem; margin-right: calc(15.9% + 0.1rem) }
	.syreview .piccol.wd4{ width: calc(26.3% - 0.1rem); margin-right: 0.1rem; }
	.syreview .piccol.wd3{ width: 31.5%; }
	.syreview .piccol .pic{ width: 100%; overflow: hidden; border-radius: 0.1rem; position: relative;  }
	.syreview .piccol .pic img{ width: 100%; object-fit: cover; transition: all 0.4s; }
	.syreview .piccol .pic:hover img{ transform:scale(1.05); }
	.syreview .piccol .pic p{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; display: flex;  }
	.syreview .piccol .both{ overflow: hidden; margin-bottom: 0.1rem; }
	.syreview .piccol .both .pic{ width: calc(50% - 0.1rem); float: left;  }
	.syreview .piccol .both .pic:nth-child(2){ margin-left:0.1rem; margin-top: 0;  }
	.syreview .piccol .pic:nth-child(2){ margin-top:0.1rem;  }
	.syreview .piccol .box{ width: 100%; height: 0; padding-bottom: 60%; position: relative; left: 0; top: 0;border-radius: 0.1rem; overflow: hidden; }
	.syreview .piccol.wd2{ position: absolute; left: 26.3%; top: 0; width: calc(15.9% - 0.1rem); height: 100%;  }
	.syreview .piccol.wd2 .pic{ height: 100%; }
	.syreview .piccol.wd2 .pic .box{ padding-bottom: 0; height: 100%; }
	.syreview .piccol.wd2 .pic img{ height: 100%; }
	.syreview .piccol.wd3>.pic .box{ padding-bottom: 66.5%; }


	.whatnew{ padding: 0.6rem 0; }
	.whatnew .titha{ font-size: 0.4rem; margin-bottom: 0.3rem; }
	.whatnew .item{ padding: 0.2rem 0.2rem; box-shadow: 0 0 0.1rem #eee; display: block; margin-bottom: 0.2rem; border-radius: 0.1rem; overflow: hidden; }
	.whatnew .item .pics{ width: 100%; border-radius: 0.1rem; box-shadow:none; }
	.whatnew .item .info{ width: 100%; margin-top: 0.2rem; }
	.whatnew .item .name{ font-size: 0.3rem; line-height: 1.2; }
	.whatnew .item .desc{ font-size:0.26rem; line-height: 0.4rem; margin:0.2rem 0; }
	.whatnew .item .bot{ height: 0.4rem; font-size: 0.26rem; }
	.whatnew .item .bot .usertx{ width: 0.4rem; height: 0.4rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.5); }
	.whatnew .item .bot .usertx img{ width: 0.4rem; height:0.4rem; }
	.whatnew .item .bot .time{ margin:0 0.15rem; }


	.footer .ftop{ padding: 0.3rem 0; display: block;  }
	.footer .mation{ display: block; }
	.footer .phone{ font-size: 0.28rem; line-height: 0.4rem; }
	.footer .phone .tela{ font-size: 0.5rem; margin:0.1rem 0;}
	.footer .phone .call{ font-size: 0.26rem; }
	.footer .phone h4{ line-height: 0.4rem; }
	.footer .tation{ font-size: 0.28rem; border:0.04rem solid #fff; border-radius:0.15rem; padding: 0 0.2rem; height:0.8rem; width:5rem; margin-top: 0.3rem; }
	.footer .tation img{ width:0.4rem; margin-right: 0.15rem; }
	.footer .fbot{ padding: 0.2rem 0; }
	.footer .bot{ display: block; }
	.footer .logo{ height: 0.56rem;  }
	.footer .logo img{ height: 0.56rem; /*margin:0 auto;*/ }
	.footer .txt{ font-size: 0.26rem; line-height: 0.4rem; text-align: left !important; margin-top: 0.2rem; }
	.footer .flexs{ margin-bottom: 0.08rem; justify-content: flex-start; }
	.footer .flexs .pica{ margin:0 0.1rem; }
	.footer .flexs .pica img{ width: 0.24rem; }

}

.topban{ display: block; width: 100%; height: 450px; position: relative; }
.topban .pic{ display: block; width: 100%; filter:brightness(66%) saturate(0%); }
.topban h3{ position: absolute; bottom: 100px; width: 100%; text-align: center; color: #fff; font-size: 60px; line-height: 70px; font-weight: 900; z-index: 3; }
.whatnew.bgfff{ padding-top: 0 !important; }
.whatnew.bgfff .wnlist{ background: #fff; border-radius:15px; padding-top: 50px; padding-bottom: 50px; }
.whatnew.bgfff .wnlist .item{ width: 90%; margin-left: auto; margin-right: auto; }

.whatnew.bgtu{ background: url(images/pic20.jpg) no-repeat center / cover; }
.whatnew.bgtu .item{ box-shadow: none; }
.whatnew.bgtu .item .name{ color: #fff; }
.whatnew.bgtu .item .name:hover{ color: #ff4d00; }
.whatnew.bgtu .item .desc{ color: #fff;  }
.whatnew.bgtu .item .bot{ color: #fff; }
.whatnew.bgtu .item .bot .more{ color: #fff; }
.whatnew.bgtu .item .pics{ box-shadow: none; }

@media(max-width:1440px) and (min-width: 992px){
	.topban{ height: 300px; }
	.topban h3{ bottom: 40px; font-size: 52px; line-height: 70px; }
}

@media(max-width:992px){
	.topban{ height: 4rem; }
	.topban h3{ bottom: 0.4rem; font-size:0.44rem; line-height: 1.2; }

	.whatnew.bgfff .wnlist{ border-radius:0.15rem; padding-top:0rem; padding-bottom: 0rem; }
	.whatnew.bgfff .wnlist .item{ width: 100%; }
	.whatnew.bgtu{ background: url(images/pic20.jpg) no-repeat center / auto 100%; }
}


.newinfo{ width: 90%; margin:0 auto; background: #fff; box-shadow: 0 0 10px rgb(0,0,0,0.8); position: relative; z-index: 2; padding: 100px 0; }
.newinfo .cont{ width: 80%; margin:0 auto; min-width: 1000px; }
.newinfo .btit{ display: flex; align-items: center; margin-bottom: 60px; }
.newinfo .btit h3{ font-size: 30px; color: #000; font-weight: 900; flex:1; }
.newinfo .btit .user{ display: flex; align-items: center; font-size: 16px; color: #666; margin-left: 40px;}
.newinfo .btit .user img{ display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px rgb(0,0,0,0.8); margin-right: 15px; }
.newinfo .btit .share{ width: 32px; margin-left: 20px; }
.newinfo .btit .share.fb svg{ fill: #4e4990; }
.newinfo .btit .share.tw svg{ fill: #0098f4; }
.newinfo .btit .share img{ display: block; width:100%; }
.newinfo .word{ font-size: 16px; line-height: 36px; color: #666; }
.newinfo .word img{ display: block; max-width: 100%; margin:30px 0; }
.newinfo .word img.float{ float: left;}


.topbanbg{ position: relative;  }
.topbanbg:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 550px; z-index: 0; background: url(images/pic22.jpg) no-repeat center top / cover; }
.topbanbg .txt{ padding: 250px 0 0 0; position: relative; z-index: 3;  }
.topbanbg .txt h3{ font-size: 50px; color: #fff; font-weight: 900; text-align: center; line-height: 1.2; }
.topbanbg .libs{ overflow: hidden; margin:40px 0 20px 0px; display: flex; flex-flow: wrap;}
.topbanbg .libs .lone{ margin-bottom: 30px;width: 50%;display: flex; justify-content: center; }
.topbanbg .libs .lone a{ width: 80%;border:2px solid #ff4d00; padding: 0 20px; background-color: #000; font-size: 22px; color:#fff; border-radius: 8px; height: 46px; line-height: 44px; cursor: pointer; }
.topbanbg .libs .lone a i{ padding-right: 15px; }
.topbanbg .libs .lone a:hover{ background: #ff4d00; color: #fff; }
.fwpages{ padding-top: 50px; }
.fwpages .parts{ padding: 60px 0; box-shadow: 0 0 10px rgba(0,0,0,0.3) }
.fwpages .both{ width: 90%; max-width: 1800px; margin:0 auto; display: flex; align-items: center; justify-content: space-between; }
.fwpages .word{ flex:1; width: 58%; }
.fwpages .word h3{ font-size: 50px; color: #000; line-height:48px; margin-bottom: 40px; padding-left: 130px; background: url(images/img22.png) no-repeat left 18px / auto 12px; text-transform: uppercase;  }
.fwpages .word ul{ padding-left: 130px; }
.fwpages .word ul li{ line-height: 36px; font-size: 20px; color: #333; }
.fwpages .word ul li i{ padding-right: 20px; }
.fwpages .pics{ margin-left: 2%; width: 30%; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.8); overflow: hidden; }
.fwpages .pics img{ width: 100%; display: block; transition: all 0.4s; }
.fwpages .pics:hover img{ transform: scale(1.1); }

.fwpages .parts.bgs{ background: #0b242f; }
.fwpages .parts.bgs h3{ color: #fff; }
.fwpages .parts.bgs ul li{ color: #fff; }

@media(max-width:1440px) and (min-width: 992px){
	.topbanbg:before{ height: 500px; }
	.topbanbg .txt{ padding: 200px 0 0 0;  }
	.topbanbg .txt h3{ font-size: 44px; line-height: 1.2; }
	.topbanbg .libs{ overflow: hidden; margin:40px 0 20px 0px; }
	.topbanbg .libs .lone{ display: flex; margin-bottom: 30px; width: 50%; float: left; }
	.topbanbg .libs .lone a{ padding: 0 20px; background: #000; font-size: 18px; color:#fff; border-radius: 8px; height: 46px; line-height: 44px; cursor: pointer; }
	.topbanbg .libs .lone a i{ padding-right: 20px; }
	.topbanbg .libs .lone a:hover{ background: #ff4d00; color: #fff; }

	.fwpages{ padding-top: 50px; }
	.fwpages .parts{ padding: 50px 0; }
	.fwpages .both{ width: 90%; max-width: 1800px; }
	.fwpages .word{ flex:1; width: 50%; }
	.fwpages .word h3{ font-size: 40px; line-height:40px; margin-bottom: 40px; padding-left: 100px; background: url(images/img22.png) no-repeat left 16px / auto 8px;  }
	.fwpages .word ul{ padding-left: 100px; }
	.fwpages .word ul li{ line-height: 32px; font-size: 18px;  }
	.fwpages .word ul li i{ padding-right: 10px; }
	.fwpages .pics{ margin-left: 2%; width: 38%; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.8); overflow: hidden; }
	.fwpages .pics img{ width: 100%; display: block; transition: all 0.4s; }
	.fwpages .pics:hover img{ transform: scale(1.1); }

	.fwpages .parts.bgs{ background: #0b242f; }
	.fwpages .parts.bgs h3{ color: #fff; }
	.fwpages .parts.bgs ul li{ color: #fff; }

}


@media(max-width:992px){
	.topbanbg:before{ height: 6.3rem; }
	.topbanbg .txt{ padding: 1.3rem 0 0 0;  }
	.topbanbg .txt h3{ font-size: 0.4rem; line-height: 1.2; }
	.topbanbg .libs{ margin:0.4rem 0 0.2rem 0px; }
	.topbanbg .libs .lone{ margin-bottom: 0.3rem; width: 100%; }
	.topbanbg .libs .lone a{ width: 100%;border:0; padding: 0 0.2rem; font-size:0.3rem; border-radius: 0.15rem; height: 0.52rem; line-height: 0.48rem;  }
	.topbanbg .libs .lone a i{ padding-right: 0.2rem; }

	.fwpages{ padding-top: 0.5rem; }
	.fwpages .parts{ padding: 0.5rem 0; }
	.fwpages .both{ width: 100%; padding: 0 0.3rem; display: block; }
	.fwpages .word{ width: 100%; }
	.fwpages .word h3{ font-size: 0.4rem; line-height:0.44rem; margin-bottom: 0.4rem; padding-left: 1rem; background: url(images/img22.png) no-repeat left 0.18rem / auto 0.08rem;  }
	.fwpages .word ul{ padding-left: 0; }
	.fwpages .word ul li{ line-height: 0.48rem; font-style: italic; font-size: 0.28rem;  }
	.fwpages .word ul li i{ padding-right: 0.1rem; }
	.fwpages .pics{ margin-left: 0; width: 100%; border-radius: 0.15rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.8); margin-top: 0.3rem; }

	.fwpages .parts.bgs{ background: #0b242f; }
	.fwpages .parts.bgs h3{ color: #fff; }
	.fwpages .parts.bgs ul li{ color: #fff; }


	.newinfo{ width: 90%; box-shadow: 0 0 0.1rem rgb(0,0,0,0.5); position: relative; z-index: 2; padding: 0.6rem 0; }
	.newinfo .cont{ width: 90%; margin:0 auto; min-width: 100px; }
	.newinfo .btit{ display: block; margin-bottom: 0.5rem; overflow: hidden; }
	.newinfo .btit h3{ font-size: 0.3rem; width: 100%; float: left; }
	.newinfo .btit .user{ font-size: 0.26rem; margin-left: 0rem; margin-top: 0.2rem; float: left;}
	.newinfo .btit .user img{ width:0.4rem; height: 0.4rem; box-shadow: 0 0 0.1rem rgb(0,0,0,0.8); margin-right: 0.15rem; }
	.newinfo .btit .share{ width: 0.4rem; margin-left: 0.6rem; float: right; }
	.newinfo .btit .share img{ width: 0.4rem; }
	.newinfo .word{ font-size: 0.28rem; line-height: 0.44rem; }
	.newinfo .word img{ display: block; max-width: 100%; margin:0.3rem 0; }
	.newinfo .word img.float{ float: left;}

}

.uppercase{ text-transform: uppercase; }
/*案例*/
.casepage{ padding: 80px 0; }
.casepage h3{ font-size: 50px; color: #333; line-height: 1.2; margin-bottom: 50px; text-align: center; }
.casepage .citem{ padding:45px; border:1px solid #f96332; margin-bottom: 50px; cursor: pointer; color: #f96332; }
.casepage .citem a{color: #f96332;}
.casepage .citem p{ padding-left: 20px; position: relative; line-height: 40px; font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.casepage .citem p i{ position: absolute; left: 0; top: 0; line-height: italic; }
.casepage .citem:hover{ background-color: rgb(11,36,47); color: #fff; }

.caseade{background: url(images/pic22.jpg) no-repeat center top / cover; padding: 120px 0;}
.caseade .cont1200{ display: flex; align-items: center; justify-content: space-between; }
.caseade a{ display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 900; cursor: pointer; }
.caseade a i{ padding-right: 20px; }
.caseade h3{ font-size: 30px; }
.caseade a:hover{ color:#f96332;  }


@media(max-width:1440px) and (min-width: 992px){
	.casepage{ padding: 60px 0; }
	.casepage h3{ font-size: 40px; line-height: 1.2; margin-bottom: 40px; }
	.casepage .citem{ padding:40px; border:1px solid #f96332; margin-bottom: 40px; }
	.casepage .citem p{ padding-left: 20px; line-height: 32px;  font-size: 20px; font-weight: 600; margin-bottom: 5px;  }

	.caseade{ padding: 100px 0;}
	.caseade a{ font-size: 18px; line-height: 30px; color: #fff; font-weight: 900; }
	.caseade a i{ padding-right: 20px; }
	.caseade h3{ font-size: 24px; }
}
@media(max-width:992px){

	.casepage{ padding: 0.6rem 0; }
	.casepage h3{ font-size: 0.4rem; line-height: 1.2; margin-bottom: 0.4rem; }
	.casepage .citem{ padding:0.3rem; border:0.02rem solid #f96332; margin-bottom: 0.4rem; }
	.casepage .citem p{ padding-left:0.2rem; line-height:0.4rem; font-size: 0.28rem; margin-bottom: 0.08rem; }

	.caseade{ padding:0.8rem 0;}
	.caseade a{ font-size: 0.28rem; line-height: 0.44rem; }
	.caseade a i{ padding-right: 0.2rem; }
	.caseade h3{ font-size: 0.3rem; }
}

.pages{ display: flex; align-items: center; justify-content: center; padding: 40px 0; }
.pages a{ display: block; width: 40px; height: 40px; border:1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #222; cursor: pointer;}
.pages .num:hover{ background: #ff4d00; color: #fff; }
.pages .on:hover{ background: #ff4d00; color: #fff; }
.pages a.pgprev{ width: 52px; }
.pages a.pgnext{ width: 52px; }

.topbanlaw{ position: relative;  }
.topbanlaw:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%;  bottom:40px; z-index: 0; background: url(images/pic22.jpg) no-repeat center top / cover; }
.topbanlaw .txt{ padding: 200px 0 0 0; position: relative; z-index: 3;  }
.topbanlaw .put{ display: flex; align-items: center; justify-content: center; }
.topbanlaw .put input{ display: block; line-height: 48px;  height: 48px; width: 740px; border-radius: 8px; background: #fff; padding: 0 15px; font-size: 18px; color: #333; }
.topbanlaw .put button{ display: block; width: 168px; height: 48px; margin-left: 30px; background: #ff4d00; border-radius: 8px; font-size: 18px; color: #fff; line-height: 48px; text-align: center; box-shadow: none; border:none; cursor: pointer; }
.topbanlaw .put button:hover{ background-color: #f14901; }
.topbanlaw .menus{ display: flex; align-items: center; justify-content: center;}
.topbanlaw .meuna{ border-radius: 8px; padding: 20px 40px; margin:0 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.2) }
.topbanlaw .meuna img{ display: block; width: 38px; height: 38px; margin-right: 25px; }
.topbanlaw .meuna span{ display: block; }
.topbanlaw .meuna span b{ display: block; font-size: 24px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #000; line-height: 1; }
.topbanlaw .meuna span i{ display: block; font-size: 16px; color: #666; line-height: 1; margin-top: 8px; }
.topbanlaw .meuna:hover{ background-color:#0b242f;}
.topbanlaw .meuna:hover span b{ color: #fff; }
.topbanlaw .meuna:hover span i{ color: #fff; }
.topbanlaw .meuna.on{ background-color:#0b242f;}
.topbanlaw .meuna.on span b{ color: #fff; }
.topbanlaw .meuna.on span i{ color: #fff; }

.lawpage{ padding: 80px 0; }
.lawpage .swbox{ overflow: hidden; display: none; }
.lawpage .swbox.on{ display: block; }
.lawpage .side{ float: left; width: 44%; padding-right: 4%; border-right:1px solid #ff4d00; position: relative; }
.lawpage .side:after{ content: ""; position: absolute; width: 13px; height: 13px; right: -7px; border-radius: 50%; background: #ff4d00; top: 0; }
.lawpage .side h3{ background-color:#0b242f; height: 68px; border-radius: 8px 0 0 8px; padding: 0 20px; display: flex; align-items: center; font-size: 20px; color: #fff;  }
.lawpage .side h3 img{ display: block; width: 40px; margin-right: 40px; }
.lawpage .side h4{ height: 68px; border-radius: 8px; padding: 0 20px; display: flex; align-items: center; font-size: 16px; color: #666;  }
.lawpage .side h4 img{ display: block; width: 40px; margin-right: 40px; }
.lawpage .side span{text-transform: capitalize;}
.lawpage .side .lka{ padding: 15px 20px; line-height: 24px; display: flex; align-items: center; border-bottom:1px solid #f2f2f2; font-size: 20px; cursor: pointer; }
.lawpage .side .lka:hover{ color: #20607c; font-size: bold; }
.lawpage .side .lka img{ display: block; width: 16px; height: 16px; margin-right: 20px; }
.lawpage .side .lka span{ width: calc(100% - 36px); display: block; }
.lawpage .side .lka.on{color: #20607c; font-size: bold; }

.lawpage .right{ float: right; width: 52%; }
.lawpage .right h3{ font-size: 40px; color: #20607c; }
.lawpage .right { margin:30px 0; font-size: 18px; line-height: 40px; color: #666; }
.lawpage .right .edits{ font-size: 16px; line-height: 40px; color: #888; margin:30px 0; }
.lawpage .right .edits i{ color: #218fc4; text-decoration: underline; }
.lawpage .right .boxs{ display: none; }
.lawpage .right .boxs.on{ display: block; }

@media(max-width:1440px) and (min-width: 992px){
	.topbanlaw .meuna{ border-radius: 8px; padding: 20px 30px; margin:0 10px; cursor: pointer; }
	.topbanlaw .meuna img{ display: block; width: 32px; height: 32px; margin-right: 20px; }
	.topbanlaw .meuna span b{ font-size: 18px; }
	.topbanlaw .meuna span i{ font-size: 14px;  margin-top: 6px; }

	.lawpage .right h3{ font-size: 30px; color: #20607c; }
}


@media(max-width:992px){
	.topbanlaw:before{ bottom:0.4rem; }
	.topbanlaw .txt{ padding: 2rem 0 0 0;  }
		.topbanlaw .put{ padding: 0 0.3rem; }
	.topbanlaw .put input{ line-height: 0.8rem; height: 0.8rem; width:4.2rem; border-radius: 0.12rem; background: #fff; padding: 0 0.2rem; font-size: 0.28rem; color: #333; flex:1;}
	.topbanlaw .put button{ width: 2rem; height:0.8rem; margin-left: 0.3rem; border-radius: 0.12rem; font-size: 0.28rem; line-height: 0.8rem;}
	.topbanlaw .menus{ margin-top:1.2rem; padding: 0 0.3rem; }
	.topbanlaw .meuna{ border-radius: 0.15rem; padding:0.2rem 0.1rem; margin:0 0.05rem; box-shadow:0 0 0.1rem rgba(0,0,0,0.2); display: block; text-align: center; }
	.topbanlaw .meuna img{ width: 0.44rem; height: 0.44rem; margin:0 auto 0.2rem; }
	.topbanlaw .meuna span b{ font-size: 0.24rem; line-height: 1; }
	.topbanlaw .meuna span i{ font-size: 0.24rem; margin-top:0.1rem; }


	.lawpage{ padding: 0.6rem 0; }
	.lawpage .side{ float: left; width:100%; padding-right: 0%; border-right:none; }
	.lawpage .side:after{ display: none;}
	.lawpage .side h3{ height: 0.8rem; border-radius:0.1rem 0 0 0.1rem; padding: 0 0.2rem; font-size:0.28rem; }
	.lawpage .side h3 img{ width: 0.4rem; margin-right:0.4rem; }
	.lawpage .side h4{ height: 0.8rem; border-radius: 0px; padding: 0 0.2rem; font-size: 0.26rem; }
	.lawpage .side h4 img{ width:0.4rem; margin-right: 0.4rem; }
	.lawpage .side .lka{ padding:0.2rem 0.2rem; line-height:0.36rem; border-bottom:0.02rem solid #f2f2f2; font-size: 0.28rem; }
	.lawpage .side .lka img{ width: 0.2rem; height: 0.2rem; margin-right:0.15rem; }
	.lawpage .side .lka span{ width: calc(100% - 0.35rem);}

	.lawpage .right{ width: 100%; margin-top: 0.3rem; }
	.lawpage .right h3{ font-size:0.34rem; line-height: 1.2; }
	.lawpage .right ul{ margin:0.3rem 0; font-size: 0.28rem; line-height:0.48rem;}
	.lawpage .right .edits{ font-size: 0.26rem; line-height: 0.4rem;  margin:0.3rem 0; }
}

.picter{
	border-radius: 14.66px;
    overflow: hidden;
    opacity: 1;
    filter: drop-shadow(rgba(57, 57, 57, 0.71) 0px 3px 6px);
    transition: unset;	
}

.filigt{
	filter: brightness(107.5%) saturate(107%) contrast(114%);
}

.filack{
    filter: saturate(42%) brightness(77%) contrast(115%);	
}

.ourfree{ padding: 90px 0; background: #062236; }
.ourfree h3{ text-align: center; font-size: 60px; color: #fff; line-height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 70px; }
.ourfree h3 span{ padding: 0 120px; position: relative; }
.ourfree h3 img{ display: block; height: 15px; }
.ourfree h3 img.fan{ transform: rotate(180deg); }
.ourfree .lists{ display: flex; justify-content: space-around; align-items: flex-start;  }
.ourfree .lists .item{ width: 45%; padding: 40px 20px; min-height: 550px;font-size: 18px; color: #666; line-height: 44px; text-align: center; background: #fff; box-shadow:0 0 10px #fff; }
.ourfree .lists .item a{ color: #ffa300; }
.ourfree .lists .item p{ margin:0; font-size: 24px; }
.ourfree .lists img{ display: block; width: 110px; margin:0 auto 40px; }
.ourfree .lists h4{ font-size: 30px; color: #000; font-weight: 900; line-height: 60px; }

.sywin.right .picshow{ justify-content: flex-start; }
.sywin.right .piccol:nth-child(2){ left:auto; right: 0; margin:0; }
.sywin.right .piccol:first-child{ margin-right: 30px; }

.toplx{ background: url(images/pic3.png) no-repeat center / cover; padding: 200px 0 80px 0; }
.toplx .line{ display: flex; align-items: center; padding-left: 20px;  }
.toplx .line .name{ font-size: 20px; color: #fff; margin-right: 140px; }
.toplx .line .tuwen{ display: flex; align-items: center; font-size: 24px; color: #f2f2f2; margin-left: 40px; }
.toplx .line .tuwen img{ display: block; width: 28px; margin-right: 8px;  }
.toplx h3{ font-size: 50px; color: #fff; font-weight: 900; line-height: 1.2; margin:40px 0; padding-left: 20px; }
.toplx li{ position: relative; padding-left: 20px; font-size: 24px; color: #fff; margin-bottom: 0; opacity: 0.8; }
.toplx li i{ position: absolute; left: 0; top: 0;}
.toplx li b{ font-weight: 900; }
.toplx h6{ margin-top: 25px; font-style: italic; font-size: 24px; color: #fff; opacity: 0.8; }
.title-icon{display:inline-block}

.descpart.lan{ background: #143c4d; }
.descpart .bitem{ padding: 50px 0; display: flex; align-items: center; justify-content: space-between; }
.descpart .word{ width: 50%; }
.descpart .word .lnimg{ height: 15px; }
.descpart .word h3{ font-size: 30px; color: #000; line-height: 48px; margin:10px 0; display: flex; align-items: center;}
.descpart .word .txt{ font-size: 20px; line-height: 26px; color: #666; }
.h3img{ display: inline-block; width: 40px; height: 40px;}
.descpart .word .txt p{ margin-top: 30px; }
.descpart .word .bord{ padding: 20px; color: #e2571b; border:1px solid #e2571b; }
.descpart .pic{ width: 45%; overflow: hidden; }
.descpart .pic img{ display: block; width: 100%; transition: all 0.4s; }
.descpart .pic:hover img{ transform:scale(1.1); }

.descpart.lan .bitem{ flex-direction: row-reverse;}
.descpart.lan .word h3{ color: #fff; }
.descpart.lan .word .txt p{ color: #767676; }
.descpart.lan .word .bord{ background: #fff;color: #e2571b; border:1px solid #e2571b; }

@media(max-width:1440px) and (min-width: 992px){
	.ourfree h3{ font-size: 50px; line-height: 70px; margin-bottom: 60px; }
}


@media(max-width:992px){
	.ourfree{ padding: 0.6rem 0; }
	.ourfree h3{ font-size: 0.4rem; line-height: 0.8rem; margin-bottom: 0.6rem; }
	.ourfree h3 span{ padding: 0 1rem; }
	.ourfree h3 img{  height:0.12rem; }
	.ourfree .lists{ display: block; }
	.ourfree .lists .item{ width: 48%; padding:0.3rem; font-size:0.28rem; line-height: 0.48rem;  box-shadow:0 0 0.1rem #fff; width: 100%; margin-bottom: 0.3rem; }
	.ourfree .lists img{ width: 1rem; margin:0 auto 0.4rem; }
	.ourfree .lists h4{ font-size: 0.32rem; line-height:0.68rem; }


	.toplx{ padding: 1.5rem 0 1rem 0; }
	.toplx .line{ padding-left:0;  }
	.toplx .line .name{ font-size:0.3rem;margin-right: 0; }
	.toplx .line .tuwen{ font-size: 0.28rem; margin-left:0.1rem; }
	.toplx .line .tuwen img{ width: 0.32rem; margin-right: 0.1rem;  }
	.toplx h3{ font-size:0.4rem; line-height: 1.2; margin:0.3rem 0; padding-left: 0.2rem; }
	.toplx li{ padding-left: 0.2rem; font-size:0.28rem; margin-bottom: 0.1rem; }
	.toplx h6{ margin-top: 0.2rem; font-size:0.26rem; }


	.descpart .bitem{ padding:0.45rem 0; display: block; }
	.descpart .word{ width: 100%; margin-bottom: 0.2rem; }
	.descpart .word .lnimg{ height: 0.12rem; }
	.descpart .word h3{ font-size: 0.32rem; line-height:0.6rem; margin:0.06rem 0; }
	.descpart .word .txt{ font-size: 0.26rem; line-height:0.4rem; }
	.descpart .word .txt p{ margin-top:0.3rem; }
	.descpart .word .bord{ padding:0.2rem; border:0.02rem solid #e2571b; }
	.descpart .pic{ width: 100%; overflow: hidden; }
	.descpart.lan .word{}
	.descpart.lan .word .bord{ border:0.02rem solid #e2571b; }
	
	.sywin .piccol .pic{ border-radius: 0.1rem; }
	.sywin .piccol .pic .box{ border-radius: 0.1rem; }
	.sywin .piccol{ width: calc(33.33% - 0.08rem) }
	.sywin .piccol:first-child{ margin-right: 0;  }
	.sywin .piccol .pic:nth-child(2){ margin-top: 0.1rem; }
	.sywin .piccol:nth-child(2){ left: calc(33.33% - 0.08rem); margin:0 0.12rem; }

	.sywin.right .piccol{ width: calc(33.33% - 0.08rem) }
	.sywin.right .piccol:first-child{ margin-right: 0.12rem;  }
	.sywin.right .piccol .pic:nth-child(2){ margin-top: 0.1rem; }
}

.topuse{ background: url(images/pic22.jpg) no-repeat center / cover; padding: 250px 0 50px 0; text-align: center; }
.topuse h3{ font-size: 40px; color: #fff; font-weight: 900; line-height: 1.2; margin-bottom: 30px; }
.topuse p{ font-size: 18px; color: #fff; line-height: 28px; margin:0 auto 0; width: 90%;font-weight: 500;}

.fwpages.sm .both{ overflow: hidden; display: block; }
.fwpages.sm .word{ width: 50%; float: left; }
.fwpages.sm .pics{ width: 40%; float: right; }
.fwpages.sm .word h3 em{ font-size: 20px; padding: 0 10px; }
.fwpages.sm .word .lka{ font-size: 24px; padding-left: 130px; color: #ff6900; line-height: 26px; display: block; margin:30px 0 40px; font-style:italic; }
.fwpages.sm .word .lka i{ text-decoration: underline; font-style:italic; }
.fwpages.sm .word > p{ padding-left: 130px; font-size: 24px; color: #333; line-height: 26px; }
.fwpages.sm .fills{ background: #343434; border-radius: 10px; padding: 40px; overflow: hidden; width: 45%; float: right;  }
.fwpages.sm .fills h6{ font-size: 16px; line-height: 28px; margin-bottom: 5px; color: #fff; }

.spbuy{ padding: 50px 0; }
.spbuy .flexs{ display: flex; align-items: center; justify-content: space-between; }
.spbuy .item{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 26%; text-align: center; padding: 40px 30px;}
.spbuy .item .icon{ display: block; width: 120px; margin:0 auto 30px; }
.spbuy .item h3{ font-size: 30px; color: #000; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spbuy .item h4{ font-size: 18px; color: #666; line-height: 24px; margin:15px auto 0; height: 48px; overflow: hidden; }
.spbuy .item .price{ padding: 40px 0; font-size: 40px; color: #000; font-weight: 900; }
.spbuy .item h5{ font-size: 18px; color: #666; line-height: 36px; display: flex; align-items: center; justify-content: center; }
.spbuy .item h5 span{ border-bottom: 1px solid #eee; display: block; line-height: 36px; }
.spbuy .item .btna{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #000; font-weight: 900; background-color: #ff8600; border-radius: 8px; cursor: pointer;  }
.spbuy .item .btna:hover{ background-color: #e87a00; }
.spbuy .item .free{ height: 140px; display: flex; flex-direction: column; justify-content: center; }

.wantp{ padding: 100px 0; }
.wantp .cont1440{ display: flex; align-items: center; justify-content: center; }
.wantp .icon{ width: 308px; }
.wantp .info{ margin-left: 180px;}
.wantp h3{ font-size: 60px; color: #333; line-height: 1.2; }
.wantp .goa{ width: 480px; height: 86px; border:3px solid #e45521; background-color: rgba(226,87,27,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #e45521; margin:30px auto 0; }
.wantp .goa:hover{background-color: rgba(226,87,27,1); border-color: #5089ce; color: #fff; }

@media(max-width:1440px) and (min-width: 992px){
	.spbuy .item{ width: 30%; }
	.topuse{ padding: 220px 0 50px 0; }
	.topuse h3{ font-size: 34px; margin-bottom: 25px; }
	.topuse p{ font-size: 16px; }
	.wantp h3{ font-size: 50px; line-height: 1.2; }
	.wantp .icon{ width: 266px; }
	.wantp .goa{ width: 80%; font-size: 24px; height: 76px; }

	.fwpages.sm .word h3{ padding-left: 100px; }
	.fwpages.sm .word > p{ padding-left: 100px; font-size: 18px; }
	.fwpages.sm .word .lka{ padding-left: 100px; font-size: 18px; }

	.wantp{ padding: 80px 0; }
}


@media(max-width:992px){
	.topuse{ padding: 1.8rem 0.3rem 0.85rem 0.3rem; text-align: center; }
	.topuse h3{ font-size: 0.32rem; margin-bottom: 0.25rem; }
	.topuse p{ font-size: 0.28rem; line-height: 0.4rem; width: 100%;}

	
	.fwpages.sm .word{ width: 100%; float: none; }
	.fwpages.sm .pics{ width: 100%; float: none; }
	.fwpages.sm .word h3{ padding-left: 1rem; }
	.fwpages.sm .word h3 em{ font-size: 0.22rem; padding: 0 0.1rem; }
	.fwpages.sm .word .lka{ font-size:0.28rem; padding-left: 1rem; line-height: 0.44rem; margin:0.3rem 0 0.4rem;  }
	.fwpages.sm .word > p{ padding-left: 1rem; font-size: 0.28rem; line-height: 0.44rem; }
	.fwpages.sm .fills{ border-radius:0.15rem; padding:0.3rem; width: 100%; float: right; margin-top: 0.3rem;  }
	.fwpages.sm .fills .send{ height: 0.8rem;  margin:0.15rem auto; border-radius: 0.15rem; font-size: 0.3rem; }
	.fwpages.sm .fills h6{ font-size:0.26rem; line-height:0.4rem; margin-bottom: 0.1rem;}

	.spbuy{ padding:0.5rem 0; }
	.spbuy .flexs{ display: block; }
	.spbuy .item{ box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); width: 100%; padding:0.3rem; margin-bottom: 0.3rem;}
	.spbuy .item .icon{ width: 1.4rem; margin:0 auto 0.3rem; }
	.spbuy .item h3{ font-size:0.32rem; line-height: 1.2; }
	.spbuy .item h4{ font-size:0.28rem; line-height: 0.4rem; margin:0.2rem auto 0; height: auto; }
	.spbuy .item .price{ padding: 0.35rem 0; font-size:0.36rem; }
	.spbuy .item h5{ font-size:0.28rem; line-height: 0.44rem; }
	.spbuy .item h5 span{ border-bottom: 1px solid #eee; line-height: 0.4rem; }
	.spbuy .item .btna{ height:0.76rem; line-height:0.76rem; font-size: 0.3rem; border-radius:0.15rem; }
	.spbuy .item .free{ height: auto; display: block; margin-bottom: 0.3rem; }

	.wantp{ padding: 0.6rem 0; }
	.wantp .cont1440{ display: block; }
	.wantp .icon{ width: 3rem; margin:0 auto; }
	.wantp .info{ margin-left: 0; margin-top: 0.5rem; text-align: center; }
	.wantp h3{ font-size:0.44rem; line-height: 1.2; }
	.wantp .goa{ width:5rem; height:1rem; border:0.06rem solid #e45521; border-radius: 0.15rem; font-size:0.36rem;  margin:0.3rem auto 0; }
}


.helps .part{ padding:110px 0;  }
.helps h3{ font-size: 40px; color: #000; font-weight: 900; line-height: 1.2; margin-bottom: 25px;text-transform: uppercase;}
.helps .txt{ font-size: 20px; color: #666; line-height: 30px; }
.helps .bor{ border:1px solid #ff4d00; padding: 10px; color:#ff4d00; font-size: 16px; line-height: 30px;  }
.helps .bor h4{ font-weight: 900; margin-bottom: 20px; }
.helps .part.lan{ background: #143c4d; }
.helps .part.lan h3{ color: #fff; }
.helps .part.lan .txt{ color: #fff; margin-bottom: 40px; }

.helps .word.bgicon{ padding-right:350px; background: url(images/img57.png) no-repeat right center / 256px auto;  }
.helps .word.center{ text-align: center; }

@media(max-width:1440px) and (min-width: 992px){
	.helps .part{ padding:90px 0;  }
	.helps h3{ font-size: 34px; }
	.helps .word.bgicon{ padding-right: 300px; background-size: 200px auto; }
}

@media(max-width:992px){
	.helps .part{ padding:0.6rem 0;  }
	.helps h3{ font-size:0.36rem; margin-bottom: 0.3rem; }
	.helps .word.bgicon{ padding-right:0rem; background-image:none; }
	.helps .txt{ font-size: 0.28rem; line-height: 0.4rem; }
	.helps .bor{ font-size: 0.28rem; border-width: 0.02rem; padding: 0.15rem; line-height: 0.4rem; }
	.helps .part.lan .txt{ margin-bottom: 0.4rem; }
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output
{
	color: red;
}

.wpcf7 form.sent .wpcf7-response-output{
	color: #46b450
}

.ourfree .konw{ display: block; width: 630px; height:108px; background: #e2571b; border-radius: 15px; margin:120px auto 0; font-size: 32px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;  }
.ourfree .konw:hover{ background: rgba(51,172,245,1); font-size: 34px; }

.askpage{ padding: 50px 0; }
.askpage h3{ font-size: 60px; color: #000; line-height: 1.2; display: flex; align-items: center; margin-bottom: 40px; }
.askpage h3 img{ display: block; height: 15px; margin-right: 20px; }
.askpage .sins{ padding: 20px 0; border-bottom: 2px solid #ff4d00; cursor: pointer; }
.askpage .sins .toggle{ display: block; width: 24px; height: 24px; background: url(images/img58.png) no-repeat center / 100% auto; cursor: pointer; position: absolute; left: 0; top: 0; }
.askpage .sins .txt{ padding-left: 40px; position: relative; }
.askpage .sins .ta{ font-size: 30px; color: #000; font-weight: 900; line-height: 1.4; }
.askpage .sins .tb{ font-size: 18px; color: #222; line-height:26px; display: none; margin-top: 10px; width: 90%; }
.askpage .sins.active .toggle{ background-image: url(images/img59.png); }

.page-template-contract{background: #efefef;padding-top: 150px;}
.notfound{ font-size: 40px;font-weight: 900; text-align: center; min-height: 300px;}
.contract-wrap{
    width: 960px;
    background-color: white;
    box-shadow: 0px 1px 1px #AAA;
    min-height: 600px;   
	padding: 20px;	
	margin: 0 auto;
	font-size: 15px;
	margin-bottom: 40px;
}

.contract-wrap h3 {
    font-size: 26px;
    margin: 15px 0;
    color: #000;
}

.contract-wrap input[type="text"]{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ced4da;
}

.sign-arrow{
    position: absolute;
    top: 30%;
    left: -80px;
}

.signature-submit{
    background: #ff4d00;
    color: #fff;
	width: 100px;
    height: 30px;
    border-radius: 8px;
}

@media(max-width:992px){
	
	.page-template-contract{
		padding-top: 50px;
	}
	
	.contract-wrap{
		width: 350px;
		padding: 10px;
	}
	
	.sign-arrow{
		left: -20px;
	}
}

.tiona{ padding: 150px 0 90px; }
.tiona .one{border:1px solid #f5a54d; }
.tiona .btxta{font-size: 30px; color: #333; font-weight: 900; text-align: center; line-height: 40px;  transform: translateY(-50%); }
.tiona .btxta span{ background-color: #fff; padding: 0 10px; position: relative; width: 60%; text-align: center; display: block; margin:0 auto; min-width: 600px; }
.tiona .btxta span:before{ content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.tiona .btxta span:after{ content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.tiona .lists{ width: 80%; margin:50px auto 0; overflow: hidden; }
.tiona .lists .item{ display: block; width: 30%; float: left; padding: 0; position: relative; cursor: pointer; margin-bottom: 50px; }
.tiona .lists .item .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative;  }
.tiona .lists .item .pic img{ object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.4s; }
.tiona .lists .item .boxs{ display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.tiona .lists .item .icon{ display: block; height:50px; margin:0 auto; }
.tiona .lists .item h4{ font-size: 24px; color: #fff; line-height: 1; font-weight: 900; margin:25px 0; }
.tiona .lists .item h5{ font-size:18px; color: #fff; line-height: 1; }
.tiona .lists .item:nth-child(3n+2){ margin:0 5%; }
.tiona .lists .item:hover .pic img{ transform: scale(1.1); }
.tiona .descs{ width: 70%; margin:50px auto 80px; overflow: hidden; font-size: 22px; color: #666; line-height:36px; text-align: center; }

.tradeban{ background: url(images/pic26.jpg) no-repeat center top / cover; padding: 630px 0 50px; text-align: center; }
.tradeban .txt{ text-align: center;}
.tradeban .txt h3{ font-size: 50px; color: #fff; font-weight: 900; }
.tradeban .txt p{ font-size: 20px; color: #fff; line-height: 1.5; margin-top: 40px;}
.tradeban .txt p i{ padding-right: 15px; }
.tradeban .txt.left{ text-align: left; }
.tradeban.sm{ padding: 400px 0 100px; background-image: url(images/pic28.png); }
.tradeban.sm .txt h3{ margin-bottom: 40px; }
.tradeban.sm .txt p{ line-height: 1.2 !important; margin-top: 0; }

.casescroll .scrolls{ background:fixed url(images/pic27.jpg) no-repeat center top / cover;  }
.casescroll .btxta{ font-size: 40px; color: #333; font-weight: 900; text-align: center; line-height: 40px; margin-bottom: 40px; }
.casescroll .btxta span{ background-color: #fff; padding: 0 80px; position: relative; }
.casescroll .btxta span:before{ content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.casescroll .btxta span:after{ content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 12px; background-color: #f5a54d; border-radius: 50%; margin-top: -6px;  }
.casescroll .btxta:before{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height:1px; background: #f5a54d; }

.scrolls{}
.scrolls .citem{ display: flex; align-items: center; justify-content: space-between; }
.scrolls .citem .photo{ width: 46%; float: left; }
.scrolls .citem .photo .pic{ display: block; width: 100%; }
.scrolls .citem .photo .pic img{ display: block; width: 100%; }
.scrolls .citem .card{ width: 46%; float: right; background-color: #0b242f; padding: 40px; color: #fff; }
.scrolls .citem .card h3{ font-size: 50px; font-style: italic; line-height: 80px; border-bottom: 1px solid #ff4d00; position: relative; padding: 0 20px; }
.scrolls .citem .card h3:before{ content: ""; position: absolute; left: 0; bottom: -5px; height: 11px; width: 11px; border-radius: 50%; background-color:#ff4d00;  }
.scrolls .citem .card h6{ opacity: 0.75; font-size: 20px; padding: 0 20px; margin-top: 30px; font-weight: 900; line-height: 1.2; }
.scrolls .citem .card h4{ opacity: 0.75; font-size: 20px; padding: 0 20px; margin-top: 30px; line-height: 1.2; }
.scrolls .citem .touch{ display: block; width: 200px; height:52px; background-color: #000; border-radius: 5px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; margin:30px 0; cursor: pointer; }
.scrolls .citem .speak{ padding-right:120px; padding-bottom: 80px; position: relative; }
.scrolls .citem .speak .ptxt{ background-color: rgba(255,255,255,0.1); border:2px solid #ff4d00; padding: 40px 20px; font-size: 20px; color: #ff4d00; line-height:1.3; position: relative; }
.scrolls .citem .speak .ptxt h5{ text-align: left; margin-top: 20px; }
.scrolls .citem .speak .sicon{ display: block; width: 82px; height: 82px; position: absolute; right: -30px; top: -30px; }
.scrolls .citem .speak .tx{ position: absolute; right: 0; bottom: 0; width: 180px; height:180px; z-index: 3; }
.scrolls .citem .bt{ font-size: 36px; color: #ff4d00; font-weight: 900; margin-bottom: 40px; line-height: 1.1 }
.scrolls .citem .bt i{ padding-right: 12px; }

.scrolls .citem:nth-child(2n){ flex-direction: row-reverse; }
.scrolls .citem:nth-child(2n) .speak{ padding-right: 0; padding-left: 120px; }
.scrolls .citem:nth-child(2n) .tx{ right: auto; left: 0; }
.scrolls .citem:nth-child(2n) .speak .ptxt h5{ text-align: right; }
.scrolls .citem.all{ justify-content: center; padding:80px 0; }
.scrolls .citem.all .photo{ width: 60%; }

.keyser{ background: #0b242f; padding: 80px 0; }
.keyser h3{ padding-top: 30px; font-size: 60px; line-height: 1.5; color: #fff; margin-bottom: 100px; }
.keyser .line{ display: flex; }
.keyser .liner{ display: flex; justify-content: flex-end; }
.keyser .liner .tline{ transform: rotate(180deg); }
.keyser .tline{ height: 15px; margin-bottom: 20px; }
.keyser .lists{ overflow: hidden; }
.keyser .item{ width:22%; float: left; margin-right: 4%; position: relative; }
.keyser .item .pic{ display: block; width: 100%; height: 0; padding-bottom: 134%; overflow: hidden; position: relative;  }
.keyser .item .pic img{ object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.4s; }
.keyser .item .ups{ display: flex; justify-content: space-between; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; padding: 40px; color: #fff; }
.keyser .item .ups h4{ font-size: 32px; line-height: 1.1; }
.keyser .item .ups p{ font-size: 18px; line-height: 1.5; }
.keyser .item .ups .more{ text-align: right; text-decoration: underline; color: #fff; cursor:pointer; }
.keyser .item .ups .more:hover{ color: #ff4d00; }
.keyser .item:nth-child(2n+1){ margin-top: 200px; }
.keyser .item:nth-child(4){ margin-right: 0; }
.keyser .item:hover .pic img{ transform:scale(1.1); }

@media(max-width:1440px) and (min-width: 992px){
	.ourfree .konw{ height:92px; font-size: 24px; margin-top: 100px; }
	.ourfree .konw:hover{ font-size: 28px; }
	.tradeban{ padding: 500px 0 50px 0; }
	.tradeban.sm{ padding: 350px 0 80px;}
	.tradeban.sm .txt h3{ margin-bottom: 30px; }
	.tradeban.sm .txt p{ line-height: 1.2 !important; margin-top: 0; }
	.tradeban .txt h3{ font-size: 44px; }
	.keyser h3{ font-size: 50px; }
	.keyser .item .ups h4{ font-size: 28px; }
	.keyser .item .ups p{ font-size: 16px; }
	.keyser .item .ups{ padding: 25px; }
	.scrolls .citem .card h3{ font-size: 44px; line-height: 72px; }
	.askpage h3{ font-size: 50px; }
	.askpage .sins .ta{ font-size: 24px; }
}

@media(max-width:992px){
	.ourfree .konw{ width: 4.5rem; height:0.88rem; border-radius:0.15rem; margin:0.6rem auto 0; font-size: 0.32rem; }
	.ourfree .konw:hover{ font-size: 0.34rem; }

	.askpage{ padding: 0.5rem 0; }
	.askpage h3{ font-size: 0.4rem; margin-bottom: 0.3rem; }
	.askpage h3 img{ height:0.15rem; margin-right: 0.2rem; }
	.askpage .sins{ padding:0.3rem 0; border-bottom: 0.02rem solid #ff4d00; }
	.askpage .sins .toggle{ width:0.4rem; height:0.4rem; }
	.askpage .sins .txt{ padding-left: 0.6rem; }
	.askpage .sins .ta{ font-size:0.32rem; line-height: 1.2; }
	.askpage .sins .tb{ font-size:13px; line-height:20px; height:20px; margin-top:0.2rem; width: 100%;height: 100%; }


	.tiona{ padding: 1.2rem 0 0.5rem; }
	.tiona .one{border:1px solid #f5a54d; }
	.tiona .btxta{font-size: 0.3rem; line-height: 0.4rem; }
	.tiona .btxta span{ padding: 0 0.2rem; width: 5.6rem; min-width: 100px; }
	.tiona .btxta span:before{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem;  }
	.tiona .btxta span:after{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem; }
	.tiona .lists{ width: 80%; margin:0.5rem auto 0; }
	.tiona .lists .item{ width: 100%; margin-bottom: 0.3rem; }
	.tiona .lists .item .icon{ height:0.8rem; }
	.tiona .lists .item h4{ font-size: 0.32rem; line-height: 1.3; margin:0.6rem 0; }
	.tiona .lists .item h5{ font-size:0.26rem; line-height: 1.2; }
	.tiona .lists .item:nth-child(3n+2){ margin:0 0%; margin-bottom: 0.3rem; }
	.tiona .descs{ width: 80%; margin:0.5rem auto 0.8rem; font-size:0.28rem; line-height:0.44rem; }

	.tradeban{ padding:4rem 0 0.5rem; text-align: center; }
	.tradeban .txt h3{ font-size:0.36rem; }
	.tradeban .txt p{ font-size: 0.26rem; line-height: 1.3; margin-top:0.4rem;}
	.tradeban .txt p i{ padding-right: 0.15rem; }
	.tradeban.sm{ padding:2.8rem 0 0.8rem;}
	.tradeban.sm .txt h3{ margin-bottom: 0.3rem; }
	.tradeban.sm .txt p{ line-height: 1.2 !important; margin-top: 0; }

	.casescroll .scrolls{}
	.casescroll .btxta{ font-size: 0.3rem; line-height: 0.4rem; margin-bottom:0.4rem; }
	.casescroll .btxta span{ padding: 0 0.2rem;  }
	.casescroll .btxta span:before{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem; }
	.casescroll .btxta span:after{ width: 0.12rem; height: 0.12rem; margin-top: -0.06rem; }
	.casescroll .btxta:before{ margin-top: -0.01rem; height:0.02rem; }

	.scrolls{}
	.scrolls .citem { display: block; margin-bottom: 0.3rem; }
	.scrolls .citem .photo{ width: 100%; float: none; margin-bottom: 0.2rem; }
	.scrolls .citem .card{ width: 100%; float: none; padding:0.3rem; }
	.scrolls .citem .card h3{ font-size:0.4rem; line-height: 0.98rem; border-bottom: 0.02rem solid #ff4d00; padding: 0 0.2rem; }
	.scrolls .citem .card h3:before{ bottom: -0.09rem; height: 0.2rem; width: 0.2rem; }
	.scrolls .citem .card h6{ font-size:0.28rem; padding:0 0.2rem; margin-top:0.3rem; line-height: 1.5; }
	.scrolls .citem .card h4{ font-size:0.28rem; padding:0 0.2rem; margin-top:0.3rem; line-height: 1.5; }
	.scrolls .citem .touch{ width:3rem; height:0.88rem; border-radius:0.1rem; font-size: 0.28rem; margin:0.3rem 0; }
	.scrolls .citem .speak{ padding-right:1.2rem; padding-bottom:0.8rem; }
	.scrolls .citem .speak .ptxt{ border:0.02rem solid #ff4d00; padding: 0.3rem 0.2rem; font-size: .28rem; line-height:1.3;}
	.scrolls .citem .speak .ptxt h5{ margin-top: 0.2rem; }
	.scrolls .citem .speak .sicon{ width: 0.8rem; height:0.8rem; right: -0.3rem; top: -0.3rem; }
	.scrolls .citem .speak .tx{ width: 1.8rem; height:1.8rem; }
	.scrolls .citem .bt{ font-size:0.36rem; margin-bottom:0.3rem; line-height: 1.1 }
	.scrolls .citem .bt i{ padding-right: 0.12rem; }
	.scrolls .citem.all{ justify-content: center; padding:0.6rem 0; }
	.scrolls .citem.all .photo{ width: 100%; }

	.keyser{ padding: 0.6rem 0; }
	.keyser h3{ padding-top: 0.3rem; font-size:0.4rem; line-height: 1.5; margin-bottom: 0.4rem; }
	.keyser .tline{ height: 0.15rem; margin-bottom: 0.2rem; }

	.keyser .item{ width:100%; float: none; margin-right: 0; margin-bottom: 0.3rem; }
	.keyser .item .ups{ padding:0.3rem; }
	.keyser .item .ups h4{ font-size: 0.32rem; line-height: 1.2; }
	.keyser .item .ups p{ font-size: 0.28rem; line-height: 1.5; }
	.keyser .item:nth-child(2n+1){ margin-top: 0; }

}

.ourfree.bgb{ background: #fff; }
.ourfree .lists .three{ width: 30%; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.ourfree .lists .three .trello{ display: block; width: 140px; height:40px; display: flex; align-items: center; justify-content: center; margin:30px auto; color: #000; font-size: 18px; background: #ff4d00; cursor: pointer; border-radius: 40px; }
.ourfree .lists .three .trello:hover{ background-color: #e64702; }
.ourfree .lists .three p{ min-height: 216px; line-height: 36px; color: #666; font-weight: 600;}
.ourfree .lists .three h4{ color: #000; }
.ourfree.bgb h3{ color: #000; }

@media(max-width:1440px) and (min-width: 992px){
	.ourfree .lists h4{ font-size: 28px; }
	.ourfree .lists .item{ font-size: 16px; }
}
@media(max-width:992px){
	.ourfree .lists h4{ font-size: 0.36rem; }
	.ourfree .lists .three{ width: 100%; padding: 0.5rem 0.3rem; font-size: 0.28rem; line-height: 0.4rem;min-height: 300px; }
	.ourfree .lists .three p{ min-height: 100px; height:auto; line-height: 0.52rem; margin:0.3rem 0 0; }
	.ourfree.bgb h3 span{ padding: 0 0.4rem; font-size: 0.36rem; }
	.ourfree .lists .three .trello{ margin:0.4rem auto; font-size: 0.32rem; height:0.68rem; width: 3rem; }
}

.ourareas{ padding:110px 0; background-color: #0b242f;  }
.ourareas .flexs{ display: flex; justify-content: space-between; }
.ourareas .icont{ display: block; height:15px; margin-top: 15px; }
.ourareas .txt{ margin-left: 20px; width: calc(20% - 20px); }
.ourareas .txt h3{ font-size: 40px; color: #fff; line-height: 44px; }
.ourareas .txt p{ font-size: 20px; color: #fff; margin:40px 0 300px; }
.ourareas .txt .btna{ display: block; width: 100%; height:80px; background: #ff4d00; border-radius: 6px; font-size: 28px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ourareas .txt .btna:hover{ background: #e64d0b; }
.ourareas .lists{ overflow: hidden; width: 67%; }
.ourareas .lists .lkone{ width: calc(50% - 20px); margin-left: 20px; float: left; margin-bottom: 10px; display: flex; align-items: center; border:1px solid #3e3e3e; border-radius: 6px; cursor: pointer; position: relative; height:110px; }
.ourareas .lists .lkone .icon{ width:108px; height:108px; background:#3e3e3e url(images/img48.png) no-repeat center center / 60% auto; margin:0;  }
.ourareas .lists .lkone p{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px; flex:1; }
.ourareas .lists .lkone p span{ font-size: 30px; color: #fff; line-height: 1.2; display: block; width: calc(100% - 74px); }
.ourareas .lists .lkone p i{ display: block; width: 44px; height:44px; background: url(images/img49.png) no-repeat center center / 100% 100%; }
.ourareas .lists .lkone:hover p i{ background-image: url(images/img50.png); }

.kservice{ padding: 80px 0; background: #0b242f; }
.kservice h3{ display: flex; align-items: center; justify-content: center; margin-bottom: 60px; }
.kservice h3 span{ padding: 0 40px; font-size: 44px; color: #fff; }
.kservice h3 img{ height:15px; }
.kservice .lists{ overflow: hidden; }
.kservice .lists .item{ width: 46%; position: relative; float: left; overflow: hidden; margin-bottom: 30px; cursor: pointer; }
.kservice .lists .item:nth-child(2n){ float: right; }
.kservice .lists .pics{ position: relative; width: 100%; height:0; padding-bottom: 44%; }
.kservice .lists .box{ position: absolute; left: 0; top: 0; width: 100%; height:100%; }
.kservice .lists .box img{  transition: all 0.4s; width: 100%;height: auto;}
.kservice .lists .item:hover .box img{ transform: scale(1.1); }
.kservice .lists .ups{ background-color: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; width: 100%; height:100%; padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
.kservice .lists .ups h4{ font-size: 40px; line-height: 1.1; }
.kservice .lists .ups p{ font-size: 16px; line-height: 22px; margin:20px 0 40px; }
.kservice .lists .ups a{ font-size: 16px; line-height: 22px; color: #fff;  cursor: pointer;}
.kservice .lists .ups a:hover{ color: #ff4d00; }

.dcases{ padding: 100px 0; position: relative; }
.dcases .both{ overflow: hidden; }
.dcases .ls{ position: absolute; left: 10px; top: 0; width: 80px; }
.dcases .word{ float: left; width: 55%; }
.dcases .word h3{ font-size: 44px; color: #000; line-height: 1.2; margin-bottom: 30px; text-align: center;}
.dcases .word .txts{ font-size: 20px; color:#666; line-height: 24px;  }
.dcases .pic{ float: right; width: calc(45% - 30px); margin-left: 30px; margin-bottom: 30px; overflow: hidden; cursor: pointer; }
.dcases .pic img{ display: block; width: 100%; transition: all 0.4s; }
.dcases .boths img { max-height: 100% }
.dcases .pic:hover img{ transform: scale(1.1); }
.dcases .lists{ overflow: hidden; }
.dcases .titem{ width: 49%; float: left; font-weight: 600; margin-bottom: 15px; border:1px solid #f96332; color: #f96332; padding: 25px; font-size: 14px; line-height:22px; cursor: pointer;min-height: 350px;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.dcases .titem h4{ font-size: 24px; line-height: 36px; margin-bottom: 20px; font-weight: 600;}
.dcases .titem p{ padding-left: 10px; font-size: 20px;}
.dcases .titem:hover{ background-color: #f96332; color: #fff; }
.dcases .lists .titem p{ min-height: 130px; font-size: 18px;}
.dcases .titem:nth-child(2n){ float: right; }
.dcases .faqa{ display: block; width: 400px; height:80px; border-radius: 8px; background-color: #e2571b; font-size: 32px; color: #fff; display: flex; align-items: center; justify-content: center; margin:100px auto 50px; cursor: pointer; }
.dcases.lan{ background-color: #0b242f; }
.dcases.lan .word h3{ color: #fff; }
.dcases.lan .word .txts{ color: #fff; }
.dcases.float .pic{ float: left; margin:0 30px 30px 0; }
.dcases.float .boths .titem{ width: 100%; width: auto; margin:30px 0 0 0; }
.dcases.float .titem.all{ width: 100%; float: none; margin:30px 0 0 0; }
.dcases.float .boths{ overflow: hidden; }
.dcases.floatr{  }
.dcases .tsin{ width: 49%; float: left; margin-bottom: 15px; border:1px solid #f96332; color: #f96332; padding: 25px; font-size: 14px; line-height:22px; cursor: pointer; }
.dcases .tsin:hover{ background-color: #f96332; color: #fff; }
.dcases .tsin h4{ font-size: 24px; line-height: 30px; margin-bottom: 0px; font-weight: 600;font-style: italic; padding-left: 20px; position: relative; height:60px;  }
.dcases .tsin h4 i{ position: absolute; left: 0; top: 0;  }
.dcases .lists .tsin:nth-child(2n){ float: right; }
.dcases .word .tsin{ width: 100%; margin-top: 20px; }
.dcases .faqa:hover{ background-color: rgba(226, 87, 27, 0.1); border:2px solid #e2571b; color: #e2571b; }


@media(max-width:1440px) and (min-width: 992px){
	.ourareas{ padding:90px 0; }
	.ourareas .icont{ height:12px; margin-top: 14px; }
	.ourareas .txt{ margin-left: 15px; width: calc(20% - 15px); }
	.ourareas .txt h3{ font-size: 34px; line-height: 40px; }
	.ourareas .txt p{ font-size: 20px; margin:30px 0 200px; }
	.ourareas .txt .btna{ height:72px; border-radius: 6px; font-size: 24px; }
	.ourareas .lists{ width: 67%; }
	.ourareas .lists .lkone{ width: calc(50% - 15px); margin-left: 15px; margin-bottom: 10px; border:1px solid #3e3e3e; border-radius: 6px; height:90px; }
	.ourareas .lists .lkone .icon{ width:88px; height:88px; margin:0;  }
	.ourareas .lists .lkone p{ padding: 0 10px; }
	.ourareas .lists .lkone p span{ font-size: 24px; width: calc(100% - 56px); }
	.ourareas .lists .lkone p i{ display: block; width: 36px; height:36px; }

	.kservice{ padding: 60px 0; }
	.kservice h3{ margin-bottom: 40px; }
	.kservice h3 span{ padding: 0 40px; font-size: 36px; }
	.kservice h3 img{ height:12px; }
	.kservice .lists .item{ width: 48%; margin-bottom: 25px; }
	.kservice .lists .item:nth-child(2n){ float: right; }
	.kservice .lists .ups{ padding: 25px; }
	.kservice .lists .ups h4{ font-size: 32px; }
	.kservice .lists .ups p{ font-size: 16px; line-height: 22px; margin:20px 0 40px; }
	.kservice .lists .ups a{ font-size: 16px; line-height: 22px; color: #fff;  cursor: pointer;}

	.dcases{ padding: 80px 0; }
	.dcases .ls{ position: absolute; left: 10px; top: 0; width: 60px; }
	.dcases .word{ width: 55%; }
	.dcases .word h3{ font-size: 36px; line-height: 1.2; margin-bottom: 30px; }
	.dcases .pic{ width: calc(45% - 20px); margin-left: 20px; margin-bottom: 20px; }
	.dcases .titem{ width: 49%; float: left; margin-bottom: 15px; border:1px solid #f96332; padding: 20px; font-size: 14px; line-height:22px; }
	.dcases .titem h4{ line-height: 36px; margin-bottom: 15px; }
	.dcases .titem p{ padding-left: 10px; }
	.dcases .lists .titem p{ min-height: 154px; }
	.dcases .faqa{ width: 360px; height:72px; border-radius: 8px; font-size: 26px;  margin:80px auto 30px;}
	.dcases.float .pic{ float: left; margin:0 20px 20px 0; }
	.dcases.float .boths .titem{ width: 100%; width: auto; margin:20px 0 0 0; }
	.dcases.float .titem.all{ width: 100%; float: none; margin:20px 0 0 0; }
	.dcases .tsin{ width: 49%; float: left; margin-bottom: 15px; border:1px solid #f96332;  padding: 20px; font-size: 14px; line-height:22px; }
	.dcases .tsin h4{ font-size: 20px; line-height: 30px; margin-bottom: 0px;  padding-left: 20px; height:60px;  }
	.dcases .word .tsin{ width: 100%; margin-top: 15px; }
	.dcases .faqa:hover{ border:2px solid #e2571b;  }
}
.menus.mobile-menu{display:none!important}
@media(max-width:992px){
	.ourareas{ padding:0.6rem 0; }
	.ourareas .icont{ height:0.12rem; margin-top: 0.2rem; }
	.ourareas .flexs{ display: block; }
	.ourareas .txt{ margin-left: 0rem; width: calc(100% - 0.6rem); margin:0.3rem 0; float: none; }
	.ourareas .txt h3{ font-size: 0.36rem; line-height:0.44rem; }
	.ourareas .txt p{ font-size: 0.26rem; line-height:0.36rem; margin:0.3rem 0 0; }
	.ourareas .txt .btna{ height:0.8rem; border-radius:0.08rem; font-size:0.32rem; margin-top: 0.3rem; }
	.ourareas .lists{ width: 100%; margin-top: 0.3rem; }
	.ourareas .lists .lkone{ width: 100%; margin-left: 0; margin-bottom: 0.2rem; border:0.02rem solid #3e3e3e; border-radius:0.08rem; height:0.92rem; }
	.ourareas .lists .lkone .icon{ width:0.88rem; height:0.88rem; margin:0;  }
	.ourareas .lists .lkone p{ padding: 0 0.2rem; }
	.ourareas .lists .lkone p span{ font-size: 0.3rem; width: calc(100% - 0.8rem); }
	.ourareas .lists .lkone p i{ width: 0.4rem; height:0.4rem; }

	.kservice{ padding: 0.5rem 0; }
	.kservice h3{ margin-bottom: 0.4rem; }
	.kservice h3 span{ padding: 0 0.3rem; font-size: 0.32rem; }
	.kservice h3 img{ height:0.12rem; }
	.kservice .lists .item{ width: 100%; margin-bottom: 0.25rem; }
	.kservice .lists .ups{ padding: 0.3rem; }
	.kservice .lists .ups h4{ font-size: 0.3rem; }
	.kservice .lists .ups p{ font-size: 0.26rem; line-height: 0.4rem; margin:0.2rem 0 0.4rem; }
	.kservice .lists .ups a{ font-size: 0.26rem; line-height: 0.4rem;}

	.dcases{ padding: 0.6rem 0; }
	.dcases .ls{ position: absolute; left: 2%; top: 0; width:0.6rem; display: none; }
	.dcases .word{ width: 100%; }
	.dcases .word h3{ font-size: 0.32rem; line-height: 1.2; margin-bottom: 0.3rem; }
	.dcases .word .txts{ font-size: 0.28rem; line-height: 0.4rem;  }
	.dcases .pic{ width: 100%; margin-left: 0; margin-bottom: 0.3rem; }
	.dcases .titem{ width: 100%; float: none; margin-bottom: 0.2rem; padding:0.3rem; font-size: 0.28rem; line-height:0.44rem; }
	.dcases .titem h4{ font-size: 0.32rem; line-height: 0.48rem; margin-bottom: 0.2rem; }
	.dcases .titem p{ padding-left: 0.12rem; }
	.dcases .lists .titem p{ min-height: auto; }
	.dcases .faqa{ width: 4rem; height:0.8rem; border-radius: 0.12rem; font-size:0.3rem;  margin:0.4rem auto;}
	.dcases.float .pic{ float: none; width: 100%; margin:0 0 0.3rem 0; }
	.dcases.float .boths .titem{ width: 100%; width: auto; margin:0.2rem 0 0 0; }
	.dcases.float .titem.all{ width: 100%; float: none; margin:0.2rem 0 0 0; }
	.dcases .tsin{ width: 100%; float: none; margin-bottom:0.2rem; border:0.02rem solid #f96332;  padding:0.3rem; font-size: 0.28rem; line-height:0.44rem; }
	.dcases .tsin h4{ font-size: 0.3rem; line-height:0.44rem; margin-bottom:0rem;  padding-left: 0.2rem; height:auto;  }
	.dcases .word .tsin{ margin-top: 0.2rem; }
	.dcases .faqa:hover{ border:0.04rem solid #e2571b;  }
	.dcases .titem:nth-child(2n){ float: none; }
	.dcases .lists .tsin:nth-child(2n){ float: none; }
	.menus.mobile-menu{display:block!important}
}