body {margin: 0;font-family: 'Microsoft Yahei', Arial, serif !important;
  -webkit-font-smoothing: antialiased;font-size: 14px; line-height: 20px;
    background:#fff;}
ul,li{ list-style: none; padding: 0; margin: 0;}
a{text-decoration: none;}
a:hover{text-decoration: none;}/*公共样式*/
.ptb-15 { padding: 15px 0; }
.ptb-60 { padding: 60px 0 }
.black30{height: 20px; clear: both}
.margin-left-10{ margin-left: 10px;}
.margin-bottom-10{ margin-bottom: 10px;}
dl{margin: 0; padding: 0;}

.bgfff{ background:#fff;}
.bgbox{ background: url(../images/zlbg.png) no-repeat center;}
.bgbox img{ padding-bottom:30px;}
/*------header------*/

.main-header { text-align: center; padding: 1.5em 0 1.5em 0; background: #24282c;}
.main-header .branding { font-size: 3.5em;color: #303030;}
.main-header .branding:hover { text-decoration: none;}
.main-header .branding img {width: 100%; display: inline;}


.main-header .top-header-middle{ text-align: left;}
.main-header .top-header-right{ text-align: right;}
.main-header .top-header-right a{color: #fff; font-size: 22px;}

.btn-doc { position: relative;bottom: -40px; border: 1px solid #f1362f; background-color: transparent;}
@media only screen and (max-width: 767px) {
.btn-doc {display: block; width: 50%;margin-left: auto;margin-right: auto;margin-top: 10px;}
}
.home-template .main-header { padding-top: 62px;padding-bottom: 62px; background: no-repeat center 20%; -webkit-background-size: cover;  background-size: cover; }
/*header*/

/* main-navigation */
.main-navigation {width: 100%; text-align: right; background:rgba(36,40,44,0.8);position: absolute; z-index: 9999; }
.main-navigation .menu { padding: 0; margin: 0; }
.main-navigation .menu li { list-style: none; display: inline-block; position: relative;  }
.main-navigation .menu li.nav-current { border-bottom: 2px solid #00c1de;   }
.main-navigation .menu li.nav-current a{color: #00c1de;}
.main-navigation .menu li a {  color: #fff;  line-height: 3.4em; font-size: 16px;  display: block;  padding: 0 21px;  }
.main-navigation .menu li:hover > a {  color: #00c1de;  text-decoration: none;  }
.main-navigation .menu li ul {  visibility: hidden;  background: #ffffff;  text-align: left;  padding: 7px 0;
  margin: 0;  position: absolute;  left: 0;  top: 120%;  width: 200px;  z-index: 999;  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.main-navigation .menu li ul li {  display: block;  margin: 0;  }
.main-navigation .menu li ul li a {  line-height: 2.5em;  color: #505050;  }
.main-navigation .menu li ul:hover > a {  color: #f4645f;  }
.main-navigation .menu li:hover ul {  visibility: visible;  opacity: 1;  filter: alpha(opacity=100);  top: 100%;  }
@media (max-width: 767px) {
  .main-navigation {  text-align: left;  }
  .main-navigation .menu li {  display: block;  }
  .main-navigation .menu li:hover > a {  color: #f4645f; text-decoration-line: none; }
  .main-navigation .menu li ul {  visibility: visible;  padding: 0 0 0 20px;  margin: 0;  position: relative;
    top: 0;  width: 100%;  opacity: 1; filter: alpha(opacity=100);  }
}

/* navbar */
.navbar-header { text-align: center;  }
.navbar-header i { line-height: 1.4em; font-size: 2em; cursor: pointer;  }
@media (min-width: 768px) { .nav-toggle-button { display: none; }  }
/*--banner-starts--*/
.carousel{ z-index: 0; }
.carousel .item{}
/*图片可跟随窗口缩放*/
.carousel img{width: 100%;}
/*------------------ Slider Part starts Here----------*/
.carousel-fade .carousel-inner .item{  opacity:0;
  -webkit-transition-property:opacity ;
  -moz-transition-property:opacity ;
  -ms-transition-property:opacity ;
  -o-transition-property:opacity ;
  transition-property:opacity ;  }

.carousel-fade .carousel-inner .active{ opacity: 1;  }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{  left: 0;  opacity: 0;  }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {  opacity: 1;  }

/*content样式*/

.content-warp h1,.content-warp h3{ text-align: center;color: #1a1a1a;}
.content-warp h1{ font-size:2em; padding-top: 1em;}
.content-warp h3{font-size:1.4em; padding-bottom: 1em;}

/*--start-banner-bottom--*/
.banner-bottom { background: rgba(153, 153, 153, 0.49);  padding-top: 3em;  }
.bnr-one{ border: 1px solid #e3e3e6; padding: 30px 15px;  }
.bnr-right h2{ font-size: 1.2em; font-weight: 600; margin: 0; text-transform: uppercase; padding-left: 1em; border-left: 5px solid #00c1de;  }
.bnr-right h2 a{ color: #242424;  text-decoration: none;  }
.bnr-right i{ float: right;}
.bnr-right p { font-size: 1.2em;  color: #666; line-height: 1.8em;  font-family: 'Lato', sans-serif;padding-left: 1.2em; padding-top: 0.5em;  }
.bnr-right p span{ color: #fe9917; display: block;}
.b-btn{ margin-top:3em; font-size: 1.2em; }
.b-btn b{ font-size: 1.8em; color: #fe9917;}
.b-btn span { padding-left: 1em ;font-size: 1.1em; color: #00c1de;}
.bnr-left, .bnr-right { width: 50%; float: left;  }
.bnr-left { text-align:center; }
.bnr-two{border: 1px solid #e3e3e6; padding: 30px 15px;  }


.bnr-one:hover,.bnr-two:hover{box-shadow: 0 0 10px #aaa;}



.infobox{ }
.infobox ul{}
.infobox ul li{ float: left; width: 33.333%; border-right: 1px solid #ebebec; text-align: center; font-size: 16px; color:#1a1a1a; padding: 15px 0;  margin-bottom: 10px;}
.infobox ul li span{ display: block;}
.infobox ul li small{ font-size: 24px; color:#00c1de;}
.borright{ border-right: 0;}
/*--end-banner-bottom--*/

.gongneng{    position: absolute;top: 20%;right: 15%;}
.gongneng li{ font-size: 45px;line-height: 45px;width: 45px; margin-bottom: 10px; text-indent: -9999px; }
.gongneng li.ico11{background: url(../images/ico11.png) no-repeat 0;}
.gongneng li.ico22{background: url(../images/ico22.png) no-repeat 0;}
.gongneng li.ico33{background: url(../images/ico33.png) no-repeat 0;}




/*--start-product--*/
.section-title {margin-bottom: 20px;}
.section-title h2 { color: #252525; display: inline-block; font-size: 24px; line-height: 24px;
 position: relative; text-transform: uppercase; z-index: 2; padding-left: 1em; border-left: 5px solid #00c1de;}
.section-title h2 small{ padding-left: 0.5em; font-size: 16px;}
.section-title span{font-size: 16px; float: right;  position: relative;  margin-top: 20px;
  margin-bottom: 10px;}
.section-title span img{ padding-left: 4px;}

.mask{ margin-top:1em; font-size: 18px; }
.mask b{ font-size: 30px; color: #fe9917;}
.mask span { padding-left: 1em ;font-size: 16px; color: #00c1de;}


.p-one { padding-bottom: 20px; background: #f5f5f5; margin-bottom: 1em; }
.p-one:hover{box-shadow: 0 0 10px #aaa;}
.p-one img { -webkit-transition-duration: 0.5s;
  /* Webkit: Animation duration; */ -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;
  width: 100%; }
.product-left:hover .p-one p a { color: #8c2830; }
.product-left:hover .mask { display: block; }

.product-left { position: relative; text-align: center; }
.product-one { margin-top: 2em; }
.product-one:nth-child(1) { margin-top: 0; }
.p-one h4 {color: #fff; font-size: 22px; background: #00c1de; line-height: 3.2em;}

/*--end-product--*/
.bg-box{ background: #fff; padding: 1em 0 3em; border: 1px solid #e3e3e6;border-left: 0; border-right: 0;}

.content-con{ background: #24282c;}

.he-wrap { position: relative; zoom: 1; }
.he-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.tpl6 .bg { height:100%; width:100%;  text-align:center; }
.tpl6 .bg:hover{background-color:rgba(0, 193, 222, 0.64);}
.tpl6 .bg i{ position: absolute; top: 26%;left: 0; right: 0;bottom: 0;}

.product-img{ padding-left:0; padding-right:0;}
.product-img .img{ width: 100%;}


.content-news{background: #f5f5f5;}
.md01{padding-left: 0}.md02{ padding-right: 0;}


.panel { margin-bottom: 0; border-radius: 0;background: none; }
.panel-body { padding: 2em 0;  }
.panel-body2{ padding: 0; }
.panel-body h4{ margin-top:0;}
.panel-body .telbox{ margin-bottom: 10px;}
.panel-body mark{ background: none; border: 1px solid #00c1de; padding: 0 1em;}
.panel-body .col-xs-12{ padding: 0;}
.page-header{ padding:1em 2em 1em 6em; background:#e6e6e6 url(../images/bico_03.png) no-repeat 2em 36px; margin: 0; }
.panel-title{ font-size: 1.2em; }
.panel{ margin-bottom: 20px; margin-left: -10px; margin-right: -10px; border: 0 solid #e4e4e4; border-left: 0 solid transparent;
    border-right: 0 solid transparent; border-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05); box-shadow: 0 0 0 rgba(0, 0, 0, .05); }
.panel-default{ color: rgba(0,0,0,.6); /*padding-top: 10px;*/ font-size: 12px; margin-bottom: 15px; }
.new_box{ border: 1px solid #e6e6e6; margin: 6px; background: #fff;}
.list-group-item-heading{padding-left: 0.6em;}
.newlist{ border: 1px solid #e6e6e6; margin:0 1em;}
.newlist ul{ padding: 0.2em 1em;}
.newlist li{ font-size:14px; color: #666; padding: 0.33em 0;line-height: 23px;}
.newlist li span{ display: block; color: #a9a9a9; font-size: 12px;}

.newlist2 ul{ padding: 0.8em 1em;}
.newlist2 li{ font-size:14px; color: #666; padding: 0.74em 0;}

.page-bottom{border: 1px solid #e6e6e6; background: #fff; margin: 6px 0;}
.page-bottom2{margin:0 6px;}

.color_gray_02{ padding:1em 1.5em;background: url(../images/pp_03.png) no-repeat 0 16px;font-size:1.5em;}

/*content样式*/


.black-bg { background: #24282c !important; }

.footer-widget{}
.footer-widget h3{color: #fff; cursor: pointer; font-size: 16px; font-weight: 700; margin: 0 0 35px; text-transform: uppercase;}
.footer-contact{}
.footer-contact ul{}
.footer-contact ul li { color: #ddd; font-size: 13px; line-height: 22px; margin-bottom: 10px; padding: 0 0 0 25px; position: relative; }
.footer-contact ul li em{color: #ffae00; left: 0; padding-left: 2px; position: absolute; top: 4px;}
.block-content{}
.block-content li{line-height: 30px;
    transition: all 300ms ease-in 0s;}
.block-content li a { color: #ddd; font-size: 13px; position: relative; text-transform: capitalize; }
.block-content li a:hover{color:#ffae00}
.footer-time p { color: #ddd; font-size: 13px; line-height: 30px; margin: 0; text-transform: capitalize; }
.footer-time .time { float: right; }
.copyright{}
.copyright p{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff;
    font-size: 12px;  line-height: 16px; margin: 5px 0 0; text-align: left; text-transform: capitalize;}
.copyright p a { color: #ffae00; }
.copyright p a:hover { text-decoration:underline }
.footer-bootom-area { border-top: 1px solid #363636; }
.payment { float: right; color: #fff; font-size: 12px; }


/*footer样式*/

.po-top{ padding-top: 5em;}

.pro_list_condition { border: 1px solid #dddddd; padding:0 1%;  margin-bottom: 20px; background: #fafafa;}
.condition_list dl{ padding: 12px 0;}
.condition_list dl dt{float:left;width:50px;}
.condition_list dl dd{float:left;width:92%;}
.condition_list dl dd a{display:inline-block;margin:0 20px;}
.condition_list dl dd a:hover{color:#0091bd;}

.condition_list b{width: 65px; line-height: 45px;}
.condition_list span{margin: 0 22px;background-color: #00c1de;padding: 2px 8px; color: #fff;}
.condition_list a{margin:0 22px;}


.pro_list_order .order_type{}
.pro_list_order .order_type ul{border-bottom:3px solid #00c1de;}
.pro_list_order .order_type li{float:left;height:34px;line-height:34px;text-align:center;}
.pro_list_order .order_type li a{ color: #333; padding:0 40px; border-right: 1px solid #7a7a7a;}
.pro_list_order .order_type li.sel{ background: #00c1de;}
.pro_list_order .order_type li.sel a{color:#fff; border-right: 0;}
.pro_list_order .order_type li a.sel{color:#0091bd;}

.pro_list_order2 .order_type2{ background: #e6e6e6; margin-bottom: 20px;}
.pro_list_order2 .order_type2 ul{}
.pro_list_order2 .order_type2 li{float:left;height:34px;line-height:34px;text-align:center;}
.pro_list_order2 .order_type2 li a{ color: #333; padding:0 40px; }
.pro_list_order2 .order_type2 li.on{ background: #00c1de;}
.pro_list_order2 .order_type2 li.on a{color:#fff; border-right: 0;}
.pro_list_order2 .order_type2 li a.on{color:#0091bd;}





.register_box{}
.register_main{ background: #fafafa;}
.register_main .register_box i{ font-style: normal; text-align: right;    width: 15%;
    display: -webkit-inline-box;}
.register_main .register_box i font{ color:#f00;}

.btn-default { width: 80%;
    text-align: right; padding: 10px;}
.form-control {

    width: 84%;
    float: right;
}


.register_main .register_1{margin: 18px 0;color:#666666;font-size:16px;}
.register_main .register_1 a{color:#0091bd;}
.register_main .register_u{margin-top:18px;}
.register_main .register_u select{width:80%;padding:10px;margin-left:5px;border:1px solid #dedede;background-color:#fff;font-size:16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.register_main .register_u input{width:80%;padding:10px;margin-left:5px;border:1px solid #dedede;background-color:#fff;font-size:16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.register_main .register_p{margin-top:18px;}
.register_main .register_p input{width:80%;padding:10px;margin-left:5px;border:1px solid #dedede;background-color:#fff;font-size:16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.register_main .register_p2{margin-top:18px;}
.register_main .register_p2 input{width:80%;padding:10px;margin-left:5px;border:1px solid #dedede;background-color:#fff;font-size:16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.register_main .register_c{margin-top:10px;font-size:16px;}
.register_main .register_c input{width:80%;padding:10px; margin-left:5px;border:1px solid #dedede;background-color:#fff;font-size:16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.register_main .register_c .input{width:40%;}
.register_main .register_c .pic{}
.register_main .register_c .text{line-height:1;padding:20px 10px;color:#666666;}

.register_main .register_xieyi{margin-top:18px;font-size:16px;color:#666666;}
.register_main .register_xieyi a{color:#0091bd;}
.register_main .register_btn{margin-top:52px; }
.register_main .register_btn input{width:100%;line-height:60px;height:60px;border:0 none;background-color:#0091bd;font-size:16px;color:#fff;}
.register_main .register_other{margin-top:25px;font-size:14px;color:#666666;}
.register_main .register_other span{display:block;height:30px;line-height:30px;float:left;}
.register_main .register_other a{display:inline-block;margin-right:10px;}

@media (max-width: 991px) {
    .login_main{background-color:#fff;}
    .register_main .register_1{margin-top:10px;}
    .register_main .register_u{margin-top:10px;}
    .register_main .register_u input{padding:8px;}
    .register_main .register_p{margin-top:10px;}
    .register_main .register_p input{padding:8px;}
    .register_main .register_p2{margin-top:10px;}
    .register_main .register_p2 input{padding:8px;}
    .register_main .register_c input{padding:8px;}
    .register_main .register_btn input{line-height:40px;height:40px;}
    .register_main .register_c .pic img{max-height:40px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}


/*list_article*/
.met-news { margin-bottom: 20px; border-top: 1px solid #f0f2f5 }
.met-news .met-news-body { box-shadow: 0 1px 1px rgba(0,0,0,0.05) }
.list-clock-o{ padding-left: 20px; background: url("../images/list_ico_03.png") no-repeat left center; background-size:18px;}
.list-eye{padding-left:  20px; background: url("../images/list_ico_06.png") no-repeat left center; background-size:18px;}
@media (max-width:768px) {  .met-news { padding: 0 }  }
.met-news .carousel .item .carousel-caption { right: 0; left: 0; bottom: 0; padding: 20px 0 30px }
.met-news .carousel .item .carousel-caption h3 { margin: 0 0 5px; font-size: 20px }
@media (max-width:768px) {  .met-news .carousel .item .carousel-caption {
        padding: 20px 0 10px }
    .met-news .carousel .item .carousel-caption h3 {
        margin: 0;
        font-size: 18px
    }
}
.met-news .carousel .carousel-indicators { bottom: 5px }
.met-news .carousel .carousel-indicators li { box-shadow: 0 0 0 1px #fff inset }
.met-news .met-news-list {  padding: 20px; }
@media (max-width:768px) {
    .met-news .met-news-list { padding: 10px }
}
@media (max-width:768px) {
    .met-news .met-news-list { padding-top: 20px }
    .met-editor { padding: 20px; line-height: 1.8; font-size: 18px; font-weight: 300; color: #222 }
    .register_box {
        max-width: 100%;
        padding: 10px;
        margin: 0 auto;
    }

}
.met-news .met-news-list .news-carousel { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f0f2f5
}
@media (max-width:768px) {
 .met-news .met-news-list .news-carousel { padding-bottom: 20px; margin-bottom: 20px }  }
.met-news .met-news-list h4 { margin: 0 }
.met-news .met-news-list ul { padding: 0; list-style: none }
.met-news .met-news-list ul li { border-bottom: 1px solid #f0f2f5; padding-bottom: 30px; margin-bottom: 30px }
.met-news .met-news-list ul li h4 { font-size: 22px; margin-bottom: 20px }
.met-news .met-news-list ul li h4 a { color: #2a333c }
.met-news .met-news-list ul li h4 a:hover { color: #4e97d9 }
.met-news .met-news-list ul li p { margin-bottom: 0 }
.met-news .met-news-list ul li p.des { color: #76838f; font-size: 16px; font-weight: 300; margin-bottom: 10px;    line-height: 28px; }
.met-news .met-news-list ul li p.info { color: #a3afb7; font-size: 16px; font-weight: 300 }
.met-news .met-news-list ul li p.info i { color: #a3afb7; font-weight: 300 }

@media (max-width:768px) {
    .met-news .met-news-list ul li { padding-bottom: 20px; margin-bottom: 20px }
    .met-news .met-news-list ul li h4 { font-size: 14px; margin-bottom: 10px; }
    .met-news .met-news-list ul li .media .media-left { padding-right: 10px }
    .met-news .met-news-list ul li .media p.des { display: none }
    .met-news .met-news-list ul li .media.media-lg .media-object { width: 100px }


    .list-clock-o{ padding-left: 15px; background: url("../images/list_ico_03.png") no-repeat left center; background-size:12px;}
    .list-eye{ padding-left: 15px; background: url("../images/list_ico_06.png") no-repeat left center; background-size:12px;}
}
.met-news.type-3 .met-news-body { box-shadow: none }
@media (max-width:768px) {
    .met-news.type-3 .met-news-body { margin-bottom: 20px }  }
.met-news.type-3 .widget { border-radius: 0 }
@media (max-width:768px) {
.met-news.type-3 .widget { margin: 15px 10px }  }
.met-news.type-3 .widget .widget-body:last-child { border-radius: 0 }
.met-news.type-3 .widget .widget-title a { color: #2a333c }
.met-news.type-3 .widget .widget-title a:hover { color: #4e97d9 }
.met-news.type-3 .widget .widget-header { border-radius: 0 }
.met-news-bar {  margin-left: 30px;  margin-top: -3px; }
.met-news-bar h3{background: #00c1de; padding: 1em 0; color: #fff; margin: 0;}
.list-group-item{ border: 0;}

.mod-item { margin-bottom: 20px;position: relative;}
 .mod-pic { display: block;  }
.mod-pic img { max-width: 100%; }
 .mod-title { display: block; width: 100%; margin-top: 5px; padding: 1em 0; white-space: nowrap; overflow: hidden;
     text-overflow: ellipsis; text-align: center;  position: absolute;bottom: 0;background:rgba(0,0,0,0.4); }
@media (max-width:992px) {
    .met-news-bar { margin-left: 0; margin-top: 30px; padding: 30px }
}
@media (max-width:768px) {
    .met-news-bar { margin-left: 0; margin-top: 0; padding: 20px 0
    }
}
.met-news-bar ul.column { padding: 20px 0 0; list-style: none }
.met-news-bar ul.column li { margin-bottom: 10px }
.met-news-bar ul.column li a { font-size: 16px; color: #fff;}
.met-news-bar ul.column li a:hover { color: #4e97d9 }
.met-news-bar ul.column li a.active { color: #4e97d9 }
.met-news-bar .recommend { margin:0 0 20px; padding: 10px 0;  border: 1px solid #f0f2f5;border-top: 0; }
.met-news-bar .recommend h3 { font-size: 18px; font-weight: 300; margin: 0 }
.met-news-bar .recommend .list-group { margin-bottom: 0 }
.met-news-bar .recommend .list-group a { color: #2a333c; font-size: 15px }
.met-news-bar .recommend .list-group a:hover {color: #4e97d9 }


.media-object { width: 120px }
.media-left, .media>.pull-left { padding-right: 20px }
.media-right, .media>.pull-right { padding-left: 20px }
.media-body { overflow: auto }
.media .media { padding-bottom: 0; border-bottom: none }
.media-meta { margin-bottom: 3px; font-size: 12px; color: #526069 }
.media-lg .media-object { width: 160px }
.media-lg .media { margin-left: -110px }

.met-shownews { padding: 30px 0; border-top: 1px solid #f0f2f5 }

.met-shownews-body{ background: #fbfbfb; border: 1px solid #ddd;}
.met-shownews .met-shownews-body { box-shadow: 0 1px 1px rgba(0,0,0,0.05) }
.met-shownews .met-news-body { box-shadow: 0 1px 1px rgba(0,0,0,0.05) }



.met-shownews-header h1{padding: 0; font-size: 20px;}
.info{ margin-bottom: 20px;}
.info span{ margin-right: 10px;}

@media (max-width:768px) {
    .met-shownews { padding: 60px 0 0 }
}
.met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 30px }
@media (max-width:768px) {
    .met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 10px }  }
.met-shownews .met-shownews-header { padding-bottom: 0 }
.met-shownews h1 { font-size: 32px; margin: 0 0 5px; }
@media (max-width:768px) {
    .met-shownews .met-shownews-header { padding-top: 20px }
}
.met-shownews .info { color: #a3afb7; font-size: 16px; font-weight: 300; padding-bottom: 20px; border-bottom: 1px solid #f0f2f5 }
.met-shownews .info span { padding-right: 10px }
@media (max-width:768px) {  .met-shownews .info { padding-bottom: 20px }  }
.met-shownews .met-shownews-footer { padding-top: 0 }
.met-shownews .met-shownews-footer ul.pager { margin: 0; border-top: 1px solid #f0f2f5; padding-top: 20px }

.met-editor { font-size: 14px; color: #393939;  padding: 0 20px;}

.pager li{ display: flex;}
.pager li>a, .pager li>span { display: block; padding: 5px 0; background:none; border: 0; border-radius: 0;}
.pager li a{ color: #565656}



/*pages*/
.pagination-wrapper { margin: 20px -123px;    text-align: center; }
.pagination { height: 34px; text-align: center; }
.pagination li { display: inline-block; margin-right: 5px; line-height: 32px; padding:0 12px; font-size: 16px;  color: #555555; text-decoration: none;    float: left;
    height: 34px;
    border: 1px solid #ddd; }
.pagination li a { float: left; display: block;  }
.pagination li a:hover { background: #f5f5f5; color: #0099ff; }
.pagination li.thisclass { background: #09f; color: #fff; }
.pagination li.thisclass a, .pagination li.thisclass a:hover { background: transparent; border-color: #09f; color: #fff; cursor: default; }
.pagination>li>a{ border:0; padding:0; 
    line-height: 32px;
  }

.content_nav { color: rgb(51, 51, 51); height: 50px; line-height: 50px; }


.help_con{}
.help_left{float:left;width:260px;border:1px solid #f2f2f2;position:relative;z-index:1; margin-bottom: 30px; background: #fafafa;}
.help_ico{width:10px;height:48px;position:absolute;z-index:1;left:-10px;top:0;}
.help_right{float:left;width:880px;margin-bottom: 30px;}
.help_left h3{height:80px;line-height:80px; margin: 0; padding: 0; font-size:22px;color:#000;text-align:center;border-bottom: 1px solid #f2f2f2;}

.help_left dt{color:#333;height:62px;line-height:62px; font-size:16px;text-align:center; border-bottom: 1px solid #f2f2f2; font-weight: normal;}
.help_left dt a{color:#333;}
.help_left dt span{display:none;}
.help_left dt.thisclass{ font-size: 20px;font-weight: 700; background:#fff url("../images/aboutico_03.png") no-repeat 150px center;}
.help_left dd{height:38px;line-height:38px; text-align:center;border-bottom:1px solid #eeeeee;}
.help_left dd a{color:#000;}
.help_left .sel_dd a{color:#0091bd;}

.help_right h1{font-size:20px; font-family: "微软雅黑", serif;margin-top:0; padding-top: 0; padding-left: 30px;margin-bottom:10px;
    line-height:79px;border:1px solid #f2f2f2; border-left: 0; background: #fafafa; text-align: left; font-weight: 700;}
.help_right .time{color:#999;line-height:2.5;}

.help_box .editor{ padding: 0 30px;}

.pro-info-area .met-news-bar{ margin-top: 0;}
.pro-info-area .met-news-bar h3{ text-align: center;    padding: 0.5em 0;margin-bottom:20px; background: #d00000;}
.pro-info-area  .column{ border: 0;}


@media (max-width: 991px) {
    .help_left{width:100%;float:none;margin-top:10px;border-left:0 none;border-right:0 none;}
    .help_left dl{border-bottom:1px solid #fff; margin-bottom: 0;}
    .help_left dt span{color:#fff;display:block;float:right;font-size:24px;font-weight:bold;width:30px;text-align:center;}
    .help_left dt{background-color:#0091bd;color:#fff;}
    .help_left dt a{color:#fff;}
    .help_left dd{display:none;}
    .help_right{width:100%;margin-left:auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .help_right h1{padding-bottom:6px;margin-bottom:6px;}
    .help_left{width:160px;}
    .help_right{width:764px;margin-left:16px;}
}
@media (min-width: 1200px) {
}



/*--- Media Queries Starts Here ---*/
@media (min-width:1200px){.bnr-one,.bnr-two{
    padding: 25px 15px;
}.container { width: 1200px; }.containbox { width: 1170px; !important; }
}



@media (max-width:1024px){.top-header-middle{width: 50%;float: left;}.top-header-right{width: 50%;float:right;}
  .top-header-middle img{ width: 80%}
  .bnr-left img,.bnr-right img{  width:100%;  }  .bnr-right{ width:60%;  }  .bnr-left{ width:40%;  }
    .bnr-right h2 { font-size: 1.5em;  }  .b-btn { margin-top: 2.5em;  }
  .bnr-one, .bnr-two { padding: 20px 15px 18px 015px;  }.slogos{ display: none;}.fa{ color: #fff;}
  .bnr-right i img{ width: 50%;}.section-title h2 small{  font-size: 12px;}
}
@media (max-width:800px){
.top-header-middle,.top-header-right{width: 50%;float: left;}
    .main-header { padding: 1em 0 1em 0;}.section-title {margin-bottom: 5px; }
    .content-warp h1{ font-size:1.5em; padding-top: 0;}
    .content-warp h3{font-size:1em; padding-bottom: 1em;}
  .banner-bottom-right,.banner-bottom-left {   padding: 0 10px; margin-bottom: 1em;  }
 .bnr-right h2 {  font-size: 1.32em;  }  .bnr-one, .bnr-two { padding: 20px 12px 18px 12px;  }
  .bnr-right { width: 65%;  }  .bnr-left { width: 35%;  }  .b-btn a { padding: 5px 11px;  font-size: 10px;  }
  .b-btn { margin-top: 0.6em;     font-size: 12px; }  .bnr-one, .bnr-two { padding: 16px 12px 14px 12px;  }
  .main-navigation .menu li a {  line-height: 2.4em; }
  .b-btn b{ font-size: 16px; color: #fe9917;}
  .section-title h2 { font-size: 14px; padding-left: 0.5em; }
  .section-title h2 small{  display: none;}
  .section-title span{font-size: 12px; }
  .section-title span img{ width: 30%}
  .content-news img{ width: 100%;}
  .content-news .col-md-3{ width: 50%; float: right; text-align: center;}
  .md01{padding-left: 15px}.md02{ padding-right: 15px;}.content-news img.md03{ width: 70%;}
  .content-con .col-md-3{ width: 50%;
    float: left;}.panel-body .telbox { margin-bottom: 2em; }
  .panel-default{ font-size: 12px;}
  .he-view img{ width: 80%;} .p-one h4 { font-size: 20px;}.panel-body h4{font-size: 14px;}.panel-body p{ font-size: 12px; }
    .po-top { padding-top: 3em; }
    .met-shownews h1 { font-size: 17px; text-align: left; }
    .met-shownews .met-shownews-header { padding-top: 20px }
.pagination-wrapper{ margin: 0;}
    .product-details { margin-top: 20px;}
    .pro_list_order .order_type li{ height: 24px; line-height: 24px;}
    .pro_list_order .order_type li a{ padding: 0 12px; font-size: 12px;}
    .pro_list_order2 .order_type2{ margin-bottom: 0;}
    .pro_list_order2 .order_type2 li{ height: 32px; line-height: 32px;}
    .pro_list_order2 .order_type2 li a{ padding: 0 15px; font-size: 14px;}
    .met-news .met-news-list ul li p.info { font-size: 12px; }
    .met-shownews-header h1{ font-size: 20px; padding:0 10px;}
.bgfff img{ width:100%;}
.bgbox img{width:80%;padding-bottom: 60px;}

}
@media (max-width:640px){.bnr-right h2 {  font-size: 1.13em; } .p-one h4 { font-size: 20px;}.containbox { width: 350px; !important; }
  .bnr-right p { font-size: 12px; margin-bottom: 0; }  .b-btn a { padding: 4px 8px;  font-size: 9px;  }  .b-btn { margin-top: 0.6em;  } }
@media (max-width:480px){
  .banner-bottom-right, .banner-bottom-left {  padding: 0 5px;  }

  .b-btn a { padding: 3px 5px;  font-size: 8px;  }
  .b-btn { margin-top: 2px; }
  .bnr-one, .bnr-two {  padding: 5px 5px 4px 5px;  }
    .pro_list_order .order_type li a{ padding: 0 10px; font-size: 12px;}
}
@media (max-width:320px){.bnr-right h2{ font-size: 14px;}.p-one h4 { font-size: 18px;}.pro_list_order .order_type li a{ padding: 0 7px; font-size: 12px;}}
/*--- Media Queries Ends Here ---*/

.owl-carousel .owl-controls .owl-nav div { background: #fff none repeat scroll 0 0; color: #ebebeb; }


/*gotop*/
.cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #02a2aa;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .weixin {background: #fe9917;}
.cbbfixed .weixin div {background: url(../images/weixin.jpg);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .weixin .weixin-icon{float: left;margin: 5px 0 0 8px;width: 24px;font-size: 12px;height: 18px;line-height: 16px;color: #fff;}



#caja {width:98%;display: none; position:absolute; z-index:9999;}
#mostrar{display:block;width:100%;}
#caja2 {width:98%;display: none;}
#mostrar2{display:block;width:100%;}
#caja3 {width:98%;display: none;}
#mostrar3{display:block;width:100%;}
#caja4 {width:98%;display: none;}
#mostrar4{display:block;width:100%;}
#caja5 {width:98%;display: none;}
#mostrar5{display:block;width:100%;}
#caja6 {width:98%;display: none;}
#mostrar6{display:block;width:100%;}

 .detail-view {border: 1px solid #E2E2E2;border-top: 1px solid #E2E2E2;left: 0; background:#fff;position:absolute; z-index:9999;overflow: hidden;clear:both;display:none;margin-left:13px;margin-bottom:15px;width: 100%;}
.detail-view .close {text-align:right;margin:5px;}
.close a {padding:6px;height:10px;width:20px;color:#525049;}
 .detail-view .detail_images {float:left}
 .detail-view .detail_info {float:right;color:#525049; padding:0 30px;margin-top:110px;text-align:justify;font-size:12px;}
 .detail-view .detail_info label {font-size:24px;text-transform:uppercase;letter-spacing:1px;line-height:60px;}
.detail-view .detail_info p {font-size:16px; color:#73777a;}

.add-to-cart-button {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E8E7DC;cursor: pointer; padding:10px 20px;display: inline-block; font-size:18px;letter-spacing: 2px;color:#00c1de;margin-top:15px;text-transform: uppercase;}
.add-to-cart-button:hover {background: none repeat scroll 0 0 #F8F8F3;}

.investment_con_list{display:none;}
.fixed{ width:262.5px; font:normal 13px/30px \5FAE\8F6F\96C5\9ED1;top:0;}


.pagination>li>span{ padding: 5px 12px; border:0;}


/*分页样式蓝色小 */
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #666;padding: 0 11px;margin: 0 3px;display: inline-block;vertical-align: middle;
line-height: 28px;background: #fff;border: 1px solid #ddd;-webkit-border-radius: 2px;border-radius: 2px;}
.pglist a:hover,.pglist span{display:inline-block;color: #fff;background: #1177BE;border-color: #1177BE;}
.pglist a.page-num-current{display:inline-block;color: #fff;background: #1177BE;border-color: #1177BE;}