@charset "utf-8";
/* CSS Document */

body{font:16px/26px 'Microsoft Yahei',"微软雅黑";color:#222222;padding:0;margin:0;}
*{padding:0;margin:0;-webkit-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;}
/*默认样式*/
img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}



table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #1a1a1a;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    -moz-outline-style: none;
    -webkit-outline-style: none;
}

a:link {
    text-decoration: none;
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}
.inline {
    display: inline-block;
    vertical-align: top;
}

.center {
    position: absolute;
    top: 50%;
    width: 100%;
	text-align:right;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fl{float:left;}
.fr{float:right;}
.pt2{padding-top:2rem;}
.container{margin:0 auto;width:92%;max-width:1600px;}
@media screen and (max-width: 1600px){.container {max-width:1440px;} }
.box {
    width: 90%;
    max-width: 1600px;
	margin:auto;
}

.iphonemedia {display: none}
.pcmedia {display: block;/* position: relative; */}
.header {position: fixed;top: 0;left: 0;width: 100%;padding:10px 0;z-index: 20;/* background: #fff; */border-bottom: 1px solid rgba(255, 255, 255, .2);transition: all .2s;}
.header.bottom_hide {top: 0;}
.header.z_index1000{z-index: 1000;}
.header.top_show {top: -100%;}
.header .box {width: 100%;box-sizing: border-box;padding:0;text-align: right;}
.header_on {background: #fff;padding:10px 0;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.header_on .nav li.pro_nav_item,
.header_on .nav li.hang_nav_item {/* padding-bottom: 15px; */cursor: pointer;/* margin-top: -5px; */}
.header .logo {float: left;width: 215px;position: relative;text-align:left;z-index: 20;line-height: 60px;}
.header .right {float: right;padding-right: 4%;padding-left: 2%;padding-top: 0;}
.header .nav_details {background: rgba(255, 255, 255, .9);position: absolute;left: 0;text-align: left;top: 98%;box-sizing: border-box;width: 100%;min-height: 210px;display: none;/* padding-top: 30px; */z-index: 21;}
.header .nav_details .nav1 {/* background: rgba(255, 255, 255, .9); */padding: 20px 0;}
.header .nav_details li {display: inline-block;margin: 0 45px;}
.header .nav_details a {display: block;font-size: 18px;line-height: 44px;color: #444444;}
.header .nav_details a:hover{color:#0037a3}
.header .nav {transition: all 0s;-webkit-transition: all 0s;margin-right: 0;text-align: right;/* margin: auto; */width: auto;/* padding: 10px 0 0 0; */display: inline-block;}
.header_on.header .nav {padding-top: 5px}
.header .header_bottom.on .nav {transition: all .6s;-webkit-transition: all 0.6s;}
.nav li {display: inline-block;position: relative;z-index: 2;cursor: pointer;}
.nav li .t1 {cursor: pointer;/* display:block; */color: #fff;font-size: 18px;line-height: 65px;letter-spacing: 1px;margin: 0 43px;font-weight: lighter;position: relative;padding-bottom: 10px;}
.header_on .nav li .t1 {line-height: 50px;}
.nav li .t1:after {content: '';transition: all .4s;left: 50%;width: 0%;}
.nav li:hover .t1:after,.nav li.on .t1:after,.nav li.on1 .t1:after {content: '';position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background:#1fa1cc;}
.header_on .nav li .t1 {color: #333;font-weight: normal;padding: 0;line-height: 65px;padding-bottom: 10px;}
.nav li:hover .t1 {/* color: #0062ff; */}
.header_on .nav li.on .t1,.header_on .nav li.on1 .t1{color:#1fa1cc;}
.header_on .header_bottom .en {color: #333;font-weight: normal;}
.header header_on .nav li.on .t1 {color: #0062ff;/* font-weight: bold; */}
.nav li .t2 {z-index:21;display: none;position: absolute;top: 100%;padding: 12px 8px;left: 0;width: auto;min-width: 100%;background: #fff;}
.header_on .nav li .t2 {color: #0062ff;}
.nav .t2 a {white-space: nowrap;display: block;font-size: 18px;line-height: 44px;color: #444444;text-align: center;font-weight: normal;}
.nav .t2 a:hover {color: #0062ff;}
.header .header-form {position: absolute;float: right;display: inline-block;margin: 0px -100px 0 0;width: 0;overflow: hidden;transition: all 0s;-webkit-transition: all 0s;top: 0px;right: 91px;z-index: -1;background: transparent;}
.header-form .header-text {box-sizing: border-box;width: 100%;padding: 5px 20px;line-height: 35px;/* border-radius: 8px; */border: 1px solid transparent;height: 45px;background: #ebecef;overflow: hidden;/*color: #f0f0f0;*/border: 1px solid rgba(255, 255, 255, .05);}
.header-form .header-sub {position: absolute;top: 22px;right: 9px;z-index: 10;width: 25px;height: 25px;border: 0;background-color: transparent;background: url('../images/icon_search2.png') no-repeat;background-size: cover;opacity: .8;}
.header_bottom .en {float: right;position: relative;color: #fff;font-size: 18px;line-height: 65px;width: 59px;text-align: center;cursor: pointer;z-index: 20;margin-left: 30px;font-weight: lighter;}
/*.header_bottom .en:after {width: 10px;height: 5px;content: '';background: url("../images/ico_jiao.png");background-size: 100% 100%;display: block;position: absolute;top: 30px;right: 0;}*/
/*.header_on .header_bottom .en:after {background: url("../images/ico_jiao1.png");background-size: 100% 100%;}*/
.header_bottom .en .en_item {position: absolute;top: 100%;right: -10px;width: 100px;background: #fff;box-sizing: border-box;padding: 10px;line-height: 2;display: none;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.header_bottom .en .en_item a {display: block;color: #333333;}
.header_bottom .en .en_item a:hover {color: #0062ff;}
.header_bottom .h_header {float: right;position: relative;background: transparent;line-height: 65px;text-align: right;z-index: 20;}
.header_bottom .header-btn {float: right;display: block;background: url('../images/ico_searh.png') center center repeat-y;width: 140px;height: 40px;padding: 12px 0;margin-top: 15px;box-sizing: border-box;line-height: 1;font-size: 14px;text-align: center;color: #ffffff;border-radius: 30px;}
.header_bottom.on .h_header {width: 190px;}
.header_bottom.on .header-form {width: 210px;transition: all .6s;-webkit-transition: all .6s;z-index: 75;}
.header_bottom.on .header-search {opacity: 0;}
.header-search img:nth-child(2), .header_on .header-search img:nth-child(1), .header_on .logo img:nth-child(1), .logo img:nth-child(2) {display: none;}
.header_on .header-search img:nth-child(2), .header_on .logo img:nth-child(2) {display: inline-block;opacity: 1;}
.header_on .logo {width: 160px;}
.header_on.header .right {padding-top: 0;}
.main {width: 100%;/*overflow-x: hidden;*/}
@media screen and (max-width: 1800px) {
    .header .right{
        padding-left: 0.5%;
    }
    .nav li .t1{
        margin:0 30px;
    }
    .header .nav_details .nav1 { }}
@media screen and (max-width: 1600px) {
    .header .nav_details{min-height: 145px;}
    .header .logo {width: 140px;margin-top: 0;line-height: 40px;}.header_on .logo {width: 96px;}.header_bottom .en, .header_bottom .h_header {    line-height: 40px;    font-size: 14px;    margin-left: 10px;}.header_bottom .h_header img {    width: 17px;    height: 17px;}.header-form .header-sub {    width: 17px;    height: 17px;    top: 14px;    opacity: 1;}.header .right {    padding-top: 0;}.header_bottom .en:after {    top: 40%;}.header .nav_details .nav1 {padding: 10px 0 0 0;}.nav li .t1, .header .nav_details li {font-size: 15px;margin: 0 25px;line-height: 40px;padding-bottom: 14px;}.header_on .nav li .t1 {line-height: 30px;padding-bottom: 10px;}.header .nav_details a {font-size: 15px;line-height: 30px;padding: 0 2px;}.header {    padding: 15px 0 0;}.header_on {    padding: 5px 0 0;}.main {}.header .logo {}.header_bottom.on .header-form {    width: 170px;}.header-form .header-text {    box-sizing: border-box;    width: 100%;    padding: 5px 10px;    color: #000000;    line-height: 25px;    height: 35px;    font-size: 13px;}.header .header_bottom.on .nav {    margin-right: 160px;}}
@media screen and (max-width: 1200px) {
	.header .box {    padding: 0 5%;    text-align: left;}
	.header_on .logo img:nth-child(1), .logo img:nth-child(2) {    display: block;}
	.box {    width: 92%;    margin: auto;}.main {    padding-top: 50px;}
	.index_live_banner .lans {    padding: 10px;}.iphonemedia {    display: block;    /* padding-bottom: 20px; */}.pcmedia {    display: none}/*header*/.header {    background: #fff;    /* padding: 5px 0; */    padding: 0;    border-bottom: 1px solid rgba(0, 0, 0, .03);}.header.bg0 {    background: rgba(255, 255, 255, .98);    height: calc(100vh + 85px);    overflow: hidden;    overflow-y: scroll;}.header.bg0 .header_bottom {    /* background: #000000; */    /* padding-top: 20px; */}.header.fix {    position: fixed;}.header.fix.bg1 {    height: calc(100vh + 85px);    overflow: hidden;    overflow-y: scroll;}.header_lans {    line-height: 32px;    position: relative;    background: #222;    z-index: 10;}.header_lans .ones {    width: 85%;    margin: 0 5% 0 5%;    color: #ffffff;    font-size: 10px;    text-align: center;}.header_lans .close {    position: absolute;    right: 5px;    top: -2px;    z-index: 3;    width: 21px;}.header.on {    top: -60px;}.header.on1 {    top: -66px;}.header_top {    height: 75px;    position: relative;    z-index: 10;    /* background: rgba(0, 0, 0, .75); */    transition: all .4s;    -webkit-transition: all .4s;}.header_top .en {    font-size: 14px;    color: #888;    float: right;    line-height: 50px;}.header_top .en a {    color: #888;}.header_top .en a.on {    color: #0062ff;}.header.bg0 .header_top {/* background: rgba(0, 0, 0, 1); */}.header_relative {    position: relative;    overflow: hidden;    z-index: 10;}.header .header_gradess {    position: absolute;    width: 110%;    top: -10px;    left: -5%;    transform: translateZ(0);    -webkit-transform: translateZ(0);    -ms-transform: translateZ(0);    -webkit-filter: blur(20px);    filter: blur(20px);    height: 100px;    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);    overflow: hidden;    min-height: 100vh;}.header .header_gradess.he {    min-height: 110vh;    height: 690px;}.header_top .login_header {    float: right;    margin-top: 23px;    opacity: 1;    transition: all .4s;    -webkit-transition: all .4s;}.header_top .logo {    position: absolute;    bottom: 50%;    left: 50%;    transform: translate(-50%, 50%);    width: 31%;    max-width: 140px;}.header_top .menu_icon {    float: left;    margin-top:25px;}.menu_icon span {    display: block;    width: 30px;    height: 2px;    background: #333;    margin: 6px 0;    transition: all .4s;    -webkit-transition: all .4s;}.menu_icon.on span:first-child {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);    margin-top: 10px;}.menu_icon.on span:nth-child(2) {    display: none;}.menu_icon.on span:nth-child(3) {    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    margin-top: -7px;}.header_bottom {    display: none;    width: 100%;    height: 690px;    position: relative;    z-index: 10;    /* background: rgba(0, 0, 0, .65); */    padding: 1px 0;}.seach_box {    width: 100%;    background: #e9e9e9;    border-radius: 5px;    height: 40px;    padding: 4px 0 0 0;    box-sizing: border-box;    margin: 20px 0;    transition: all .4s;    -webkit-transition: all .4s;}.seach_box .submit {    width: 20px;    height: 20px;    border: 0;    background: url('../images/icon_search2.png') center center no-repeat;    display: block;    background-size: 100% 100%;    float: left;    margin-left: 10px;    margin-top: 7px;}.seach_box .text {    float: right;    display: block;    width: calc(100% - 50px);    border: 0;    background: transparent;    line-height: 20px;    height: 20px;    font-size: 16px;    color: #222;    padding: 5px 0;}.header_nav {    border-bottom: 3px solid #0037a3;    padding-bottom: 2px;}.header_nav li {    border-top: 1px solid #e8e8e8;}.header_nav li > a {    display: block;    position: relative;    font-size: 15px !important;    line-height: 22px;    padding: 16px 0;    color: #333;    text-align: left;}.header_nav li > a:after {    content: '';    display: block;    position: absolute;    top: 24px;    right: 20px;    width: 7px;    height: 7px;    border-bottom: 1px solid #666;    border-right: 1px solid #666;    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    transition: all .4s;    -webkit-transition: all .4s;}.header_nav li > a.arrow:after {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);}.header_nav .nav2 {    display: none;    margin-top: -5px;    margin-left: 20px;    padding-bottom: 10px;}.header_nav .nav2 a, .header_search a {    display: block;    font-size: 14px;    line-height: 35px;    color: #666;}.seach_box .cancal {    color: #0062ff;    font-size: 17px;    display: none;    margin-left: 3px;}.seach_box.focus {    width: 85%;    position: relative;    /* margin-top: 40px; */}.seach_box.focus .cancal {    position: absolute;    left: 102%;    width: 100px;    display: block;    top: 0;    line-height: 40px;}.header_search {    display: none;}.header_search h2 {    font-size: 13px;    line-height: 1;    color: #888888;}.header_search1 {    padding-top: 5px;}.header_search1 a {    font-size: 15px;    line-height: 50px;    color: #555;    border-top: 1px solid #e8e8e8;}.header_search1 a:first-child {    border-top: 0;}}
/*banner*/

.indexpad{padding:5rem 0;}

.page{ width:100%; float:left; height:40px; line-height:40px; text-align:center;color:#666; font-family:"Microsoft Yahei","微软雅黑";  font-size:14px;}
.page a{ color:#666;border:1px solid #ddd; padding:5px 10px; margin-right:8px; text-align:center; }
.page a:hover{ color:#00b0a5;}
.page a.hover{color:#00b0a57; font-weight:bold;}

footer, header, section, nav, menu {
    display: block
}
.footer_wrap{width:100%; background:#151515;color:#dbdbdb;font-size:.875rem;}
.bmenu{padding:3rem 0; display:flex;}
.bmenu dl{width:25%;}
.bmenu dl dt{font-size:1rem;color:#FFF;margin-bottom:.625rem;}
.bmenu dl dd a{font-size:.875rem;line-height:1.875rem;color:#dbdbdb;}
.bmenu dl dd a:hover{color:#1fa1cc;}
.copyright{width:100%; background:#1fa1cc;padding:1rem 0;color:#FFF;}
.crleft{float:left;}
.crright{float:right;}
.crright a{color:#FFF;}