/*全局样式*/

body{overflow-x:hidden;}
.wrapper{width:1200px;}

/*头部样式*/

#header{height:100px;}
#logo{left:0; top:16px;}
#logo img{width:270px; height:68px;}
#search{left:450px; top:28px; height:44px; overflow:hidden;}
#search section{float:left; height:42px; padding:0 14px 0 10px; border:1px solid #e1e1e1; border-right:none; border-radius:4px 0 0 4px; overflow:hidden;}
#search section select{float:left; width:auto; height:42px; line-height:42px; border:none; font-size:15px; color:#666;}
#search section input{float:left; width:200px; height:42px; line-height:42px; margin-left:10px; padding:0; border:none; font-size:15px; color:#666;}
#search button{float:left; width:90px; height:44px; background:#ff7b3a; border-radius:0 4px 4px 0; font-size:15px;}
#search button span{display:inline-block; padding-left:24px; background:url(img/search.png) no-repeat left center;}
#tel{right:0; top:38px; height:24px; line-height:24px; padding-left:24px; background:url(img/tel.png) no-repeat left center; font-size:22px; font-weight:bold; color:#0168b7; overflow:hidden;}

#nav{width:100%; height:52px; background:#0168b7;}
#nav ul{display:flex; justify-content:space-between;}
#nav ul li{position:relative; height:52px; line-height:52px; font-size:16px; text-align:center;}
#nav ul li a{display:block; color:#fff;}
#nav ul li a:hover{color:#ff9a68;}
#nav ul li.current > a{color:#ff9a68;}
#nav ul li:hover ul{display:block;}
#nav ul li ul{position:absolute; left:-52px; right:-52px; top:52px; display:block; padding:14px 0; background:rgba(1,104,183,.88); z-index:99; display:none;}
#nav ul li ul li{height:42px; line-height:42px; font-size:15px; overflow:hidden;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:430px;}
#banner-img ul li{float:left; overflow:hidden;}
#banner-img ul li a{display:block;}
#banner-btn{left:0; bottom:30px; width:100%; height:10px; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center; height:10px; overflow:hidden;}
#banner-btn dl dd{width:10px; height:10px; margin:0 8px; background:#dedcdc; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#ff7b3a;}
#prev,#next{top:186px; width:30px; height:58px; background-repeat:no-repeat; background-position:center; cursor:pointer; display:none;}
#prev{left:200px; background-image:url(img/prev.png);}
#next{right:200px; background-image:url(img/next.png);}
#prev:hover{background-image:url(img/prev-h.png);}
#next:hover{background-image:url(img/next-h.png);}

#main{padding:40px 0;}

#column dl dd{float:left; width:384px; height:426px; margin-left:24px; overflow:hidden;}
#column dl dd:first-child{margin-left:0;}
#column dl dd span{display:block; width:384px; height:252px; overflow:hidden;}
#column dl dd img{width:384px; max-width:none; height:252px;}
#column dl dd section{height:124px; padding:24px 24px 26px 24px; background:#f9f9f9; overflow:hidden;}
#column dl dd section h3{height:30px; line-height:30px; font-size:24px; overflow:hidden;}
#column dl dd section h3 em{margin-left:10px;}
#column dl dd section p{height:52px; line-height:26px; margin-top:12px; font-size:15px; color:#666; overflow:hidden;}
#column dl dd section h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:right; color:#666; overflow:hidden;}
#column dl dd:hover section h3{color:#0168b7;}
#column dl dd section h4:hover{color:#0168b7;}

