@charset "utf-8";
a:hover,a:focus{color: #185ba1}
ul{padding: 0;list-style: none;}
img {max-width: 100%;}
.line{overflow: hidden}
#top .nav a:hover{color: #185ba1}
ul.drop-menu{background: #fff}
ul.drop-menu li{color:#185ba1;background: transparent}
ul.drop-menu li a{color:#333;background: transparent}
#header .container{width: 1200px}
@media screen and (min-width: 1601px) {
    .product-item { width: 520px;height: 520px;}
    .product-item .title {  width: 520px;height: 520px;}
    #index-2 .container .content{width: 750px;height: 915px;}
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {

    .product-item { width: 380px;height: 380px;}
    .product-item .title { width: 380px;height: 380px;}
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {

    .product-item { width: 340px;height: 340px;}
    .product-item .title { width: 340px;height: 340px;}

}
.title-line{height: 2px;background:#ccc }
.ab-line {width: 100px; display: block; height: 2px; background: #185ba1;margin-top: -2px;margin-bottom: 20px}
.picFocus{ margin:0 auto;  width:100%;  position:relative; height: 700px;  zoom:1;   }
.picFocus .hd{ width:400px;  overflow:hidden;position: absolute;left: 12%;top: 12% }
.picFocus .hd .t1{ font-size: 52px;font-weight: bold;line-height: normal;color: #185ba1; text-transform: uppercase;margin-bottom: 0}
.picFocus .hd .t2{ font-size: 28px;line-height: normal;color: #333; }

.picFocus .hd ul{ overflow:hidden; zoom:1;width:300px;float: left;
    position: relative; }
.picFocus .hd ul li{ margin-top:26px;  text-align:center;float: left;
    position: relative;    margin-right: 24px;}
.picFocus .hd ul li img{ width:100px; height:100px;border: 2px solid #ccc; border-radius: 50%; cursor:pointer; }
.picFocus .hd ul li.on img{ border-color: #185ba1 }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%;display:block;position: relative  }
.picFocus .bd .index-1-title{ width:400px;position: absolute;top:30%;right: 10%;z-index: 999;color: #fff}
.picFocus .bd .index-1-title .s1{ font-size:32px;margin-bottom: 30px;line-height: normal  }
.picFocus .bd .index-1-title .s2{ font-size:16px;  }
.picFocus .bd .index-1-title .s2 p{ margin-bottom: 0 }
.picFocus .bd .index-1-title .s3 {width: 140px;height: 36px;line-height: 36px;text-align: center;background: #75a411;margin-top: 40px;font-size: 14px;cursor:pointer;transition: all 0.5s}
.picFocus .bd .index-1-title .s3:hover{background: #00aa00}
#index-2 {background: url("../images/1.svg") repeat center;height: 780px;overflow: hidden;}
#index-2 .index-2-content{/* background: url("../images/index-2-bg.jpg")no-repeat center; */height: 780px;width: 100%;padding-top: 7%;padding-left: 12%}
#index-2 .index-2-content .t1{ font-size: 52px;font-weight: bold;line-height: normal;color: #185ba1; text-transform: uppercase;margin-bottom: 0}
#index-2 .index-2-content .t2{ font-size: 26px;line-height: normal;color: #333; margin-bottom: 70px;margin: 20px 0 20px }
#index-2 .index-2-content .t3{ width:600px;font-size: 14px;line-height: 220%;color: #333;}
#index-2 a.more{width: 170px;height: 45px;display: block;color: #fff;background: #185ba1;line-height: 45px;text-align: center;margin-top: 70px;font-size: 16px;transition: all 0.5s}
#index-2 a.more:hover{background: #1b7ee5;}

 .t1{ font-size: 46px;font-weight: bold;line-height: normal;color: #fff; text-transform: uppercase;margin-bottom: 0}
 .t2{ font-size: 15px;color: #fff; margin: 20px 0 0;}
 .youshi{ margin:0 auto; width:100%;position:relative;overflow:hidden;zoom:1;text-align: center}
 .youshi .hd{ width:980px;  overflow:hidden;position: absolute;left: 50%;top: 22% ;margin-left: -490px}
 .youshi .hd .t1{ font-size: 46px;line-height: normal;color: #fff; text-transform: uppercase;margin-bottom: 0}
 .youshi .hd .t2{ font-size: 15px;color: #fff;margin: 20px auto 0 }
 .youshi .hd ul{ overflow:hidden; zoom:1;width: 980px;background: #fff;border-radius: 30px;text-align: center;margin-top: 230px }
 .youshi .hd ul li{ margin-top:16px;  text-align:center; width: 140px;display: inline-block;padding-top: 70px }
 .youshi .hd ul li .t2{ top:100px;left:50%;position: absolute;width: 500px;margin-left: -250px;display: none }
 .youshi .hd ul li.on .t2{ display: block }
 .youshi .bd li{ vertical-align:middle; }
 .hd li.index-3-item-1{background: url("../images/index-3-icon1-1.png") no-repeat top center}
 .hd li.index-3-item-2{background: url("../images/index-3-icon2-1.png") no-repeat top center}
 .hd li.index-3-item-3{background: url("../images/index-3-icon3-1.png") no-repeat top center}
 .hd li.index-3-item-4{background: url("../images/index-3-icon4-1.png") no-repeat top center}
 .hd li.index-3-item-5{background: url("../images/index-3-icon5-1.png") no-repeat top center}
 .hd li.index-3-item-6{background: url("../images/index-3-icon6-1.png") no-repeat top center}
 .hd li.index-3-item-1:hover{background: url("../images/index-3-icon1-2.png") no-repeat top center}
 .hd li.index-3-item-2:hover{background: url("../images/index-3-icon2-2.png") no-repeat top center}
 .hd li.index-3-item-3:hover{background: url("../images/index-3-icon3-2.png") no-repeat top center}
 .hd li.index-3-item-4:hover{background: url("../images/index-3-icon4-2.png") no-repeat top center}
 .hd li.index-3-item-5:hover{background: url("../images/index-3-icon5-2.png") no-repeat top center}
 .hd li.index-3-item-6:hover{background: url("../images/index-3-icon6-2.png") no-repeat top center}
.youshi .hd li .t3{ font-size: 14px;color: #000;}
.youshi .hd li:hover .t3{color: #185ba1;}
#index-4{height: 730px; overflow: hidden;padding-left:12%}
#index-4 .index-4-left{width:36%;background: #fff;float: left;height: 730px;padding-top: 10%}
#index-4 .index-4-left .t1{font-size: 52px;line-height: 1;color: #185ba1; text-transform: uppercase;margin-bottom: 0}
#index-4 .index-4-left .t2{font-size: 26px;line-height: normal;color: #333;margin-top: 23px}
#index-4 .index-4-left .t3{font-size: 14px;color: #757575;margin-top: 65px;width: 80%}
#index-4 .index-4-left a.more{width: 170px;height: 45px;display: block;color: #fff;background: #185ba1;line-height: 45px;text-align: center;margin: 40px 0;font-size: 16px;transition: all 0.5s;}
#index-4 .index-4-left a.more:hover{background: #1b7ee5}
#index-4 .index-4-right{width:64%;background: #eff4f8;float: right;height: 730px;padding-top: 10%;padding-left: 5%}
#index-4 .index-4-right ul{width:849px;overflow: hidden;padding: 0;margin: 0}
#index-4 .index-4-right ul li{width: 258px;float: left;margin-right: 25px;overflow: hidden}
#index-4 .index-4-right .t1{font-size: 18px;line-height: 1;color: #333;padding-top: 15px }
#index-4 .index-4-right .t2{font-size: 18px;}
#index-4 .index-4-right .t2 a{color: #757575; }
#index-4 .index-4-right .index-content {margin-bottom: 30px}
#index-4 .index-4-right .index-content p{font-size: 14px;color: #757575;margin: 0 }
#index-4 .index-4-right .index-line{width: 50px;height: 3px;background: #185ba1;transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);margin: 50px 0 10px}
#index-4 .index-4-right li:hover .index-line{width: 100%;}
#index-4 .index-4-right li:nth-child(2){position: relative;}
#index-4 .index-4-right li:nth-child(2) .t1{margin-top: 200px;}
#index-4 .index-4-right li:nth-child(2) img{position: absolute;top:0}
.input{border-color:#999}
.icon-navicon:before, .icon-reorder:before, .icon-bars:before{font-size:20px;}
#header button{border: none;margin-top: 6px}
.button:hover, .button:focus, .button.bg:hover, .button.bg:focus{background: none}

.nav-menu li a{color: #333}
.nav-menu>li>a{height: 86px;padding: 0 20px;line-height: 86px;font-size: 16px}
.banner .item{position: relative}
.banner-title{position: absolute;top:25%;width: 100%;text-align: center}
.banner-title .t1{font-size: 59px;font-weight: normal;line-height: normal;color: #fff;margin-bottom: 40px}
.banner-title .t2{font-size: 19px;line-height: normal;color: #fff;margin: 5px auto}
@media screen and (min-width: 1025px) {
    body {background: #fff;}
    #header { height: 86px; line-height: 86px;padding: 0 3%;font-size:14px;width: 100%;background: #fff;z-index: 999;box-shadow:0 1px 10px 1px rgba(51,51,51,.1)}
    .fix-open{width:100%;top:0;position: fixed;z-index: 9999999}
    .fix-open #header{height: 60px;line-height: 60px}

    .fix-open #header p{display: none }
    .fix-open #header #logo img{height: 60px}
    .fix-open #header{box-shadow:0 1px 10px 1px rgba(51,51,51,.1)}
    .fix-open .nav-menu>li>a{height: 60px;padding: 0 20px;line-height: 60px;font-size: 16px}
    /*导航*/
    li.nav-1 .drop-menu{width: 100%;}
    li.nav-1 .drop-menu li{float: left;}
     .drop-menu a{line-height: 30px}
    .nav-menu ul{padding: 0}
    /*首页*/
    #index{background: #f4f4f4;width: 100%;padding: 30px 0}
    .main-box{margin: 0 auto;width: 1500px}
    .index-item1{width: 353px;float: left;}
    .index-item1:nth-child(2){float: right}
    .index-item2{width: 734px;float: left;margin:0 30px;}
    .title{width: 100%;height: 100px;background: #fff;padding: 24px}

}
@media screen and (max-width:1024px) {
    .icon-navicon { display: block;}
    .nav-navicon, .nav.nav-navicon, .navbar-body.nav-navicon{display: none}
    body {background: #fff;padding-top: 40px}
     #header { color: #333; font-size:14px;padding:0;position: absolute;z-index: 1;width: 100%;top:0;background: transparent}
    .logo{position: relative;width:60px;text-align: center;z-index: 1;height:40px;margin: 0 auto;}
    .logo img{height: 36px;margin: 2px auto}
    .cart a{width: 40px;height: 40px;display: block}
    .cart .t1{font-size: 0}
    .box {
        width: 100%;
        overflow: hidden;
    }
    /*导航*/
    #header { position: relative; transition: all 0.5s; }
    #header li { float: left; position: relative; padding:0 10px;line-height: 40px;}
    #header .home { background: none; }
    #header li a { display: block;  margin-right: 10px; color: #333; line-height: 40px;padding: 0 }
    #header li a:hover {   color: #185ba1; }
    #header li .current {  color: #333; }
    .nav-menu{width: 100%;background:#f5f5f5;padding: 5%;position:absolute;z-index: 99;left: 0;top: 0;transition: all 0.5s;}
    .nav-menu li{font-size:18px;width:100%;padding: 10px 0;border-bottom: 1px dashed #999}
    .nav-menu a{color: #fff;}

    /*首页*/
    #index{background: #f4f4f4;width: 100%;padding: 1.5% 0}
    .main-box{margin: 0 auto;padding:0 1.5%}
    .index-item1{width: 47%;margin:1.5%;float: left;overflow:hidden}
    .index-item2{width: 97%;margin:1.5%;float: left}
    .title{width: 100%;background: #fff;padding: 5px}
    #index .t1{display: none;}
    #index .t2{text-align: center;font-size:16px;margin-bottom:0}
}

#current_location { padding:30px 0;overflow: hidden;color: #999;text-transform: capitalize;font-size: 14px}
#current_location a{ color: #999}
#current_location a:hover{ color: #185ba1}
#top .drop-menu{background: #fff;border: none!important;width: 100%;text-align: center;border-radius: 0!important;}
#top .nav-menu ul{min-width: 80px;!important;}
#top .drop-menu li{border: none}
#top .nav-menu ul a{background: #fff!important;}
#top .drop-menu li:hover a{background:#185ba1!important;color: #fff}
#index_slideshow {  position: relative; }
#index_slideshow .bd li img{ width: 100%}
#index_slideshow .bd li a { display: block; }
#index_slideshow .hd ul { width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px;  line-height:30px; text-align:center; }
#index_slideshow .hd ul li { cursor:pointer; display:inline-block; width: 10px; height: 10px; background: #FFF; margin-left: 5px;border-radius: 50%;border: 1px solid #fff;font-size: 0}
#index_slideshow .hd ul .on{ background: transparent; }

/*首页*/
.picture{overflow: hidden}

/*底部*/
#footer_nav {  background: #4e4e4e;padding: 88px 12%;color: rgba(255,255,255,.5)}
#footer_nav table{ width: 100%;margin-bottom: 30px}
#footer_nav table td{ padding: 0 10px 10px;font-size: 14px}
#footer_nav li{ font-size:14px; height:44px;line-height:44px;text-align: left;padding-left: 45px;margin-right: 30px}
#footer_nav .x9 li a:hover{ color: #185ba1}
#footer_nav .x9 li:nth-child(1){ background: url("../images/footer-icon1.png") no-repeat left center;}
#footer_nav .x9 li:nth-child(2){ background: url("../images/footer-icon2.png") no-repeat left center;}
#footer_nav .x9 li:nth-child(3){ background: url("../images/footer-icon4.png") no-repeat left center;}
#footer_nav .x9 li:nth-child(4){ background: url("../images/footer-icon5.png") no-repeat left center;}
/*
#footer_nav li:nth-child(3){ background: url("../images/footer-icon3.png") no-repeat left center;}
#footer_nav li:nth-child(4){ background: url("../images/footer-icon4.png") no-repeat left center;}
#footer_nav li:nth-child(5){ background: url("../images/footer-icon5.png") no-repeat left center;}
*/
#footer_nav li a{color:  rgba(255,255,255,.5)}
#footer_nav .footer-line{height:3px;width: 100%;background: #6d6d6d;clear: both;margin: 20px 0 50px}
#footer_nav button{color: rgba(255,255,255,.5);width: 220px;border-radius: 0;border-color: rgba(255,255,255,.5)}
#footer_nav .button-group{float: right}
#footer_nav .button-group .drop-menu{width: 220px;box-shadow: none;background: #fff;padding: 0;border: none;float: none}
#footer_nav .button-group .drop-menu li{width: 100%;padding: 0;height: 30px;line-height: 30px;}
#footer_nav .button-group .drop-menu li a{color: #333}
#footer_nav .drop-menu a{padding: 0;margin: 0;text-align: center;width: 100%;background: #fff}


#copyright {  color: #ccc;padding: 20px 12%;font-size:14px;background: #5b5b5b}
#copyright a { color: #fff; }

.hd-1 { font-size:16px; height: 40px; line-height: 40px; background: #666666; padding: 0 10px; color: #FFF;width: 100%;clear: both }
.a_name { font-size:14px; font-family: Verdana, Geneva, sans-serif;}
.bd-1 { padding: 10px 0;}
.hd-3 { font-size:3.6rem; text-align: center;}
.aname-3 { font-size:3.6rem; text-align: center;}
.seoname-3 { text-align: center; padding: 10px 0; font-size:16px;}

.aname { font-size:14px; color: #999; }
.category_list li { margin-bottom: 4px; }
.category_list li a { display: block; background: #EEE; padding: 10px; }
.category_list li a:hover { background: #185ba1; color: #FFF;}
.category_list .current a { background: #185ba1; color: #FFF;}

.category_list_w { margin-bottom: 10px;}
.category_list_w li{ display: inline-block; margin-right: 5px; }
.category_list_w li a { display: block; background: #EEE; padding: 10px; }
.category_list_w li a:hover { background: #185ba1; color: #FFF;}
.category_list_w .current a { background: #185ba1; color: #FFF;}

/*分页样式*/
.page_turner { margin: 20px auto;text-align: center;clear: both}
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.current { background: #185ba1; color: #FFF; }
.plist-1 .wrap { }
.plist-1 .scontent { overflow: auto; font-size:1.2rem; padding: 10px 0; max-height: 100px; }
.plist-1 .title { text-align: center; line-height: 40px;}
.plist-2 .wrap { margin-bottom: 20px; padding: 10px; border: 1px solid #ddd; }
.plist-2 .wrap:hover { background: #185ba1; }
.plist-2 .wrap:hover .scontent { color: #FFF; }
.plist-2 .wrap:hover .title a { color: #FFF; }
.plist-2 .scontent { font-size:1.2rem; padding: 10px 0; }
.plist-2 .title { text-align: center; line-height: 40px;}
.plist-3 .wrap { margin-bottom: 20px; }
.plist-3 .title { text-align: center; line-height: 30px; font-size:1.2rem;}
.plist-4 .wrap { margin-bottom: 10px; }
.plist-4 .title { text-align: center; font-size:1.2rem;}
.sitemap {}
.sitemap li { margin-bottom: 2px; }
.sitemap li a { display: block;  height: 32px; line-height: 32px; padding-left: 20px; font-size:1.2rem;}
.sitemap li a.level1 { font-size:16px; background: #ddd;}
.sitemap li a.level2 { font-size:14px; background: #eee;}
.sitemap li a.level3 { font-size:1.2rem; border-bottom: 1px solid #EEE; }
.form-x .form-group .label { width: 30%; }
.form-x .form-group .field { width: 70%; }
.form-x .form-button { margin-left: 30%; }
#float { z-index: 9999; position: absolute; display: block; bottom: 1px; right: 0; }
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background: #BD011D;}
#float .icon { padding: 10px 0; width: 40px; display: block; line-height: 40px; text-align: center;  color: #FFF; font-size:2rem; }
#float .content {  min-height: 40px; position: absolute; right: 40px; top: 0; display: none; background: #BD011D;}
#float .content a { color: #FFF; }
#float .qq .content { line-height: 40px; padding: 0 20px; font-size:2rem; color: #FFF;  }
#float .qrcode .content { padding: 5px; width: 180px; }
#float .phone .content { line-height: 40px; padding: 0 20px; font-size:2rem; color: #FFF;  }
#float .email .content { line-height: 40px; padding: 0 20px; font-size:2rem; color: #FFF;  }
#float .custom .content { padding: 20px; min-width: 160px; color: #FFF; }
#float .gotop .content { }

#user_login { width: 360px; padding: 20px; box-shadow: 0 0 10px #CCC; margin: 50px auto;}
.picture img {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index:1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.picture:hover img{
    transform: scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2); 	/* IE 9 */
    -moz-transform:scale(1.2, 1.2); 	/* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari and Chrome */
    -o-transform:scale(1.2, 1.2); 	/* Opera */
}


:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;opacity:1;
}

input:-ms-input-placeholder{
    color: #333;opacity:1;
}

input::-webkit-input-placeholder{
    color: #333;opacity:1;
}
textarea:-ms-input-placeholder{
    color: #333;opacity:1;
}

textarea::-webkit-input-placeholder{
    color: #333;opacity:1;
}
/*新闻*/
#news{width: 100%;background: #ddd}
#news .container{width: 1200px;margin: 0 auto;padding: 40px 0}
#news h1{font-size:32px;font-weight: bold;color: #185ba1;text-align: center;}
#news .title .t1{font-size:16px;color: #666;text-align: center;margin: 10px 0 60px;text-transform: capitalize}
#news ul{display:flex;justify-content:space-between;align-item:center; flex-wrap: wrap}
#news li{margin-bottom: 40px;width:28%}
#news li img{height:268px;width:100%}
#news .title{color: #666;background: #fff;height:auto}
#news .title p{margin-bottom: 0;}
#news .title a{color: #666}
#news .title .t2{font-size:16px;text-transform: capitalize;font-weight: bold;color: #333;margin: 0;width:100%}

#news .title .t3{font-size:14px}
#news .page_turner a,#news .page_turner span{background: #ccc}
#news.page_turner a:hover,#news .page_turner a.current{background: #185ba1}
    /*详情页*/
    #content .container{width: 820px;margin: 0 auto;padding: 40px 0; }
       .content_1 {margin: 20px 0;}
    .content_1 p{margin: 0;}

@media screen and (min-width: 750px) and (max-width: 959px) {}
@media only screen and (min-width: 48rem) and (max-width: 767px){}
@media only screen and (max-width: 479px) {
    html,body{font-size: 41.666666667%!important;}
    #news h1{padding:0 5%}
    #current_location{display: none}
    #news .container{width: 90%;margin: 0 auto;padding: 30px 0}
    #news .news-item{width:100%;padding:0 5%;margin:30px 0}
    #news .title{width: 100%;background: #fff;color: #666;position: relative;padding:20px}
    #news .title p{margin: 0}
    #news .title a{color: #666}
    #news .title .t1{font-size:2.8rem; }
    #news .title .t2{font-size:1.5rem;padding: 0}
    #news .title .t3{font-size:1.7rem;}
    #news .title .more{font-size:14px;color: #fff;width: 150px;height: 40px;display: block;background: #2c2c2c;text-align: center;line-height: 40px;position: absolute;right: 0;bottom: 0;z-index: 2}
    .page_turner{font-size: 1.8rem}
    #copyright,#footer_nav a,#footer_nav li{font-size: 1.8rem}
    h1{font-size: 3rem}
    .content_content{font-size: 1.8rem}
    .quote,.quote a{font-size: 1.8rem}

}
/*内容相关*/
.content-head{width: 100%;margin:0 auto;padding: 20px 0;overflow: hidden}
.content-head2{width: 80%;overflow: hidden;float: right}
.content-head-left{width: 47.5%;float: left;margin-right:2.5%}
.content-head-left li{list-style: none}
.content-head-right{width: 47.5%;float: left;margin-left:2.5%;}
.content-head-right h1{margin-bottom: 40px}
.content-head-right .t1{font-weight: normal}
.content-head-right .t2{width: 100%}
.content-body2 h2{margin-bottom: 20px;}
.content-body2 .t4{margin-bottom: 0;font-size: 16px;font-weight: bold}
.content-head-right #product-tab{margin-bottom: 20px}
.content-head-right .button:hover{background: #185ba1}
.container blockquote p{margin: 0;}
.container blockquote {padding: 10px 20px;margin: 30px}
.content_tab img{margin: 0 auto;display: block}
.content_content { margin: 20px 0;font-size: 14px}
#product .content-body{margin-top: 30px}
#product .content-body2{margin-top: 30px;width: 80%;float: right}
#product .content-body .ab-line{margin-bottom: 30px}
#product .content-body p{margin-bottom: 10px;font-size: 14px}
#product .content-body .t4{ margin-top: 30px;font-size: 16px;font-weight: bold}
#product .content-body h2{font-size: 20px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 10px}
.content_slideshow { }
.content_slideshow .pn{ text-align: center; margin: 20px 0;}
.content_slideshow .bd img { width: 100%; }
.content_slideshow .hd{ text-align: center;margin-top: 10px;}
.content_slideshow .hd li{ width:50px;margin: 4px ;display: inline-block;cursor: pointer}
.content_slideshow .hd li img { border: 1px solid #FFF; }
.content_slideshow .hd li.on img { border: 1px solid #185ba1; }

@media only screen and (min-width: 1200px) {}
@media screen and (min-width: 960px) and (max-width: 1199px) {}
@media screen and (min-width: 750px) and (max-width: 959px) {
    .goods-list-box{width: 90%;margin: 0 auto}
    .goods-item{width: 25%;padding: 1.5%;margin: 0;height: auto}
    .goods-item .figure-img{width: 100%;height: auto}
    .page_turner{float:left}
}
@media only screen and (min-width: 48rem) and (max-width: 767px){
    .goods-list-box{width: 90%;margin: 0 auto}
    .goods-item{width: 50%;padding: 1.5%;margin: 0;height: auto}
    .goods-item .figure-img{width: 100%;height: auto}
    .page_turner{float:left}
}
@media only screen and (max-width: 479px) {
    .goods-list-box{width: 90%;margin: 0 auto}
    .goods-item{width: 50%;padding: 1.5%;margin: 0;height: auto}
    .goods-item .figure-img{width: 100%;height: auto}
    .page_turner{float:left}
}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    z-index: 999;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #185ba1 url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color: #0377d9;
    opacity: 1;
}
@media only screen and (min-width: 750px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
        border-radius: 50%;
    }
}
#product{background: #f3f3f3;}
#product .container{background: #fff;margin: 0 auto;padding: 70px}
#product .container #current_location{padding: 0 0 30px}
#product,#product-list{overflow: hidden}
#product .class-banner{height: 300px}
#product .class-banner .class-title {bottom: 40%}
#product .class-banner .class-title p{color: #fff;font-size: 24px;text-transform:capitalize;}
#product .class-banner{margin-bottom: 70px}
#product-list .tab .tab-nav{text-align: center}

#product .t1{margin-bottom: 40px}
#product .content-head-right .t1{margin-bottom: 40px;font-size: 20px;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 10px}
#product .content-head-right .t2 p{font-size: 14px;color: #333;width: 100%;margin:0 }
#product #product-tab{margin-top:40px}
#product table{width: 100%}
#product td{border: 1px solid #ebebeb;padding: 5px 10px;}
#product td:nth-child(odd){border: 1px solid #ebebeb;padding: 5px 10px;}
#product tr:nth-child(even){background: #f8f8f8}
#product-tab .tab-head{overflow: hidden}
#product-tab .tab-body{overflow: hidden;background: #fff;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;padding: 20px 0;color: #666}
#product-tab .tab-body h4{margin-bottom: 15px}
#product-tab .tab-body p{margin-bottom: 5px;line-height: normal}
#product-tab .tab-body p{margin-bottom: 5px;line-height: normal}
#product-tab .tab-nav li.active a{background: #fff;color: #333;font-weight: bold}
#product-tab .tab-nav li a{border-radius: 0;border-color: #ebebeb;color: #919191;background: #f8f8f8}
#product-tab .tab-nav li{display: block;float: left;margin-right: -1px;text-transform: capitalize;font-size: 16px}
#product-tab .tab-panel{font-size: 14px;}
#product button{width: 170px;padding:0;height: 45px;line-height:45px;color: #fff;text-transform: capitalize}
.dialog .dialog-head strong{text-transform: capitalize}
.dialog input.button{width:100%;padding:10px 0;text-transform: capitalize}
.passcode {
    position: absolute;
    right: 0;
    top: 0;
    margin: 1px;
    border-left: solid 1px #ddd;
    text-align: center;
    line-height: 32px;
    border-radius: 0 4px 4px 0;
    padding: 11px 15px;
    background: #eee;
}
textarea.input{height: 120px}
h1.content_title{text-transform: capitalize;font-weight: bold;color: #333}
ul.share-buttons{
    list-style: none;
    padding: 0;
    margin-top: 20px;
    text-transform: capitalize;
    font-size: 14px;
}
ul.share-buttons span{font-size: 24px;color: #ccc}
ul.share-buttons a:hover span{font-size: 24px;color: #666}
ul.share-buttons li{
    display: inline;
    margin-right: 5px;
}

ul.share-buttons .sr-only{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.content_slideshow .bd{background: #f8f8f8;padding: 5px;border: 1px solid #ccc}
#related{border-top: 1px solid #ddd;}
#related .bd-1 p{text-transform: capitalize}
#related .bd-1 .related-item{margin: 1.5%;width:22%;float: left;border: 1px solid #ddd}
#related .t1{font-size: 24px;color: #333;font-weight: bold}
#related .related-item p{text-align: center;height:40px;line-height: 40px;text-transform: capitalize;background: #ddd;margin-bottom: 0}
#product-list .tab-panel li{width: 23%;margin: 0.6%;float: left;text-align: center;text-transform: capitalize;position: relative;border: 1px solid #ddd}
#product-list .tab .tab-nav li{background: #f8f8f8;font-size: 14px;}
#product-list .tab .tab-nav li a{border-radius: 0;border: 1px solid #ddd;line-height: normal}
#product-list .tab .tab-nav li.active{background: #fff;font-weight:bold }
#product-list .tab .tab-nav li.active a{border-color: #185ba1;margin-bottom:0}
#product-list .tab .tab-body{margin-top: 0;border: 0}
#product-list li .title{width:100%;background:rgba(128,196,63,.3);display:table;position:absolute;left:0;bottom:0;z-index:999;text-align:center;color:#fff;padding:10px;height: 30px; transition:all 0.5s}
#product-list .m{width:145px;height:38px;line-height:34px;border:2px solid #fff;color:#fff;font-weight:bold;text-align:center;margin:40px auto 0;font-size:16px;display:none}
#product-list li:hover .title{background:rgba(128,196,63,.8)}
#product-list li:hover .m{display:block}
#product-list .product-content{display:table-cell;vertical-align:middle}
#product-list .tab-panel p{font-size:14px;font-weight:bold;margin-bottom: 0;height: 40px;line-height: 40px;background: #dddddd}

.list-group li{width: 25%;float: left}
.tab .tab-nav .active{background: #185ba1;color: #fff;}
.tab .tab-nav .active a{color: #fff;background: #185ba1;}
h3.news-title{font-size: 24px;color: #185ba1;padding: 0;font-weight: bold;text-transform: capitalize;margin-bottom: 20px}
.info-list{margin-bottom: 40px;overflow: hidden}
.info-list li{font-size: 14px;margin-bottom: 15px}
.info-list li p{margin-bottom: 0}
.top{position: relative}
.language{position: absolute;right: 15%;top: 95px;}
.language .button{border: none;color: #fff;font-size: 18px}
.language ul.drop-menu li {text-align: center}
.language ul.drop-menu li a{background: #fff;color: #185ba1;padding:5px;font-size: 16px}
.language ul.drop-menu {padding: 0;margin:5px 0 0;min-width:inherit;width:100%;border: none;box-shadow: none}
.language .button-group .button {padding: 0;margin: 0;}
.fix-open .language{display: none}
.info-left{width: 20%;float: left;padding-right: 40px}
.info-right{width: 80%;float: right;border-left: 1px solid #ddd;padding-left: 40px;padding-bottom: 20px;margin-bottom: 20px}
#allmap{width:100%;height:300px;clear:both;padding: 20px}/*高度自定义*/
.anchorBL{display:none;}
.class-banner{position: relative;overflow: hidden}
.class-title{position: absolute;bottom:15%;left:50%;margin-left:-600px;width:1200px;display: table;text-align:left}
.class-banner .t1{font-size: 48px;font-weight: bold;width: 500px;margin-top: -11px}
.class-banner .t2{font-size: 26px;}
#news-list .info-list .date{font-size: 12px;color: #999;}
#product .content-head-right .button{font-size: 16px;font-weight: bold}
#product .content-head-right .t4{font-size: 16px;font-weight: bold;margin-top: 20px}
#product .content-head-right .ab-line{margin-bottom: 20px}
.content-menu{width: 20%;float: left;padding-right: 30px;}
@media screen and (min-width: 1600px) {
    #product-list li:hover .title{height:260px;}
}
@media screen and (min-width: 1360px) and (max-width: 1366px) {
    #product-list li .title{line-height: 30px; overflow: hidden;}
    #product-list li:hover .title{height:264px;}
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
    #product-list li .title{line-height: 30px; overflow: hidden;}
    #product-list li:hover .title{height:242px;}
    #footer_nav { padding: 88px 5%;}
}
.banner .pager-prev, .banner .pager-next{padding-top: 5px}