@charset "utf-8";
/*公用样式*/
/*
    ad_height：内页广告高度
    vi_color：vi色
    assist_color：辅助色
    hight_light_color:突出色
    font_color：字体色
    second_color：二级辅色
    third_color：三级辅色
    reverse_color：VI反色字体
*/
.hd {
    display: none;
}

@font-face {
    font-family: 'number';
    src: url('fonts/DidotLTStd-Roman.eot'); /* IE9 Compat Modes */
    src: url('fonts/DidotLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/DidotLTStd-Roman.woff') format('woff'), /* Modern Browsers */ url('fonts/DidotLTStd-Roman.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/DidotLTStd-Roman.svg#YourWebFontName') format('svg'); /* Legacy iOS */
}

html {
    background: #ffffff;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

body {
    font: 14px "Microsoft YaHei", "微软雅黑", rial, helvetica, clean, sans-serif, "宋体";
    min-width: 1200px;
    width: 100%;
    overflow-x: hidden;
}

body, a {
    color: #333333;
}

/*网站字体颜色*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

input, select {
    vertical-align: middle;
}

select, input, button, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

input::-webkit-input-placeholder {
    color: #d1d1d1;
}

/*行内标签处理*/
i, em, s {
    font-style: normal;
    text-decoration: none;
}

i {
    cursor: pointer;
}

input, textarea {
    outline: none;
}

textarea {
    resize: none;
}

input[disabled], button[disabled] {
    border: 1px solid #DDD !important;
    background-color: #F5F5F5 !important;
    color: #ACA899 !important;
}

/*快捷类名*/
.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

p {
    word-spacing: 0;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pa {
    position: absolute;
}

.pr {
    position: relative
}


.grow {
    overflow: hidden;
    display: inline-block;
}

.grow img {
    -webkit-transition: -webkit-transform .8s;
    -moz-transition: -moz-transform .8s;
    -o-transition: -o-transform .8s;
    transition: transform .8s;
}

.grow img:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

/*扫光效果*/
.spark {
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.spark:after {
    content: ' ';
    cursor: pointer;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
}

.spark:hover:after {
    left: 100%;

    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

/*=================常用样式=======================/
/*显示2行标题 */
.cols2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cols3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;
}

.apa {
    opacity: 0;
}


/*标题*/
h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.mt10 {
    margin-top: 10px;
}

/* a链接样式 */
a {
    text-decoration: none;
}

a:hover {
    color: #007dff;
}

a:focus {
    outline: 0;
}


/*广告*/
.topadcs {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 0;
}

.topadcs a img {
    width: 100%;
    height: auto;
    display: block;
}

.topadcs a {
    display: block;
    margin: 0 auto;
}

.topadcs, .topadcs a.fullad {
    height: 320px;
}


/* -- 页面整体布局大小 --
.header , .content , .footer { width:1200px; margin:0 auto;  }

*/
.content {
    width: 1200px;
    margin: 0 auto;
}

/*公用内容样式*/
.content_box {
}

.news_info p, .help_info p {
    margin: 15px 0;
    line-height: 26px;
}

.news_info p b, .help_info p b {
    display: inline-block;
    text-indent: 0; /*text-indent: -2em;*/
}

.news_info p img, .help_info p img {
    margin: 0 auto;
}

.news_info img, .help_info img {
    width: auto;
    max-width: 100%;
}

/*模式1*/
.left {
    width: 240px;
    float: left;
    margin-top: 20px;
    margin-bottom: 40px;
}

.right {
    width: 930px;
    float: right;
    margin-top: 20px;
    margin-bottom: 40px;
}


.h_nav li a:-webkit-any-link {
    display: block;
}


/*如果屏幕小于1200*/
@media (min-width: 320px) and (max-width: 1200px) {

}


/*面包屑地址*/
.addr {
    height: 60px;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.addr h3 {
    width: 400px;
    float: left;
    font: 24px "Microsoft YaHei";
    color: #333333;
    overflow: hidden;
    line-height: 60px;
}

.addr h4 {
    width: 800px;
    height: 60px;
    float: right;
    text-align: right;
    font: 16px "Microsoft YaHei";
    color: #999999;
    line-height: 60px;
}

.addr h4 a {
    color: #999999;
}

.addr h4 em a, .addr h4 a:hover {
    color: #007dff;
}


/*temp.css  2015  xsl 整理*/
#nodata {
    padding: 80px;
    padding-left: 150px;
    border: solid 1px #eee;
    margin: 10px 0;
    background: url(img/nodata.gif) no-repeat 20px 20px;
    font-size: 42px;
    color: #dedede;
    font-family: '幼圆';
}


/*分页*/
.pages {
    background: #ffffff;
    padding: 28px 0;
    text-align: center;
    clear: both;
}

.pages a {
    display: inline-block;
    min-width: 22px;
    background: #ffffff;
    padding: 8px;
    min-height: 22px;
    border: 1px solid #d3d7d8;
    border-radius: 0.2rem;
    margin: 0 3px;
    font: 16px Arial;
    line-height: 22px;
    color: #999999;
}

.pages a:hover, .pages a.cur {
    background: #007dff;
    color: #ffffff;
    border: 1px solid #007dff;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    transition-property: background;
    -moz-transition-property: background;
    -webkit-transition-property: background;
    -o-transition-property: background;
}

/*404样式一*/
.notfound {
    text-align: center;
    letter-spacing: 2px;
}

.notfound_bg {
    font-size: 700px;
    color: #f9f9f9;
    position: absolute;
    z-index: -1;
    opacity: 0.75;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 100%;
    letter-spacing: 50px;
}

.notfound_bg p {
    display: block;
    font-size: 100px;
    line-height: 150%;
    letter-spacing: 10px;
}

.notfound dl {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notfound dl dt {
    padding-left: 80px;
    text-align: left;
    display: inline-block;
}

.notfound dl dd {
    display: inline-block;
}

.notfound dt em {
    color: #6f6f6f;
    font-size: 20px;
    word-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.notfound dt em strong, .notfound dt b strong {
    color: #007dff;
}

.notfound dt b {
    display: block;
    font-size: 70px;
    color: #333333;
    padding-top: 8px;
    padding-bottom: 8px;
}

.notfound dt p {
    font-size: 16px;
    color: #666666;
    display: block;
    margin-bottom: 20px;
}

.notfound dt a {
    display: inline-block;
    width: 155px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    margin-right: 20px;
    border-radius: 4px;
    background: #333333;
}

.notfound dt a:hover {
    opacity: 0.8;
}

.notfound dt .home {
    background: #007dff;
}

.notfound dt i {
    display: block;
    margin-top: 20px;
    margin-bottom: 12px;
    color: #666666;
}

.notfound dt span {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    display: block;
    background: url(/Skins/Default/Img/404/tel.png) no-repeat left center;
    line-height: 35px;
    padding-left: 40px;
}

.notfound dd {
    padding-left: 40px;
}


/*在线客服1*/
.kef {
    position: fixed;
    width: 70px;
    right: 0;
    z-index: 999;
    top: 25%;
}

.kef li {
    width: 70px;
    height: 66px;
    background: #007dff;
    text-align: center;
    margin-bottom: 1px;
    position: relative;
}

.kef li em {
    display: block;
    height: 66px;
    line-height: 66px;
}

.kef li img {
    display: inline-block;
    padding-top: 18px;
}

.kef li.tel i {
    position: absolute;
    right: -200px;
    top: 0;
    background: #0073eb;
    display: block;
    height: 66px;
    min-width: 160px;
    transition: all .25s linear;
    font-size: 20px;
    color: #ffffff;
    line-height: 66px;
    padding: 0 20px;
    z-index: -1;
    white-space: pre;
}

.kef li.vx i {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: -102px;
    top: 0;
    overflow: hidden;
    transition: all .25s linear;
}

.kef li.vx i img {
    padding-top: 0;
    width: 100px;
    height: 100px;
    float: right;
}

.kef li.tel:hover i {
    right: 0;
    z-index: 1;
}

.kef li.vx:hover i {
    width: 100px;
    height: 100px;
}

/*客服2*/
.kef_new {
    width: 96px;
}

.kef_new li {
    background: none;
    width: 96px;
    height: 96px;
}

.kef_new li .hov_img {
    display: none;
}

.kef_new li:hover em img {
    display: none;
}

.kef_new li:hover em .hov_img {
    display: block;
}

.kef_new li em {
    height: auto;
    z-index: 2;
    position: relative;
}

.kef_new li em img {
    padding: 0;
}

.kef_new li.tel i {
    background: #ffffff;
    top: 18px;
    height: 40px;
    color: #666;
    line-height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 6px #ddd;
    z-index: 1;
}

.kef_new li.tel:hover i {
    right: 96px;
}

.kef_new li.vx i {
    right: 96px;
    top: -35px;
    left: auto;
    display: inline-block;
}

.kef_new li.vx i::before {
    border: 8px solid transparent;
    border-left-color: #dddddd;
    position: absolute;
    right: -6px;
    content: '';
    right: -16px;
    top: 50%;
    margin-top: -8px;
    z-index: -1;
}

.kef_new li.vx:hover i {
    width: 120px;
    height: 120px;
    padding: 12px;
    background: #ffffff;
    box-shadow: 2px 2px 5px #dedede;
    overflow: visible;
}

.kef_new li.vx i img {
    width: 120px;
    height: 120px;
}


/*友情链接申请*/
.flinkpage {
    background: url(/Skins/Default/Img/other/friend_link_bg.jpg) no-repeat center center;
    position: relative;
    z-index: 1;
}

.flinkpage:before {
    filter: blur(2px);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background: inherit;
}

.flinkpage .content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.flinkpage .form_box {
    background: rgba(255, 255, 255, 0.55);
    position: relative;
    z-index: 9;
    padding: 60px 20px;
}

.flinkpage .sp-title {
    border-top: 2px solid #007dff;
    position: relative;
    z-index: 99;
    height: 42px;
    line-height: 42px;
    background: #007dff;
    padding: 0 12px;
    background: linear-gradient(-90deg, #ffffff, #0073eb, #007dff);
}

.flinkpage .sp-title a {
    color: #ffffff;
}

.flinkpage .sp-title .more {
    color: #007dff;
    letter-spacing: 1px;
    font-weight: bold;
}

.friendlk_box {
    width: 520px;
    margin: 0 auto;
    display: block;
}

.friendlk_box li {
    margin-bottom: 12px;
    line-height: 32px;
    font-size: 0;
}

.friendlk_box li span {
    display: inline-block;
    width: 150px;
    text-align: right;
    letter-spacing: 1px;
    font-size: 14px;
}

.friendlk_box li span font {
    color: red;
    margin-right: 4px;
}

.friendlk_box li p {
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
}

.friendlk_box li p input {
    border: 1px solid #dedede;
    line-height: 32px;
    text-indent: 6px;
    padding-right: 5px;
    width: 200px;
}

.friendlk_box li p textarea {
    height: 100px;
    padding: 6px;
    line-height: 20px;
    border: 1px solid #dedede;
    vertical-align: text-top;
}

.friendlk_box li p input:focus, .friendlk_box li p textarea:focus {
    border: 1px solid #007dff;
    box-shadow: 4px 2px 10px #007dff;
}

.friendlk_box li .submit {
    line-height: 32px;
    border-radius: 5px;
    opacity: 0.85;
    transition: all 0.5s ease;
    background: #007dff;
    color: #ffffff;
    display: inline-block;
    padding: 0 30px;
    letter-spacing: 3px;
    font-size: 14px;
    margin-left: 155px;
}

.friendlk_box li .submit:hover {
    box-shadow: 4px 4px 8px #dedede;
    opacity: 1;
}

.friendlk_box li .reset {
    line-height: 32px;
    border-radius: 5px;
    opacity: 0.85;
    transition: all 0.5s ease;
    background: #333333;
    color: #ffffff;
    display: inline-block;
    padding: 0 30px;
    letter-spacing: 3px;
    font-size: 14px;
    margin-left: 30px;
}

.friendlk_box li .reset:hover {
    box-shadow: 4px 4px 8px #dedede;
    opacity: 1;
}


/*在线留言3*/
.temp_one_con {
    padding-top: 42px;
    padding-bottom: 60px;
}

.temp_one_con h3 {
    font-size: 32px;
    display: block;
    text-align: center;
    font-weight: normal;
    color: #ee2923;
}

.temp_one_con h3 i {
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    color: #999999;
    line-height: 32px;
    position: relative;
    text-align: center;
}

.temp_one_con h3 i em {
    background: #ffffff;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    z-index: 99;
}

.temp_one_con h3 i:before {
    width: 100%;
    content: '';
    position: absolute;
    left: -50%;
    height: 1px;
    background: #f1f1f1;
    top: 50%;
}

.temp_one_con h3 i:after {
    width: 100%;
    content: '';
    position: absolute;
    right: -50%;
    height: 1px;
    background: #f1f1f1;
    top: 50%;
}

.temp_one_con p {
    display: block;
    text-align: center;
    color: #666666;
    line-height: 32px;
    letter-spacing: 1px;
}

.temp_one_con ul {
    margin-top: 24px;
}

.temp_one_con ul li {
    display: inline-block;
    color: red;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    border: 1px solid #dedede;
    margin-bottom: 16px;
    width: 31.5%;
    margin-right: 2%;
}

.temp_one_con ul li.none {
    margin-right: 0;
}

.temp_one_con ul li.hd {
    display: none;
}

.temp_one_con ul li.addr {
    width: auto;
    display: block;
    margin-right: 0;
}

.temp_one_con ul li.addr input {
    width: 93%;
}

.temp_one_con ul li.text {
    width: auto;
    display: block;
    height: auto;
    overflow: auto;
    margin-right: 0;
}

.temp_one_con ul li.text span {
    color: #dedede;
}

.temp_one_con ul li textarea {
    display: block;
    border: none;
    padding: 1%;
    width: 98%;
    padding-top: 0;
    line-height: 22px;
    height: 88px;
}

.temp_one_con ul li span {
    display: inline-block;
    color: #666666;
    letter-spacing: 2px;
    text-indent: 12px;
}

.temp_one_con ul li input {
    border: none;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    width: 78%;
}

.temp_one_con ul li.vcode {
    width: 46%;
}

.temp_one_con ul li.vcode input {
    width: 70%;
    vertical-align: middle;
}

.temp_one_con ul li.vcode img {
    width: 76px;
    vertical-align: middle;
    margin-top: -4px;
}

.temp_one_con ul li .submit {
    cursor: pointer;
    background: url(/Skins/Default/Img/pro/gou.png) no-repeat 50px center #ee2923;
    text-indent: 30px;
    color: #ffffff;
    width: 200px;
    border: none;
    border-radius: 5px;
    letter-spacing: 5px;
    font-size: 16px;
    margin-right: 20px;
}

.temp_one_con ul li .reset {
    cursor: pointer;
    background: url(/Skins/Default/Img/pro/reset.png) no-repeat 50px center #666666;
    text-indent: 30px;
    color: #ffffff;
    width: 200px;
    border: none;
    border-radius: 5px;
    letter-spacing: 5px;
    font-size: 16px;
}

.temp_one_con ul li .submit:hover {
    opacity: 0.85;
}

.temp_one_con ul li .reset:hover {
    opacity: 0.85;
}

.temp_one_con ul li.last {
    border: none;
    display: inline-block;
    margin-right: 0;
    width: 46%;
}


#mesbook1_c, #mesbook1 {
    display: none;
    z-index: 1001;
    width: 398px;
    border: 1px solid #ccc;
    background: #fff;
    padding-bottom: 20px;
}

#mesbook1_c div, #mesbook1 div {
    border: 1px solid #E4E3E3;
    background: #EBECEB;
    height: 18px;
    padding: 4px .5em 0;
    margin-bottom: 10px;
}

#mesbook1_c dl.b1, #mesbook1 dl.b1 {
    width: 370px;
    margin: 0 auto;
}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
    float: left;
    width: 105px;
    overflow: hidden;
}

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
    width: 265px;
    float: right;
}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
    padding-bottom: 10px;
}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
    margin-right: 20px;
}

