@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{background:#f8fafe;font-family:Arial, Helvetica, sans-serif ,"新宋体";font-size: 12px;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.mr20{margin-right:20px}
.clear {font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}
.l { float:left;}
.r { float:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
img {border:0;}
/*head*/
header{display: none;}
/*header*/
header { margin: 0; width: 100%; z-index: 9; transition: all 0.4s; background: #fff }
header .logo-section { padding: 10px 0; }
header .logo { overflow: hidden }
header .logo img { width: 70px; float: left; margin-right: 10px }
header .logo-title { font-size: 28px; color: #1487f4; }
header .logo-title a{color: #1487f4; }
header .logo-text { margin-top: 5px; color: #888; }
/*search*/
.search-page .search { float: right; margin-top: 16px; border-radius: 0 5px 5px 0; width: 400px; background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%); }
.search-page .search p { margin-bottom: 10px; }
.search-page .search input.input_submit { border: 0; background: url(../images/search.png) no-repeat left 10px center; color: #fff; outline: none; line-height: 36px; font-size: 15px; width: 100px; cursor: pointer; letter-spacing: 5px; text-indent: 1em; }
.search-page .search input.input_text { border: 0; line-height: 36px; height: 36px; outline: none; width: 300px; background: #f3f3f3; float: left; text-indent: 1em; }
/*topnav*/
.topnav { width: 100%; background: #1487f4; }
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 40px; line-height: 40px; display: none; }
.topnav h2 a{ color: #fff;}
.topnav:before { display: table; content: " "; }
.topnav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
nav { text-align: center; line-height: 50px; width: 100%; }
nav #starlist { margin: auto; width: 1170px; }
#starlist li { position: relative; display: inline; float: left; font-size: 15px; margin-right: 10px; }
#starlist li a { display: inline; float: left; padding: 0 20px; color: #fff; }
#starlist li a:hover { background: rgb(9, 118, 220); }
#selected { position: relative }
#starlist ul.sub { padding: 5px 0; position: absolute; left: 0; top: 50px; background: rgb(9, 118, 220); z-index: 9; display: none; }
#starlist ul.sub li { height: 34px; line-height: 34px; margin-left: 0; width: 100%; font-size: 14px; }
#starlist ul.sub li a { padding: 0; display: block; width: 100%; }
#starlist ul.sub li a:hover { background: #1487f4; }
#starlist li:hover ul.sub { display: block }
a#selected { background: rgb(9, 118, 220); }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: rgb(9, 118, 220); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; }
#mnavh { display: none; width: 70px; height: 40px; background: #1487f4; text-align: center; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #fff; margin-top: 20px; float: left; margin-left: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fffefe; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; right: 5px; top: 24px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu:hover:after { transform: rotate(180deg) }
.is-fixed { position: fixed; top: 0; box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4); z-index: 99; }
/*is-search*/
.is-search { position: fixed; top: 6px; left: 0px; right: 0px; width: 60%; height: 28px; line-height: 28px; color: #888; z-index: 10; margin: 0px auto; display: none; }
.is-search section { display: block; background: #fff; border-radius: 20px; margin: 0 20px; font-size: 12px; }
.is-search i { display: block; width: 34px; height: 28px; background: url(../images/searchm.png) no-repeat left 10px center; background-size: 20px; float: left; margin-right: 10px; }
/*search-page*/
.search-page { width: 100%; height: 100%; background: #fff; position: fixed; z-index: 9999; top: 0; display: none }
.search-page .search { width: 90%; margin-right: 20px; }
.search-page .search input.input_text { width: 80% }
.search-page .search input.input_submit { width: 20% }
.search-page .go-left { background: url(../images/prev_blank.png) no-repeat left center; width: 32px; height: 32px; float: left; background-size: 32px; margin: 20px 0 0 10px }
.hot-search, .new-search { margin: 40px 20px; overflow: hidden }
.hot-search p, .new-search p { font-size: 15px; font-weight: bold; margin-bottom: 10px; border-left: #0094ef 3px solid; padding-left: 10px; color: #0091f0; }
.search-paihang li { width: 50%; float: left; line-height: 26px; height: 26px; margin-bottom: 5px; }
.search-paihang li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-paihang li i { font-size: 14px; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; color: #c7c7c7; display: block; font-style: normal; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; margin-top: 6px; float: left; }
.search-paihang li:first-child i { color: #ff6b66 !important; }
.search-paihang li:nth-child(2) i { color: #ff8652 !important; }
.search-paihang li:nth-child(3) i { color: #ffa742 !important; }
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-shouye:before { content: "\e625"; }
.icon-fenlei:before { content: "\e62f"; }
.icon-My:before { content: "\e615"; }
.icon-navicon-wzgl:before { content: "\e661"; }
.top01 {
    width:100%;
    height:96px;
    line-height:96px;
    background:#fff;
    /*color:#f5f5f5;*/
    color:#fff;
    overflow:hidden;
}
.top01 .l {
    font-size:14px;
}
.top01_center {
    text-align:left;
    float:right;
    font-size:14px;
    line-height: 20px;
    color: #666666;
    padding-top: 22px;
}
.top01_center .login-reg{float: left;text-align: right;}
.top01_center .login-reg a{color:#666666}
.top01_center img {
    vertical-align:sub;
    display:inline-block;
}
.top01_center div.div1 {
    transition:all 0.3s;
}
.top01_center:hover div.div1 {
    margin-top:-38px;
}
.top02 {
    height:60px;
    width:100%;
    min-width:1280px;
}
.top01 .gy2 ,.top02 .top02_center {
    width:1280px;
    min-width:1280px;
    margin:0 auto;
}
.logo {
    width:700px;
    float:left;
    padding-top:13px;
}
.logo img {
    float:left;
    padding-top: 16px;
    width: 28%;
}
.logo .logo-year {
    margin-top:20px;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#fff;
    border-radius:4px;
    overflow:hidden;
    font-size:14px;
    color:#666666;
    padding-left: 15px;
}
.logo .logo-text {
    height:18px;
    color:#656565;
    line-height:18px;
    overflow:hidden;
    padding-left: 15px;
}
.nav {
    /* width:770px; */
    /*float:right;*/
}
/*.nav ul{ width:780px;}*/
 .nav li.m {
    width:86px;
    padding-right:22px;
    margin:0 22px 0 0;
    float:left;
    text-align:center;
    padding-top: 15px;
    padding-bottom: 15px
}
.nav li:last-child {
    background:none;
    padding-right:0;
    margin-right:0;
}
.nav a.mmm {
    width:86px;
    height:30px;
    line-height: 30px;
    display:block;
    font-size:16px;
    color:#fff;
}
.nvapos a.color{color: #f3782a;}
/*.nav li a:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -3px;
    height: 3px;
    opacity: 0;
    background-color: #dc6103;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.nav li a:hover:after{
    left: 1%;
    right: 1%;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}*/
 .nav a:hover {
    /*border-bottom:3px solid #f3782a;*/
}
.nav .m.on a.mmm {
    color: #fff;
    background: #1DAF01;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
}
.nav a#sel {
    /*border-bottom:3px solid #f3782a;*/
    /*color:#f3782a;*/
}
/*.nav a#sel:hover:after{opacity: 0;}*/
 #top_bg {
    background:rgba(0, 0, 0, 0.4);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    display:none;
}
.nav .sub {
    display:none;
    /*默认隐藏*/
    /* width:1920px;*/
    width:100%;
    padding:0;
    position:fixed;
    top:156px;
    overflow:hidden;
    text-align:left;
    z-index:110;
    left:0px;
    /*height:544px; padding-bottom:50px;*/
    background-color:#f5f5f5;
}
.nav .sub .nav_xiao {
    width:1440px;
    overflow:hidden;
    margin:0 auto;
}
.nav .sub .nav_xiao.max1100 {
    max-width:1100px;
}
.nav .sub .nav_xiao .xiao_one {
    overflow:hidden;
    padding-top:40px;
    padding-bottom:40px;
}
.nav .sub .nav_xiao .xiao_one ul li {
    float:left;
    display:inline;
    height:184px;
    width:25%;
    overflow:hidden;
    text-align:center;
}
.nav .sub .nav_xiao .xiao_one ul li a {
    display:block;
    height:100%;
    border-right:1px solid #e6e6e6;
    line-height:56px;
    overflow:hidden;
    color:#000000;
    margin-top:13px;
    font-size:18px;
    transition:all 0.3s;
}
.nav .sub .nav_xiao .xiao_one ul li:last-child a {
    border-right:0;
}
.nav .sub .nav_xiao .xiao_one ul li a:hover {
    color:#f67524;
}
.nav .sub .nav_xiao .xiao_one ul li a i {
    display:block;
    width:101px;
    height:84px;
    margin:0 auto;
    margin-bottom:23px;
    overflow:hidden;
    background-repeat:no-repeat;
    transition:all 0.3s;
    margin-top:20px;
}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1 {
    background-position:-720px top;
}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2 {
    background-position:left top;
}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3 {
    background-position:-360px top;
}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4 {
    background-position:-1088px top;
}
.nav .sub .nav_xiao .xiao_one ul li a:hover i {
    background-image:url(../images/201807/top_pic1.png);
}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1 {
    background-position:-720px bottom;
}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2 {
    background-position:left bottom;
}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3 {
    background-position:-360px bottom;
}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4 {
    background-position:-1088px bottom;
}
.nav .sub .nav_xiao .xiao_two {
    margin-top:40px;
    /*margin-left:405px; width:670px;*/
    margin-bottom:40px;
    overflow:hidden;
}
.nav .sub .nav_xiao .xiao_two ul li {
    float:left;
    display:inline;
    height:184px;
    width:25%;
    overflow:hidden;
    text-align:center;
}
.nav .sub .nav_xiao .xiao_two ul li a {
    display:block;
    height:100%;
    border-right:1px solid #e6e6e6;
    line-height:56px;
    overflow:hidden;
    color:#000000;
    margin-top:13px;
    font-size:18px;
    transition:all 0.3s;
}
.nav .sub .nav_xiao .xiao_two ul li:last-child a {
    border-right:0;
}
.nav .sub .nav_xiao .xiao_two ul li a:hover {
    color:#f67524;
}
.nav .sub .nav_xiao .xiao_two img {
    float:left;
    margin-right:25px;
}
.nav .sub .nav_xiao .xiao_two .nav_div {
    float:left;
    width:380px;
    padding-top:30px;
    font-size:12px;
    color:#666666;
    line-height:22px;
}
.nav .sub .nav_xiao .xiao_two .nav_div h2 {
    font-size:16px;
    color:#f3782a;
    font-weight:normal;
    letter-spacing:1px;
    line-height:36px;
}
.nav .sub .nav_xiao .xiao_two ul li a i {
    display:block;
    width:104px;
    height:104px;
    margin:0 auto;
    margin-bottom:13px;
    overflow:hidden;
    background-repeat:no-repeat;
    margin-top:10px;
    background-color:#999999;
    border-radius:50%;
    position:relative;
    transition:all 0.3s;
}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1 {
    background-position:30px center;
}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2 {
    background-position:-330px center;
}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3 {
    background-position:-691px center;
}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4 {
    background-position:-1050px center;
}
.nav .sub .nav_xiao .xiao_two ul li a:hover i {
    background-color:#f67524;
    margin-top:5px;
}
.nav .sub .nav_xiao .xiao_three {
    overflow:hidden;
    margin-top:60px;
    margin-bottom:60px;
}
.nav .sub .nav_xiao .xiao_three ul li {
    float:left;
    display:inline;
    width:18%;
    height:218px;
    overflow:hidden;
    margin-right:2.5%;
    text-align:center;
    position:inherit;
    line-height:56px;
    background-color:#fff;
}
.nav .sub .nav_xiao .xiao_three ul li:last-child {
    margin-right:0;
}
.nav .sub .nav_xiao .xiao_three ul li img {
    width:100%;
    display:block;
    transition:all 0.3s;
}
.nav .sub .nav_xiao .xiao_three ul li a {
    color:#000000;
    width:100%;
    font-size:18px;
    height:100%;
    display:block;
}
.nav .sub .nav_xiao .xiao_three ul li a:hover {
    color:#f67524;
}
/*.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}*/
 .nav .sub .nav_xiao .xiao_four {
    width:26%;
    overflow:hidden;
    margin-top:40px;
    margin-bottom:40px;
    float: left;
    border-right: 1px solid #d3d3d3;
    margin-right: 60px;
    display: block;
}
.nav .sub .nav_xiao .xiao_four:last-child{border-right:none;}
.nav .sub .nav_xiao .xiao_four.l {
    border-right:1px solid #e3e3e3;
}
.nav .sub .nav_xiao .xiao_four.r {
    /*width:49%;*/
}
.nav .sub .nav_xiao .xiao_four h2 {
    font-size:16px;
    font-weight:bold;
    color:#000;
    height:18px;
    line-height:18px;
    border-bottom: 1px solid #d3d3d3;
    width: 300px;
    padding-bottom: 25px;
}
.nav .sub .nav_xiao .xiao_four .ul {
    margin-top:23px;
}
.nav .sub .nav_xiao .xiao_four .ul li {
    height:30px;
    line-height:30px;
    width:72%;
    overflow:hidden;
    float:none;
    display:block;
    position:inherit;
}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0) {
    margin-right:0;
}
.nav .sub .nav_xiao .xiao_four .ul li:hover {
    background-color:#fff;
}
.nav .sub .nav_xiao .xiao_four .ul li a {
    display:block;
    text-align:left;
    color:#999999;
    font-size:14px;
}
#m6 ul li .a , #m7 ul li .a{width:126px;display:block;margin:auto;text-align:center;color:#fff;}
#m6 ul li .a.bgs1{background-color: #f67524;}
#m6 ul li .a.bgs2{background-color: #248cf6;}
#m6 ul li .a.bgs3{background-color: #1ecc85;}
#m6 ul li:last-child{margin-top:30px;width: 35%;border-radius: 8px;}
.nav #m7 .sub .nav_xiao .xiao_four{width:23.6666%;margin-right: 10px;}
.nav #m7 .sub .nav_xiao .xiao_four .ul2 {width:95%;}
#m7 ul li .a.bgs1{background-color: #f67524;}
#m7 ul li .a.bgs2{background-color: #248cf6;}
#m7 ul li .a.bgs3{background-color: #1ecc85;}
#m7 ul li:last-child{margin-top:30px;width: 35%;border-radius: 8px;}
#m6 .sub , #m7 .sub{padding-left:60px;}
.nav .sub .nav_xiao .xiao_four .ul li a i {
    margin-right:10px;
    margin-top:4px;
    float:left;
    width:36px;
    height:36px;
    background-repeat:no-repeat;
    background-position:center center;
}
.nav .sub .nav_xiao .xiao_four .ul li a b {
    font-weight:normal;
    font-size:16px;
    display:block;
    color:#000;
    height:22px;
    overflow:hidden;
}
.nav .sub .nav_xiao .xiao_four .ul2 {
    /*width:540px;*/
    margin:0 auto;
    overflow:hidden;
}
.nav .sub .nav_xiao .xiao_four .ul2 h2 {
    margin-bottom:23px;
}
.nav .sub .nav_xiao .xiao_four .ul2 li {
/*    padding-top:11px;
    padding-bottom:11px;
    height:44px;
    line-height:22px;
    margin-right:40px;
    width:250px;
    overflow:hidden;
    float:none;
    display:inline;
    margin-bottom:10px;
    position:inherit;*/
    height:30px;
    line-height:30px;
    width:72%;
    overflow:hidden;
    float:none;
    display:block;
    position:inherit;
}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0) {
    margin-right:0;
}
.nav .sub .nav_xiao .xiao_four .ul2 li a {
    display:block;
    text-align:left;
    color:#999999;
    font-size:14px;
}
.nav .sub .nav_xiao .xiao_four .ul2 li a b {
    font-weight:normal;
    font-size:16px;
    display:block;
    color:#000;
    height:22px;
    overflow:hidden;
}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i {
    display:inline-block;
    width:35px;
    height:15px;
    overflow:hidden;
    margin-left:3px;
}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b {
    color:#f67524;
}
.nav .sub .nav_xiao .xiao_five {
    width:549px;
    overflow:hidden;
    float:left;
    margin-top:40px;
    margin-bottom:40px;
    border-right:1px solid #e6e6e6;
}
.nav .sub .nav_xiao .xiao_five img {
    width:391px;
    height:259px;
}
.nav .sub .nav_xiao .xiao_five a {
    width:391px;
    height:259px;
    padding:0;
    margin-right:45px;
    float:left;
}
.nav .sub .nav_xiao .xiao_five2 {
    float: right;
    text-align: left;
    margin-top:71px;
}
.nav .sub .nav_xiao .xiao_five2 a {
    text-align: left;
    float:left;
    margin-right:100px;
    height:38px;
    line-height:38px;
    /* width:155px;*/
    color:#000000;
    font-size:18px;
    margin-bottom:42px;
    transition:all 0.3s;
}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0) {
    margin-right:3px;
}
.nav .sub .nav_xiao .xiao_five2 a i {
    width:38px;
    height:38px;
    border-radius:50%;
    background-color:#999999;
    background-repeat:no-repeat;
    float:left;
    margin-right:20px;
    transition:all 0.3s;
    margin-left:0px;
}
.nav .sub .nav_xiao .xiao_five2 a:hover {
    color:#f67524;
}
.nav .sub .nav_xiao .xiao_five2 a:hover i {
    background-color:#f67524;
    /*margin-left:3px;*/
}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1 {
    background-position:9px 8px;
}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2 {
    background-position:-233px 8px;
}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3 {
    background-position:9px -72px;
}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4 {
    background-position:-233px -72px;
}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5 {
    background-position:9px -152px;
}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6 {
    background-position:-233px -152px;
}
 .nav .sub .nav_xiao .xiao_six {
    overflow:hidden;
    height:338px;
    border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6;
}
.nav .sub .nav_xiao .xiao_six ul li {
    float:left;
    display:inline;
    height:338px;
    width:33.2%;
    overflow:hidden;
    border-right:1px solid #e6e6e6;
    text-align:center;
}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con {
    margin:0 auto;
    width:80%;
    max-width:360px;
    height:338px;
    overflow:hidden;
    text-align:left;
}
.nav .sub .nav_xiao .xiao_six ul li:last-child {
    border-right:0;
}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l {
    font-size:18px;
    font-weight:bold;
    height:62px;
    line-height:62px;
    border-bottom:1px solid #e6e6e6;
    margin-bottom:23px;
    color:#000;
}
.nav .sub .nav_xiao .xiao_six ul li a {
    float:left;
    width:150px;
    overflow:hidden;
    height:30px;
    line-height:30px;
    font-size:16px;
    color:#666666;
}
.nav .sub .nav_xiao .xiao_six ul li a:hover {
    color:#f67524;
}
.nav .sub .nav_xiao .xiao_six ul li.bgs3 a{width:auto;padding-right:30px;}
.nav .sub .nav_xiao .xiao_six ul li.bgs3 p{padding-bottom:6px;font-size:16px;}
.nav .sub .nav_xiao .xiao_six ul li.bgs3 .a.bgs3{margin-top:30px;padding-left:30px;}
.nav .sub .nav_xiao .xiao_six ul li .a {
    display:block;
    width:35%;
    height:32px;
    line-height:33px;
    border-radius: 8px;
    text-align:center;
    color:#fff;
    font-size:14px;
    margin-top:31px;
    transition:all 0.3s;
    clear:both;
}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1 {
    background-color:#f67524;
}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2 {
    background-color:#248cf6;
    margin-top:61px;
}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3 {
    background-color:#1ecc85;
    margin-top:91px;
}
.nav .sub .nav_xiao .xiao_six ul li .a:hover {
    opacity:0.8;
    filter:Alpha(opacity=80);
    color:#fff;
}
/*head end*/
.banner {
    width:100%;
    height:625px;
    clear:both;
}
.solutions_banner{background:#4380DD;overflow:hidden;position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover;/*background-attachment:fixed;*/ }
.solutions_banner img{ display:block; width:100%;opacity:0;filter:Alpha(opacity=0);}
.solutions_banner .pose{ position:absolute; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,0.3); width:100%; color:#999999; font-size:16px;}
.solutions_banner .pose .gy2{ text-align:right;font-size: 16px;}
.solutions_banner .pose .imgs{ display:inline-block; width:20px; vertical-align:sub; margin-right:8px;opacity:1.0;filter:Alpha(opacity=100);}
.solutions_banner .pose a{color:#999999; font-size:16px;}
.solutions_banner .pose a:hover{ color:#fff;}
.solutions_banner .pose label{ color:#fff; font-size:16px;}

.solutions_banner .txts{width: 1280px; position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.solutions_banner .txts h1{ font-weight:600; margin-bottom:1%; padding-bottom:2%; font-size:50px;color:#fff;}
.solutions_banner .txts p{ color:#fff; font-size:24px;}
.solutions_banner .txts a{font-size: 20px;border-radius: 8px;    display: inline-block;
margin-top: 40px;/*padding: 10px 40px;background: #73CF02;*/color: #fff;}
.solutions_banner .txts .website_bnt{ clear:both; display:block; width:210px; height:48px; line-height:48px; border-radius:30px;/* background:url(../images/website_bg1.png) 139px center #fff  no-repeat; */text-indent:51px; font-size:16px; color:#3d4ed2; margin-top:34px;transition:all 0.3s;}
.solutions_banner .txts .website_bnt:hover{ margin-left:5px;background-position:143px center;}
/*gun dong*/
.product-number-info {
    background: url(../images/station-bg.png);
    position: relative;
    background-size: cover;
}

.product-number-info .product-number-inner {
    width: 1280px;
    margin: 0 auto;
}

.product-number-info ul {
    padding: 15px 0;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 239px;
    height: 90px;
    border-left: 1px solid #66c7fd;
    color: #fff;
    padding-top: 1px;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 20px;
    right: -15px;
    top: -3px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
    padding-left: 70px;
}

.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

.product-number-info li.li-3 b, .product-number-info li.li-3 p {
    padding-left: 70px;
}

.product-number-info li.li-4 b, .product-number-info li.li-4 p {
    padding-left: 78px;
}

.product-number-info li.li-5 {
    text-align: right;
}
/*end*/
.h-con-n{text-align: left;font-size: 16px;color: #666;padding-top: 14px;width: 70%;margin: 0 auto;line-height: 30px;}
.cardAreaMain{position: relative;}
.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-41px 0}
.crad-area-icon3{background-position:-81px 0}
.crad-area-icon4{background-position:-121px 0}

.card-area{margin:82px auto 0;height:560px;width:1280px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:521px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:535px}
.card-area .card-item.active .card .card-title{background-color:#3db1ea;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.pic-img{background: url(../images/home-card.png) repeat-x center;
    height: 510px;width: 100%;position: absolute;top: 329px;
}
/*why*/
.con4[data-v-f84dc1e0] {
    width:100%;
    height:770px;
    background:#f8f8f8;
    padding-bottom:110px;
}
.con4 .con4_title[data-v-f84dc1e0] {
    font-size:36px;
    color:#333;
    padding-top:190px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.con4_con[data-v-f84dc1e0] {
    position:absolute;
    width:1280px;
    height:600px;
    cursor:pointer;
    left:0;
    background-size:454px 454px;
    background-position:50%;
    background-repeat:no-repeat;
    right:0;
    margin:auto
}
.con4 .con4_box[data-v-f84dc1e0] {
    width:1280px;
    height:600px;
    position:relative;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.con4 .con4_box .box_list[data-v-f84dc1e0] {
    position:absolute;
    height:72px;
    -webkit-box-shadow:2px 2px 19px 0 #f2f2f2;
    box-shadow:2px 2px 19px 0 #f2f2f2;
    border-radius:42px;
    background-size:cover;
    background-repeat:no-repeat;
    width:320px;
    -webkit-transition:-webkit-transform 1s;
    transition:-webkit-transform 1s;
    transition:transform 1s;
    transition:transform 1s, -webkit-transform 1s
}
.con4 .con4_box .box_on[data-v-f84dc1e0] {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.con4 .con4_box .box_off[data-v-f84dc1e0] {
    -webkit-transform:scaleX(0);
    transform:scaleX(0)
}
.con4 .con4_box .box_move_on_1[data-v-f84dc1e0] {
    -webkit-animation:boxOn1-data-v-f84dc1e0 1s forwards, boxJump1-data-v-f84dc1e0 1.7s ease-in-out 1s infinite;
    animation:boxOn1-data-v-f84dc1e0 1s forwards, boxJump1-data-v-f84dc1e0 1.7s ease-in-out 1s infinite
}
.con4 .con4_box .box_move_off_1[data-v-f84dc1e0] {
    -webkit-animation:boxOff1-data-v-f84dc1e0 1s;
    animation:boxOff1-data-v-f84dc1e0 1s
}
.con4 .con4_box .box_move_on_2[data-v-f84dc1e0] {
    -webkit-animation:boxOn 1s forwards, boxOn2-data-v-f84dc1e0 1s forwards, boxJump2-data-v-f84dc1e0 1.75s ease-in-out 1s infinite;
    animation:boxOn 1s forwards, boxOn2-data-v-f84dc1e0 1s forwards, boxJump2-data-v-f84dc1e0 1.75s ease-in-out 1s infinite
}
.con4 .con4_box .box_move_off_2[data-v-f84dc1e0] {
    -webkit-animation:boxOff 1s forwards, boxOff2-data-v-f84dc1e0 1s forwards;
    animation:boxOff 1s forwards, boxOff2-data-v-f84dc1e0 1s forwards
}
.con4 .con4_box .box_move_on_3[data-v-f84dc1e0] {
    -webkit-animation:boxOn 1s forwards, boxOn3-data-v-f84dc1e0 1s forwards, boxJump3-data-v-f84dc1e0 1.8s ease-in-out 1s infinite;
    animation:boxOn 1s forwards, boxOn3-data-v-f84dc1e0 1s forwards, boxJump3-data-v-f84dc1e0 1.8s ease-in-out 1s infinite
}
.con4 .con4_box .box_move_off_3[data-v-f84dc1e0] {
    -webkit-animation:boxOff 1s forwards, boxOff3-data-v-f84dc1e0 1s forwards;
    animation:boxOff 1s forwards, boxOff3-data-v-f84dc1e0 1s forwards
}
.con4 .con4_box .box_move_on_4[data-v-f84dc1e0] {
    -webkit-animation:boxOn 1s forwards, boxOn4-data-v-f84dc1e0 1s forwards, boxJump4-data-v-f84dc1e0 2s ease-in-out 1s infinite;
    animation:boxOn 1s forwards, boxOn4-data-v-f84dc1e0 1s forwards, boxJump4-data-v-f84dc1e0 2s ease-in-out 1s infinite
}
.con4 .con4_box .box_move_off_4[data-v-f84dc1e0] {
    -webkit-animation:boxOff 1s forwards, boxOff4-data-v-f84dc1e0 1s forwards;
    animation:boxOff 1s forwards, boxOff4-data-v-f84dc1e0 1s forwards
}
.con4 .con4_box .box_move_on_5[data-v-f84dc1e0] {
    -webkit-animation:boxOn 1s forwards, boxOn5-data-v-f84dc1e0 1s forwards, boxJump5-data-v-f84dc1e0 1.9s ease-in-out 1s infinite;
    animation:boxOn 1s forwards, boxOn5-data-v-f84dc1e0 1s forwards, boxJump5-data-v-f84dc1e0 1.9s ease-in-out 1s infinite
}
.con4 .con4_box .box_move_off_5[data-v-f84dc1e0] {
    -webkit-animation:boxOff 1s forwards, boxOff5-data-v-f84dc1e0 1s forwards;
    animation:boxOff 1s forwards, boxOff5-data-v-f84dc1e0 1s forwards
}
.con4 .con4_box .box_move_on_6[data-v-f84dc1e0] {
    -webkit-animation:boxOn 1s forwards, boxOn6-data-v-f84dc1e0 1s forwards, boxJump6-data-v-f84dc1e0 1.85s ease-in-out 1s infinite;
    animation:boxOn 1s forwards, boxOn6-data-v-f84dc1e0 1s forwards, boxJump6-data-v-f84dc1e0 1.85s ease-in-out 1s infinite
}
.con4 .con4_box .box_move_off_6[data-v-f84dc1e0] {
    -webkit-animation:boxOff 1s forwards, boxOff6-data-v-f84dc1e0 1s forwards;
    animation:boxOff 1s forwards, boxOff6-data-v-f84dc1e0 1s forwards
}
@-webkit-keyframes boxOn1-data-v-f84dc1e0 {
    0% {
        left:550px;
        margin-top:300px
    }
    to {
        left:0;
        margin-top:80px
    }
}
@keyframes boxOn1-data-v-f84dc1e0 {
    0% {
        left:550px;
        margin-top:300px
    }
    to {
        left:0;
        margin-top:80px
    }
}
@-webkit-keyframes boxOff1-data-v-f84dc1e0 {
    0% {
        left:0;
        margin-top:80px
    }
    to {
        left:550px;
        margin-top:300px
    }
}
@keyframes boxOff1-data-v-f84dc1e0 {
    0% {
        left:0;
        margin-top:80px
    }
    to {
        left:550px;
        margin-top:300px
    }
}
@-webkit-keyframes boxOn2-data-v-f84dc1e0 {
    0% {
        left:550px;
        margin-top:300px
    }
    to {
        left:51px;
        margin-top:280px
    }
}
@keyframes boxOn2-data-v-f84dc1e0 {
    0% {
        left:550px;
        margin-top:300px
    }
    to {
        left:51px;
        margin-top:280px
    }
}
@-webkit-keyframes boxOff2-data-v-f84dc1e0 {
    0% {
        left:51px;
        margin-top:280px
    }
    to {
        left:550px;
        margin-top:300px
    }
}
@keyframes boxOff2-data-v-f84dc1e0 {
    0% {
        left:51px;
        margin-top:280px
    }
    to {
        left:550px;
        margin-top:300px
    }
}
@-webkit-keyframes boxOn3-data-v-f84dc1e0 {
    0% {
        left:550px;
        margin-top:300px
    }
    to {
        left:0;
        margin-top:480px
    }
}
@keyframes boxOn3-data-v-f84dc1e0 {
    0% {
        left:550px;
        margin-top:300px
    }
    to {
        left:0;
        margin-top:480px
    }
}
@-webkit-keyframes boxOff3-data-v-f84dc1e0 {
    0% {
        left:0;
        margin-top:480px
    }
    to {
        left:550px;
        margin-top:300px
    }
}
@keyframes boxOff3-data-v-f84dc1e0 {
    0% {
        left:0;
        margin-top:480px
    }
    to {
        left:550px;
        margin-top:300px
    }
}
@-webkit-keyframes boxOn4-data-v-f84dc1e0 {
    0% {
        right:550px;
        margin-top:300px
    }
    to {
        right:0;
        margin-top:80px
    }
}
@keyframes boxOn4-data-v-f84dc1e0 {
    0% {
        right:550px;
        margin-top:300px
    }
    to {
        right:0;
        margin-top:80px
    }
}
@-webkit-keyframes boxOff4-data-v-f84dc1e0 {
    0% {
        right:0;
        margin-top:80px
    }
    to {
        right:550px;
        margin-top:300px
    }
}
@keyframes boxOff4-data-v-f84dc1e0 {
    0% {
        right:0;
        margin-top:80px
    }
    to {
        right:550px;
        margin-top:300px
    }
}
@-webkit-keyframes boxOn5-data-v-f84dc1e0 {
    0% {
        right:550px;
        margin-top:300px
    }
    to {
        right:51px;
        margin-top:280px
    }
}
@keyframes boxOn5-data-v-f84dc1e0 {
    0% {
        right:550px;
        margin-top:300px
    }
    to {
        right:51px;
        margin-top:280px
    }
}
@-webkit-keyframes boxOff5-data-v-f84dc1e0 {
    0% {
        right:51px;
        margin-top:280px
    }
    to {
        right:550px;
        margin-top:300px
    }
}
@keyframes boxOff5-data-v-f84dc1e0 {
    0% {
        right:51px;
        margin-top:280px
    }
    to {
        right:550px;
        margin-top:300px
    }
}
@-webkit-keyframes boxOn6-data-v-f84dc1e0 {
    0% {
        right:550px;
        margin-top:300px
    }
    to {
        right:0;
        margin-top:480px
    }
}
@keyframes boxOn6-data-v-f84dc1e0 {
    0% {
        right:550px;
        margin-top:300px
    }
    to {
        right:0;
        margin-top:480px
    }
}
@-webkit-keyframes boxOff6-data-v-f84dc1e0 {
    0% {
        right:0;
        margin-top:480px
    }
    to {
        right:550px;
        margin-top:300px
    }
}
@keyframes boxOff6-data-v-f84dc1e0 {
    0% {
        right:0;
        margin-top:480px
    }
    to {
        right:550px;
        margin-top:300px
    }
}
@-webkit-keyframes boxJump1-data-v-f84dc1e0 {
    0%, to {
        margin-top:80px
    }
    50% {
        margin-top:85px
    }
}
@keyframes boxJump1-data-v-f84dc1e0 {
    0%, to {
        margin-top:80px
    }
    50% {
        margin-top:85px
    }
}
@-webkit-keyframes boxJump2-data-v-f84dc1e0 {
    0%, to {
        margin-top:280px
    }
    50% {
        margin-top:275px
    }
}
@keyframes boxJump2-data-v-f84dc1e0 {
    0%, to {
        margin-top:280px
    }
    50% {
        margin-top:275px
    }
}
@-webkit-keyframes boxJump3-data-v-f84dc1e0 {
    0%, to {
        margin-top:480px
    }
    50% {
        margin-top:485px
    }
}
@keyframes boxJump3-data-v-f84dc1e0 {
    0%, to {
        margin-top:480px
    }
    50% {
        margin-top:485px
    }
}
@-webkit-keyframes boxJump4-data-v-f84dc1e0 {
    0%, to {
        margin-top:80px
    }
    50% {
        margin-top:75px
    }
}
@keyframes boxJump4-data-v-f84dc1e0 {
    0%, to {
        margin-top:80px
    }
    50% {
        margin-top:75px
    }
}
@-webkit-keyframes boxJump5-data-v-f84dc1e0 {
    0%, to {
        margin-top:280px
    }
    50% {
        margin-top:285px
    }
}
@keyframes boxJump5-data-v-f84dc1e0 {
    0%, to {
        margin-top:280px
    }
    50% {
        margin-top:285px
    }
}
@-webkit-keyframes boxJump6-data-v-f84dc1e0 {
    0%, to {
        margin-top:480px
    }
    50% {
        margin-top:475px
    }
}
@keyframes boxJump6-data-v-f84dc1e0 {
    0%, to {
        margin-top:480px
    }
    50% {
        margin-top:475px
    }
}
/*end*/
/*case*/
.customer-case{
    padding-top: 95px;
    height: auto;
    box-sizing:border-box;
    background: #ffffff;
}
.customer-case .home-title{
    margin-bottom: 60px;
}
.case-main{
    display: block;
}
.case-main a{
    margin-bottom: 20px;
    width: 185px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-right: 32px;
}
.case-main a:nth-child(6n){margin-right: 0px;}
.case-main a img{
    width: 100%;
    height: 100%;
}
.boxShadow:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
/*code*/
#guide-nav {
    width: 100%;
    top: 0px;
    z-index: 99999;
    box-shadow: 0 5px 11px rgb(0 0 0 / 10%);
}
.page-navigation{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 15px 0;
}
.nvapos a {
    padding-right: 100px;
    font-weight: bold;
    color: #666666;
}
.nvapos a:hover{color: #3B87D4;}
/*.affix {
    position: fixed;
    height: 150px;
    background: #fff;
    line-height: 150px;
}*/
.codesigning-type{padding: 80px 0px;position: relative;}
.home-title-p{text-align: center;font-size: 16px;color: #666;padding-top: 14px; line-height: 30px;padding-bottom: 40px;}
.codesigning-type-mian{padding-top: 40px;}
.codesign-t-m-l{float: left;width: 48%;}
.codesign-t-m-r{float: right;width: 52%;}
.codesign-t-m-r p{font-size: 16px;text-align: right;line-height: 30px;color: #666;}
.codesign-t-m-r p:first-child{text-align: left;}
.codesigning-type .main-info p{font-size: 14px;}
.codesign-t-m-r p:nth-child(2){padding:30px 0px 25px 0px;}
.codesigning-type .pic-img{bottom: -10px;height: 570px;top: auto;}
.codesigning-type .card-area .card-item{width: 45%;}
.codesigning-type .card-area .card-item.active{width: 55%;height: 521px;}
.codesigning-type .card-area .card-item.active .card .card-title{top: 0px;height: 80px;}
.codesigning-type .card-area .card-item .card .card-title{line-height: 80px;height: 80px;}
.codesigning-type .card-area .card-item .card .card-content{top: 80px;height: 410px;}
.codesigning-type .card-area .card-item .card .card-title{background: #434142;}
.codesigning-type .card-area .card-item .card .card-content.content-first{width: 90%;margin: 0 auto;padding: 30px 29px;text-align: left;}
.codesigning-type .card-area .card-item .card .card-content.content-first .content-first-list{max-width:100%;margin-top: 15px;margin-bottom: 0px;font-size: 14px;}
.codesigning-type .card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom: 0px;}
.codesigning-type .card-area .card-item.active .card .card-content.content-first{background: #fff;padding:30px 36px;opacity: 1;}
.codesigning-price{padding-top: 80px;}
.codesigning-price .codesigning-price-jiage{box-shadow: 0 2px 15px 0 rgb(0 0 0 / 15%);margin-top: 40px;}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom:0px;
    border-collapse: collapse;
    border-spacing: 0;}
.table-bordered {border: 1px solid #ddd;}
table td, table th {border: 1px solid #d3d3d3;padding: 10px 5px;}
table th{border: 1px solid #d3d3d3;text-align: center;
    background: #005AA0;padding: 20px 10px; color: #ffffff;line-height: 1.42857143;
    vertical-align: top;}
    tr:nth-child(2n) {
    background: #F7F8F9;
}
table td {text-align: center;padding: 20px 20px;}
.codesigning-price table td:first-child {
    text-align: left;width: 40%;}
td a.a-td {
    color: #fff;background: #2085CA;padding: 5px 20px;border-radius: 3px;font-size: 12px;margin-left: 20px;
}
.code-function{padding:80px 0px;background: url(../images/code-bg.png); background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.code-function .col-sm-4{float:left;width:32%;padding:30px 10px}
.code-function .col-sm-4:nth-child(3n){padding-right: 0px;}
.code-function-mian .code-function-t{position:relative;background:#FFFFFF;height:240px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.10);border-radius:2px}
.code-function-mian .code-fun-f{text-align:center;font-size:18px;color:#252b3a;height:79px;background:url("../images/code-fun-img.png") no-repeat left center;}
.code-function-mian .title{line-height:79px;border-bottom:1px solid #ddd;color:#252b3a;font-size:18px}
.code-function-mian .code-fun-con{text-align:left;margin:30px 50px 0;font-size:14px;color:#A0A2A8;line-height: 30px;}
.code-function-mian .code-fun-btn{position:absolute;bottom:30px;right:35.842%;text-align:center;margin:auto;width:100px;height:32px;border:1px solid #f66f6a;font-size:14px;color:#f66f6a}
.code-function-mian .code-fun-btn p{line-height:30px;color:#f66f6a}
.code-function-mian .code-fun-btn:hover{background-color:#f66f6a;border:none;cursor:pointer}
.code-function-mian .code-fun-btn:hover a p{color:#fff}
.advantage {
    width: 100%;
    height: 100%;
    background: #F4F7FB;
    background-size: cover;
}
.advantage .cloud-product {
    padding: 85px 0px 60px 0px;
}
.advantage .cpe-dc-1 {
    text-align: center;
    font-size: 20px;
    color: #252d47;
    padding-bottom: 60px;
}
.advantage ul{
    flex-wrap: wrap;
    display: flex;
}
.advantage .cpe-dc li {
    float: left;
    width:45%;
    margin-right: 35px;
    margin-bottom: 30px;
    flex: 0 0 auto;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 30px 0px;
    border-radius: 5px;
    padding: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: block;
    height: 100%;
}
.advantage .cpe-dc li:nth-child(2n) {
    margin-right:0px;
}
.advantage .cpe-dc li .left-advs {
    float: left;
    border-radius: 8px;
    border: 1px solid rgb(233, 235, 239);
    width: 83px;
    height: 83px;
    padding: 20px;
    margin-right: 24px;
    background: rgb(255, 255, 255);
}
.advantage .cpe-dc li .left-advs img {
    width: 100%;
    height: 83px;
    vertical-align: middle;
}
.advantage .cpe-dc li .right-advs {
    float: right;
    color: #252d47;
    width: 73%;
}
.advantage .cpe-dc li div p {
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: bold;
    opacity: 0.8;
}
.advantage .cpe-dc li div p:last-child {
    font-size: 14px;
    font-weight: initial;
    opacity: 0.6;
}
.advantage .cpe-dc li .left-advs p{text-align:center;line-height: 80px;}
.process{padding-top: 80px;font-size: 16px;}
.i-process .list {background: #fff url("../images/line.png") no-repeat center ;margin: 0 auto;width: 1200px;height: 333px;}
.process .fl {float: left;display: inline;}
.process .fr {float: right;display: inline;}
.process .por {position: relative;}
.process .poa { position: absolute;}
.process .flow, .process .cooperation {background-color: #fff;}
.process .flow {height: 685px;text-align: center;}
.process .fp-tableCell {}
.process .title {padding: 60px 0 80px 0;}
.process .title-text {position: relative;padding-bottom: 20px;font-size: 34px;color: #666666;font-weight: normal;}
.process .title-text:after {content: '';display: block;position: absolute;left: 50%;bottom: 0;width: 110px;height: 6px;margin-left: -52px;background-color: #43cdab;}
.process .title-description {margin-top: 40px;color: #b0b0b0;}
.process .title-description {margin-top: 30px;}
.process .inner-item {margin: 0 auto;position: relative;}
.process .i-process {position: relative;width: 1200px;margin: 0 auto;}
.process .i-process .hold {width: 1106px;height: 352px; margin: 0 auto;}
.process .i-process .btn {width: 68px;height: 150px;line-height: 2;color: #8f8f95;text-align: center;transform: translateX(50px);opacity: 0;}
.process .i-process .btn.cur {color: #43cdab;}
.process .i-process .btn:nth-child(1) {left: 33px;top: 165px;}
.process .i-process .btn:nth-child(2) {left: 151px;top: 61px;}
.process .i-process .btn:nth-child(3) {left: 294px;top: 117px;}
.process .i-process .btn:nth-child(4) {left: 439px;top: 46px;}
.process .i-process .btn:nth-child(5) {left: 618px;top: 54px;}
.process .i-process .btn:nth-child(6) {left: 776px;top: 46px;}
.process .i-process .btn:nth-child(7) {left: 957px;top: 148px;}
.process .i-process .btn:nth-child(8) {left: 1087px; top: 58px;}
.process .i-process .btn .light {float: left;width: 10px;height: 10px; border-radius: 5px;background: #fff; margin: 12px 29px;}
.process .i-process .btn .light:after {content: "";position: absolute;left: -5px;top: -5px;z-index: -1;width: 20px;height: 20px;border-radius: 10px;background: #43cdab;opacity: 0.3;}
.process .i-process .btn.cur .light:after {animation: Circle 1.2s infinite linear;}
.process .i-process .btn.cur .light:after {animation: Circle 1.2s infinite linear;}
.process .i-process .btn .circle {width: 68px;height: 68px;border-radius: 34px;background: #edeff1;margin: 12px 0;}
.process .i-process .btn.cur .circle {background: #43cdab;}
.process .i-process .btn .circle:after {content: "";position: absolute;left: 0;top: 0;width: 68px;height: 68px;background: url(../images/bg_sign06.png) no-repeat;}
.process .i-process .btn.cur .circle:after {background-position: 0 -68px;}
.process .i-process .btn:nth-child(2) .circle:after {background-image: url(../images/bg_sign07.png);}
.process .i-process .btn:nth-child(3) .circle:after {background-image: url(../images/bg_sign08.png);}
.process .i-process .btn:nth-child(4) .circle:after {background-image: url(../images/bg_sign09.png);}
.process .i-process .btn:nth-child(5) .circle:after {background-image: url(../images/bg_sign10.png);}
.process .i-process .btn:nth-child(6) .circle:after {background-image: url(../images/bg_sign11.png);}
.process .i-process .btn:nth-child(7) .circle:after {background-image: url(../images/bg_sign12.png);}
.process .i-process .btn:nth-child(8) .circle:after {background-image: url(../images/bg_sign13.png);}
.process .i-process {/* height: 350px; */}
.process .w-f {width: 100%;}
.process .h-f {height: 100%;}
.process .fwn {font-weight: normal;}
.process .tac {text-align: center;}
.process .t-f {transition: all 0.5s;}
.process .t-c {transition: color 0.5s;}
.process .t-bg {transition: background 0.5s;}
@keyframes Circle {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 0.3;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*end*/    
/* home news*/
.con-wrap{
        margin: 0 auto;
        width: 1280px;
        box-sizing: border-box;
    }
.home-title{
    font-size: 25px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
 .questions-answers{
        padding-top: 89px;
        position:relative;
}
.questions-answers-wrap{
    margin-top: 51px;
    margin-bottom: 50px;
    background: #F8FAFE;
    padding: 30px 26px 30px 21px;
    display: flex;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.questions-answers-left{
    width: 860px;
    padding-right: 20px;
    border-right: 1px solid #DDDDDD;
    box-sizing: border-box;
}
.questions-answers-tab{
    height: 42px;
}
.questions-answers-tab-item{
    padding: 0 20px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
}
.questions-answers-tab-item.active{
    color: #3478F5;
    font-weight: bold;
}
.questions-answers-tab-item.active:after{
    display: block;
    content: '';
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background: #3478F5;
    border-radius: 2px;
}
.questions-answers-main-wrap{
    display: none;
    position: relative;
}
.questions-answers-main-wrap.active{
    display: block;
}
.questions-answers-main-items{
    display: flex;
    flex-wrap: wrap;
}
.questions-answers-main-item{
    padding-left: 20px;
    width: 418px;
    display: flex;
    font-size: 14px;
    color: #999;
    height: 54px;
    line-height: 54px;
    box-sizing: border-box;
}
.questions-answers-main-item:hover{
    background-color: #3478F5;
    color: #fff;
    border-radius: 6px;
}
.questions-answers-main-item:hover a{
    color: #fff;
}
.questions-answers-main-title{
    flex: 1;
    color: #333;
}
.questions-answers-main-title a{
    display: block;
    padding-right: 10px;
    width: 290px;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.questions-answers-main-time{
    width: 80px;
}
.questions-answers-main-more{
    position: absolute;
    right: 20px;
    top: -40px;
}
.questions-answers-right{
    width: 333px;
    padding-left: 40px;
}
.questions-answers-right-title{
    position: relative;
    height: 42px;
    font-size: 16px;
    font-weight: bold;
    color: #1284FF;
}
.questions-answers-right-title:after {
    display: block;
    content: '';
    position: absolute;
    top: 28px;
    left: 20px;
    width: 20px;
    height: 3px;
    background: #3478F5;
    border-radius: 2px;
}
.questions-answers-right-title a{
    position: absolute;
    right: 0;
    top: 2px;
}
.questions-answers-right-main-item{
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
    color: #666;
}
.questions-answers-right-main-item:last-child{
    border-bottom:none;
}
.questions-answers-right-main-item a{
    color: #666;
    text-decoration: none;
}
.questions-answers-right-main-item img{
    vertical-align: middle;
    width: 18px;
    margin-right: 19px;
}
.questions-answers-right-main-title{
    margin-bottom: 12px;
    color: #333;
}
.questions-answers-right-main-title:hover{
    text-decoration: underline;
}
.questions-answers-right-main-title a{
    color: #333;
}
.questions-answers-right-main-title,
.questions-answers-right-main-desc{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.questions-answers-right-main-desc >p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 252px;
}
/*end*/
/*why*/
.con4 {
  display: -moz-box; /*firefox*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-box; /*Safari*/
  display: -webkit-flex; /*Chrome*/
  display: box;
  display: flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 50px 0px;
  background-color: #f8f8f8;
}
.con4 .title {
  font-size: 36px;
  color: #333;
  text-align: center;
  padding-top: 130px;
  padding-bottom: 40px;
}
.con4 .container {
  flex: 1;
  position: relative;
  width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con4 .container .con4_con {
  width: 454px;
  height: 454px;
  z-index: 2;
}
.con4 .box_mian_left {
    width: 50px;
    height: 50px;
    line-height: 15px;
    border-radius: 50%;
    float: left;
    background-color: #58D7E2;
    text-align: center;
    color: #fff;
}
.con4 .box_mian_left span {
    display: block;
    padding-top: 10px;
    font-weight: 700;
}
.con4 .box_mian_left span:last-child {
    padding-top: 0px;
}
.box_mian_right {
    font-weight: 550;
    padding: 0px 10px 0px 10px;
    float: right;
    width: 75%;
    color: #999;
    font-size: 14px;
}
.con4 .container .con4_con img {
  width: 100%;
  vertical-align: middle;
}

.con4 .container .con4_item {
  position: absolute;
  width: 320px;
  z-index: 1;
  box-shadow: 2px 2px 19px 0 #f2f2f2;
  border-radius: 42px;
  padding: 20px 10px;
}
.con4_item_i2 .box_mian_left {
    background-color: #7A9FFE;
}
.con4_item_i3 .box_mian_left {
    background-color: #7A9FFE;
}
.con4_item_i4 .box_mian_left {
    background-color: #7A9FFE;
}
.con4_item_i5 .box_mian_left {
    background-color: #7A9FFE;
}
.con4_item_i6 .box_mian_left {
    
}
.con4 .container .con4_item img {
  width: 100%;
  vertical-align: middle;
}

.con4 .container .con4_item.con4_item_i1 {
  top: 30px;
  left: 0;
  animation: floating1 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i1.shrink {
  animation: shrink1 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i1.stretch {
  animation: stretch1 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i2 {
  top: 35%;
  left: 50px;
  margin-top: -42px;
  animation: floating2 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i2.shrink {
  animation: shrink2 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i2.stretch {
  animation: stretch2 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i3 {
  left: 0;
  top: 62%;;
  animation: floating3 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i3.shrink {
  animation: shrink3 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i3.stretch {
  animation: stretch3 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i4 {
  top: 30px;
  right: 0;
  animation: floating4 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i4.shrink {
  animation: shrink4 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i4.stretch {
  animation: stretch4 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i5 {
  top: 35%;
  right: 50px;
  margin-top: -42px;
  animation: floating5 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i5.shrink {
  animation: shrink5 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i5.stretch {
  animation: stretch5 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i6 {
  right: 0;
  top:62%;
  animation: floating6 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i6.shrink {
  animation: shrink6 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i6.stretch {
  animation: stretch6 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i7 {
  top: 90%;
  left: 50px;
  margin-top: -142px;
  animation: floating5 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i7.shrink {
  animation: shrink5 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i7.stretch {
  animation: stretch5 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

.con4 .container .con4_item.con4_item_i8 {
  right: 50px;
  top:88%;
  animation: floating6 0.8s ease-in 0s infinite alternate;
}

.con4 .container .con4_item_i8.shrink {
  animation: shrink6 0.5s ease-in 0s forwards;
}

.con4 .container .con4_item_i8.stretch {
  animation: stretch6 1.0s ease-in 0s forwards,floating2 1.3s ease-in 0s infinite alternate;
}

@keyframes floating1 {
  from {
    top: 92px;
  }
  to {
    top: 88px;
  }
}

@keyframes floating2 {
  from {
    margin-top: -40px;
  }
  to {
    margin-top: -44px;
  }
}

@keyframes floating3 {
  from {
    bottom: 92px;
  }
  to {
    bottom: 88px;
  }
}

@keyframes floating4 {
  from {
    top: 92px;
  }
  to {
    top: 88px;
  }
}

@keyframes floating5 {
  from {
    margin-top: -40px;
  }
  to {
    margin-top: -44px;
  }
}

@keyframes floating6 {
  from {
    bottom: 92px;
  }
  to {
    bottom: 88px;
  }
}

/* 收缩 */
@keyframes shrink1 {
  from {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
  to {
    transform: translateX(430px) translateY(196px) scale(0.3, 0.3);
  }
}

@keyframes shrink2 {
  from {
    transform: translateX(0px) scale(1, 1);
  }
  to {
    transform: translateX(430px) scale(0.3, 0.3);
  }
}

@keyframes shrink3 {
  from {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
  to {
    transform: translateX(430px) translateY(-196px) scale(0.3, 0.3);
  }
}

@keyframes shrink4 {
  from {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
  to {
    transform: translateX(-430px) translateY(196px) scale(0.3, 0.3);
  }
}

@keyframes shrink5 {
  from {
    transform: translateX(0px) scale(1, 1);
  }
  to {
    transform: translateX(-430px) scale(0.3, 0.3);
  }
}

@keyframes shrink6 {
  from {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
  to {
    transform: translateX(-430px) translateY(-196px) scale(0.3, 0.3);
  }
}

/* 拉伸 */
@keyframes stretch1 {
  from {
    transform: translateX(430px) translateY(196px) scale(0.3, 0.3);
  }
  to {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
}

@keyframes stretch2 {
  from {
    transform: translateX(430px) scale(0.3, 0.3);
  }
  to {
    transform: translateX(0px) scale(1, 1);
  }
}

@keyframes stretch3 {
  from {
    transform: translateX(430px) translateY(-196px) scale(0.3, 0.3);
  }
  to {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
}

@keyframes stretch4 {
  from {
    transform: translateX(-430px) translateY(196px) scale(0.3, 0.3);
  }
  to {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
}

@keyframes stretch5 {
  from {
    transform: translateX(-430px) scale(0.3, 0.3);
  }
  to {
    transform: translateX(0px) scale(1, 1);
  }
}

@keyframes stretch6 {
  from {
    transform: translateX(-430px) translateY(-196px) scale(0.3, 0.3);
  }
  to {
    transform: translateX(0px) translateY(0px) scale(1, 1);
  }
}
/*email_sign*/
.email_signing h1{padding-top:110px;}
.email_sign_l_img{width: 25%;float: left;}
.email_sign_r_p{width: 73%;float: right;}
.email_sign_r_p p{padding-top: 20px;font-size: 16px;color: #666;line-height: 30px;}
.email_sign_r_p p:first-child{font-weight: 600;}
.email_sign_l_p{width: 73%;float: left;}
.email_sign_r_img{width: 25%;float: right;}
.email_sign_l_r{padding: 40px 0px;}
.email_sign_l_p p{padding-top: 20px;font-size: 16px;color: #666;line-height: 30px;}
.email_sign_l_p p:first-child{font-weight: 600;}
.email_sign .card-area .card-item.active .card .card-title{background: #2F99DC;}
.email_sign_div .email_sign_ul{margin-top: 0px !important;}
.email_sign_li{width: 45%;float: left;}
.email_sign_li:nth-child(2){width: 10%;text-align: center;padding-top: 100px;}
.email_sign_li:last-child{float: right;}
.email_sign_li .cen_f_l{}
.email_sign_li .cen_f_l p{color: #666;font-size: 14px;}
.email_sign_li .cen_f_l p:first-child{padding-bottom:20px;font-weight: 600;}
.email_sign_li .cen_f_l p:last-child{padding:10px 10px;background:#FF9900;width:200px;color: #fff;margin-top: 20px;}
.email_sign_li .cen_f_l p:last-child a{float: right;margin-right: 10px;display: block;font-weight:600;color: #fff;}
.email_sign_li .cen_f_l:last-child{padding-top:50px;}
.doc_sign_li:nth-child(2){width:50%;}
.doc_sign_li .cen_f_l p:last-child{display: none;}
.doc_sign_li:nth-child(2){padding-top: 0px;}
.doc_sign_but{width: 200px;margin: 0 auto;text-align: left;background: #666666;}
.doc_sign_but p{padding: 6px 10px;color: #fff;    font-weight: 600;margin-top:80px;}
.doc_sign_but p a{color: #fff;padding-left:55px;}
.doc_sign_li_2 .cen_f_l p:last-child{margin-top: 100px;padding: 5px 5px;background: #666;}
.doc_type .card-area .card-item.active .doc_sign_li_2 .cen_f_l p:last-child{background:#FF9900 ;}
.doc_type .card-area .card-item.active .doc_sign_but{
background:#FF9900;width:200px;
}
.doc_type .card-area .card-item.active .doc_sign_but p{}
/*end*/
/*ssl*/
.ssl-type-mian{padding-top: 50px;height: 555px;z-index: 6;position: relative;overflow: hidden;} 
.ssl-type-mian .ssl_l_c_r{width: 30.3333%;float: left;margin-right:56px;}
.ssl-type-mian .ssl_l_c_r:last-child{margin-right: 0px;}
.ssl_l_top{padding: 30px;}
.ssl_mian_l .ssl_l_top{background: #666;}
.ssl_mian_c .ssl_l_top{background: #3B87D4;}
.ssl_mian_r .ssl_l_top{background: #4FC483;}
.ssl_l_top p{color: #fff;text-align: center;font-size: 14px;}
.ssl_l_top p:nth-child(1){font-size: 60px;color: #ADFFFA;padding-bottom: 10px;}
.ssl_l_top p:nth-child(2){font-size: 18px;padding-bottom: 8px;}
.ssl_l_top p:nth-child(3){padding-bottom: 6px;color: #FFEC1C;}
.ssl_l_top p:last-child{text-align: left;border-top: 1px solid #fff;padding-top: 20px;line-height: 30px;}
.ssl_l_top p:nth-child(3) span:nth-child(4) , .ssl_l_top p:nth-child(3) span:nth-child(5){color: #fff;}
.ssl_l_bottom{text-align: center;background: #fff;padding-bottom: 40px;}
.ssl_l_bottom ul li{line-height: 30px;list-style: disc;width: 35%;margin: 0 auto;text-align:left;}
.ssl_l_bottom p{padding: 10px 20px;background: #3478F5;border-radius: 5px;width: 30%;margin: 0 auto;margin-top: 30px;}
.ssl_l_bottom p a{color: #fff;}
.ssl_mian_c .ssl_l_top p:nth-child(3) span:nth-child(4) {color: #FFEC1C;}
.ssl_mian_c .ssl_l_top p:nth-child(3) span:nth-child(5){color: #fff;}
.ssl_mian_r .ssl_l_top p:nth-child(3) span:nth-child(4) {color: #FFEC1C;}
.ssl_mian_r .ssl_l_top p:nth-child(3) span:nth-child(5){color: #FFEC1C;}
.ssl-type .pic-img{height: 302px;}
.ssl_tuijian{padding-top: 90px;}
.ssl_tuijian .card-area .card-item{width: 25%;height: 500px;}
.ssl_tuijian .card-area .card-item.active{width: 25%;height:510px;}
.ssl_tuijian .card-area .card-item {
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);}
.ssl_tuijian .card-area .card-item.active{box-shadow: 0 0 2px #3478f5;}    
.ssl_tuijian .card-area .card-item .card .card-title{height: 85px;line-height: 85px;}
.ssl_tuijian .card-area .card-item.active .card .card-title{height: 100px;line-height: 100px;}
.ssl_tuijian .card-area .card-item .card .card-content{top: 100px;}
.ssl_tuijian .card-area .card-item .card .card-content.content-second{padding-top: 0px;width: 85%;}
.ssl_tj_con{background:#f7f7f7;padding: 10px 20px;margin-top: 30px;}
.ssl_tuijian .card-area .card-item .card .card-content.content-second{opacity: 1;}
.ssl_tuijian .card-area .card-item.active .card .card-title{background-color: #00AAFF;}
.ssl_tj_con span{color: #33333e;font-size: 16px;margin-right: 30px;display: inline-table;}
.ssl_tj_con span b{color: #009900;margin-right: 10px;font-size: 20px;}
.ssl_tuijian .card-area .card-item .card .card-content.content-second .main-tip{color: #33333e;}
.ssl_tuijian .card-area .card-item .card .card-content.content-second ul{padding-top: 30px;}
.ssl_tuijian .card-area .card-item .card .card-content.content-second li{width: 100%;line-height:40px;font-size: 16px;color: #666666;}
.ssl_tuijian .card-area .card-item .card .card-content.content-second li span{color: #FF6642;margin-left:10px;display: inline-block;}
.ssl_tuijian .card-area .card-item:last-child .content-first-list li{text-align: center;}
.ssl_tuijian .card-area .card-item:last-child .content-first-list li span{margin-left: 0px !important;font-size: 25px;}
a.ljdz{border: 1px solid #FF6600; color: #FF6600;padding: 7px 30px;}
a.ljgm{background: #FF8A34;border: 1px solid #FF8A34; color: #fff;padding: 7px 30px;border-radius: 5px;margin-top: 40px;display: inline-block;}
/*end*/
/*device*/
.device-ssl{background:#fff;}
.device-ssl .code-function-mian .code-function-t{border: 2px solid rgba(189, 193, 203, 1);border-radius: 6px;height: 270px;}
.device-ssl .col-sm-4{width: 30.555555%;padding-right: 30px;}
.device-ssl .code-function-mian .code-fun-f{background:none;}
.device-ssl .code-function-mian .title{border-bottom:unset;}
.device-ssl .code-function-mian .title img {width: 70px;height: 70px;display: block;margin: 44px auto 22px;}
.device-ssl .code-function-mian .code-fun-con{color: rgba(51,70,128,1);line-height:22px;}
.device-advantage .cpe-dc li{border: 2px solid rgba(189, 193, 203, 1);border-radius: 6px;}
.device-advantage .cpe-dc li div p{color: rgba(51,70,128,1);font-size: 16px;opacity:1;}
.device-advantage .cpe-dc li div p:last-child{opacity:1;line-height: 23px;font-family: SourceHanSansCN-Normal;font-size:13px;}
.device-process{background:rgba(233,241,255,1);padding: 80px 0px;}
.device-process-2{margin: 0 auto;width: 728px;text-align: left;line-height:26px;}
.device-process .flex{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box; /* Firefox 17- */
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex; /* Firefox 18+ */
	display: -ms-flexbox; /* IE 10 */
	display: flex;
}
.device-process .leftRight{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.device-process .flex_1{
	width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
 .device-process .topBottom{
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.device-process .right-text{
	margin: 0px 18px 0px;
	width:84px;
	height:20px;
	font-size:20px;
	font-weight:500;
	color:rgba(51,70,128,1);
	line-height:23px;
}
.device-process .fk1{
	margin:  0 2px;
	width:9px;
	height:9px;
	background:rgba(178,210,255,1);
}
 .device-process .fk2{
	margin:  0 2px;
	width:9px;
	height:9px;
	background:rgba(155,197,255,1);
}
.device-process .fk3{
	margin:  0 2px;
	width:9px;
	height:9px;
	background:rgba(117,164,229,1);
}
.device-process .list-item-3{
	float: left;
	margin-bottom: 31px;
	margin-right: 51px;
	width:203px;
	height:63px;
	background:rgba(223,233,250,1);
	border:2px solid rgba(160, 191, 233, 1);
	border-radius:3px;
	font-size:16px;
	font-family:SourceHanSansCN-Medium;
	font-weight:500;
	color:rgba(51,70,128,1);
	line-height:63px;
	text-align: center;
}
.device-process .list-item-3:nth-child(3n){
	margin-right: 0;
}
/**solutions**/
.solutions-mian{margin-top: 0.3rem;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 35px;}
.sou-left{float:left;}
.solutions-mian .solutions-mian-img{width:30%;text-align:center;margin-bottom: 0.4rem;}	
.solutions-mian .solutions-mian-img img{width:100%;padding: 5px 0px;}
.solutions-mian .solutions-mian-img span{font-size:16px;}
.solutions-mian-conn{display: flex;align-items: center;width:60%;}
.solutions-mian-conn .sou-mian{padding-left: 40px;}
.solutions-mian-conn b{float:left;width:8%;margin-bottom:20px;font-size:16px;}
.solutions-mian-conn .s-mc-p{float:left;margin-bottom: 20px;width:80%;}
.solutions-mian-conn .s-mc-p p{font-size:14px;}
.solutions-mian-right{display: flex;align-items: center;margin-bottom: 0.4rem;}
.solutions-mian-right div{display: inline-grid;}
.solutions-mian-right div b{background: url(../images/top_tel_icon.png) no-repeat; padding-left: 30px;}
.solutions-mian-right div a.ljgm{margin-top:10px;background:#fff;color:#FF8A34;font-size: 14px;font-weight: 600;}	
/*article-list details*/
.news-list h1{padding-top: 110px;}
.positions{padding: 20px 0;box-shadow: 0 5px 11px rgb(0 0 0 / 10%);}
.positions b, .positions a {font-size: 16px;color: #333;text-decoration: none;}
.positions b {padding-right: 5px;color: #3B87D4;}
.news-conn h3.home-title{padding-top: 90px;}
.news-conn .home-title-p{padding-bottom:50px;}
.news-conn .news-con-left{width: 340px;height: auto;overflow: hidden;float: left;box-sizing: border-box;}
.news-conn .news-con-right{width:920px; height:auto; overflow:hidden; float:right;background:#fff;padding: 30px 30px 30px;box-sizing:border-box;border-radius:8px;margin-bottom: 30px;} 
.news-left-title {padding:30px 30px 10px;position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;font-size: 16px;font-weight: 500;line-height: 1;color: #30365a;background: #fff;}
.news-left-title:after {position: absolute;left: 30px;right: 30px;bottom: 0;height: 1px;background: #eee;content: '';display: block;}
.news-left-list{padding:10px 30px 30px;margin-bottom:10px;background: #fff;border-bottom-left-radius:8px;    border-bottom-right-radius:8px;}
.news-left-list li {height: 30px;line-height: 30px;display: block;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.news-left-list li a{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;display:block;width:100%;color:#70778a;transition:.3s;text-decoration:none;}
.news-left-list li a:hover{color:#3478F5;}
.news-right-conn{ display:block; width:100%; height:auto; overflow:hidden;margin-top:-30px;}
.news-right-conn li{ float:left; display:block; width:100%; padding:30px 0;box-sizing:border-box; border-bottom:solid #eee 1px;display:flex;}
.news-right-conn li .news-right-pic{float:left; position:relative;}
.news-right-conn li span{ display:block; float:left; padding-left:15px; width:428px;}
.news-right-conn li .news-right-pic{width:240px; height:150px;}
.news-right-conn li .news-right-pic img{width: 100%;height:100%;}
.news-right-conn li span{ width:383px;}
.news-right-conn li span b{ font-size:20px; color:#333;}
.news-right-conn li span b a{ color:#337AB7; text-decoration:none;}.news-right-conn li span b a:hover{ color:#3478F5;}
.news-right-conn li span a.time{ font-size:14px; color:#70778a;}
.news-right-conn li span p{ display:block; font-size:14px; color:#70778a;line-height:24px;margin-top:10px;}
.news-right-conn li span a.news-right-btn{color:#337AB7; font-size:14px; display:block;margin-top:10px;text-decoration:none;}
.news-right-conn li span a.news-right-btn:hover {color: #333;}
.news-right-conn  li span{ width:100%;}
.news-right-conn li span{ flex:1;}
.news-right-time{padding-top: 10px;display: block;  border-bottom: 1px dotted #d3d3d3;padding-bottom: 5px;}
.news-right-cate{color: #337AB7;}
.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;}
.pager a{display:inline-block;padding:0;text-align:center;text-decoration:none;box-sizing:border-box;margin-right:8px;height:34px;padding:0 8px;min-width:34px;line-height:34px;font-size:14px;color:#666;font-weight: 400;border:1px solid #e5e5e5;border-radius:4px;}
.pager a.current {    color: #fff;
background: #3478f5;}
.pager a:hover {background:#3478F5;color:#fff;}
.details-body{ width:100%; height:auto; overflow:hidden;}
.details-body h3{color: #3478f5;font-size:18px;padding: 10px 0 15px;}
.details-body p{ font-size:14px; color:#70778a; line-height:24px;;margin-bottom:10px;}
.details-body a{ color:#3478F5;text-decoration:none;}
.details-body a:hover {text-decoration:underline;}
.details-body img{ max-width:100%; height:auto;display:block;margin:auto;}
.details-title{ width:100%; padding:0 5px 15px;margin-bottom:20px;border-bottom: 1px solid #eee;text-align:center}
.details-title h1,.details-title b{ font-size:18px; color:#333; font-weight:normal;}
.details-title h1{font-size:24px;font-weight:400;color:#30365a;text-align:center;}
.details-time{font-size: 14px;font-size: 0.875rem;text-align: center;line-height:40px;color: #808080;}
.details_p_n {font-size:14px;color:#999;text-align:left;margin-top:10px;}
.details_p_n a {text-decoration:none;color:#666;}
.details_p_n a:hover {color:#3478F5;}
/*about*/
.about_mian_1{padding-top:30px;}
.a_m_l{width: 45%;padding: 50px 0;}
.about_m_1_l{float: left;}
.about_m_1_r{float: right;}
.about_m_1_r h1{font-size:30px;color:#1183FF;text-align:center;}
.about_m_1_r p{font-size: 16px;color: #333;padding-top: 30px;line-height: 30px;}
.a_m_2{float: left;padding: 120px 0px;}
.about_m_2_l{width: 52%;}
.about_m_2_r{width: 46%;float: right;}
.m_2_r_l p{text-align: left;padding: 5px 20px;font-size: 18px;color: #fff;}
.m_2_r_l p:first-child{padding-bottom: 30px;padding-top: 0px;}
.about_m_2_l p{color: #333;font-size: 16px;padding-bottom:30px;}
.m_2_r_r p{padding-top: 20px;color: #fff;}
.about_m_2_r .a_m_r_2{background: #428AEB;width: 48%;float: left;text-align: center;padding: 90px 0px;height:180px;}
.about_m_2_r .a_m_r_2:last-child{float: right;}
.about_zz ul li{height: 341px;width: 288px;text-align: center;float: left;background: #fff;margin-right:40px;display: block;border: 1px solid #d3d3d3;margin-bottom: 40px;}
.about_zz ul li:nth-child(4n){margin-right: 0px;}
.about_zz ul li .ab_zz_m{width: 288px;height: 300px;display: table;text-align: center;}
.about_zz ul li .ab_z_img{display: table-cell;vertical-align: middle;}
/*.about_zz ul li .ab_z_img a{height:280px;overflow:hidden;display:block;}*/
.about_zz ul li .ab_zz_m img{width:100%;}
.ab_z_t{background: #F8F8F8;padding: 10px;text-align: center;color: #B7ADAC;font-size: 16px;display: block;}
.about_gh .case-main a{margin-bottom: 20px;width: 185px;height: 80px;border-radius: 0px;overflow: hidden;float: left; margin-right: 32px;}
.about_gh .case-main a:nth-child(6n){margin-right:0px;}
.about_gh .case-main a img {width: 90%;height: 90%;border: 1px solid #d1d1d1;text-align: center;}
.about_mian_1{padding-top:30px;}
.about_hz_mian{padding-bottom: 50px;}
.about_hz_ul{padding-bottom: 50px;display: block;overflow: hidden;}
.about_hz_ul li{width: 100%;}
.about_hz_ul li .hz_img a{width:20%;float:left;}
.about_hz_ul li:last-child{}
.about_hz_ul li p{color: #1183FF;font-size: 18px;padding: 30px 0px;}
.hz_img{background:#fff;border: 5px solid #EDF6EE;}
.about_hz_ul li:first-child .hz_img{padding: 10px 50px;text-align: center;display: inline-block;}
.about_hz_ul li:first-child .hz_img img{width: 70%;margin-bottom: 10px;height:70px;margin-top: 10px;vertical-align: middle;overflow: hidden;}
.about_hz_ul li:first-child .hz_img img:nth-child(2n){margin-right: 0px;}
.about_hz_ul li:last-child .hz_img{padding:40px 10px;text-align: center;display: inline-block;}
.about_hz_ul li:last-child .hz_img img{width: 100%;}
.about_dt_mian{padding-bottom: 50px;}
.about_dt_mian .home-title{color: #1183FF;font-size: 18px;padding: 50px 0px;}
.dongtai_ul {display: block;width: 100%;height: auto;overflow: hidden;margin-top: -30px;}
.dongtai_ul li {float: left;width: 48%;padding: 30px 0;box-sizing: border-box;border-bottom: solid #eee 1px;display: flex;}
.dongtai_ul li:nth-child(2n){float: right;}
.dongtai_ul li .news-right-pic {width: 195px;height: 110px;}
.dongtai_ul li .news-right-pic img { width: 100%;height: 100%;}
.dongtai_ul li span {display: block;float: left;padding-left: 15px;width: 428px;flex: 1;}
.dongtai_ul li span b {font-size:16px; color: #333;display: block;}
.dongtai_ul li span b a { color: #337AB7;  text-decoration: none;}
.dongtai_ul li span p { display: block;font-size: 14px;color: #70778a;line-height: 24px;margin-top: 10px;height:28px;overflow:hidden}
.news-right-conn li span a.news-right-btn {  color: #337AB7;  font-size: 14px;display: block;margin-top: 10px; text-decoration: none;}
.dt_more{width: 20%;background: #1183FF;margin:80px auto;text-align: center;padding: 8px 0px;}
.dt_more a{color: #fff;}
.contact-map {z-index: 9999999;width: 100%;margin-top:50px;}
.contact-map iframe{width: 100%;height: 570px; border: 0;}
.about_mian_2,.about_mian_3{background:#fff;padding-top:60px;}
.contact-con{float:left;margin-right:30px;margin-top:50px;font-size:14px;width:23.2222%;display:block;}
.about_mian_2 .con-wrap .contact-con:last-child{margin-right:0px;}
.contact-con a{ border-bottom: 1px solid #6A6A6A;padding-bottom: 15px;display: block;font-size:18px;color:#333}
.contact-con ul{display: block;padding-top:10px;}
.contact-con ul li{padding-bottom:10px;line-height:26px;}
.about_mian_3 h2{font-size:24px;background-color: #fff;display: inline-block;color:#333;padding-right:10px;font-weight:400}
.about_mian_3 .yinhang-txt{color: #666666;font-size: 14px;border-top: 1px solid #DDDDDD; margin-top: -18px;}
.about_mian_3 .yinhang-txt ol{padding-top:40px;}
.about_mian_3 .yinhang-txt ol li{line-height:30px;}
.about_mian_3 .pp{padding:50px 0px;font-size:16px;}
.about_mian_3 .pp a{color:#333;}
/*end*/
/*product*/
.ssl_pro_mian{}
.ssl_pro_mian .con-wrap{padding: 80px 0px;}
.pro_guide .con-wrap{padding: 0px;}
.ssl_pro_mian .sel-Line{position: relative; overflow: hidden; padding-left: 50px; min-height: 20px; line-height: 20px;}
.ssl_pro_mian .sel-Line .sel-Param{float:left; margin-left:-50px;text-indent:5px;color:#333333;}
.sel-Param span{font-size: 14px;}
.ssl_pro_mian .sel-Line .sel-Value{position: relative; overflow: hidden;}
.ssl_pro_mian .sel-Line .sel-Value .btn{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; font-size: 12px;}
.ssl_pro_mian .sel-Line.icos{line-height: 70px;}	
.ssl_pro_mian .sel-Line .sel-Param {float: left;margin-left: -50px;text-indent: 5px;color: #333333;}
.ssl_pro_mian .sel-Line.words .sel-Value {margin-right: -20px;padding-left: 70px;}
.ssl_pro_mian .sel-Line.icos .btn.on{color: #db2534;}
.ssl_pro_mian .sel-Line.icos .btn.on .ico-car{background-position: 0 -30px;}
.ssl_pro_mian .sel-Line.icos .btn.on i{display: block;}
.ssl_pro_mian .sel-Line{line-height: 20px; padding-top: 14px; padding-bottom: 10px; margin-bottom: -10px; *margin-bottom: 0;}
.ssl_pro_mian .sel-Line .sel-Value{margin-right: -20px; padding-left: 10px;}
.ssl_pro_mian .sel-Line .btn:hover{color: #db2534;}
.ssl_pro_mian .sel-Line .getall{float: left; margin-left: -70px; width: 40px; height: 20px; text-align: center;}
.ssl_pro_mian .sel-Line .getall.on{background-color: #db2534; color: #fff !important;}
.ssl_pro_mian .sel-Line .btn:not(.getall){position: relative; min-width: 60px; padding-left: 20px; margin-right: 20px; margin-bottom: 12px;}
.ssl_pro_mian .sel-Line .btn:not(.getall) .checkbox{float: left; margin-left: -20px; margin-top: 3px; width: 14px; height: 14px; background-image: url(../images/ico-checkbox.png); background-size: auto; background-position: 0 0; background-repeat: no-repeat;}
.ssl_pro_mian .sel-Line .btn:not(.getall):hover .checkbox{background-position: 0 -28px;}
.ssl_pro_mian .sel-Line .btn:not(.getall).on .checkbox{background-position: 0 -14px !important;}
.ssl_pro_mian .sel-Line .dashed{position: relative; top: -14px; height: 0; border-top: #e1e1e1 dashed 1px;}
a em{font-style: initial;font-size: 14px;}
.pro_guide ul.ul_one li{float: left;width: 23.22%;margin-right: 26px;
	border: 1px solid #d3d3d3;border-top: 15px solid #333;background: #fff;text-align: center;padding-top: 25px;margin-bottom: 40px;padding-bottom: 20px;}
.pro_guide ul.ul_one li:nth-child(4n){margin-right: 0px;}	
.pro_guide ul.ul_one li p{font-size: 14px;color: #33333E;padding: 20px 0px;}
.pro_guide ul.ul_one li span{width: 50%;display: inline-block;float: left;padding: 15px 0px;background: #f4f4f4;font-size: 14px;color: #33333e;}
.pro_guide ul.ul_one li span i{font-size: 13px;color: #999999;font-style: initial;}
.pro_guide ul.ul_one li span.price_dis{background: #efefef;color: #E75414;}	
.pro_guide ul li ul.ul_two li{width: auto;float: none;background: url(../images/pro_gou.png) left center no-repeat;padding-left: 35px;border: none;padding-top: 0px;text-align: left;margin-left: 30px;display: block;margin-top:12px;margin-bottom: 0px;padding-bottom: 0px;}
.pro_guide ul li ul.ul_two li:nth-child(1){margin-top:30px;}
.ssl_pro_mian .form-check {position: relative;display: block;padding-left: 1.25rem;float: left;padding-right: 40px}
.ssl_pro_mian .form-check-input {position: absolute;margin-top: 0.3rem;margin-left: -1.25rem;}
.ssl_pro_mian input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;}
.ssl_pro_mian label {display: inline-block;margin-bottom: 0.5rem;}
.ssl_pro_mian .form-check-label {margin-bottom: 0;}
.pro_guide ul.ul_one li ul li p{padding:0px;font-size: 16px;}
.pro_guide ul.ul_one li ul.ul_two{display: block;white-space: normal;overflow: hidden;height: 252px;}
/*end*/
/*footer*/
#footer{ width:100%; height:auto; overflow:hidden; padding-top:60px; background:#0a152b;padding-bottom:40px; }
.footer_line{height: 1px;background: #fff;position: absolute;top: 28px;width: 100%;}
.footer_in,.footer_bottom_in{ width:1280px; height:auto;margin:0 auto;padding-bottom:36px;}
.footer_in .footer_nav{float:left;position: relative; overflow:hidden;}
.footer_in .footer_nav li{ float:left; overflow:hidden; width:185px;margin-right:30px;}
.footer_in .footer_nav li:last-child{width: 420px;margin-right: 0px;}
.footer_in .footer_nav li:nth-child(5) ul li{width:185px;}
.footer_in .footer_nav li:nth-child(5) ul li img{width:70%;height:auto;}
.footer_in .footer_nav li a,.footer_in .footer_hot b,.f_contact b{ font-size:16px; color:#fff; display:block; float:left; width:100%;text-decoration:none; font-weight:normal;}
.footer_in .footer_nav li .sub-menu{ float:left; display:block;padding:30px 0px;}
.footer_in .footer_nav li .sub-menu li a{ cursor: pointer;font-size:14px; color:#6e7481; display:block; /*background: no-repeat -314px -107px  url("images/Sprites.png");*/ overflow:hidden;white-space: nowrap;text-overflow: ellipsis;line-height:32px;}
.footer_in .footer_nav  li .sub-menu li a:hover{ color:#FFF;}
.footer_mune{ display:block; width:960px; height:auto; text-align:center; padding:10px; margin:10px; border-top:dashed #666 1px; float:left;}
.footer_mune li,.link-menu2 li{ display:inline; padding-right:15px;}
.footer_mune li a,.link-menu2 li a{ font-size:12px; color:#cacaca; text-decoration:none;}.footer_mune li a:hover,.link-menu2 li a:hover{ color:#FFF;}
.footer_bottom{ width:100%; height:64px; line-height:64px; background:#0a152b;border-top: 1px solid #3b4455;}
.footer_bottom p a{ color:#5D5D60;text-decoration: none;}
.footer_bottom p a:hover{ color:#fff;}
.footer_bottom p {font-size:12px; color:#3b4455;text-align:center;}
.link-menu2{ float:left; width:100%; display:block; padding-bottom:10px;}
.footer_bottom p a.link_a{border-right:1px solid #5D5D60;padding-right: 12px;padding-left:6px;}
.footer_bottom p a.link_a:first-child{padding-left:0px;}
.footer_bottom p a.link_a:last-child{border-right:none;}
.footer_in .footer_nav li.foot_icon_r a{width:60px;margin-right:12px;}
.footer_in .footer_nav li.foot_icon_r a:last-child{margin-right:0px;}
.footer_in .footer_nav li.foot_icon_r a img{width:100%;}
/*end*/