#news-tab{position:relative; width:240px; height:354px; margin-top:40px; padding:30px; background:#0168b7; overflow:hidden;}
#news-tab h2{height:26px; line-height:26px; font-size:24px; color:#fff; overflow:hidden;}
#news-tab h3{height:26px; line-height:26px; margin-top:10px; font-size:24px; color:#fff; overflow:hidden;}
#news-tab p{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#cce1f1; overflow:hidden;}
#news-tab dl{margin-top:40px;}
#news-tab dl dd{height:40px; line-height:40px; font-size:15px; overflow:hidden;}
#news-tab dl dd a{display:block; color:#cce1f1;}
#news-tab dl dd.current{font-size:17px; color:#fff;}
#news-tab dl dd.current a{color:#fff;}
#news-tab dl dd.current span{display:inline-block; padding-right:40px; background:url(img/arrow.png) no-repeat right center;}
#news-tab h4{position:absolute; right:30px; bottom:30px; display:block; height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#news-tab h4 a{display:block; color:#fff;}
#news-tab h4 a:hover{color:#ff9a68;}

#news{width:876px; height:414px; margin-top:40px; overflow:hidden;}
#news section{display:none;}
.news-rmd{position:relative; height:208px; overflow:hidden;}
.news-rmd span{display:block; width:294px; height:208px; overflow:hidden;}
.news-rmd img{width:294px; max-width:none; height:208px;}
.news-rmd figure{position:absolute; left:294px; right:0; top:0; height:148px; padding:30px; background:#f9f9f9; overflow:hidden;}
.news-rmd figure figcaption{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
.news-rmd figure p{height:78px; line-height:26px; margin-top:16px; font-size:15px; color:#666; overflow:hidden;}
.news-rmd figure h4{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#999; overflow:hidden;}
.news-rmd:hover figure figcaption{color:#0168b7;}
.news-item{height:122px; margin-top:24px; padding:30px; background:#f9f9f9; overflow:hidden;}
.news-item h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
.news-item p{height:52px; line-height:26px; margin-top:16px; font-size:15px; color:#666; overflow:hidden;}
.news-item h4{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#999; overflow:hidden;}
.news-item:hover h3{color:#0168b7;}

/*内页样式*/

#lm-banner{width:100%; height:380px; background:url(img/lm-banner.jpg) no-repeat center;}

#position{width:100%; height:60px; border-bottom:1px solid #e1e1e1;}
#position span{float:right; display:block; height:60px; line-height:60px; padding-left:26px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#999; overflow:hidden;}
#position span a{color:#999;}
#position span a:hover{color:#0168b7;}
#position dl dd{float:left; height:60px; line-height:60px; margin-right:40px; font-size:16px; overflow:hidden;}
#position dl dd:last-child{margin-right:0;}
#position dl dd a{display:block;}
#position dl dd a:hover{color:#0168b7;}
#position dl dd.current{height:59px; border-bottom:3px solid #0168b7;}
#position dl dd.current a{color:#0168b7;}

#product-list table{table-layout:fixed; border-collapse:collapse; font-size:15px;}
#product-list table tr th{line-height:26px; padding:14px; background:#f9f9f9; border:1px solid #e1e1e1; font-weight:normal;}
#product-list table tr td{line-height:26px; padding:14px; border:1px solid #e1e1e1; text-align:center; color:#666;}
#product-list table tr td a{color:#666;}
#product-list table tr td a:hover{color:#0168b7;}
#product-list table tr td em{color:#ff7b3a;}

#news-rmd{position:relative; height:208px; padding:20px; background:#f9f9f9; overflow:hidden;}
#news-rmd span{display:block; width:294px; height:208px; overflow:hidden;}
#news-rmd img{width:294px; max-width:none; height:208px;}
#news-rmd section{position:absolute; left:344px; right:20px; top:44px; height:164px; background:#f9f9f9; overflow:hidden;}
#news-rmd section h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
#news-rmd section p{height:90px; line-height:30px; margin-top:20px; font-size:15px; color:#666; overflow:hidden;}
#news-rmd section h4{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#999; overflow:hidden;}
#news-rmd:hover section h3{color:#0168b7;}

#news-list{margin-top:40px;}
#news-list ul li{position:relative; float:left; width:50%; height:168px; padding:40px 30px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-sizing:border-box; overflow:hidden;}
#news-list ul li:nth-child(1),#news-list ul li:nth-child(2){border-top:1px solid #e1e1e1;}
#news-list ul li:nth-child(odd){border-left:none;}
#news-list ul li section{width:60px; height:78px; padding:5px 0; text-align:center; color:#999; overflow:hidden;}
#news-list ul li section em{display:block; height:38px; line-height:38px; font-size:36px; overflow:hidden;}
#news-list ul li section i{display:block; width:100%; margin:10px 0 11px 0; height:1px; background:#bcbcbc;}
#news-list ul li section span{display:block; height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#news-list ul li figure{position:absolute; left:120px; right:30px; top:40px; height:88px; overflow:hidden;}
#news-list ul li figure figcaption{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
#news-list ul li figure p{height:56px; line-height:28px; margin-top:12px; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li:hover{background:#0168b7;}
#news-list ul li:hover section em,#news-list ul li:hover section span,#news-list ul li:hover figure figcaption,#news-list ul li:hover figure p{color:#fff;}
#news-list ul li:hover section i{background:#fff;}

/*#pageinfo{margin-top:40px; font-size:0;}
#pageinfo a{display:inline-block; min-width:15px; height:46px; line-height:46px; margin:0 4px; padding:0 16px; background:#fff; border:1px solid #e1e1e1; font-size:15px; color:#666;}
#pageinfo a:hover{color:#0168b7;}
#pageinfo a.info{color:#999;}
#pageinfo a.current{background:#0168b7; border-color:#0168b7; color:#fff;}
*/



#pageinfo { 
	height: 60px; 
	text-align: center;
    margin-bottom: 10px; 
    margin-top: 26px; 
	padding-top: 30px;
}
#pageinfo li{ 
 
    width: 43px;
    height: 43px;
    line-height: 42px;
	display:inline-block; 
	
    margin:0 4px;
    /*padding:0 16px;*/
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:2px; 
    font-size:14px; 
    color:#767676;
    
	    
}
#pageinfo .page-item a{
	border: none;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    overflow: inherit;
}
#pageinfo .page-item a:hover { 
	/*background-color: #015196;*/
	color: #044f9a;
}
#pageinfo .page-item a:active { 
	background-color: #2449b4; 
	color:#fff;
}
#pageinfo li.active  { 
	
    display: inline-block;
    /* margin: 2px; */
    width: 43px;
    height: 43px;
    line-height: 42px;
    background-color: #2449b4;
    color: #fff;
    text-decoration: none;
}



#single{line-height:220%; font-size:15px; color:#666;}
#single img{display:inline-block; vertical-align:middle;}
#article-title{line-height:180%; font-size:18px; font-weight:bold; text-align:center; color:#333;}
#article-info{margin:12px 0; font-size:15px; text-align:center; color:#999;}

#prev-next{height:52px; margin-top:34px; padding-top:34px; border-top:1px solid #e1e1e1; overflow:hidden;}
#prev-next dl dd{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#prev-next dl dd:first-child{margin-bottom:16px;}
#prev-next dl dd a{color:#666;}
#prev-next dl dd a:hover{color:#0168b7;}

/*底部样式*/

#footer{width:100%; padding:50px 0; background:#373737;}
#f-menu dl{float:left; margin-left:60px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{height:20px; line-height:20px; font-size:17px; color:#fff; overflow:hidden;}
#f-menu dl em{display:block; width:68px; height:2px; margin:16px 0 18px 0; background:#d7d7d7;}
#f-menu dl dd{height:30px; line-height:30px; font-size:14px; overflow:hidden;}
#f-menu dl dd a{display:block; color:#9b9b9b;}
#f-menu dl dd a:hover{color:#fff;}
#f-qrcode{margin:0 40px; padding:15px 60px; border-left:1px solid #4b4b4b; border-right:1px solid #4b4b4b;}
#f-qrcode img{width:120px; height:120px; margin:0 auto;}
#f-qrcode h3{height:16px; line-height:16px; margin-top:14px; font-size:14px; text-align:center; color:#9b9b9b; overflow:hidden;}
#f-contact{width:280px;}
#f-contact section{line-height:30px; font-size:14px; color:#9b9b9b;}
#f-contact dl{display:flex; justify-content:flex-end; height:40px; margin-top:20px; overflow:hidden;}
#f-contact dl dd{width:38px; height:38px; margin-left:20px; background-repeat:no-repeat; background-position:center; border:1px solid #9b9b9b; border-radius:50%;}
#f-contact dl dd.qq{background-image:url(img/qq.png);}
#f-contact dl dd.wechat{background-image:url(img/wechat.png);}
#f-contact dl dd.tel{background-image:url(img/tel1.png);}
#f-contact dl dd a{display:block; width:38px; height:38px;}
#f-contact dl dd:hover{border-color:#fff;}
#f-contact dl dd.qq:hover{background-image:url(img/qq-h.png);}
#f-contact dl dd.wechat:hover{background-image:url(img/wechat-h.png);}
#f-contact dl dd.tel1:hover{background-image:url(img/tel1-h.png);}
#copyright{width:100%; height:52px; line-height:52px; background:#373737; border-top:1px solid #4b4b4b; font-size:14px; color:#9b9b9b; overflow:hidden;}
#copyright a{color:#9b9b9b;}
#copyright a:hover{color:#fff;}


#login .fl{width:600px; height:474px; overflow:hidden;}

#login .fl img{width:600px; height:474px;}

#login .fr{width:480px; height:353px; padding:60px; background:#fff; overflow:hidden; float: right;}

#login .fr h2{height:36px; line-height:18px; margin-bottom:24px; font-size:18px; color:#1798dc; overflow:hidden;}

#login .fr h2 span{display:inline-block; padding-bottom:15px; border-bottom:3px solid #1798dc;}

#login .fr .input{height:50px; margin-bottom:16px; overflow:hidden;}

#login .fr .input input{height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:16px; color:#666;}

#login .fr .password{display:flex; justify-content:space-between; align-items:center; height:46px; margin-bottom:16px; padding:0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#login .fr .password input{width:360px; height:50px; line-height:50px; padding:0; border:none; font-size:15px; color:#666;}

#login .fr .password em{display:block; width:16px; height:12px; background:url(../images/hide.png) no-repeat center; cursor:pointer;}

#login .fr .password em.display{background-image:url(../images/display.png);}

#login .fr .code{display:flex; justify-content:space-between; align-items:center; height:46px; padding:0 4px 0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#login .fr .code input{width:284px; height:50px; line-height:50px; padding:0; border:none; font-size:15px; color:#666;}

#login .fr .code img{width:104px; height:38px; cursor:pointer; overflow:hidden;}

#login .fr .text{height:18px; line-height:18px; margin-top:24px; font-size:15px; overflow:hidden;}

#login .fr .text a:hover{color:#1798dc;}

#login .fr .text span{float:right;}

#login .fr .text span a{color:#1798dc;}

#login .fr .text span a:hover{color:#ff9900;}

#login .fr .button{height:52px; margin-top:24px; overflow:hidden;}

#login .fr .button button{height:52px; line-height:52px; background:#1798dc; border-radius:4px; font-size:16px;}

input[type='text'], input[type='password'] {

    width: 100%;

    height: 38px;

    line-height: 38px;

    padding: 0 8px;

    border: 1px solid #e1e1e1;

    box-sizing: border-box; 

}

input[type='button'], input[type='submit'], input[type='reset'], button, .btn {

    display: block;

    width: 100%;

    height: 38px;

    line-height: 38px;

    padding: 0 12px;

    background: #009688;

    border: 0;

    box-sizing: border-box;

    text-align: center;

    color: #fff;

    cursor: pointer;

}

input::-webkit-input-placeholder{







font-size:15px;





}



.wrapper {

    width: 1200px; margin: 0 auto;

}

.wrap-gray {

    width: 100%;

    padding: 60px 0;
    
    padding-bottom: 100px;

}

/*注册登录*/

.denglu{ background:url(../images/bgg.png) no-repeat top center;}

#register .fl{width:570px; height:646px; overflow:hidden;}

#register .fl img{width:100%; height:666px;}

#register .fr{width:510px; height:526px; padding:60px; background:#fff; overflow:hidden;}

#register .fr h2{height:36px; line-height:18px; margin-bottom:24px; font-size:22px; color:#1798dc;}

#register .fr h2 span{display:inline-block; padding-bottom:15px; border-bottom:3px solid #1798dc;}

#register .fr .input{height:50px; margin-bottom:16px; overflow:hidden;}

#register .fr .input input{height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:16px; color:#666;}

#register .fr .sms-code{display:flex; justify-content:space-between; height:50px; margin-bottom:16px; overflow:hidden;}

#register .fr .sms-code input{width:286px; height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:15px; color:#666;}

#register .fr .sms-code a{

  width:128px; 

  height:50px; 

  line-height:50px; 

  background:#1798dc; 

  border-radius:4px; 

  font-size:15px;

  text-align: center;

  color: #fff;

}

#register .fr .password{display:flex; justify-content:space-between; align-items:center; height:50px; margin-bottom:16px; padding:0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#register .fr .password input{width:360px; height:50px; line-height:50px; padding:0; border:none; font-size:16px; color:#666;}

#register .fr .password em{display:block; width:16px; height:12px; background:url(../images/hide.png) no-repeat center; cursor:pointer;}

#register .fr .password em.display{background-image:url(../images/display.png);}

#register .fr .invite-code{display:flex; justify-content:space-between; height:48px; margin-bottom:16px;}

#register .fr .invite-code input{width:366px; height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:15px; color:#666;}

#register .fr .invite-code a{display:block; width:45px; height:50px; line-height:50px; font-size:15px; overflow:hidden;}

#register .fr .invite-code a:hover{color:#1798dc;}

#register .fr .code{display:flex; justify-content:space-between; align-items:center; height:46px; padding:0 4px 0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#register .fr .code input{width:284px; height:50px; line-height:50px; padding:0; border:none; font-size:15px; color:#666;}

#register .fr .code img{width:104px; height:38px; cursor:pointer; overflow:hidden;}

#register .fr .text{height:18px; line-height:18px; margin-top:24px; font-size:15px; overflow:hidden;}

#register .fr .text input{display:none;}

#register .fr .text input + label{float:left; display:block; width:16px; height:16px; margin-right:10px; background:#fff; border:1px solid #d1d1d1; border-radius:2px; cursor:pointer;}

#register .fr .text input:checked + label{background:url(../images/agree.png) no-repeat center #1798dc; border-color:#1798dc;}

#register .fr .text a{color:#1798dc;}

#register .fr .text a:hover{color:#ff9900;}

#register .fr .button{height:52px; margin-top:24px; overflow:hidden;}

#register .fr .button button{height:52px; line-height:52px; background:#1798dc; border-radius:4px; font-size:16px;}



#validate-tip{left:50%; top:50%; transform:translate(-50%,-50%); height:48px; line-height:48px; padding:0 20px; background:#333; border-radius:4px; font-size:15px; color:#fff; overflow:hidden; display:none; z-index:1001;}



#login .fl{width:600px; height:474px; overflow:hidden;}


.none{
     
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 7%;
    width: 100%;
    height: 277px;
    background: url(img/none.png) no-repeat top center;
    background-size: 21%;
    padding-top: 141px;
    color: #666;
}
 


.good_details{

    margin-top: 16px;

}

.good_details .left{

    width: 430px;

    float: left;

}


.good_details{

    margin-top: 16px;

}

.good_details .left{

    width: 430px;

    float: left;

}



#small{

    width: 430px;

    height: 350px;

}

#small img{

    /*width: 430px;*/
    height: 348px;
    display: block;
    text-align: center;
    margin: auto;

}