/******************算定义样式 http://www.xiaobiu.com 2023/5/4 13:58:49**********************/
.content {
    width: 1200px;
    margin: 0 auto
}

.header {
    height: 206px;
    background: #fff
}

.welcome {
    background: #fff;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    border-bottom: 2px solid #f1efee
}

.welcome a {
    font-weight: 400;
    display: inline-block;
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 11px;
    position: relative;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 45px
}

.welcome a:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 1px;
    background: #c7c7c7;
    left: 0;
    top: 17px
}

.welcome a:first-child:before {
    background: 0 0
}

.welcome a:hover {
    color: #06f
}

.header .h_con {
    height: 106px
}

.header .logo {
    float: left;
    padding-top: 33px
}

.header .logo img {
    width: 177px
}

.header .slogan {
    float: left;
    margin-top: 31px;
    margin-left: 27px;
    padding-left: 24px;
    position: relative
}

.header .slogan:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 48px;
    background: #ccc;
    left: 0;
    top: -1px
}

.header .slogan span {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 4px
}

.header .slogan strong {
    display: inline-block;
    font-size: 18px;
    color: #333;
    line-height: 1;
    letter-spacing: 3px;
    margin-top: 7px;
    vertical-align: text-bottom
}

.header .slogan img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 2px
}

.header .h_contact {
    float: right;
    margin-top: 31px;
    padding-left: 57px;
    height: 50px;
    display: flex;
    align-items: center;
    background: url(../images/h_tel.png) no-repeat left center
}

