@media (min-width:1200px) {
    body,html{
        font-size: 14px;
    }
}
@media (min-width:1300px) {
    body,html{
        font-size: 15px;
    }
}
@media (min-width:1600px) {
    body,html{
        font-size: 16px;
    }
}

body {
    font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:1rem;
    line-height:1.5em;
    color:#333;
}
@media (min-width:1600px) {
    .container {
        width:80%;
        max-width:1500px;
    }
}
.h1, h1{
    font-size: 2.25rem;
}
.h3,h3 {
    font-size:1.5rem;
}
.h2, h2{
    font-size: 1.875rem;
}
img {
    width:auto\9;
    height:auto;
    max-width:100%;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic;
}
.navbar-brand img{
    height: 100%;
}
h1,h2,h3,h4,h5 {
    font-weight:bold;
}
.common_alert {
    top:10%;
    position:fixed;
    z-index:99999;
    width:100%;
}
.text-white {
    color:#fff;
}
.red {
    color:#ed4e2a !important;
}
.text-gray {
    color:#999999
}
.text-red {
    color:#920910;
}
.text-indent {
    text-indent:2em;
}
.common_alert {
    top:10%;
    position:fixed;
    z-index:99999;
    width:100%;
}
#banner_swiper a:hover{
    color: #fff;
}
a {
    color:#000;
}
a,a:hover,a:visited {
    text-decoration:none;
}
a:hover {
    color:#0069ac;
}
.container-fluid {
    width:100%;
    padding:0;
}
.container-fluid .row {
    margin:0;
}
.container>.navbar-collapse {
    margin-right:-0.9375rem;
}
.navbar {
    border-bottom:0.0625rem solid #f5f5f5;
    margin-bottom:0;
}
/*.sidenav start*/
.sidenav {
    background:#212121;
    box-shadow:0.125rem 0.125rem 0.375rem rgba(0,0,0,.3);
    display:block;
    font-size:1rem;
    font-weight:400;
    height:100%;
    left:0;
    position:fixed;
    overflow:auto;
    transform:translate(-200px,0);
    transition:transform .3s;
    top:0;
    width:200px;
    z-index:9999;
}
.sidenav.show {
    transform:translate(0,0)
}
.sidenav-menu {
    list-style:none;
    margin:0;
    padding:0;
    padding-top:2.5rem;
}
.sidenav-menu li {
    display:block;
    position:relative
}
.sidenav-menu a {
    background:0 0;
    color:#BDBDBD;
    display:block;
    line-height:1.5rem;
    padding:0.625rem 1.25rem;
    text-decoration:none
}
.sidenav-menu a:hover {
    background:#616161;
    color:#fff;
}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon {
    color:#FAFAFA
}
.sidenav-dropdown-icon .material-icons,.sidenav-dropdown-icon .material-icons2 {
    position:relative;
    top:0.0625rem;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    vertical-align:top;
    margin-top:-0.1875rem;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.sidenav-dropdown-icon,.sidenav-link-icon {
    color:#757575;
    position:absolute;
    text-align:center;
    top:0.5rem
}
.sidenav-link-icon {
    display:block;
    height:1.5rem;
    left:1.5rem;
    width:1.5rem
}
.sidenav-link-title {
    display:block;
}
.sidenav-dropdown {
    display:none;
    list-style:none;
    padding:0
}
.sidenav-dropdown a {
    background:#191919;
    padding-left:2rem
}
.sidenav-dropdown a:hover {
    background:#616161
}
.sidenav-dropdown li:first-child a {
    box-shadow:inset 0 0.0625rem 0.0625rem rgba(0,0,0,.1)
}
.sidenav-dropdown-icon {
    display:none;
    height:1rem;
    right:1rem;
    width:1rem
}
.sidenav-dropdown-icon.show {
    display:block
}
.sidenav-overlay {
    background:rgba(255,255,255,.8);
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:99
}
.sidenav-no-scroll {
    overflow:hidden !important
}
.sidenav-dropdown-icon:after {
    font:normal normal normal 0.875rem/1 FontAwesome;
    content:"\f105";
    font-size:1.375rem;
}
/*单选和多选*/
.radio,.checkbox,.t_radio {
    margin-top:0;
    padding:0.625rem 0.625rem 0.625rem 2.5rem !important;
    position:relative;
}
.mb-100 {
    margin-bottom:6.25rem;
}
.radio input[type="radio"],.t_radio input[type="radio"],.checkbox input[type="checkbox"] {
    opacity:1;
    position:absolute;
    left:0.5rem;
    top:50%;
    width:1.25rem;
    height:1.25rem;
    margin-top:-0.625rem;
    margin-left:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border:0;
    padding:0;
    outline:0;
    background:url("../images/start_heart.png") no-repeat;
    -webkit-background-size:5.625rem 11.25rem;
    -moz-background-size:5.625rem 11.25rem;
    -o-background-size:5.625rem 11.25rem;
    background-size:5.625rem 11.25rem;
    -webkit-background-clip:content-box;
    -moz-background-clip:content-box;
    background-clip:content-box;
    background-origin:content-box;
    -moz-background-origin:content-box;
    -webkit-background-origin:content-box;
}
.t_radio input[type="radio"] {
    background:url("../images/radio.png") no-repeat;
    -webkit-background-size:1.25rem 1.25rem;
    -moz-background-size:1.25rem 1.25rem;
    -o-background-size:1.25rem 1.25rem;
    background-size:1.25rem 1.25rem;
}
.t_radio input[type="radio"]:checked {
    background:url("../images/radio_check.png") no-repeat;
    -webkit-background-size:1.25rem 1.25rem;
    -moz-background-size:1.25rem 1.25rem;
    -o-background-size:1.25rem 1.25rem;
    background-size:1.25rem 1.25rem;
}
.radio input[type="radio"]:checked {
    background-position:-1.875rem 0
}
.checkbox input[type="checkbox"] {
    background-position:0 -1.875rem
}
.checkbox input[type="checkbox"]:checked {
    background-position:-1.875rem -1.875rem
}
/*head*/
.product_nav {
    background-color:#fff;
    padding:1.25rem 0;
    min-height:16.5rem;
    position:absolute;
    left:0;
    right:0;
    display:none;
    top:100%;
    z-index:999;
    border-top:0.0625rem solid #eaeaea;
}
.product_nav .container>.row {
    display:flex;
}
.cate_nav_list {
    position:relative;
    height:100%;
}
.cate_nav_list:after {
    content:" ";
    position:absolute;
    top:0;
    bottom:0rem;
    border-right:0.0625rem solid #f2f2f2;
    right:0.625rem;
}
.nav>li {
    position:static;
}
.top_sub_nav {
    color:#333;
    text-align:left;
}
.top_sub_nav a {
    position:relative;
    display:inline-block;
    padding:0.3125rem 0;
}
.product_sub_nav {
    display:none;
}
.product_sub_nav.active {
    display:block;
}
.top_sub_nav a:hover,.top_sub_nav.active a {
    color:#1459a3;
}
.mt_navbar {
    padding-left:5%;
    padding-right:5%;
}
.top_sub_nav:hover>a:after,.top_sub_nav.active>a:after {
    content:" ";
    position:absolute;
    bottom:0rem;
    left:0;
    right:0;
    height:0.125rem;
    background-color:#1459a3;
}
.navbar-brand {
    margin-right:2.5rem;
}
.navbar-brand img {
    height:2.5rem;
}
.navbar-toggle {
    border-color:#1459a3;
    margin-top:1.25rem;
}
.navbar-toggle .icon-bar {
    background:#1459a3
}
.navbar-nav {
    float:right;
}
.navbar-nav>li>a {
    line-height:2.1875rem;
    color:#000;
    padding:1.25rem;
    position:relative;
    background-color:#fff;
}
.navbar-nav>li>a:hover {
    background-color:#fff;
}
.navbar-nav>li:hover>a:after,.navbar-nav>li.active>a:after {
    position:absolute;
    content:" ";
    display:block;
    left:0;
    right:0;
    bottom:-0.0625rem;
    height:0.1875rem;
    background-color:#1459a3;
}
.navbar-nav>li:hover>a,.navbar-nav>li.active>a {
    color:#1459a3;
}
.navbar-nav>li:hover .dropdown-menu {
    display:block;
}
.dropdown-menu>li>a:hover {
    color:#1459a3;
}

/*index*/
.index_banner_content {
    position:absolute;
    top:50%;
    left:50%;
    white-space: nowrap;
    transform:translate(-50%,-50%);
    color:#fff;
    text-align:center;
}
.index_banner_btn {
    border-radius:6.25rem;
    min-width:9.375rem;
    margin-top:1.875rem;
    color:#fff;
    font-size:1.125rem;
    border-color:#fff;
    border-width:0.125rem;
    background-color:transparent;
}
.width_swiper .swiper-pagination-bullet {
    width:6.25rem;
    background-color:rgba(255,255,255,.5);
    border-radius:0;
    height:0.125rem;
}
.width_swiper .swiper-slide {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height: 40rem;
}
.width_swiper .swiper-pagination-bullet-active {
    background-color:#fff;
}
.index_about {
    margin-top:7.5rem;
    margin-bottom:7.5rem;
}
.index_about_box {
    position:absolute;
    left:0;
    width:60%;
    border-radius:1.25rem;
    padding:2.5rem;
    bottom:-3.75rem;
    top:6.25rem;
    background-color:#fff;
    box-shadow:0 0 0.9375rem #f2f2f2;
}
.index_about_box p {
    font-size:1.125rem;
    line-height:1.6;
    color:#808080;
}
.index_about_box img {
    position:absolute;
    top:-3.75rem;
    border-radius:1.25rem;
    left:15%;
}
.index_about .index_about_pic img{
    width: 45rem;
    border-radius: 2rem;
}
.empty_btn {
    background-color:#fff;
    border-radius:6.25rem;
    border-color:#eaeaea;
    color:#808080;
    padding:0.75rem 1.875rem;
}
.index_about_box .empty_btn {
    position:absolute;
    bottom:2.5rem;
}
.base_title {
    font-size:2.25rem;
    font-weight:bold;
    text-align:center;
    margin:6.25rem 0 3.75rem;
}
.index_product_txt {
    position:absolute;
    left:10%;
    right:10%;
    bottom:10%;
    color:#fff;
    z-index:999;
    display:none;
    text-align:center;
}
#product_swiper .swiper-slide-active .index_product_txt {
    display:block;
}
#product_swiper .swiper-slide {
    width:40%;
    overflow:hidden;
    position:relative;
}
#product_swiper_pagination {
    position:relative;
    text-align:center;
    margin-top:0.625rem;
}
#product_swiper_pagination span {
    margin-right:0.5rem;
}
#product_swiper p {
    font-size:1.125rem;
}
.index_news {
    position:relative;
    border-radius:0.625rem;
}
.index_news .news_tips {
    position:absolute;
    right:0.9375rem;
    top:0.9375rem;
    background-color:rgba(0,105,172,.9);
    color:#fff;
    display:inline-block;
    padding:0.1875rem 0.9375rem;
    border-radius:0.1875rem;
}
.index_news_txt {
    margin-top:0.9375rem;
}
.index_news_txt p {
    color:#808080;
    font-size:1rem;
}
/*footer*/
footer {
    margin-top:3.75rem;
    background-color:#141414;
    padding-top:2.1875rem;
    color:#989898;
}
.footer_logo img {
    margin-bottom:1.25rem;
}
.footer_logo,.link_content {
    padding-bottom:2.1875rem;
}
.link_content a {
    color:#989898;
}
.link_content a:hover {
    color:#fff;
}
.footer_copy {
    text-align:center;
    padding:1.5625rem 0;
    border-top:0.0625rem solid #242424;
    color:#989898;
}
.img_hover{
    overflow: hidden;
    display: block;
}
.img_hover img{
    transition: all .5s;
}
.img_hover:hover img{
    transform: scale(1.2);
}
.link_title {
    color:#fff;
    font-size:1.125rem;
}
.new_sub_nav {
    background-color:#fff;
    border-radius:0.625rem;
    padding:0.3125rem 0;
    box-shadow:0 0.3125rem 0.625rem #f2f2f2;
    margin-top:-1.875rem;
    margin-bottom:3.75rem;
}
.new_sub_nav a {
    display:inline-block;
    padding:0.625rem 1.5625rem;
    color:#808080;
}
.new_sub_nav a.active {
    color:#1459a3;
    font-weight:bold;
}
.new_sub_nav a:hover {
    color:#1459a3;
}
.news_banner {
    height:25rem;
    background-position:center center;
    background-size:cover;
    position:relative;
}
.news_banner .banner_txt {
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font-size:2.5rem;
    color:#fff;
}
.news_detail_title {
    margin-top:3.75rem;
    margin-bottom:1.875rem;
    padding-bottom:1.875rem;
    border-bottom:0.0625rem solid #f5f5f5;
}
.news_detail_title h3 {
    font-weight:bold;
    font-size:2.5rem;
}
.news_content {
    border-bottom:0.0625rem solid #f5f5f5;
    padding-bottom:1.875rem;
}
.news_more {
    font-weight:bold;
    text-align:center;
    font-size:2rem;
    margin-top:3.75rem;
    margin-bottom:1.875rem;
}
.about_box {
    margin-top:-2.5rem;
    position:relative;
}
.about_box .about_left {
    background-color:#fff;
    width:70%;
    padding:1.875rem 2.5rem;
    box-shadow:0 0.625rem 0.625rem #f2f2f2;
    border-radius:0.625rem;
    z-index:2;
    position:relative;
}
.about_box .about_right {
    position:absolute;
    right:0;
    width:35%;
    top:1.25rem;
    overflow:hidden;
    border-radius:1.25rem;
    bottom:1.875rem;
    background-size: cover;
    background-position: center bottom;
}
.about_left h1 {
    margin-top:0;
    margin-bottom:1.25rem;
}
.contact_box {
    padding-top:6.25rem;
    padding-bottom:6.25rem;
    margin-top:6.25rem;
    background-position:top right;
    background-size:cover;
    background-repeat:no-repeat;
}
.contact_sub_box {
    margin-top:6.25rem;
    background-color:#fff;
    border-radius:0.9375rem;
    padding:1.25rem 1.875rem;
    box-shadow:0 0.3125rem 0.625rem #f2f2f2;
}
.contact_sub_box .head {
    margin-bottom:1.25rem;
    border-bottom:0.0625rem solid #eaeaea;
    padding-bottom:1.25rem;
}
.sub_title {
    font-size:2rem;
    font-weight:bold;
    margin-top:1.25rem;
    margin-bottom:0.9375rem;
}
.add_txt {
    display:flex;
    color:#666;
    margin-bottom:0.625rem;
}
.add_txt em {
    float:left;
    padding-top:0.25rem;
    margin-right:0.3125rem;
}
.support_box {
    background-color:#fff;
    box-shadow:0 0.3125rem 0.625rem #f2f2f2;
    border-radius:0.9375rem;
    margin-top:-2.5rem;
    padding:0.625rem 1.25rem;
}
.support_box .title {
    font-size:1rem;
    margin-bottom:0.625rem;
}
.support_box .title b {
    font-size:1.875rem;
}
.support_box .phone {
    font-size:2rem;
    font-weight:bold;
    color:#1459a3;
}
.support_box .phone_box {
    margin-top:6.25rem;
    padding-bottom:1.875rem;
    border-bottom:0.0625rem solid #f2f2f2;
    margin-bottom:1.875rem;
}
.support_box {
    display:flex;
}
.support_box .left_box {
    width:70%;
}
.support_box .right_box,.support_box .left_box {
    padding:1.875rem;
}
.support_box .right_box {
    width:30%;
    position:relative;
    align-items:center;
    display:flex;
}
.contact_btn {
    background-color:#1459a3;
    border-radius:1.25rem;
    padding:0.625rem 2.5rem;
    margin-top:1.25rem;
    box-shadow:0 0.1875rem 0.375rem #c6d7e9;
}
.inter_box {
    padding-top:6.25rem;
    padding-bottom:6.25rem;
}
.delivery_box {
    margin-bottom:1.875rem;
    text-align:center;
}
.support_title {
    text-align:center;
    margin-bottom:2.5rem;
}
.network_sub_box {
    display:flex;
    align-items:center;
    margin-top:1.875rem;
    background-color:#fff;
    padding-right:1.875rem;
}
.network_box {
    background-color:#f8f8f8;
    padding-bottom:6.25rem;
    padding-top:6.25rem;
}
.network_sub_box img {
    width:8.1875rem;
}
.support_contact_box {
    display:flex;
}
.support_contact_box {
    display:flex;
    align-items:center;
}
.support_contact_box .txt {
    width:50%;
    padding:0 2.5rem;
}
.support_contact_box .contact_btn {
    padding:0.9375rem 2.5rem;
    border-radius:3.75rem;
    margin-top:4.375rem;
}
.solution_box {
    display:block;
    text-decoration:none;
    position:relative;
    color:#fff;
}
.solution_box:hover {
    color:#d2d2d2;
}
.solution_box .title {
    position:absolute;
    bottom:15%;
    left:10%;
    padding-bottom:0.625rem;
    font-size:1.25rem;
}
.solution_box .title:after {
    content:" ";
    position:absolute;
    width:1.875rem;
    border-bottom:0.125rem solid #fff;
    display:block;
    left:0;
    bottom:0rem;
}
.solution_title {
    margin-top:6.25rem;
    margin-bottom:2.5rem;
}
.product_box {
    border:1px solid #eaeaea;
    border-radius:0.625rem;
    position:relative;
    display:block;
    text-align:center;
    margin-bottom: 3rem;
    padding-bottom:3.125rem;
}
.product_box:after {
    font-family:FontAwesome;
    content:"\f002";
    position:absolute;
    font-size:1rem;
    left:50%;
    display:none;
    top:50%;
    transform:translate(-50%,-50%);
    background-color:#fff;
    padding:1.25rem;
    width:3.75rem;
    height:3.75rem;
    text-align:center;
    border-radius:100%;
}
.product_box:hover:after {
    display:block;
}
.product_box .title {
    position:absolute;
    bottom:-1.25rem;
    padding:1.25rem;
    background-color:#fff;
    border-radius:0.9375rem;
    box-shadow:0 0 0.5rem #eaeaea;
    left:2.5rem;
    right:2.5rem;
}
.product_box:hover {
    background-color:#b2b2b2;
}
.product_box:hover .title {
    background-color:#0069ac;
    color:#fff;
    box-shadow:0 0 0.5rem #0069ac;
}
.solution_detail {
    padding-left:1.875rem;
}
.solution_detail p {
    margin-bottom:0;
}
.solution_detail h1 {
    font-size:2rem;
    margin-top:0;
}
.solution_detail_box {
    background-color:#f8f8f8;
    padding-top:6.25rem;
    padding-bottom:6.25rem;
}
.product_pic_box {
    padding-top:6.25rem;
    padding-bottom:6.25rem;
}
.product_info {
    display:flex;
    align-items:center;
}
.product_pic_box .product_txt {
    width:50%;
    padding:1.25rem 1.25rem 1.25rem 6.25rem;
}
.product_pic_box .product_txt p{
    font-size: 1.3rem;
}
.product_pic_box .product_img_list {
    width:50%;
    padding:1.25rem;
    position:relative;
    border:1px solid #eaeaea;
    border-radius:0.625rem;
}
.product_content .product_line {
    border-top:0.0625rem solid #eaeaea;
    padding-top:1.875rem;
    padding-bottom:1.25rem;
}
.product_content h2 {
    margin-bottom:1.875rem;
}
.product_pic_box .product_img_list .swiper-button-next,.product_pic_box .product_img_list .swiper-container-rtl .swiper-button-prev {
    right:-1.875rem;
}
.product_pic_box .product_img_list .swiper-button-prev,.product_pic_box .product_img_list .swiper-container-rtl .swiper-button-next {
    left:-1.875rem;
}
.product_img_list .swiper-button-next,.product_img_list .swiper-button-prev {
    background-color:#f1f1f1;
    border-radius:100%;
    width:3.75rem;
    height:3.75rem;
    background-size:0.8125rem 1.375rem;
    background-position:center;
    background-repeat:no-repeat;
}
.index_about_box img{
    width: 5.3125rem;
}
@media (max-width:750px) {
    #product_swiper .swiper-slide {
        width:100% !important;
    }
    .width_swiper .swiper-slide {
        height:25rem;
    }
    .index_banner_content {
        left:0.625rem;
        transform:translate(0,-50%);
        right:0.625rem;
    }
    .navbar-toggle {
        margin-top:0.825rem;
    }
    .index_about_box {
        position:relative;
        width:100%;
        top:0;
        bottom:0;
        margin-bottom:1.25rem;
    }
    .index_about_box .empty_btn {
        position:static;
    }
    .index_about{
        margin-bottom: 0;
    }
    .solution_box{
        margin-bottom: 2rem;
    }
    .solution_title{
        margin-top: 4rem;
    }
    .solution_detail{
        padding-left: 0;
        margin-top: 2rem;
    }
    .solution_detail_box{
        padding-bottom: 2rem;
    }
    .support_contact_box{
        display: block;
    }
    .support_contact_box .txt{
        width: 100%;
    }
    .network_box{
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
    .support_box{
        display: block;
    }
    .support_box .left_box{
        width: 100%;
    }
    .support_box .right_box{
        width: 100%;
    }
    .support_box .phone_box{
        margin-top: 4rem;
    }
    .about_box .about_left,
    .about_box .about_right{
        width: 100%;
    }
    .about_box .about_right{
        display: none;
    }
}