#box{

    border: 1px solid #ddd;
    width:430px;

    height:350px;

    position: relative; 

    z-index: 11111;

}

#mask{

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    top:0;

    left:0;

    display: none;

}

#big{

    width:438px;

    height:438px;

    position: absolute;

    left:430px;

    top:0;

    overflow: hidden;

    display: none;

    box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.5);

}



#big img{

    max-width: 30000%;

    width:800px;

    height:800px;

}


.small_lb{

    width: 430px;

    padding: 0 20px;

    box-sizing: border-box;

    margin-top: 10px;

    position: relative;

}

.small_lb .swiper-button-next ,.small_lb .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 22px;

    /* margin-top: -11px; */

}

.small_lb .swiper-button-next{

    right: 0;

    background: url(../img/icon_ls.png) no-repeat center right;

}

.small_lb .swiper-button-prev {

    left: 0;

    background: url(../img/icon_rs.png) no-repeat center left;

}

.small_lb,.swiper-container{

    height: 78px;

}
.good_details .fr{

    float: right;

    width: 726px;

}

.good_details .fr h3{

    font-size: 20px;

    font-weight: bold;

    color: #333333; 

    border-bottom: 1px solid #dddddd;

    padding-bottom: 24px;

}



.good_details .fr .price{

    display: block;

    color: #ff5252;

    font-size: 22px;

    margin-top: 10px;

}