.header .h_contact p {
    font-size: 14px;
    color: #666;
    line-height: 1;
    display: block;
    margin-bottom: 2px
}

.header .h_contact span {
    display: inline-block;
    vertical-align: middle
}

.header .h_contact strong {
    color: #333;
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle
}

.header .h_contact p:last-child strong {
    background: linear-gradient(117deg, #00a8ff 0, #06f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.header .menu {
    height: 55px;
    background: #00003b
}

.header .menu li {
    position: relative;
    float: left
}

.header .menu li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 55px;
    background: #06f;
    background: linear-gradient(117deg, #00a8ff, #06f);
    left: 0;
    bottom: 0;
    z-index: 2;
    display: none;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header .menu li > a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    padding: 0 68px;
    position: relative;
    z-index: 2
}

.header .menu li.cur > a, .header .menu li:hover > a {
    font-weight: 700
}

.header .menu li.cur:before, .header .menu li:hover:before {
    display: block
}

.footer {
    background: #3e3e3f;
    height: 511px;
    position: relative;
    padding-top: 89px;
    overflow: hidden;
    box-sizing: border-box
}

.footer h4 {
    font-size: 18px;
    color: #fff;
    line-height: 1
}

.f_con {
    height: 316px
}

.f_contact {
    float: left;
    margin-right: 209px
}

.f_contact h3 {
    line-height: 0;
    margin-bottom: 40px
}

.f_contact h3 img {
    width: 200px
}

.f_contact p {
    font-size: 14px;
    line-height: 36px;
    color: #fff
}

.f_contact p span {
    display: inline-block;
    word-spacing: pre;
    vertical-align: middle
}

.f_contact p strong {
    display: inline-block;
    vertical-align: middle
}

.f_menu {
    float: left;
    width: 184px
}

.f_menu h4 {
    margin-bottom: 31px
}

.f_menu a {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    width: 92px;
    transition: all .5s ease
}

.f_menu a:hover {
    font-weight: 700
}

.f_qr {
    float: right
}

.f_qr h4 {
    margin-bottom: 22px
}

.f_qr p {
    display: block;
    float: left;
    width: 112px;
    line-height: 0
}

.f_qr p img {
    display: block;
    width: 112px
}

.f_qr p span {
    display: block;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    text-align: center;
    margin-top: 12px
}

.f_qr p:last-child {
    margin-left: 27px
}

.f_info {
    border-top: 1px solid #525253;
    padding-top: 36px
}

.f_info p {
    font-size: 14px;
    line-height: 36px;
    color: #fff
}

.f_info p a {
    color: #fff
}

.f_info p span {
    margin-left: 30px
}

.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

@-webkit-keyframes fadeInDown1 {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown1 {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown1 {
    -webkit-animation-name: fadeInDown1;
    animation-name: fadeInDown1
}

@-webkit-keyframes fadeInDown2 {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown2 {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft1 {
    from {
        transform: translate3d(-10%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInLeft1 {
    from {
        transform: translate3d(-10%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInLeft1 {
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1
}

@-webkit-keyframes fadeInLeft2 {
    from {
        transform: translate3d(-5%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInLeft2 {
    from {
        transform: translate3d(-5%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight1 {
    from {
        transform: translate3d(10%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInRight1 {
    from {
        transform: translate3d(10%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInRight1 {
    -webkit-animation-name: fadeInRight1;
    animation-name: fadeInRight1
}

@-webkit-keyframes fadeInRight2 {
    from {
        transform: translate3d(3%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInRight2 {
    from {
        transform: translate3d(3%, 0, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes zoomLeft {
    from {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomLeft {
    from {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.zoomLeft {
    transform-origin: 0 50%;
    -webkit-animation-name: zoomLeft;
    animation-name: zoomLeft
}

.zoomRight {
    transform-origin: 100% 50%;
    -webkit-animation-name: zoomLeft;
    animation-name: zoomLeft
}

@-webkit-keyframes zoomIn1 {
    0% {
        opacity: 0;
        transform: scale3d(.9, .9, .9)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn1 {
    0% {
        opacity: 0;
        transform: scale3d(.9, .9, .9)
    }
    50% {
        opacity: 1
    }
}

.zoomIn1 {
    -webkit-animation-name: zoomIn1;
    animation-name: zoomIn1
}

@-webkit-keyframes fadeInUp1 {
    from {
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp1 {
    from {
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInUp1 {
    -webkit-animation-name: fadeInUp1;
    animation-name: fadeInUp1
}

@-webkit-keyframes fadeInUp2 {
    from {
        transform: translate3d(0, 2%, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp2 {
    from {
        transform: translate3d(0, 2%, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@charset "utf-8";

.white {
    position: relative;
    overflow: hidden;
}

.white:after {
    content: "";
    cursor: pointer;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
}

.white:hover:after {
    left: 100%;
    transition: 1s;
}

.scale_img dl dt img, .scale_img li img {
    transition: all 1s linear 0s;
}

.scale_img dl:hover dt img, .scale_img li:hover img {
    transform: scale(1.05) rotate(0deg) translateY(0);
}

/*banner*/
.banner {
    clear: both;
    position: relative;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
}

.banner .bd {
    position: relative;
    z-index: 0;
}

.banner .bd li img {
    width: 100%;
    vertical-align: top;
}

.banner .hd {
    position: absolute;
    bottom: 25px;
    width: 100%;
    height: 8px;
    cursor: pointer;
    z-index: 9;
    font-size: 0;
    text-align: center;
    display: block !important;
}

.banner .hd li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    opacity: 1;
    box-sizing: border-box;
    transition: all 0.5s ease;
    margin: 0 5px;
    cursor: pointer;
}

.banner .hd li.on {
    background: #007dff;
    border-color: #007dff;
    opacity: 1;
}

.banner .prev, .banner .next {
    width: 54px;
    height: 54px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    top: 46%;
    left: -100px;
    position: absolute;
    z-index: 9;
    transition: all 0.5s ease;
}

.banner .prev:hover, .banner .next:hover {
    border-color: #fff;
}

.banner .next {
    left: auto;
    right: -100px;
}

.banner:hover .prev {
    left: 3%;
}

.banner:hover .next {
    right: 3%;
}

/*search*/
.search {
    height: 75px;
    background: #f5f5f5;
    overflow: hidden;
    font-size: 0;
}

.search .keyword {
    font-size: 14px;
    line-height: 75px;
    float: left;
}

.search .keyword strong {
    font-weight: bold;
    color: #3e3e3f;
}

.search .keyword a {
    color: #666;
    display: inline-block;
    font-weight: normal;
    margin-right: 14px;
}

.search .keyword a:hover {
    color: #0066ff;
}

.search .search_input {
    float: right;
    width: 359px;
    height: 75px;
    position: relative;
}

.search .search_input:after {
    position: absolute;
    content: "";
    width: 600%;
    height: 75px;
    background: #e2e1e1;
    left: 0;
    bottom: 0;
}

.search .search_input input[type="text"] {
    background: none;
    border: none;
    outline: none;
    display: block;
    box-sizing: border-box;
    float: left;
    width: 320px;
    padding-left: 37px;
    font-size: 14px;
    line-height: 75px;
    color: #666;
    position: relative;
    z-index: 2;
}

.search .search_input .submit {
    border: none;
    outline: none;
    display: block;
    float: right;
    cursor: pointer;
    font-size: 0;
    width: 39px;
    height: 75px;
    background: url(../images/s_btn.png) no-repeat right center;
    position: relative;
    z-index: 2;
}

/*title*/
h2.main_title {
    position: relative;
    padding-top: 20px;
}

h2.main_title {
    display: block;
    text-align: center;
    line-height: 0;
}

h2.main_title i {
    display: block;
    font-size: 48px;
    line-height: 100%;
    color: #EAEAEA;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    left: 0;
    top: -6px;
}

h2.main_title strong {
    display: inline-block;
    font-size: 36px;
    line-height: 100%;
    color: #333;
    font-family: "Source Han Serif CN", "宋体";
    position: relative;
}

h2.main_title strong:before {
    /*position: absolute;*/
    /*content: "";*/
    /*width: 20px;*/
    /*height: 14px;*/
    /*background: url(../images/t_bg1.png) no-repeat center;*/
    /*left: -26px;*/
    /*bottom: 0;*/
}

h2.main_title strong:after {
    position: absolute;
    content: "";
    width: 21px;
    height: 18px;
    background: url(../images/t_bg2.png) no-repeat center;
    right: -35px;
    top: 2px;
}

h2.main_title span {
    display: block;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    color: #333;
    margin-top: 22px;
    letter-spacing: 8px;
}

/*product*/
.product {
    padding-top: 91px;
    background: url(../images/product_bg.jpg) no-repeat center bottom;
    padding-bottom: 75px;
}

.pro_nav {
    margin: 42px 0 64px;
    text-align: center;
    font-size: 0;
}

.pro_nav h3 {
    display: inline-block;
    margin: 0 25px;
}

.pro_nav h3 a {
    display: block;
    font-size: 16px;
    line-height: 100%;
    color: #333;
    font-weight: normal;
    transition: all 0.5s ease;
    padding-bottom: 11px;
    position: relative;
}

.pro_nav h3 a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    opacity: 0;
    background: #007dff;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.pro_nav h3:hover a {
    color: #007dff;
    font-weight: bold;
}

.pro_nav h3:hover a:before {
    width: 100%;
    opacity: 1;
}

.pro_list li {
    width: 363px;
    background: #fff;
    border-radius: 10px;
    height: 316px;
    overflow: hidden;
    float: left;
    margin-right: 55px;
    margin-bottom: 63px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}

.pro_list li > a {
    display: block;
    line-height: 0;
    overflow: hidden;
    border-radius: 10px;
}

.pro_list li img {
    width: 100%;
}

.pro_list li h4 {
    height: 66px;
    padding-left: 26px;
    padding-right: 23px;
}

.pro_list li h4 strong {
    display: block;
    float: left;
    font-size: 20px;
    line-height: 66px;
    color: #333;
    width: 200px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_list li h4 span {
    display: block;
    float: right;
    font-size: 14px;
    line-height: 66px;
    color: #333;
    font-weight: normal;
}

.pro_list li:hover {
    background: #0066ff;
    background: linear-gradient(156deg, #00a8ff, #0066ff);
}

.pro_list li:hover h4 strong, .pro_list li:hover h4 span {
    color: #fff;
}

.pro_list li:nth-child(3n) {
    margin-right: 0;
}

.pro_list_nav {
    text-align: center;
    position: relative;
    z-index: 9;
    margin-top: -11px;
    font-size: 0;
    width: 100%;
    height: 9px;
}

.pro_list_nav li {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #d2d2d2;
    border-radius: 50%;
    transition: all 0.5s ease;
    margin: 0 5px;
    cursor: pointer;
}

.pro_list_nav li:hover, .pro_list_nav li.on {
    background: #007dff;
}

/*packing*/
.packing {
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
    width: 100%;
    padding-top: 102px;
}

.pack_con {
    margin-top: 62px;
    height: 700px;
    position: relative;
}

.pack_list li {
    width: 100%;
    height: 700px;
    line-height: 0;
    position: relative;
}

.pack_list li img {
    position: absolute;
    height: 700px;
    left: 50%;
    margin-left: -960px;
}

.pack_nav {
    width: 100%;
    height: 700px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.7);
}

.pack_nav li {
    width: 25%;
    height: 700px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 202px 3% 0;
    transition: all 0.5s ease;
    position: relative;
}

.pack_nav li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(156deg, #00a8ff, #0066ff);
    opacity: 0;
    transition: all 0.5s ease;
    left: 0;
    top: 0;
    z-index: -1;
}

.pack_nav li img {
    display: block;
    width: 85px;
    height: 98px;
    margin: 0 auto 0;
}

.pack_nav li h3 {
    font-size: 24px;
    font-family: "Source Han Serif CN", "宋体";
    font-weight: bold;
    color: #ffffff;
    margin: 62px 0 30px;
}

.pack_nav li p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}

.pack_nav li:hover:after, .pack_nav li.on:after {
    opacity: 0.5;
}

.pack_nav li:last-child {
    border-right: none;
}

/*album*/
.album {
    padding-top: 95px;
    padding-bottom: 131px;
}

.album h2 {
    margin-bottom: 54px;
}

.album_nav {
    float: left;
    width: 309px;
    margin-bottom: 64px;
}

.album_nav h3 {
    width: 309px;
    height: 116px;
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 16px;
    position: relative;
    display: table;
    width: 100%;
    height: 114px;
    padding-left: 46px;
    padding-top: 48px;
    box-sizing: border-box;
    transition: all 0.5s ease;
}

.album_nav h3:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 10px;
    background: url(../images/album_icon11.png) no-repeat center;
    left: 11px;
    bottom: 10px;
}

.album_nav h3:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 12px;
    background: url(../images/album_icon.png) no-repeat center;
    right: 11px;
    top: 10px;
}

.album_nav h3 strong {
    display: block;
    font-size: 20px;
    line-height: 100%;
    color: #333;
}

.album_nav h3 span {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: #333;
    margin-top: 12px;
    font-weight: normal;
    opacity: 0;
    transition: all 0.5s ease;
}

.album_nav h3.on, .album_nav h3:hover {
    background: linear-gradient(156deg, #00a8ff, #0066ff);
    border-color: transparent;
    padding-top: 35px;
}

.album_nav h3.on strong, .album_nav h3:hover strong, .album_nav h3.on span, .album_nav h3:hover span {
    color: #fff;
}

.album_nav h3.on span, .album_nav h3:hover span {
    opacity: 1;
}

.album_con {
    float: right;
    width: 882px;
}

.album_con li {
    float: left;
    margin-left: 17px;
    width: 277px;
    height: 378px;
    border-radius: 10px;
    line-height: 0;
    overflow: hidden;
}

.album_con li img {
    width: 100%;
}

.album_con ul:first-child li {
    width: 865px
}

.album_list {
    clear: both;
    background: url(../images/album_bg.jpg) no-repeat center;
    height: 191px;
    padding-top: 74px;
    box-sizing: border-box;
    padding-left: 89px;
}

.album_list li {
    float: left;
    width: 286px;
}

.album_list li img {
    display: block;
    float: left;
    width: 56px;
    margin-right: 20px;
    padding-top: 2px;
}

.album_list li span {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

.album_list li:last-child {
    width: 240px;
}

/*sm_banner*/
.sm_banner {
    background: url(../images/sm_banner_bg.jpg) no-repeat center;
    height: 460px;
    box-sizing: border-box;
    padding-top: 88px;
}

.sm_banner h2 {
    line-height: 0;
    margin-bottom: 32px;
}

.sm_banner h2 img {
    display: block;
}

.sm_banner h2 span {
    display: block;
    width: 417px;
    height: 51px;
    background: url(../images/sm_title_bg.png) no-repeat center;
    text-align: center;
    margin-top: 22px;
}

.sm_banner h2 span i {
    display: block;
    background: linear-gradient(156deg, #00a8ff 0%, #0066ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-size: 24px;
    line-height: 51px;
}

.s_tel {
    height: 79px;
    background: url(../images/s_tel.png) no-repeat left center;
    padding-left: 83px;
}

.s_tel span {
    display: block;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
}

.s_tel strong {
    display: block;
    font-size: 40px;
    line-height: 100%;
    color: #fff;
}

/*process*/
.process {
    background: url(../images/process_bg.jpg) no-repeat center top;
    padding-top: 101px;
    background-size: auto 100%;
    overflow: hidden;
}

.process_con {
    margin-top: 79px;
}

.process_con .pic {
    line-height: 0;
    width: 360px;
    height: 489px;
    overflow: hidden;
    float: left;
}

.process_nav {
    width: 322px;
    height: 489px;
    float: left;
}

.process_nav h3 {
    height: 98px;
    padding-left: 41px;
    background: #fff;
    transition: all 0.5s ease;
    box-sizing: border-box;
    padding-top: 16px;
    cursor: pointer;
}

.process_nav h3 i {
    display: block;
    width: 56px;
    height: 65px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 21px;
}

.process_nav h3 i img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.5s ease;
}

.process_nav h3 strong {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: #3e3e3f;
    margin-top: 14px;
    transition: all 0.5s ease;
}

.process_nav h3 span {
    display: block;
    font-size: 14px;
    line-height: 100%;
    color: #333;
    font-weight: normal;
    margin-top: 12px;
    transition: all 0.5s ease;
}

.process_nav h3:last-child {
    height: 97px;
}

.process_nav h3:hover, .process_nav h3.on {
    background: #f5f5f5;
}

.process_nav h3:hover i img:last-child, .process_nav h3.on i img:last-child {
    z-index: 2;
}

.process_nav h3:hover strong, .process_nav h3.on strong, .process_nav h3:hover span, .process_nav h3.on span {
    color: #007dff;
}

.process_list {
    width: 518px;
    height: 489px !important;
    background: url(../images/process_con_bg.jpg) no-repeat center top;
    float: left;
    box-sizing: border-box;
}

.process_list li {
    padding-top: 57px;
    padding-left: 92px;
}

.process_list h3 {
    margin-bottom: 41px;
}

.process_list h3 strong {
    display: block;
    font-size: 32px;
    line-height: 100%;
    color: #333;
}

.process_list h3 span {
    display: block;
    font-size: 25px;
    line-height: 100%;
    color: #333;
    font-weight: normal;
    margin-top: 22px;
}

.process_list p span {
    display: block;
    font-size: 16px;
    line-height: 60px;
    color: #333;
    transition: all 0.5s ease;
    float: left;
    width: 180px;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
}

.process_list p span:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 2px;
    background: #d2d2d2;
    left: 0;
    top: 29px;
    transition: all 0.5s ease;
}

.process_list p span:hover {
    color: #007dff;
}

.process_list p span:hover:before {
    background: #007dff;
}

/*factory*/
.factory {
    padding-top: 126px;
    padding-bottom: 127px;
}

.factory h2 b {
    color: #007dff;
    font-size: 24px;
}

.factory_con {
    margin-top: 65px;
    height: 554px;
    overflow: hidden;
    position: relative;
}

.factory_list {
    width: 745px;
    height: 554px;
    position: absolute;
    left: 212px;
    top: 0;
}

.factory_list .tempWrap {
    overflow: visible !important;
}

.factory_list .tempWrap div {
    overflow: visible !important;
}

.factory_list li {
    margin: 0 14px;
    float: left;
    width: 745px;
}

.factory_list li > a {
    display: block;
    width: 745px;
    height: 486px;
    border-radius: 10px;
    line-height: 0;
    overflow: hidden;
}

.factory_list li > a img {
    width: 100%;
}

.factory_list li h4 > a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-top: 40px;
}

.factory_prev, .factory_next {
    width: 200px;
    height: 486px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.factory_prev:after, .factory_next:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/factory_prev.png) no-repeat center rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    overflow: hidden;
}

.factory_next {
    left: auto;
    right: 0;
}

.factory_next:after {
    background-image: url(../images/factory_next.png);
}

/*sm_banner1*/
.sm_banner1 {
    height: 460px;
    background: url(../images/sm_banner2_bg.jpg) no-repeat center top;
    box-sizing: border-box;
    padding-top: 108px;
}

.sm_banner1 h2 {
    margin-bottom: 73px;
}

.sm_banner1 h2 strong {
    display: block;
    font-size: 48px;
    line-height: 100%;
    color: #fff;
}

.sm_banner1 h2 span {
    display: block;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    margin-top: 32px;
}

.sm_banner1 .s_tel span {
    font-weight: normal;
}

/*news*/
.news {
    overflow: hidden;
    padding-top: 110px;
    background: #ffffff url(../images/news_bg.jpg) no-repeat center 207px;
    padding-bottom: 96px;
}

.news_con {
    margin-top: 72px;
    padding-bottom: 111px;
}

.news_con h3 {
    height: 36px;
    margin-bottom: 38px;
}

.news_con h3 a {
    display: block;
}

.news_con h3 strong {
    display: block;
    float: left;
    font-size: 24px;
    line-height: 36px;
    color: #333;
}

.news_con h3 span {
    display: block;
    float: right;
    width: 112px;
    height: 36px;
    background: linear-gradient(156deg, #00a8ff, #0066ff);
    border-radius: 18px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    transition: all 0.5s ease;
}

.news_con h3 span:hover {
    letter-spacing: 1px;
}

.news_con dl {
    width: 582px;
    float: left;
}

.news_con dl dt {
    width: 582px;
    height: 374px;
    line-height: 0;
    overflow: hidden;
}

.news_con dl dt img {
    width: 100%;
}

.news_con dl dd {
    width: 582px;
    height: 138px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.news_con dl dd a {
    display: block;
    padding: 49px 53px 0;
}

.news_con dl dd span {
    display: block;
    font-size: 16px;
    line-height: 100%;
    color: #999;
    font-weight: bold;
}

.news_con dl dd h4 {
    font-size: 18px;
    line-height: 46px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.news_con dl:hover dd h4 {
    color: #0066ff;
}

.news_list {
    width: 582px;
    height: 513px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    float: right;
}

.news_list .hot {
    padding: 44px 47px 27px;
    border-bottom: 1px solid #e0e0e0;
}

.news_list .hot span {
    display: block;
    font-size: 16px;
    line-height: 100%;
    color: #999;
    font-weight: bold;
}

.news_list .hot h4 {
    font-size: 18px;
    line-height: 46px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.news_list .hot p {
    font-size: 14px;
    line-height: 26px;
    color: #999;
}

.news_list .hot:hover h4 {
    color: #0066ff;
}

.news_list ul {
    padding: 28px 47px 0;
}

.news_list li {
    height: 44px;
}

.news_list li a {
    display: block;
    height: 44px;
}

.news_list li span {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 44px;
    color: #999;
    font-weight: bold;
    margin-right: 40px;
    transition: all 0.5s ease;
}

.news_list li h4 {
    float: left;
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 44px;
    color: #333;
    transition: all 0.5s ease;
}

.news_list li:hover span, .news_list li:hover h4 {
    color: #0066ff;
}

.faq {
    clear: both;
    border-top: 1px solid #e2e2e2;
    padding-top: 91px;
}

.faq_nav {
    height: 36px;
    margin-bottom: 52px;
}

.faq_nav h3 {
    float: left;
    margin-right: 50px;
}

.faq_nav h3 a {
    display: block;
    font-size: 24px;
    line-height: 36px;
    color: #333;
    opacity: 0.2;
    transition: all 0.5s ease;
}

.faq_nav h3.on a, .faq_nav h3:hover a {
    opacity: 1;
}

.faq_nav span {
    display: block;
    float: right;
}

.faq_nav span a {
    display: block;
    width: 112px;
    height: 36px;
    background: linear-gradient(156deg, #00a8ff, #0066ff);
    border-radius: 18px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    transition: all 0.5s ease;
}

.faq_nav span a:hover {
    letter-spacing: 1px;
}

.faq_con li {
    width: 322px;
    float: left;
    margin-right: 117px;
}

.faq_con li h4 {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 27px;
    transition: all 0.5s ease;
}

.faq_con li p {
    font-size: 14px;
    line-height: 26px;
    color: #333;
}

.faq_con li:last-child {
    margin-right: 0;
}

.faq_con li:hover h4 {
    color: #0066ff;
}

/*sm_banner2*/
.sm_banner2 {
    background: url(../images/sm_banner3_bg.jpg) no-repeat center top;
    height: 369px;
    padding-top: 140px;
    box-sizing: border-box;
}

.sm_banner2 h2 {
    float: left;
}

.sm_banner2 h2 strong, .sm_banner2 h2 span {
    display: block;
    font-size: 36px;
    line-height: 100%;
    color: #fff;
}

.sm_banner2 h2 span {
    margin-top: 22px;
    padding-left: 252px;
}

.sm_banner2 .s_tel {
    float: right;
    margin-top: 3px;
}

/*links*/
body {
    position: relative;
}

.links {
    position: absolute;
    left: 50%;
    bottom: 22px;
    margin-left: 254px;
}

.links h4 {
    width: 346px;
    height: 60px;
    background: #525253;
    box-sizing: border-box;
    padding-left: 17px;
    position: relative;
    font-size: 14px;
    line-height: 60px;
    color: #999;
    cursor: pointer;
}

.links h4:after {
    position: absolute;
    content: "";
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 10px 9px;
    top: 14px;
    right: 19px;
}

.links p {
    position: absolute;
    left: 0;
    bottom: 100%;
    background: #525253;
    border-bottom: 1px solid #3e3e3f;
    width: 346px;
    box-sizing: border-box;
    padding: 20px;
    display: none;
}

.links p a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #999;
    transition: all 0.5s ease;
}

.links p a:hover {
    color: #fff;
}

.column_help {
    width: 1200px;
    margin: 20px auto 0;
    height: 60px;
    background: #0073eb;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-bottom: 81px;
}

.column_help ul {
    font-size: 0;
    text-align: center;
}

.column_help li {
    width: 200px;
    height: 60px;
    display: inline-block;
    text-align: center;
    font: 18px "Microsoft YaHei";
    line-height: 60px;
}

.column_help li a {
    display: block;
    color: #ffffff;
}

.column_help li a:hover, .column_help .cur a {
    background: #007dff;
    position: relative;
}

.column_help li a:hover:before, .column_help .cur a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
}


/*应用领域*/
.index-c2{
    padding: 4% 0 5%;
    background: url(../image/bg1.jpg) no-repeat center;
    background-size: cover;
}
.c2-con{
    margin-top: 4%;
}
.c2-con .c2-1{
    width: 24.2857%;
}
.c2-con .c2-1 li{
    margin-bottom: 1px;
    background: #fff;
    padding:7.76% 5px 7.76% 10%;
    cursor: pointer;
}
.c2-con .c2-1 li .tt{
    padding: 5px 0 5px 80px;
    
}
.c2-con .c2-1 li .tt h3{
    font-size: 22px;
    line-height: 34px;
    color: #333333;
}
.c2-con .c2-1 li .tt p{
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.c2-con .c2-1 li.cur{
    background: #c80000;
}
.c2-con .c2-1 li .tt{
    background-size: 64px 64px;
    background-position: left center;
    background-repeat: no-repeat;
}
.c2-con .c2-1 li.cur .tt h3{
    color: #fff;
}
.c2-con .c2-1 li.cur .tt p{
    color: #fff;
}
.c2-con .c2-1 li:nth-child(1) .tt{
    background-image: url(../image/a1.png);
}
.c2-con .c2-1 li:nth-child(1).cur .tt{
    background-image: url(../image/a1_h.png);
}
.c2-con .c2-1 li:nth-child(2) .tt{
    background-image: url(../image/a2.png);
}
.c2-con .c2-1 li:nth-child(2).cur .tt{
    background-image: url(../image/a2_h.png);
}
.c2-con .c2-1 li:nth-child(3) .tt{
    background-image: url(../image/a3.png);
}
.c2-con .c2-1 li:nth-child(3).cur .tt{
    background-image: url(../image/a3_h.png);
}
.c2-con .c2-1 li:nth-child(4) .tt{
    background-image: url(../image/a4.png);
}
.c2-con .c2-1 li:nth-child(4).cur .tt{
    background-image: url(../image/a4_h.png);
}
.c2-con .c2-1 li:nth-child(5) .tt{
    background-image: url(../image/a5.png);
}
.c2-con .c2-1 li:nth-child(5).cur .tt{
    background-image: url(../image/a5_h.png);
}
.c2-con .c2-2{
    width: 73.857%;
}
.c2-con .c2-2 li{
    display: none;
}
.c2-con .c2-2 li a{
    display: block;
    position: relative;
}
.c2-con .c2-2 li .img img{
    width: 100%;
}
.c2-con .c2-2 li .wz{
    width: 100%;
    position: absolute;
    bottom: 5%;
    left: 0;
    padding: 0 5%;
    z-index: 99;
}
.c2-con .c2-2 li .wz h3{
    font-size: 22px;
    line-height: 2;
    color: #fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.c2-con .c2-2 li .wz p{
    font-size: 16px;
    color: #fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.c2-click{
    margin-top: 30px;
}
.c2-click .slider-nav{
    padding: 0 30px;
    margin-bottom: 20px;
    position: relative;
}
.c2-click .slider-nav .slick-arrow{
    width: 25px;
    height: 25px;
    font-size: 0;
    border: none;
    outline: none;
    background: none;
    text-indent: 100px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #aaa;
    border-radius: 50%;
}
.c2-click .slider-nav .slick-prev{
    background: url(../image/left1.png) no-repeat center;
    background-size: 30px 30px;
    left: 0;
}
.c2-click .slider-nav .slick-next{
    background: url(../image/right1.png) no-repeat center;
    background-size: 30px 30px;
    right: 0;
}
.c2-click .slider-nav .slick-con{
    padding: 0 5px;
    text-align: center
}
.c2-click .slider-nav .slick-con .ssss{
    background: #fff;
    padding: 5px;
}
.c2-click .slider-nav .slick-con .ssss h3{
    font-size: 15px;
    white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color: #333
}
.c2-click .slider-nav .slick-con .ssss p{
    font-size: 12px;
    color: #333;
    white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-transform: uppercase;
}
.c2-click .slider-nav .slick-current .ssss{
    background: #c80000;
}
.c2-click .slider-nav .slick-current .ssss h3{
    color: #fff
}
.c2-click .slider-nav .slick-current .ssss p{
    color: #fff
}
.c2-click .slider-for .slick-con a{
    display: block;
}
.c2-click .slider-for .slick-con .img img{
    width: 100%
}
.c2-click .slider-for .slick-con .wz h3{
    font-size: 16px;
    line-height: 2;
    color: #333;
    white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.c2-click .slider-for .slick-con .wz p{
    font-size: 13px;
    color: #666;
    line-height: 1.8;
}