*{outline: none}
body{margin: 0;font-family: "Arial" !important;}
h1,h2,h3{margin: 0}
ul,li{list-style: none;padding: 0;margin: 0}
image{border:none}
a,a:hover{text-decoration: none}
p{margin:0}

.w100{width:100%}
.block{display: block}
/*导航*/
/*! responsive-nav.js 1.0.39 by @viljamis */

















/*新闻列表*/
.news_list_L{ float: left; width: 21.5%; display: block;height:174px; background-color: #e8e8e8; overflow: hidden}
.news_list_L img{ width: 100%; transition: 1s}
.news_list_R{ width:70%; float: right; margin-right: 3.84%;height:174px;}
.news_list li{ border: 1px solid #e5e5e5; margin-top: 42px; background-color: #fff; overflow: hidden}
.news_list_R>h2{ height: 32px; line-height: 32px; margin-top: 10px; font-size: 20px; color: #2f2f2f; font-weight: normal; transition: .4s}
.news_list_R>h2 a{color: #2f2f2f;}
.news_list_R>span{ font-size: 12px; color: #acacac; height: 20px; line-height: 20px;}
.news_list_R>p{ font-size: 14px; line-height: 24px; color: #353535; margin: 7px 0}
.news_list li:hover h2{color:#36dea9}
.news_list_R>a{ color: #acacac; transition: .4s}
.news_list li:hover .news_list_R>h2 a,.news_list li:hover .news_list_R>a{color: #0b4892}
.news_list li:hover .news_list_L img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news_title{width: 100%; border-bottom: 1px solid #c9c9c9; text-align: center; }
.news_title h1{ line-height: 45px; margin-top: 42px; margin-bottom: 17px ;font-size: 24px; color: #202020;}
.news_date{ font-size: 18px; line-height: 34px; margin-bottom: 28px; color: #848484; height: 34px}



.nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
}

.nav-collapse li {
    width: 100%;
    display: block;
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
}

.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media screen and (min-width: 40em) {
    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }
}


.header{position: relative;}
.nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    z-index: 20;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
}
.logo img{
    display: block;
    max-height: 80%;
    margin-top: 10%;
    transition: .3s;
}
.nav_ul,.nav-collapse ul{
    padding-top:30px ;
    transition: .3s;
}
.nav_ul li{
    float: left;
    width:108px;
    margin-left: 20px;
    transition: .3s;
    position: relative;
}
.nav_ul li a{
    display: block;
    width: 100%;
    height:32px;
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: transparent;
    transition: 300ms;
    white-space : nowrap

}
.nav_ul .active a,.nav_ul li:hover a{
    background-color: #36dea9;
    color:#000
}
.nav_ul .language_btn{
    width:80px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    height:32px;
    float: left;
}
.nav_ul .language_btn:hover,.nav_ul .language_btn:hover a{background-color: #fff}
.nav_ul .language_btn a{color:#000}
.nav_ul .language_btn span{display:block;width:28px;height:28px;border-radius: 14px;margin: 2px;background-color:#36dea9;float: left }


.nav_ul li .drops{ position:absolute; top:20px; width: 200px; display: none; padding-top: 40px; left: 50%; margin-left: -100px}
.nav_ul li .drops a{ display: block; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,.6); color: #fff; border-radius: 0}
.nav_ul li .drops a:hover{ color:#36dea9 }
.nav_ul li:hover .drops{ display: block}


.carousel-indicators li{ width: 12px;height:12px;border: 1px solid #fff; background-color: transparent;border-radius: 6px;margin:0}
.carousel-indicators .active{background-color: #36dea9;border-color: #36dea9;}
.carousel-inner img{width:100%}

/*banner*/
.focus{ width: 100%; overflow: hidden; position: relative}
.focus .hd{ position: absolute; bottom:54px;left:0; font-size: 0;width: 100%}
.focus .hd ul{ width: 100%; text-align: center; }
.focus .hd ul li{ display: inline-block;width: 12px;height:12px;border: 1px solid #fff; background-color: transparent;border-radius: 6px;margin:0 5px}
.focus .hd ul .on{background-color: #36dea9;border-color: #36dea9;}
.focus .bd img{ width: 100%}
/*
首页产品展示*/
.h490{height:490px}
.in_product_list{overflow: hidden}
.in_items{
    /*border-right: 1px solid #e7e7e7;*/
    transition: 300ms }
.in_items_t{background-color: #f1f1f1;border-right: 1px solid #e7e7e7;transition: 300ms}
.in_items_t h2{font-size: 36px; color: #333333;padding-left: 40px;margin-top: 106px;margin-bottom: 48px;line-height: 36px}
.in_items_t>p{padding-left: 40px;color:#333333; font-size: 18px;margin-bottom: 82px}
.in_items_t>a{ display: block;margin-left: 40px; font-size: 18px; color: #33d7a3;height: 24px; line-height: 24px;padding-left: 35px;background-image: url("../images/more_icon.png");background-repeat: no-repeat;background-position: left center}

.in_items a{ display: block;width:100%;height:100%;font-size: 28px; color: #333333;text-align: center;overflow: hidden}
.in_items a span{display: block;width: 100%;height: 415px;text-align: center;overflow: hidden}
.in_items img{display: block;max-width: 100%;max-height:400px;transition: 400ms;-webkit-transition:400ms;margin:20px auto;}
.in_items a:hover img{ transform:scale(1.1,1.1)}

.form-horizontal{ overflow: hidden; margin-bottom: 100px;}


.in_product{overflow: hidden}
.in_product-lg{ padding: 0; position: relative}
.in_product-lg>a >span{ display: block;height:58px; line-height: 58px;position: absolute;width: 100%;background-color:rgba(0,0,0,0.3);font-size: 28px;
    color:#3a4042;bottom:0;left:0;padding-left: 10px}

.in_product-lg a{display: block;width: 100%;height:100%;overflow: hidden;background-color: #f1f1f1}
.in_product-lg a img{width: 100%;min-height: 100%}
.in_product_info{padding:0;background-color: #2ed5a0;color:#fff;position: relative}
.in_product_info >h2{font-size: 36px; color: #ffffff;padding: 0;margin: 0;margin-top:65px;margin-bottom: 60px}
.in_product_info >p{ font-size: 18px; line-height: 30px;font-weight: 200}
.in_product_info >span{display: block;height: 1px;width: 70px;background-color: #fff;margin-top: 35px}
.in_product_info>a{display: block;position: absolute;color: #fff;font-size: 20px;bottom: 70px;right:60px;font-weight: 200}
.in_product_box{padding:0;overflow: hidden}
.in_product_box span{z-index:2;display: block;width: 24px;height: 37px;position: absolute;left: 0;top: 45px;background-image: url("../images/s_point.png")}
.in_product_info .in_product_box_ml{margin-left: 64px;}
.in_product_box img{transition: 300ms}
.in_product_box:hover img{ transform: scale(1.1,1.1)}

/*首页新闻中心*/
.in_news_box{position: relative;}
.in_news_box >div>.row{height:310px;overflow: hidden;position: relative;}
.sbox{ width: 100%; overflow: hidden}
.in_news >h2{ font-size: 30px; color: #333333;text-align: center;height: 100px; line-height: 100px}
.In_newsbtn{width:38px;height: 38px;position: absolute;top:135px;background-repeat: no-repeat;background-position: left bottom;cursor: pointer}
.In_news_prev{background-image: url("../images/in_left_icon.png");left:-40px}
.In_news_prev:hover{background-image: url("../images/in_left_icon2.png");}
.In_news_next{background-image: url("../images/in_right_icon.png");right:-40px}
.In_news_next:hover{background-image: url("../images/in_right_icon2.png")}

.in_news_item:hover{background-color: #f3f3f3;background-image: url("../images/add_icon1.png")}
.in_news_item{ position: relative; height:310px;transition: .3s;background-color: transparent; background-image: url("../images/add_icon.png");background-repeat: no-repeat;background-position:24px 230px;transition: .3s }
.in_news_item .date{height:50px; line-height:50px;color:#999999;font-size: 14px;border-bottom: 1px dashed #c6c6c6}

.in_news_item>h2{font-size:16px;color:#333333;line-height: 50px; padding-top: 25px; line-height: 50px;margin: 0}
.in_news_item>p{font-size: 14px; line-height: 22px;color:#888888}
.in_news_more{ display: block;font-size: 16px;color: #ffffff;width: 226px; height: 38px; line-height: 38px;background-color: #36dea9;text-align: center;border-radius: 19px;margin: auto;position: relative;padding-left: 0;transition: .3s}
.in_news_more:hover{color:#fff;padding-left: 10px}
.in_choose{height: 360px;background-image: url("../images/choosesus.jpg");background-attachment: fixed;margin-top: 40px;background-size:cover}
.in_choose_text{font-size:36px; color:#36dea9;text-align: center;font-weight: bold;line-height: 60px;padding-top: 25px}
.in_choose>p{ width: 95%;margin: auto;font-size: 20px;line-height: 38px;text-align: center;color: #ffffff;font-weight: 200;margin-top: 20px}
.in_choose>a{margin-top: 70px;}

.footer{background-color: #222222;position: relative;padding-top: 24px}
.foot_title{font-size:16px; color: #e0e0e0;height: 40px; line-height: 40px}
.foot_title a{ color:#e0e0e0 }
.
.in_about_us{padding-right: 55px;}
.in_footer_link{padding-left:55px}

.in_about_us_content{font-size: 14px; line-height: 24px; color: #999999;margin-top:20px;
    word-spacing:-1em;/*调整文本，以防止使用两端对齐之后字间距过大*/
    /*text-align:justify;*/
    /*text-justify:distribute-all-lines;!*ie6-8*!*/
    /*text-align-last:justify;!* ie9*!*/
    /*-moz-text-align-last:justify;!*ff*!*/
    /*-webkit-text-align-last:justify;!*chrome 20+*! */
}

.tel{margin-top:35px;color:#fff}
.tel>div{width: 124px;height: 32px; line-height: 32px;text-align: center;font-size: 14px;background-color: #33d7a3;border-radius: 16px}
.tel>p{ font-size: 30px;line-height: 60px;font-weight: bold}
.tel>p:hover{color:#33d7a3}
.blue_line{width:100%;height: 5px;position:relative}
.blue_line>span{ display: block;width: 5px;height: 5px;border-radius: 2px;background-color: #33d7a3;position: absolute;left: 0;top:0}
.blue_line>i{ display: block;width: 100%;height: 1px;background-color: #333b38;position: absolute;top:2px; left: 0}
.F_L_B{;margin-top:20px}
.F_L_B a{display: block;line-height: 18px; font-size: 14px;color:#999999;margin-bottom: 12px;}


.copyright{background: #222;line-height: 45px; font-size: 14px;color:#888888}

.copyright a{color:#888888}
.copyright a:hover,.F_L_B a:hover{color: #33d7a3}
/*产品展示*/
.nybanner{width:100%}
.manTop{height: 82px;line-height: 82px;background-color: #f3f3f3;font-size: 18px;text-align: center; margin-bottom: 20px}
.manTop a{ display: block;width: 20%;height:82px;color: #333333;float: left;position: relative; transition: .3s}
.manTop a>span{transition: .3s;display: none;width:100%;height: 12px;background-image: url("../images/icon_l.png");position:absolute;bottom:-12px;background-repeat: no-repeat;background-position: center center}
.manTop .active>span,.manTop a:hover>span{display: block}
.manTop .active,.manTop a:hover{background-color:#36dea9;color: #fff }
.productList{ padding-top: 20px}
.productList img{ max-width: 100%;transition: .3s;margin: auto;display: block}
.productList li{overflow: hidden;height: 405px;
    /*border: 1px solid #e7e7e7*/
}
.productList li:hover img{transform: scale(1.1,1.1);z-index: 1}
.productList li:hover{background-color: #ededed}
.productList span{ display: block;height: 320px;width: 100%;overflow: hidden}
.productList li p{font-size: 20px; color: #333333;text-align: center}
.page{ width: 100%; text-align: center;margin: 60px auto}
.page a{margin-top:2px;display: inline-block;height: 32px; line-height: 32px; margin: auto 7px;background-color: #f8f8f8;padding: 0 18px;font-size: 14px; color:#333333;border-radius: 2px}
.page .active{background-color: #36dea9;color: #fff}
.page .activeB{background-color: #36dea9;color: #fff;height: 35px;line-height: 35px;margin-top: 0}
.ny_bannsr{width: 100%;position: relative}
.ny_bannsr .container-nytitle h3{ display: block;font-size: 30px;color:#fff;font-weight: 200;}
.ny_bannsr .container-nytitle{ position: absolute; top: 50%;left:0;width: 100%}
.container-nytitle{ display: block}
.productmenu a{border-right:1px solid #fff;display: block;height: 50px; line-height: 50px; background-color: #e3e3e3;text-align: center;font-size: 20px; color: #333333;;transition: .3s}
.productmenu a:hover,.productmenu .active{background-color: #222222;color: #fff;font-weight: normal}
.productmenu a:last-child{border: none}
.productmenu{ background-color: #e3e3e3; overflow: hidden}
.content >img{ max-width: 100%; margin: auto; }
.content{font-size:16px;color:#333333;line-height: 30px;margin-top: 15px; margin-bottom: 50px;overflow: hidden}
.productCImg{ width: 100%; margin-top: 20px}
.content>.title{text-align: center;font-size: 32px; color: #333333;line-height: 50px;padding: 20px 0}
#dituContent{ width: 100%;height: 360px}


/*新闻列表*/
.newsImg{ width: 100%;height: 230px;overflow: hidden;z-index: 2; display: block}
.newsImg img{ width: 100%;transition: .3s}
.newsItem{ height: 460px;transition: .3s;overflow: hidden;z-index: 3;margin-bottom: 55px}
.newsItem .date{ font-size: 14px;color: #888888;margin-top: 20px; height: 25px; line-height: 25px;}
.newsItem .title{ font-size:18px; color:#333333; transition: .3s}
.newsItem p{ font-size: 12px; line-height: 22px; color: #888888;margin-top: 10px;margin-bottom: 40px}
.newsItem .more{width:124px;height:38px; font-size: 14px; background-color:transparent;text-align: center;line-height: 38px; display: block;transition: .3s;border: 1px solid #888888;color: #888888}
.newsItem:hover .title{ color: #36dea9}
.newsItem:hover .more{ background: #36dea9;border-color:#36dea9;color: #fff }
.newsItem:hover img{transform: scale(1.1,1.1);z-index: 1}
.newspage { margin-top: 0}
.news_content img{ display: block;margin: auto}
.news_info{ width: 100%;font-size: 12px;color:#888888;text-align: center;line-height:30px;height: 30px; padding-bottom: 10px;border-bottom: 1px solid #f3f3f3;margin-bottom: 20px}
.news_content .title{ padding-bottom: 0}
.News_page{ margin: 40px 0; font-size: 14px; color: #333333;}
.News_page a{ display: block;color: #333333;}



.serviceList{ width: 100%; overflow: hidden;width: 100%}
.serviceList li{ padding: 10px 0;width: 100%}
.serviceList li:nth-child(even){ background-color: #f3f3f3}

.QU{ font-size: 18px;color:#333333; line-height: 40px; position: relative;padding-left: 35px; background-image: url("../images/q.png");background-position: left 6px; background-repeat: no-repeat}
.An{ font-size: 16px;line-height: 36px;position: relative; padding-left: 35px;color: #666666;background-image: url("../images/a.png");background-position: left top; background-repeat: no-repeat}


.dowon_item{ padding: 75px 0; width: 100%;position: relative}
.dowon_item:nth-child(even){ background-color: #f3f3f3}
.dowon_iteml{ position: relative}
.dowon_iteml img{ width: 190px; height:190px;margin-top: 35px; margin-left: 25px}
.dowon_iteml_TEXT{float: left;margin-left: 30px}
.dowon_iteml_TEXT span{ display: block; font-size: 28px; line-height: 54px; color: #000;margin-top: 70px;}
.dowon_iteml_TEXT>p{ font-size: 18px; color: #848484}
.D_ewmbox >div{ width: 100%; text-align: center; height: 47px; line-height: 47px;border-radius: 2px;margin-bottom: 10px; color: #fff}
.iphone{ background-color: #666666}
.android_link{ background-color: #33d8a4}
.ewm_img{ width: 100%}


.warranty{ padding: 30px 0;line-height: 30px;margin: 0}
.warranty_2{ background-color: #f8f8f8}
.warranty_title{ font-size: 30px; height: 46px; margin-top: 37px; line-height: 46px; color: #333333; text-align: center}
.warranty_item{background-repeat: no-repeat;background-position: left center; padding: 25px 0; padding-left: 200px;}
.warranty_item >h4{height: 52px; line-height: 52px; font-size: 22px; color: #333333}
.warranty_item >p{color:#666666;font-size: 16px; line-height: 30px}
.warranty_icon1{background-image: url("../images/bx_icon1.png")}
.warranty_icon2{background-image: url("../images/bx_icon2.png")}
.warranty_icon3{background-image: url("../images/bx_icon3.png")}
.tip{ font-size: 18px; line-height: 55px; color: #ff4444;text-align: center}
.warranty_3 >h4{ font-size: 18px; color: #333333}
.nav-toggle{ display: none}

@media screen and (max-width:1400px) {
    .h490{height:380px}
    .in_items a span{height:270px}
    .in_product_info>a{bottom:40px}
    .in_product_info .in_product_box_ml{ margin-left: 45px;}
    #nav{ display: block}
    .in_product_info >p{ margin-right: 40px}
}
@media (max-width: 1300px){
    .news_list_R>p{ margin: 0}
}
@media screen and (max-width:1200px) {
    .h490{height:340px}
    .in_items a span{height:250px}
    #nav{width:80%;}
    .logo{width:20%;}
    .nav_ul li{ width: 12%;margin-left: 1% }
    .in_items_t>p{ margin-bottom: 42px;}
    .in_product_info >h2{ margin-top: 40px; margin-bottom: 40px}
    #nav{ display: block}
    .in_product_info >p{ margin-right: 20px}
    .news_list_R{ width: 74%; margin-right: 2%}
    .news_list_R>p{ margin: 0}

}
@media screen and (max-width:1000px) {
    .h490{height:290px}
    .nav{height:60px}
    .nav_ul, .nav-collapse ul{ padding-top: 30px;}
    .logo img{ height: 50px;margin-top: 15%}
    .in_items_t h2{ margin-top: 46px; margin-bottom: 30px}
    .in_product_info >h2{ margin-top: 20px; margin-bottom: 20px}
    .in_product_info>a{ bottom:10px}
    .in_news >h2{height: 120px; line-height: 120px}
    .in_news_item>h2{ padding-top: 10px}
    .in_news_more{ margin-top: 10px}
    .in_choose{ margin-top: 40px}
    .in_items a{ font-size: 22px;}
    .logo{ }
    .in_items a span{height:200px}
    #nav{width:80%;}
    .logo{width:20%;}
    .In_news_prev{left:0;}
    .In_news_next{right:0}
    .news_list .more{ display: none}

    .in_footer_link{padding-left: 0}
    #nav{ display: block}
}
@media screen and (max-width:990px) {
    .in_items a span{height: 300px}
    .in_items a p{ line-height: 40px;margin-top: 10px}
    .in_items_t h2 {margin-top: 60px; margin-bottom: 50px;}
    .h490{ height: 350px}
    .in_product_info >h2 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .in_product_info>a {
        bottom: 40px;
    }
    #nav{ display: block}
    .dowon_iteml{ margin-bottom: 30px;}
    .dowon_item{ padding-top: 20px}
}


@media screen and (max-width:768px) {
    .h490{ height: 370px}
    #nav{ display: block}
    .ny_bannsr .container-nytitle h3{ font-size: 20px;}
    .nav_ul li:hover .drops{ display: none}
    .news_list_R>h2{ font-size: 18px; height: 28px; line-height: 28px;}


}

@media screen and (max-width:640px) {
    .nav_ul li .drops{ left: 0; margin-left: 0}
    .nav_ul li:hover .drops{ display: none}
    .h490{ height: 330px}
    .in_items img{ max-height: 300px}
    .in_items a span{height:260px}
    .nav-toggle{ display: block;position: absolute;right:10px;top:0;width:60px; height: 60px;background-image: url(../images/menu.png);background-repeat: no-repeat;background-position: center center;background-size: 80% 80%;}
    #nav{ width: 100%; position: absolute;left: 0;top:60px; background-color: #fff;display: none}
    .nav_ul, .nav-collapse ul{ padding-top: 0; padding-left: -15px; padding-right: -15px}
    .nav_ul li{ width: 100%;margin: 0}
    .nav_ul li a{ color: #323232}
    .nav_ul li a{ height: 42px; line-height: 42px;border-radius: 0}
    .nav_ul .language_btn{ width: 100%;display: none}
    .nav_ul .language_btn a{ margin: auto;width: 120px;background-color: #e1e1e1;border-radius: 14px;; line-height: 28px}
    .logo img{ margin: 10px; height: 40px;}

    .in_choose_text{ font-size: 28px;padding: 10px;height: 120px; line-height: 120px}
    .in_choose>p{ font-size: 18px; line-height: 32px;}
    .ny_bannsr .container-nytitle{ display: none}
    .dowon_iteml img{ width: 20%; height: 20%;margin: 0}
    .dowon_iteml_TEXT{ width: 70%;margin-left: 5%}
    .dowon_iteml_TEXT span{ margin-top: 3%}
    .manTop{ height: auto; line-height: 70px; font-size: 16px}
    .manTop a{height: 70px; width: auto; padding: 0 1%}
    .manTop .active>span, .manTop a:hover>span{ display: none}
    .page a {
        margin-top: 2px;
        height: 25px;
        line-height: 25px;
        margin: auto 4px;
        padding: 0 7px;
        font-size: 12px;
        border-radius: 2px;
    }
    .page .activeB{
        margin-top: 2px;
        height: 25px;
        line-height: 25px;
        padding: 0 7px;
        font-size: 12px;
        border-radius: 2px;
    }
    .content>.title{ font-size: 20px; padding-top: 0}
    .content{ font-size: 14px; line-height: 24px;}
	table{width:100% !important}
	img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}
    .warranty_item{ padding-left:0;background-image: none}
    .newsItem{ height: 430px; margin-bottom: 20px;}
    .newsItem p{ margin-bottom: 20px;}
    .in_items a p{ margin-top: 0}
    .news_list_L{ display: none}
    .news_list_R{ width: 95%; margin: 0 2.5%}
    .news_list_R{ height: auto}
    .news_list_R>p{ font-size: 12px; line-height: 20px; padding-bottom: 5px}
    .news_list_R>h2{ height: auto}
    .news_list li{ margin-top: 20px;}


    /****/
    .nav_ul .language_btn {
        display: block;
        height: 42px;
    }
    .nav_ul .language_btn a {
        height: 31px;
    }

}

@media screen and (max-width:370px) {
    .h490{ height: 160px}
    .in_items_t h2 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 28px;
    }
    .in_items_t>p {
        margin-bottom: 20px;
    }
    .in_items a span {
        height: 120px;
    }
    .in_items img {
        max-height: 130px;
        margin: 5px 0;
    }
    .in_items a p {
         line-height: 20px;
         margin-top: 0;
    }
    .in_items a {
        font-size: 14px;
    }
    .in_product-lg>a >span{ font-size: 20px}
    .in_news >h2 {
        height: 80px;
        line-height: 80px;
    }
    .in_product_box_ml {
        margin-left: 10px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .in_product_info .in_product_box_ml {
        margin-left: 10px;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .in_product_info>a {
        bottom: 5px;
        right: 10px;
        font-size: 14px;
    }
    .in_news_item{ margin-top: 0;height: 150px; padding-top: 0; background-image: none}
    .sbox >.row>.row{ height: 150px;position: relative}
    .in_news_item .date{ height: 30px; line-height: 30px;}
    .in_news_item>h2{ padding-top: 0;height: 40px; line-height: 40px}
    .In_newsbtn{ top: 60px; opacity: .8}

    .in_choose_text {
        font-size: 24px;
        /* padding: 10px; */
        height: 90px;
        line-height: 90px;
    }
    .in_choose>p {
        font-size: 16px;
        line-height: 32px;
    }
    .in_items_t h2 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
        padding-left: 10px;
    }
    .in_items_t>p {
        margin-bottom: 10px;
        padding-left: 10px;
        font-size: 14px;
    }
    .in_items_t>a{ margin-left: 10px; font-size: 14px;}
    .in_product_info >h2{ margin-top: 20px}
    .nav{height:50px;line-height: 50px}
    .logo img{ margin-top: 5px; margin-bottom: 0;height:35px;}
    .nav-toggle{ width: 50px;height:50px;}
    .manTop{ line-height: 50px; font-size: 16px}
    .manTop a{height: 50px; width: auto; padding: 0 2%}
    .productList li{ height: 300px;}
    .productList span{ height: 260px;}
    .dowon_iteml_TEXT span {
        margin-top: 0;
        font-size: 20px; line-height: 40px;
    }
    .dowon_iteml_TEXT>p{ font-size: 14px;}
    .page {
        width: 100%;
        margin: 30px auto;
    }
    .QU{ font-size: 16px; line-height: 32px;}
    .An{ font-size: 14px; line-height: 30px}
    .newsImg{ height: 170px;}
    .newsItem{ height: 380px; border-bottom: 1px solid #f8f8f8}
    .newsItem .more{ width: 90px; height: 32px; line-height: 32px;}
    .newsItem p{ line-height: 20px; margin-top: 5px; margin-bottom: 15px;}
    .content{ margin-top: 0}
}

.genaral_tittle{ margin-bottom: 10px; padding-top: 20px}
.gen_titt{ padding: 10px 0}