.good_details .fr .xz span{

    color: #747774;

    width: 80px;

    font-size: 14px;

    line-height: 34px;

}

.good_details .fr .xz>div{

    margin-top: 12px;

}

.good_details .fr .address em{

    font-size: 14px;

    color: #5a5d5a;

    display: inline-block;

    margin-left: 14px;

}

.good_details .fr .address select{

    border: 1px solid #dddddd;

    height: 162px;

    height: 26px;

    font-size: 14px;

}

.good_details .fr .num>div{

    float: left;

}

.good_details .fr .num span{

    float: left;

}

.good_details .fr .num>div em{

    font-size: 14px;

    display: block;

    border: 1px solid #dddddd;

    height: 34px;

    line-height: 34px;

    float: left;

    background: #fff;

    width: 34px;

    text-align: center;

    cursor: pointer;

    color: #acacac;

}

.good_details .fr .num>div input{

    display: block;

    width: 60px;

    height: 36px;

    line-height: 34px;

    text-align: center;

    color: #acacac;

    font-size: 14px;

    border: 1px solid #dddddd;

    border-left: none;

    border-right: none;

    float: left;

}

.good_details .fr .btn a{

    float: left;

    display: block;

    width: 166px;

    height: 48px;

    border: 1px solid #0771ab;
    
    cursor: default;

   /* background: #0771ab;

    color: #fff;*/

    font-size: 18px;

    text-align: center;

    line-height: 48px;
    
    color: #0771ab;

}
.good_details .fr .xz .contact{
    margin-top: 40px;
}
.good_details .fr .xz .contact b{  
    text-align: center;
    padding: 10px 20px;
    background: #a00606;
    color: #fff;
    border-radius: 10px;
}

