@charset "utf-8";
*,html,body,h1,h2,h3,h4,h5,h6,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea,hr{
    margin:0px;
    padding:0px;
}
body{
    font-size:14px;
    word-spacing:normal;
    color:#333;
    font-style:normal;
    font-weight:normal;
    position:relative;
    line-height:1.7;
    font-family:Verdana Regular;
}
ul,li{
    list-style:none;
}
a{
    text-decoration:none;
}
h1{
    text-transform:capitalize;
    font-size:30px;
}
input{
    outline:none;
}
.container{
    max-width:1200px;
    margin:0 auto;
}
.clearfix{
    zoom:1;
}
.clearfix:before,.clearfix:after{
    display:table;
    content:"";
}
.clearfix:after{
    clear:both;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.top{
    background:#658ad1;
}
.top .fl a{
    display:inline-block;
    height:88px;
    line-height:88px;
}
.top .fl a img{
    vertical-align:middle;
}
.search_bar{
    float:right;
    height:88px;
    line-height:88px;
}
#btnSearch{
    background:#dee4f3 url(../images/search.png) no-repeat center center;
    height:28px;
    width:32px;
    vertical-align:middle;
    cursor:pointer;
    border:none;
    margin-bottom:4px;
}
#txtSearch{
    height:28px;
    width:104px;
    border:none;
    margin-right:-5px;
    text-indent:7px;
    vertical-align:middle;
    color:#7a7b7b;
    font-size:12px;
    margin-bottom:5px;
}
.search_bar input::-webkit-input-placeholder{
    color:#7a7b7b;
    font-size:12px;
}
.nav{
    float:left;
    position:relative;
    margin-right:22px;
}
.nav>li>a{
    float:left;
    height:88px;
    line-height:88px;
    text-transform:uppercase;
    padding:0 22px;
    color:#FFF;
    position:relative;
}
.nav>li:hover{
    background:#FFF;
}
.nav>li:hover a{
    color:#658ad1;
}
.nav>li{
    float:left;
}
.nav .submenu{
    position:absolute;
    float:left;
    width:auto;
    top:88px;
    background:#FFF;
    padding-left:0px;
    opacity:0.95;
    filter:alpha(opacity=85);
    z-index:9999999;
    display:none;
}
.nav .submenu li{
    border-bottom:1px solid #d8d8d8;
    float:none;
}
.nav .submenu li a{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:40px;
    height:40px;
    display:block;
    color:#658ad1;
    padding:5px 8px;
    text-transform:capitalize;
}
.submenu li:hover{
    background:#658ad1;
}
.submenu li:hover a{
    color:#FFF;
}
.hidden_content{
    position:relative;
    z-index:1000;
    height:66px;
    line-height:66px;
    display:none;
    background:#658ad1;
    padding:0 25px;
}
.mobile_logo{
    display:inline-block;
}
.mobile_logo img{
    vertical-align:middle;
}
.mobile_login_menu{
    float:right;
    display:none;
}
.mobile_login_menu img{
    vertical-align:middle;
    cursor:pointer;
    background:#658ad1;
}
.hide_menuwrap{
    position:absolute;
    float:right;
    transition:all 0.3s;
    z-index:200;
    right:0px;
    width:300px;
}
.hide_menuwrap .nav_en1{
    float:none;
}
.hide_menuwrap .nav_en li{
    float:none;
    position:relative;
}
.hide_menuwrap .nav_en1 a{
    background:#FFF;
    display:block;
    height:45px;
    line-height:45px;
    border-bottom:1px solid #658ad1;
    color:#658ad1;
    float:none;
    padding-left:10px;
}
.hide_menuwrap .submenu{
    position:absolute;
    top:0;
    right:300px;
    width:100%;
}
.hide_menuwrap .submenu li:hover a{
    color:#658ad1;
}
#slider{
    width:100%;
    margin:0 auto;
}
.controls li{
    top:50%;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #FFF;
    margin-top:-20px!important;
}
.controls li:hover{
    background:#658ad1;
    border:1px solid #658ad1;
}
.controls li img{
    vertical-align:middle;
}
.controls li:nth-child(1){
    left:50px;
}
.controls li:nth-child(2){
    right:50px;
}
.nav_pagi{
    text-align:center;
    padding-top:25px;
}
.pagination{
    overflow:auto;
    margin:0!important;
    margin-left:-36px!important;
    bottom:35px!important;
}
.pagination li{
    background:#FFF;
    width:15px!important;
    height:15px!important;
}
.pagination li.active{
    background:#658ad1;
}
.title_bar{
    text-align:center;
}
.responsive{
    width:100%;
    height:auto;
    display:block;
}
.common_top{
    text-align:center;
    color:#658ad1;
}
.commom_title{
    font-family:Microsoft Sans Serif Regular;
    font-size:34px;
    text-transform:uppercase;
}
.common_bottom{
    text-transform:uppercase;
    font-size:14px;
    height:23px;
    line-height:23px;
}
.common_bottom .line{
    width:140px;
    height:2px;
    background:#658ad1;
    display:inline-block;
    vertical-align:middle;
}
.common_bottom p{
    display:inline-block;
    padding:0 8px;
}
.about_mask{
    padding-top:120px;
    margin-bottom:120px;
}
#about .container{
    position:relative;
}
.left_bg{
    position:absolute;
    width:50%;
    height:100%;
    background:url("../images/ableft.png") no-repeat;
    z-index:-1;
}
.about_content{
    margin-top:100px;
}
.about_content .fl,.about_content .fr{
    width:50%;
}
.about_fltop{
    font-size:18px;
    font-family:Microsoft Sans Serif Regular;
    color:#658ad1;
    text-transform:uppercase;
}
.about_flmid{
    font-size:16px;
    font-family:Microsoft Sans Serif Regular;
    color:#658ad1;
    margin:15px 0;
}
.about_content .fl p{
    padding:20px 0px;
    color:#5e5e5e;
    font-size:14px;
    width:88%;
}
#about .find_more{
    margin-top:10px;
}
#about .find_more a{
    display:inline-block;
    width:128px;
    height:35px;
    line-height:35px;
    color:#FFF;
    background:#658ad1;
    text-align:center;
    border-radius:9px;
    transition:all .3s;
}
#about .find_more a:hover{
    box-shadow:rgba(0,0,0,0.5) 0px 2px 5px,inset rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(0,0,0,0.25) 0px 0px 0px,inset rgba(255,255,255,0.03) 0px 20px 0px,inset rgba(0,0,0,0.15) 0px -20px 20px,inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.about_content .fr img{
    max-width:100%;
    display:block;
}
#procate ul li{
    float:right;
    width:50%;
    position:relative;
}
#procate ul li .fl{
    position:absolute;
    width:50%;
    height:100%;
    text-align:center;
    background:#EEEFF6;
}
#procate ul li .fr{
    width:50%;
}
.fl_content{
    position:absolute;
    top:50%;
    width:90%;
    padding:0 5%;
    margin-top:-25px;
}
.fl_content h3{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.fl_content h3 a{
    color:#050505;
    font-size:18px;
    text-transform:uppercase;
    font-family:Microsoft Sans Serif Regular;
}
.porcate_li{
    margin-top:80px;
}
.porcate_li .fl .line1{
    right:-3px;
    top:65px;
}
.porcate_li .fl .line2{
    left:0px;
    bottom:60px;
}
.porcate_li .fl .line{
    height:2px;
    width:140px;
    transform:rotate(-45deg);
    position:absolute;
    background:#658ad1;
    transition:all .6s;
}
.porcate_li li:hover .fl .line{
    transform:rotate(0deg);
}
.porcate_li li .fr img:hover{
    opacity:0.9;
    background:rgba(0,0,0,0.8);
}
.porcate_li li:hover .fl .line1{
    top:25%;
    right:50%;
    margin-right:-70px;
}
.porcate_li li:hover .fl .line2{
    bottom:25%;
    left:50%;
    margin-left:-70px;
}
.porcate_li .fr img{
    max-width:100%;
    display:block;
    transition:all .3s;
}
.porcate_li li:nth-child(3) .fl{
    float:right!important;
    right:0;
}
.porcate_li li:nth-child(3) .fr{
    float:left!important;
}.porcate_li li:nth-child(4) .fl{
    float:right!important;
    right:0;
}
.porcate_li li:nth-child(4) .fr{
    float:left!important;
}
.cate_img{
    width:50%;
    float:left;
}
.cate_img img{
    max-width:100%;
    display:block;
}
.want_top{
    text-align:center;
    color:#FFF;
    margin-bottom:45px;
}
.want_title{
    font-size:36px;
    font-family:Microsoft Sans Serif Regular;
    text-transform:uppercase;
    padding-top:30px;
}
.want_top p{
    width:63%;
    margin:0 auto;
    font-family:"Verdana Regular";
    font-size:16px;
    margin-top:5px;
}
#want{
    background:url("../images/want_bg.jpg") no-repeat;
    position:relative;
    background-size:cover;
    margin-top:120px;
    height:410px;
}
.want_content{
    background:url("../images/62.png") no-repeat;
    padding:65px 0;
}
.want_right{
    float:right;
    width:70%;
}
.want_number{
    text-align:center;
    margin-bottom:35px;
}
.want_number li{
    display:inline-block;
    color:#FFF;
    margin-right:16px;
}
.number_top{
    background:#658ad1;
    width:96px;
    height:86px;
    border-radius:5px;
    transition:all .3s;
}
.number_top:hover{
    transform:scale(1.2);
}
.number_top .number{
    font-size:20px;
    padding-top:10px;
}
.number_line{
    width:20px;
    height:2px;
    background:#FFF;
    margin:5px auto;
}
.number_top .pcs{
    font-size:14px;
    text-transform:uppercase;
}
.want_number li p{
    font-size:12px;
    font-family:"Verdana Regular";
    color:#7e7d7d;
    margin-top:12px;
}
.want_wish{
    text-align:center;
    font-size:24px;
    color:#545453;
    text-transform:uppercase;
}
.want_right>p{
    font-size:15px;
    color:#545453;
    text-align:center;
    line-height:30px;
}
#news{
    margin-top:260px;
}
.news_bottom{
    margin-top:90px;
}
.news_bottom .fl{
    border-right:13px solid #658ad1;
    border-top:13px solid #658ad1;
    position:relative;
    width:45%;
    margin-right:3%;
}
.news_bottom .fl:before{
    content:'';
    width:13px;
    height:13px;
    background:#FFF;
    position:absolute;
    top:-13px;
    left:0;
}
.news_bottom .fl:after{
    content:'';
    width:13px;
    height:13px;
    background:#FFF;
    position:absolute;
    bottom:0;
    right:-13px;
}
.newsleft_img li img{
    max-width:100%;
    display:block;
}
.newsleft_img li img:hover{
    opacity:0.9;
    color:#FFF;
    background:rgba(0,0,0,0.8);
}
.control_nav li{
    padding:15px 0 15px 20px;
    font-family:Microsoft Sans Serif Regular;
    margin-bottom:20px;
    position:relative;
    transition:all .3s;
}
.control_nav li:last-child{
    margin-bottom:0;
}
.control_nav li:after{
    content:"";
    display:block;
    position:absolute;
    width:0px;
    height:0px;
    border:15px solid transparent;
    border-right-color:#FFF;
    top:50%;
    margin-top:-15px;
    z-index:1;
    right:0;
}
.left_date{
    width:100px;
    height:90px;
    float:left;
    background:#CCCED8;
    color:#FFF;
    text-align:center;
}
.news_bottom .fr{
    width:50%;
}
.pub_date{
    font-size:28px;
}
.pub_year{
    font-size:18px;
}
.right_content{
    padding-left:130px;
}
.right_content h3{
    line-height:16px;
    overflow:hidden;
    white-space:nowrap;
    padding-right:40px;
    text-overflow:ellipsis;
}
.right_content h3 a{
    color:#626262;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:10px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}
.right_content p{
    width:90%;
    font-family:"Verdana Regular";
    font-size:14px;
    line-height:22px;
    color:#626262;
}
.current{
    background:#658ad1;
}
.current .left_date{
    background:#658ad1;
}
.current .right_content h3 a,.current .right_content p{
    color:#FFF;
}
#hot_sale{
    padding:120px 0;
}
.rvc{
    max-width:1200px;
    position:relative;
    margin:auto;
}
.rvc .rvc-wrapper{
    margin:auto;
    overflow:hidden;
    max-width:1200px;
    margin-left:-11px;
}
.rvc .rvc-wrapper ul{
    overflow:hidden;
    position:relative;
}
.rvc .rvc-wrapper ul li{
    float:left;
    position:relative;
}
.img-wrapper img{
    max-width:100%;
    display:block;
    margin:0 auto;
}
.hot_content{
    padding:70px 30px;
    background:#7797d3 url("../images/hot_bg.png") no-repeat center 360px;
    position:relative;
    margin-top:90px;
    box-shadow:1px 1px 15px #939295;
}
.left_right{
    text-align:center;
    margin-top:70px;
}
.rvc-prv,.rvc-next{
    display:inline-block;
    width:80px!important;
    cursor:pointer;
}
.rvc-prv img{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite;
}
.rvc-next img{
    animation:mymove2 2s infinite;
    -webkit-animation:mymove2 2s infinite;
}
@keyframes mymove{
    0%{
        opacity:1;
        margin-right:0px;
    }
    50%{
        opacity:1;
        margin-right:30px;
    }
    100%{
        opacity:1;
        margin-right:0px;
    }
}
@keyframes mymove2{
    0%{
        opacity:1;
        margin-left:0px;
    }
    50%{
        opacity:1;
        margin-left:30px;
    }
    100%{
        opacity:1;
        margin-left:0px;
    }
}
.rvc_more a{
    display:inline-block;
    width:200px;
    height:45px;
    line-height:45px;
    text-align:center;
    color:#FFF;
    font-size:18px;
    position:absolute;
    background:#99bbef;
    border-radius:30px;
    left:50%;
    margin-left:-100px;
    text-transform:uppercase;
    bottom:-22px;
    font-family:Microsoft Sans Serif Regular;
}
.rvc_more a:hover{
    color:#99bbef;
    background:#FFF;
}
.mask{
    position:absolute;
    width:100%;
    height:100%;
    background:#162f49;
    top:0;
    left:0;
    transition:all 0.3s;
    transform:scale(0);
}
.rvc .rvc-wrapper ul li:hover .mask{
    opacity:0.8;
    transform:scale(1);
}
.pro_content{
    position:absolute;
    top:0;
    padding:25% 20px;
    font-family:"Verdana Regular";
    transition:all .6s;
    opacity:0;
}
.pro_content h3 a{
    color:#FFF;
    text-transform:uppercase;
    font-size:14px;
}
.pro_content p{
    font-size:12px;
    color:#FFF;
    line-height:25px;
    margin-top:5px;
    margin-bottom:30px;
}
.pro_link{
    display:inline-block;
}
.rvc .rvc-wrapper ul li:hover .pro_content{
    opacity:1;
}
#foot{
    background:url("../images/foot.png") no-repeat;
    color:#FFF;
    font-family:"Verdana Regular";
    background-size:cover;
}
.foot_li>li{
    float:left;
    width:33.333%;
}
.foot_li li a{
    color:#FFF;
}
.foot_li li h3{
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:15px;
}
.foot_li{
    padding-top:40px;
}
.foot_info ul li a{
    display:block;
    height:28px;
    line-height:28px;
}
.foot_info ul li a:hover{
    text-decoration:underline;
}
.contact_box li:nth-child(1){
    background:url("../images/tel.png") no-repeat;
}
.contact_box li:nth-child(2){
    background:url("../images/mess.png") no-repeat;
}
.contact_box li:nth-child(3){
    background:url("../images/add.png") no-repeat;
    margin-bottom:0;
}
.contact_box li{
    padding-left:40px;
    margin-bottom:15px;
}
.foot_input{
    margin-top:40px;
}
.foot_input li{
    float:left;
    width:33.33%;
}
.foot_input li:nth-child(1){
    width:37.33%;
}
.foot_input li:nth-child(2){
    width:29.33%;
}
.foot_input li input,.foot_input li textarea{
    width:280px;
    height:40px;
    background:#FFF;
    border:none;
    margin-bottom:32px;
    line-height:40px;
    text-indent:15px;
    color:#658ad1;
    font-size:14px;
    text-transform:uppercase;
    display:block;
}
.foot_input input::-webkit-input-placeholder,.foot_input textarea::-webkit-input-placeholder{
    color:#658ad1;
    font-size:14px;
    text-transform:uppercase;
    font-family:"Verdana Regular";
}
#ImgSend_I{
    background:#658ad1;
    color:#FFF;
    cursor:pointer;
}
.foot_input li p{
    font-size:12px;
    float:left;
    width:60%;
    margin-left:25px;
    margin-top:33px;
    text-transform:uppercase;
}
.foot_input li img{
    float:left;
    max-width:110px;
}
.copy_right,.copy_right_1{
    clear:both;
    margin:0px auto;
    padding:5px 0px;
    text-align:center;
    font-size:12px;
    line-height:175%;
}
@media screen and (max-width:1260px){
    .about_content .fl,.about_content .fr{
        width:100%;
        text-align:center;
    }
    .about_content .fr img{
        margin:0 auto;
    }
    #about .find_more{
        margin:15px 0;
    }
    #want{
        height:inherit;
    }
    #news{
        margin-top:60px;
    }
    .search_bar{
        display:none;
    }
    .pror_detail .fr{
        width:100% !important;
    }
}
@media screen and (max-width:1024px){
    #procate ul li{
        width:60%;
        margin-right:20%;
    }
    .porcate_li li:nth-child(3) .fl{
        left:0;
    }
    .porcate_li li:nth-child(3) .fr{
        float:right!important;
    }
    .porcate_li li:nth-child(2) .fl{
        right:0;
    }
    .porcate_li li:nth-child(2) .fr{
        float:left;
    }
    .porcate_li li:nth-child(4) .fl{
        right:0;
    }
    .porcate_li li:nth-child(4) .fr{
        float:left;
    }
    .cate_img{
        width:60%;
        margin-left:20%;
    }
    .want_right{
        width:100%;
    }
    .news_bottom .fl{
        width:60%;
        margin-left:20%;
    }
    .news_bottom .fr{
        width:60%;
        margin-right:20%;
        margin-top:25px;
    }
    #foot{
        padding:0 15px;
    }
    .foot_input li input,.foot_input li textarea{
        width:230px;
    }
    .top .fl{
        float:none;
        height:88px;
    }
    .nav{
        position:absolute;
        float:right;
        transition:all 0.3s;
        z-index:200;
        right:0px;
        width:300px;
        min-width:unset;
        top:88px;
        padding:0;
        background:#FFF;
        height:unset;
        margin-right:0
    }
    .nav>li{
        float:none;
        display:none;
        position:relative;
    }
    .nav>li a{
        line-height:45px;
        color:#658ad1;
        border-bottom:1px solid #658ad1;
        height:45px;
        display:block;
        float:none;
    }
    .nav .submenu{
        left:unset!important;
        right:300px;
        top:0;
    }
    .mobile_login_menu{
        display:block;
        margin-right:15px;
        line-height:88px;
    }
    .nav>li a:hover{
        background:#658ad1;
        color:#FFF;
    }
    .itembody .list_right{
        padding-left:0!important;
    }
    .list_left{
        float:none!important;
    }
}
@media screen and (max-width:900px){
    .pro_right{
        padding-left:0!important;
    }
    .pro_left{
        width:100% !important;
        float:none!important;
    }
}
@media screen and (max-width:760px){
    .foot_input li{
        width:100% !important;
        text-align:-webkit-center;
    }
    .foot_input li img{
        float:none;
    }
    .foot_input li p{
        width:100%;
        margin-left:0;
    }
    .foot_li>li{
        width:100%;
    }
    .want_content{
        background:#f2f4fb;
    }
    .news_bottom .fl,.news_bottom .fr{
        width:100%;
        margin-left:0;
        margin-right:0;
        border:none;
    }
    .news_bottom .fl:after,.news_bottom .fl:before{
        display:none;
    }
    .rvc .rvc-wrapper{
        margin-left:0;
    }
    .about_mask{
        padding-top:30px;
        margin-bottom:30px;
    }
    .about_content{
        margin-top:30px;
    }
    .about_content .fl p{
        padding:15px 0;
        width:100%;
    }
    #news,.news_bottom{
        margin-top:30px;
    }
    #hot_sale{
        padding:60px 0;
    }
}
@media screen and (max-width:640px){
    #procate ul li,.cate_img{
        width:100%;
        margin:0;
    }
    .common_bottom .line{
        width:70px;
    }
    .porcate_li .fl .line{
        width:60px;
    }
    .porcate_li .fl .line1{
        top:28px;
    }
    .porcate_li .fl .line2{
        bottom:28px;
    }
}
.pro_right ul li:nth-child(1) .itembody_in{
    padding-top:0;
}
.products{
    transition:all 0.3s;
}
.ssp_mid{
    background:#FFF!important;
}
.ssp_mid .content_title{
    width:100%;
    height:35px;
    padding:5px 0;
    margin-bottom:10px;
    font-weight:normal;
    color:#333;
    font-size:14px;
}
.products_wrap{
    padding:0 25px;
    margin-top:5px;
}
.pro_left{
    width:260px;
    padding-bottom:10px;
    font-size:15px;
    line-height:1.7;
    color:#666;
}
.pro_left .foot_contact li{
    width:100% !important;
}
.pro_left .foot_contact{
    margin:0!important;
    background:#171b2c;
    padding:25px 10px;
}
.pro_left .foot_contact li:nth-child(2) p{
    max-width:90%;
}
.pro_left,.list_left,.list_right{
    float:left;
}
.con_title{
    height:55px;
    line-height:55px;
    color:#FFF;
    background:#658ad1;
    font-size:20px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:5px;
}
.pro_left .sf-menu{
    margin:0px auto;
    padding-bottom:20px;
}
.pro_left .sf-menu li{
    border-bottom:1px solid #FFF;
}
.pro_left .sf-menu a{
    display:block;
    color:#000;
    line-height:20px;
    font-size:16px;
    padding:9px 0 9px 18px;
    background:url(../images/pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu a:hover{
    color:#FFF;
    background:#2a2a3f;
    url(../images/pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu ul li a{
    background:#FFF;
    color:#333;
}
.pro_right{
    padding-left:290px;
    margin-bottom:75px;
}
#List1,#List2{
    display: flex;
}
.pic{
    width: 19%;
}
.pic img{
    width: 100%;
    max-height: 225px;
}
.pro_left .sf-menu1{
    margin:0px auto;
    padding-bottom:20px;
}
.pro_left .sf-menu1 li{
    border-bottom:1px solid #FFF;
    position:relative;
    z-index:999;
}
.pro_left .sf-menu1 a{
    display:block;
    color:#000;
    line-height:20px;
    font-size:16px;
    padding:9px 0 9px 18px;
    background:url(../images/pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu1 a:hover{
    color:#FFF;
    background:#658ad1;
    url(../images/pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu1 li ul{
    position:absolute;
    left:100%;
    top:0;
    width:100%;
    display:none;
}
.pro_left .sf-menu1 ul li a{
    background:#FFF;
    color:#333;
}
.pro_left .sf-menu1 li:hover ul{
    display:block;
}
.singgle_b{
    width:33.333%;
    float:left;
    transition:all 0.3s;
}
.single_imgb img{
    max-width:100%;
}
.singgle_b .watch_box{
    padding:0px 10px 20px 10px;
}
.change_box{
    text-align:center;
}
.singgle_b .watch_box img{
    max-height:100%;
    max-width:100%;
}
.singgle_b .watch_box>a{
    display:block;
    color:#000;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:6px 0;
    font-size:15px;
    font-weight:bold;
}
.singgle_b .watch_box p{
    text-align:center;
    margin-top:10px;
    color:#666;
    height:45px;
    overflow:hidden;
    line-height:1.7;
}
.pror_wrap{
    width:100%;
    font-size:14px;
}
.pror_detail{
    width:100%;
    display:inline-block;
    padding-bottom:20px;
    border-bottom:1px dashed #ccc;
}
.pror_detail .fl{
    max-width:400px;
    float:left;
}
.pror_detail .fr{
    width:52%;
    float:right;
    font-size:14px;
    line-height:25px;
}
.pror_detail .fr h1,.productsTags{
    font-weight:600;
    width:100%;
    display:block;
    font-size:19px;
    border-bottom:1px dashed #DDD;
    padding:7px 0px;
    margin-bottom:10px;
    line-height:34px;
    color:#666;
}
.special_read{
    padding:6px 12px;
    background:#658ad1;
    border:1px solid #658ad1;
    color:#FFF;
    border-radius:5px;
    display:inline-block!important;
    margin-right:5px;
    transition:all 0.6s;
}
.special_read:hover{
    background:#FFF;
    border:1px solid #658ad1;
    color:#658ad1;
}
.pror_detail .special_read{
    margin-top:10px;
}
.itembody{
    width:100%;
    float:left;
}
.itembody .list_right .case_detail{
    padding:0;
}
.itembody_in{
    border-bottom:1px dotted #e4e4e4;
    transition:all 0.3s;
    overflow:hidden;
}
.itembody .list_left{
    width:250px;
}
.itembody .list_right{
    transition:all 0.3s;
    padding-left:270px;
    float:none;
}
.itembody .list_right h3 a{
    color:#000;
    font-size:18px;
}
.itembody .list_left img{
    width:100%;
    height:100%;
}
.pages{
    text-align:center;
    font-size:12px;
    padding:15px 0 20px 0;
    color:#b2b2b2;
    clear:both;
    margin-bottom:30px;
}
.pages a,.pages span{
    display:inline-block;
    margin:1px 5px;
    min-width:10px;
    height:30px;
    padding:0 10px;
    line-height:30px;
}
.pages a:link,.pages a:visited{
    color:#666;
    background:#FFF;
}
.pages a:hover,.pages a:active,.pages span.ctxt{
    color:#FFF;
    background:#658ad1;
    text-decoration:none;
}
#imgshow{
    display:none!important;
}
.pshare{
    float:left;
    padding:8px 0 0 0;
}
.jsshare{
    text-align:center;
    padding-top:25px;
}
.pshare li{
    float:left;
    width:48%;
    height:28px;
    line-height:28px;
}
.pshare li img{
    vertical-align:middle;
    margin-right:12px;
}
.jsshare span.stxt{
    display:inline-block;
    font-size:14px;
    line-height:24px;
    padding:0 8px 0 0;
    position:relative
}
.jsshare a,.jsshare a img{
    width:35px;
    vertical-align:middle
}
.inner_banner img{
    max-width:100%;
}
.watch_botton{
    margin-top:30px;
}
.button_box button{
    border:none;
    padding:10px 20px;
    font-size:14px;
    color:#FFF;
    cursor:pointer;
    outline:none;
    background:#658ad1;
}
.pro_left .address_box li{
    word-break:break-all;
}
.button_box p{
    padding:10px 0;
}
.pror_detail .fr h1,.productsTags{
    font-weight:600;
    display:block;
    font-size:19px;
    border-bottom:1px dashed #DDD;
    padding:7px 0px;
    margin-bottom:10px;
    line-height:34px;
    color:#666;
}
.watch_botton .ptit{
    border:none;
    padding:10px 20px;
    font-size:14px;
    color:#FFF;
    cursor:pointer;
    outline:none;
    background:#658ad1;
    display:inline-block;
}
.plist{
    display:inline-block;
}
.plist ul{
    float:left;
    width:100%;
    transition:all 0.6s;
}
.plist ul .fl{
    float:left;
    width:250px;
}
.plist ul .fl img{
    width:100%;
    height:100%;
}
.plist ul strong{
    font-weight:bold;
}
.plist ul li>p{
    transition:all 0.3s;
    padding-left:270px;
}
.plist ul a{
    color:#333;
}
.plist ul a:hover{
    color:#666;
}
.rollPro1{
    width:100%;
    margin:10px auto;
    overflow:hidden;
}
.rollPro1 li{
    width:30%;
    float:left;
    margin-right:3%;
    text-align:center;
}
.rollPro1 li .pbox{
    border:1px solid #DDD;
    padding:4px;
}
.rollPro1 li a{
    text-decoration:none;
    color:#333;
}
.rollPro1 li .pbox img{
    max-width:100%;
    max-height:100%;
}
.rollPro1 li p{
    height:40px;
    line-height:20px;
    overflow:hidden;
    margin:10px auto;
}
.news_message{
    padding:0 16px;
    border:none;
}
.news_message .news_li{
    text-align:right;
    height:40px;
    margin-top:0!important;
    background:url(../images/pico.png) 5px 15px no-repeat;
    border-bottom:1px dashed #DDD;
    line-height:40px;
    color:#888;
    overflow:hidden;
    padding-top:0!important;
}
.news_message .news_li a{
    float:left;
    font-size:15px;
    text-align:left;
    text-indent:15px;
    color:#666;
    display:inline-block;
    width:80%;
    overflow:hidden;
    height:40px;
}
.news_message li span{
    font-size:14px;
    color:#333;
}
.news_message li a:hover{
    color:#666;
    text-decoration:underline;
}
.box_li{
    padding:20px 0;
    border-bottom:1px solid #ececec;
    float:left;
}
.box_left{
    width:200px;
    float:left;
}
.box_left img{
    width:100%;
}
.box_right{
    padding-left:220px;
    float:none;
}
.box_right h3 a{
    color:#333333;
    font-size:18px;
    line-height:16px;
}
.artical_date{
    padding:5px 0;
    color:#666;
    font-size:14px;
}
.tit{
    text-align:center;
    color:#333;
    font-size:22px;
}
.time{
    line-height:30px;
    border-bottom:1px solid #ccc;
    padding-top:10px;
    font-size:12px;
    color:#999;
    width:160px;
    margin:0px auto 20px;
    text-align:center;
}
.pinfo img{
    max-width:100%;
}
.prev_next{
    padding:20px 0;
    font-size:16px;
    color:#444;
    width:100%;
    border:none!important;
}
.prev_next li:nth-child(1){
    margin-right:5%;
}
.prev_next li{
    float:left;
    width:45%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.prev_next a{
    color:#444;
    font-size:15px;
}
.pro_right .news_top{
    font-size:25px;
    line-height:24px;
    padding:10px 0 35px 0;
    font-weight:normal;
    height:30px;
    color:#000;
    margin-top:36px;
    padding-bottom:0;
}
.news_mid{
    border:none!important;
}
.news_mid li{
    float:left;
    width:50%;
    height:35px;
    line-height:35px;
}
.news_mid li a{
    display:block;
    white-space:nowrap;
    margin-right:3%;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:14px;
    border-bottom:1px dashed #ccc;
    color:#333;
}
.news_mid a:hover{
    color:#000;
    text-decoration:underline;
}
.prev_next a:hover{
    color:#000;
}
.case_explain{
    padding:10px 0;
    line-height:26px;
}
.ejfl{
    font-size:24px;
    font-weight:normal;
}
.pro_left .foot_icon li{
    width:100%;
}
.pro_left .contact_box li{
    background:none;
    padding:0;
    margin:0;
}
.table{
    border-collapse:collapse;
}
.table td,.table th{
    border:1px solid #cdcdcd;
    padding:5px;
}
.table p{
    padding:0px;
    margin:0px;
}
#feedbackForm .lable{
    white-space:nowrap;
}
#xyz ul{
    display:flex;
    justify-content:center;
    padding:5px 0;
    flex-wrap:wrap
}
#xyz ul li{
    margin:5px
}
#xyz ul li a{
    font-size:12px;
    color:#FFF;
    display:flex;
    align-items:center;
    line-height:1.4;
    text-transform:capitalize
}
#xyz ul li a img{
    margin-right:3px
}
.singglepic{
    z-index:1;
    position:relative;
    margin:0 auto;
    padding:0;
    width:380px;
    border:solid 1px #fafafa;
    text-align:center;
    z-index:100
}
.singglepic img{
    max-width:378px;
    max-height:378px
}
.d-slides .singglepic img{
    position:relative;
    left:0;
    top:0;
    max-width:378px;
    max-height:378px;
    width:auto
}
.singglepic .on{
    z-index:999999999999
}
.singglepic .on img{
    border:1px solid #ccc;
    z-index:99999;
    width:auto;
    text-align:center;
    background:#FFF;
    cursor:pointer
}
.singglepic.on img{
    max-width:initial;
    max-height:initial;
    z-index:99999;
    width:auto
}
#feedbackForm table{
    width:100%;
    max-width:600px;
    _width:600px;
    margin-top:20px;
    margin:0 auto;
    text-align:left;
}
.ftxt{
    width:24%;
}
.fput{
    width:70%;
}
#feedbackForm .text{
    float:left;
    width:80%;
    height:26px;
    margin:16px 0px 0px 0px;
    font-size:12px;
    line-height:26px;
    padding:0px 5px;
    border:1px solid #CCC;
    font-family:Arial,Helvetica,sans-serif;
    color:#666;
}
#feedbackForm .lable{
    padding:10px 12px 0px 0px;
    line-height:30px;
    height:30px;
    text-align:right;
}
#feedbackForm .atextarea{
    float:left;
    width:80%;
    padding:5px;
    margin:16px 0px 0px 0px;
    border:1px solid #CCC;
    height:100px;
    font-size:12px;
    line-height:20px;
    font-family:Arial,Helvetica,sans-serif;
    color:#666;
}
#feedbackForm .submita{
    display:inline-block;
    padding:0 20px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:16px;
    background:#ff9c00;
    margin:20px 14px;
    border:none;
    color:#FFF;
    cursor:pointer
}
#feedbackForm .fsbtn{
    text-align:center;
    width:80%;
    padding:1px;
    margin:0px;
}
#feedbackForm span.xh,#msg{
    color:#f00;
}
#newsletter .eput{
    border:1px solid #EEE;
}
.copy_right a{
    color:#bcbcbc;
}
.product-img .singglepic img{
    width:100%;
}
.footlinks{
    clear:both;
    margin:0px auto;
    padding:5px;
    height:auto;
    font-size:9pt;
    line-height:140%;
    color:#FFF;
    text-align:center;
    background-color:#555;
}
.footlinks a:link,.footlinks a:visited{
    font-size:9pt;
    line-height:140%;
    color:#FFF;
    margin-right:3px;
}
.foot_li li h3{
    font-size:25px;
}
#hid{
    display:none;
}
 .fl_content .h3{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
 .fl_content .h3 a{
    color:#050505;
    font-size:18px;
    text-transform:uppercase;
    font-family:Microsoft Sans Serif Regular;
}
 .right_content .h3{
    line-height:16px;
    overflow:hidden;
    white-space:nowrap;
    padding-right:40px;
    text-overflow:ellipsis;
}
 .right_content .h3 a{
    color:#626262;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:10px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}
 .current .right_content .h3 a,.current .right_content p{
    color:#FFF;
}
 .foot_li li .h3{
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:15px;
    font-size:25px;
}