@charset "utf-8";

/*container*/
#container{padding:50px 0;}

#main_content{padding:15px;}
#m_info{background-color:#fff; padding:25px 25px 15px 20px; border-radius:10px; position:relative; min-height:200px;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
box-shadow: 0 0 7px rgba(0,0,0,0.1);}
#m_info .owl-carousel .owl-item{}
#m_info .owl-carousel .owl-item .item{position:relative; min-height:160px;}
#m_info .owl-carousel .owl-item .item .info_box{position:absolute; top:0; left:0; z-index:99999;}
#m_info .owl-carousel .owl-item .item .ment{font-size:12px; line-height:17px; color:#000; padding-top:10px;}
#m_info .owl-carousel .owl-item .item .ment strong{color:#25cad3;}
#m_info .owl-carousel .owl-item .item .date{font-size:27px; line-height:32px; color:#000; margin-top:10px; font-weight:bold;}
#m_info .owl-carousel .owl-item .item .time{font-size:15px; line-height:20px; color:#fe6c5e; margin-top:10px;}
#m_info .owl-carousel .owl-item .item .prduct_info{width:140px;  position:absolute; top:0; right:0; text-align:center;}
#m_info .owl-carousel .owl-item .item .prduct_info h4{font-size:12px; line-height:24px; color:#24cbd4; text-align:center; border:1px solid #24cbd4; border-radius:30px; }
#m_info .owl-carousel .owl-item .item .prduct_info .graph_box{padding:15px; position:relative;}
#m_info .owl-carousel .owl-item .item .prduct_info .graph_box .title{position:absolute; top:42px; left:0; width:100%; font-size:13px; line-height:20px; color:#c3cad0;}
#m_info .owl-carousel .owl-item .item .prduct_info .graph_box .no{position:absolute; top:60px; left:0; width:100%; font-size:30px; line-height:35px; color:#c1c1c1; letter-spacing:1px;}
#m_info .owl-carousel .owl-item .item .prduct_info .graph_box .no strong{color:#509bdb;}
#m_info .owl-nav{}
#m_info .owl-nav .owl-prev{position:absolute; top:82px;; right:140px; width:18px; height:30px; background:url("../mobile/images/m_product_left.png") 0 0 no-repeat; background-size:18px auto; outline:none;}
#m_info .owl-nav .owl-prev span{display:none;}
#m_info .owl-nav .owl-next{position:absolute; top:82px; right:-10px; width:18px; height:30px; background:url("../mobile/images/m_product_right.png") 0 0 no-repeat; background-size:18px auto; outline:none;}
#m_info .owl-nav .owl-next span{display:none;}
#m_info .owl-dots{position:absolute; bottom:15px; width:100%; text-align:center; left:0; padding:0 25px;display:block;}
/*#m_info .owl-dots .owl-dot{width:12px; height:12px; background:url("../mobile/images/m_visual_btn.png") 0 0 no-repeat; background-size:12px auto; margin:0 4px; outline:none;}*/
/*#m_info .owl-dots .owl-dot.active{width:42px; height:12px; background:url("../mobile/images/m_visual_btn_on.png") 0 0 no-repeat; background-size:42px auto;}*/
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791; }

#m_info_none{background-color:#fff; padding:45px 15px 40px; border-radius:10px; position:relative; min-height:200px; font-size:16px; line-height:22px; color:#bbbcbe; text-align:center;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
box-shadow: 0 0 7px rgba(0,0,0,0.1);}
#m_info_none strong{display:block; font-size:18px; line-height:25px; color:#26cad3;}

#m_quick{display:inline-block; width:100%; margin-top:15px;}
#m_quick li{float:left; width:48%; margin-bottom:4%;}
#m_quick li:nth-child(even){float:right;}
#m_quick li a{display:block; background-color:#fff; padding:15px 15px 25px 15px; border-radius:10px; position:relative;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
box-shadow: 0 0 7px rgba(0,0,0,0.1);}
#m_quick li a h3{font-size:15px; line-height:20px; color:#333132;}
#m_quick li a .eng_tit{font-size:13px; line-height:20px; color:#959fb8;}
#m_quick li:nth-child(1) a{background:url("../mobile/images/m_quick_icon01.png") right 10px bottom 10px no-repeat; background-size:40px auto; background-color:#fff;}
#m_quick li:nth-child(2) a{background:url("../mobile/images/m_quick_icon02.png") right 10px bottom 10px no-repeat; background-size:40px auto; background-color:#fff;}
#m_quick li:nth-child(3) a{background:url("../mobile/images/m_quick_icon03.png") right 10px bottom 10px no-repeat; background-size:40px auto; background-color:#fff;}
#m_quick li:nth-child(4) a{background:url("../mobile/images/m_quick_icon04.png") right 10px bottom 10px no-repeat; background-size:40px auto; background-color:#fff;}
#m_quick li:nth-child(5) a{background:url("../mobile/images/m_quick_icon05.png") right 10px bottom 10px no-repeat; background-size:40px auto; background-color:#fff;}
#m_quick li:nth-child(6) a{background:url("../mobile/images/m_quick_icon06.png") right 10px bottom 10px no-repeat; background-size:40px auto; background-color:#fff;}

#m_banner_slider{}
#m_banner_slider .owl-carousel .owl-item{}
#m_banner_slider .owl-carousel .owl-item .item{text-align:center;}
#m_banner_slider .owl-carousel .owl-item .item img{border-radius:10px;}
#m_banner_slider .owl-nav{display:none;}
#m_banner_slider .owl-nav .owl-prev{position:absolute; top:82px;; left:-5px; width:18px; height:30px; background:url("../mobile/images/m_product_left.png") 0 0 no-repeat; background-size:18px auto; outline:none;}
#m_banner_slider .owl-nav .owl-prev span{display:none;}
#m_banner_slider .owl-nav .owl-next{position:absolute; top:82px; right:-5px; width:18px; height:30px; background:url("../mobile/images/m_product_right.png") 0 0 no-repeat; background-size:18px auto; outline:none;}
#m_banner_slider .owl-nav .owl-next span{}
#m_banner_slider .owl-dots{position:absolute; bottom:5px; width:100%; text-align:center; left:0; padding:0 15px;}
#m_banner_slider .owl-dots .owl-dot{width:10px; height:10px; background:url("../mobile/images/m_banner_btn.png") 0 0 no-repeat; background-size:10px auto; margin:0 4px; outline:none;}
#m_banner_slider .owl-dots .owl-dot.active{width:10px; height:10px; background:url("../mobile/images/m_banner_btn_on.png") 0 0 no-repeat; background-size:10px auto;}