.good_details .fr .btn{
 
    margin-top: 46px;
    border-top: 1px solid #dddddd;
    padding-top: 30px;
    background: none; 

}

.good_details .fr .btn a{

    margin-right: 16px;

}

.good_details .fr .btn a:last-child{

    background: #ffffff;

    color: #0771ab;

}

.details {

    margin-top: 30px;

    margin-bottom: 40px;

}

.details .fl{

    float: left;

    width: 260px;

}

.details .fl .tit{

    font-size: 18px;

    color: #0771ab;

    text-align: center;

    height: 60px;

    line-height: 60px;

    background: #e9f3ff;

    border: 1px solid #9bcaff;

}

.details .fl dl {

    background: #fff;

    border: 1px solid #eeeeee;

    border-top: none;

}

.details  .fl dl a{

    display: block;

}

.details .fl dl a .imgs{

    width: 165px;

    height: 165px;

    margin: 0 auto;

}

.details .fl dl a .imgs img{

    display: block;

    width: 100%;

}

.details .fl dl a{

    padding: 28px 30px;

    box-sizing: border-box;

}

.details .fl dl a .text span{

    font-size: 14px;

    color: #646464;

    height: 44px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin-bottom: 12px;

}

.details .fl dl .text em{

    display: block;

    text-align: center;

    font-size: 16px;

    color: #e1251b;

}

.details .fr{

    width: 910px;

    float: right;

}

.details .fr .tabs{

    border-bottom: 1px solid #dddddd;

}

.details .fr .tabs a{

    display: block;

    float: left;

    font-size: 14px;

    color: #737673;

    width: 156px;

    height: 50px;

    line-height: 50px;

    background: #f5f5f5;

    text-align: center;

    border: 1px solid #dddddd;

    border-right: none;

}

.details .fr .tabs a:last-child{

    border-right: 1px solid #dddddd;

}

.details .fr .tabs a.current{

    background: #e9f3ff;

    color: #268dff;

    border-color: #e9f3ff;

}

.clear{
    clear: both;
}

.details {

    margin-top: 30px;

    margin-bottom: 40px;

}

.details .fl{

    float: left;

    width: 240px;

}

.details .fl .tit{

    font-size: 18px;

    color: #0771ab;

    text-align: center;

    height: 50px;

    line-height: 50px;

    background: #e9f3ff;

    border: 1px solid #9bcaff; 
    
    background: #0168b7;
    
    color: #fff;

}

.details .fl dl {

    background: #fff;

    border: 1px solid #eeeeee;

    border-top: none;

}

.details  .fl dl a{

    display: block;

}

.details .fl dl a .imgs{

    width: 165px;

    height: 165px;

    margin: 0 auto;

}

.details .fl dl a .imgs img{

    display: block;

    width: 100%;

}

.details .fl dl a{

    padding: 28px 20px;

    box-sizing: border-box;

    padding-bottom: 0px;
}

.details .fl dl dd:last-child a{
    padding-bottom: 28px;
}

.details .fl dl a .text span{

    font-size: 14px;

    color: #646464;

    height: 30px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin-bottom: 0px;
    text-align: center;

}

.details .fl dl .text em{

    display: block;

    text-align: center;

    font-size: 16px;

    color: #e1251b;

}

.details .fr{

    width: 940px;

    float: right;

}
.details .fr .product_content{
    padding: 16px;
}

.details .fr .tabs{

    border-bottom: 1px solid #dddddd;

}

.details .fr .tabs a{

    display: block;

    float: left;

    font-size: 14px;

    color: #737673;

    width: 156px;

    height: 50px;

    line-height: 50px;

    background: #f5f5f5;

    text-align: center;

    border: 1px solid #dddddd;

    border-right: none;

    border-bottom: none;
}

.details .fr .tabs a:last-child{

    border-right: 1px solid #dddddd;

}

.details .fr .tabs a.current{

   

    border-color: #0168b7;
    
    background: #0168b7;
    
    color: #fff;

}
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: "";
    height: 0;
}


.backtotop {
    
    display: none;
}
.leftcart{ 
    display: block;
    position: fixed;
    top: 45%;
    right: 2px;
}
.leftcart a{
     
    width: 50px;
    height: 50px;
    background: #0168b7;
    border-radius: 7px;
        
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.leftcart a:last-child{
    background: #333;
}
.leftcart img{
    width: 26px;
    height: auto;
    display: block;
}