body .news-nr-box .DownloadBtn{display: inline-block;width: auto;    padding: 0 10px 0 0;background-position: 9px;height: 40px;line-height: 40px;}
.menu .header-box{position: relative; width:100%; margin:0 auto;}
.menu .header-box .logo {float: none; position: relative; z-index: 2; padding:0px; text-align: center; display: block;}
.menu .header-box .logo img{max-width: 100%;min-height: auto !important;  max-height: auto !important;}

.logo_name span{ text-indent: -99em; position: absolute; display: block;}
.tpl_two,.tpl_three,.tpl_four,.tpl_five,.tpl_six,.tpl_seven,.tpl_ten,.tpl_elevn,.tpl_footers {  overflow: hidden;}

.menu .NavBoxPublic ul.navPublic li a{ color: #333;}

/* .content-box{ max-width: 1180px; margin: 30px auto;} */
.overflow{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display: block;}
.cl{ clear: both;}

.Animation{
  -webkit-transition: all .4s ease-in-out 0s;
     -moz-transition: all .4s ease-in-out 0s;
      -ms-transition: all .4s ease-in-out 0s;
          transition: all .4s ease-in-out 0s;
}

.m-box01{ max-width: 1180px !important;}

.column{ margin: 0px;}



.tpl_ten .title_name2{ color: #fff !important;}
.content-box .page .col-lg-9{height: auto;}

/*-------</END 头部 LOGO >------------*/
.headFixed{ margin: 0px auto;}
.menu .nav-box{ margin: 0 auto;}
.menu .nav { padding:0; float:none; margin:0;  width:100%;}
.menu .nav li{float:left;  text-align:center; }

.menu .nav li:last-child{ background: none;}

.menu .nav > li:hover ul{display: block; padding: 0; }

/*--下拉菜单倒三角--*/
/* .menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid; position: absolute; right: 5px;top:30px;} */
.menu .nav > li ul{width: 100%;display: none;padding: 0; box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0px;top:56px; width: 100%; z-index: 9;}
.menu .nav > li ul li{line-height:40px;padding: 0px; background: none; float: none; text-align: center; width: 100%; border-top: 1px solid #fff;}
.menu .nav > li ul li a{font-size: 12px; color: #fff; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center; padding: 3px 5px; margin: 0px;}
.menu .nav > li ul li a:hover{text-decoration: none;color: #fff;}
.menu .navbar-nav > li > a { display:block; position: relative; font-size:14px; color:#333;height:auto; padding:0px;line-height:100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu .navbar-nav > li > a:hover{  color: #fff;}
.menu .navbar-nav > li > a.active,.menu .navbar-nav > li > a:focus{  background: none;}
.menu .navbar-nav > li > a.active { background-image:none;-webkit-box-shadow: none;box-shadow: none;}


.NavBtn{  display:none;text-align:center;overflow: hidden;  }

.header-box .clearfix.none{display: none;}
.btn-navbar-t{
  display: none;
  float: right;
  padding: 3px 8px 7px;
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #ccc;
}
.btn-navbar-t:hover,
.btn-navbar-t:focus,
.btn-navbar-t:active,
.btn-navbar-t.active,
.btn-navbar-t.disabled,
.btn-navbar-t[disabled],
.btn-navbar-t .icon-bar:hover,
.btn-navbar-t .icon-bar:focus,
.btn-navbar-t .icon-bar:active
{
  filter:Alpha(opacity=80);opacity:0.8;
}

.btn-navbar-t .icon-bar {
  background: #ccc;
  display: block;
  margin-top: 4px;
  width: 18px;
  height: 2px;
}

/*-------</END 导航>------------*/

/*-------</END 切换导航按钮>------------*/

/* 小屏幕 一*/
@media screen and (max-width:1180px) {
  .menu .header-nav .nav-box{ width:auto; }
  .content-box{margin:0 15px;}

}

/* 小屏幕 二*/
@media screen and (max-width:870px) {
  .menu .header-box .logo{ padding: 0px;}
  .menu {height:auto;}
  .header-box .clearfix.none{display: block;}
  .menu .header-nav{position: static; width: 100%;height:auto;margin: 0; }
  .menu .header-box{width:100%;position: relative;}
  /*-----------</LOGO>---------------*/
  .menu .nav li a:hover:after{display: none;}
  .menu .btn-t { display: block;position: absolute;top: 18px; right: 14px; z-index: 99;}
  .menu .header-nav .nav-box{ background:none; height:auto; padding:0;  margin:0;}
  .menu .navbar-collapse{ margin:0;  border-top-width: 2px;border-top-style: solid;}
  .menu .navbar-collapse.collapse { display:none!important;}
  .menu .navbar-collapse.in{ overflow-y:hidden; display:block!important; height: auto; }
  .menu .navbar-collapse.collapseing{padding: 0; margin: 0;}
  .menu .nav {float:none;width:100%;}
  .menu .nav li {float:none; width:100%; background:none;border-top-width:1px;border-top-style:solid;}
  .menu .nav li:last-child{border-bottom:none;}
  .menu .nav li a{padding: 0 20px; text-align:left;display: block; font-size:14px; margin:0; line-height:30px;}
  .menu .nav li a:hover,.menu .nav li.active a ,.menu .nav li.active{ text-align:left;color: #fff; }
  .menu .nav li a:hover,.menu .nav li.Theme {border-radius:0;
    -webkit-transform:translatex(5px);
    -moz-transform:translatex(5px);
    transform:translatex(5px);
  }
  .menu .NavBox{width: 100%; visibility:hidden;height:0;overflow: hidden;}
  .menu .header-box.active .NavBox{visibility: visible;}
  /*-----------</菜单>---------------*/

}


/* 新加 */

.menu .logo_name{ float:left; width: 22%;overflow: hidden;display: block;height: 100px;}
.menu .header-nav { float:right; width:78%;}
.menu .navbar-brand img{ max-width: 100% ;max-height: 100px !important;}
.menu .nav li{ padding: 0; position: relative;width: 11%;}
.menu .navbar-nav > li > a{position: relative; font-size: 16px;width: 100%;height: 100px;padding: 0 10px;box-sizing: border-box;}
.menu .nav > li ul{  top: 95px;}
.menu .nav > li .Triangle:after { top: 26px;}
/* .menu .nav > li .Themebghover:hover,.menu .nav > li .ThemeBbg{ background:none !important;  } */
.menu .nav > li .ThemeBbg:before{ content: ""; width: 45%; height:2px; background-color: #fff; position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%);}
.menu .nav > li a:before{content: ""; width: 0%; height:2px; background-color: #fff; position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); transition: all .8s;}
.menu .nav > li a:hover:before {
  width: 45%;
}

.menu .nav > li > ul  li a:hover:before,.menu .nav > li > ul li .ThemeBbg:before{ content: "";width: 0;}
.menu .header-box .logo{ float: left;left: 50%;transform: translate(-50%, -50%);top: 50%;}
.navbar-nav li .ThemeBbg{color: #fff !important;}
.icon-iconshanchu::before,.iconshiliangzhinengduixiang::before{color: #fff;font-size: 20px;}

@media screen and (max-width: 870px) {
.header-nav #NavBoxPublic{width: 100% ;  height: 100% ; background-color: #333 ; border: none;}
.menu .NavBoxPublic ul.navPublic li{border-bottom: 1px solid rgba(255,255,255,.1);}
.menu .NavBoxPublic ul.navPublic li .Themefont{ color: #fff !important;}
.NavBoxPublic .TriangleBtn:before, .inpro-nav .inproline{border-color: #fff !important;}
.menu .NavBoxPublic ul.navPublic li .Themebg{ background-color: rgba(255,255,255,.1) !important;}
.menu .m-menutop{ overflow: hidden;}
.menu .m-menutop-logo{ float: left; width: 80%}
.menu .m-menutop-logo img{ max-height: 45px; max-width: 100%;}
.menu .m-menutop-cose{ float: right; padding-top: 10px; width: 15%; text-align: right;}
.menu .m-menutop-cose i{ font-size: 26px; margin-right: 10px;}
.menu .m-menutop-so{ padding: 15px;     border-bottom: 1px solid rgba(255,255,255,.1);}
.menu .m-menutop-so .mnavformgroup{color: #fff; overflow: hidden; position: relative; padding: 10px 10px;border: 1px solid #999;}
.menu .m-menutop-so .input1{  width: 80%; border: none; background: none;outline: none;}
.menu .m-menutop-so .button1{  display: inline-block;  text-align: center; background: none;
  border: 0;
  outline: none;  
  color: #fff;
  position: absolute;
  right: 0;
  top: 9px;}
.menu .m-menutop-so .iconshiliangzhinengduixiang:before{ font-size: 18px;}
.menu .logo_name{
  height: auto;
}
.menu .header-box .logo {
  float: left;
  left: 0;
  transform: translate(0,0);
  top: 0;
}
}

@media screen and (max-width: 768px) {
  .menu .header-box .logo img{ min-height: 10px !important;  max-height:45px!important;  padding-top: 0;}
  .album video{display: none;}
  .album .title_name2{color: #444!important;}
}
@media screen and (max-width: 600px) {
.row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11{ padding: 0px;} 
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 320px) {
 #pp{margin-left: 0;}
}


.banner { width:100%; overflow: hidden;}
.carousel{margin: 0;}
.bannerBox{margin:0 auto;position: relative;}
.banner .carousel-control{background: none;}
.bannerEffect .tp-bullets.simplebullets.round .bullet{border-radius: 0 ;}
@media screen and (max-width: 768px) {
    .renbanner .item-con h3{font-weight: normal;font-size: 25px;top: -15px;}
    .renbanner .item-con p{font-weight: normal;font-size: 22px;}
}
/*---公告----*/
.notice{ margin: 0px auto; height: 45px; line-height: 45px; color:#fff;}
.notice .alertinfo{ position: relative;}
.notice-box .zuixin{ font-weight: bold; font-size: 12px;vertical-align: top; color: #fff; float: left;} 
/* .notice-box .zuixin{ font-size: 22px; } */
.notice .notice-box { position: relative;  clear: none;  height: 45px;}
.notice .notice-box .noticeBox{ max-width: 1400px; margin: 0 auto; }
.notice .notice-box ul.notice-ul{ font-size:12px; height: 45px; line-height: 45px;  list-style:none; padding-left:5px; } 
.notice .notice-box ul.notice-ul li {  height: 45px; line-height: 45px; }
.notice .notice-box ul.notice-ul li a{ color: #fff; padding: 0px; display: block; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice .notice-box ul.notice-ul li a:hover{ text-decoration: none; }

.notice .col-md-6,.notice .col-md-4{ padding: 0px;}

/*---搜索----*/
.notice .search{ float: right; display: inline;  margin-top:6px; height: 33px; }
.notice .search .navbar-form {padding:0px; float:right; margin: 0px; width: 300px;}
.notice .search .navbar-form .form-control { border-radius: 0; box-shadow:none; font-size: 12px; height: 33px;line-height: 33px; padding:0px 10px !important; background-color: #fff; box-sizing:border-box; display: inline-block; vertical-align:top; width: 100%; border: none;}
.notice .search .dropdown-menu { border-radius: 0; padding:0; min-width: 70px; left:0px;}
.notice .search .dropdown-menu>li { padding:0;}
.notice .search .dropdown-menu>li>a { text-align:center; font-size:12px;color:#666; display:block; line-height:26px; padding: 0px;}
.notice  .search .btn-danger { background-color: #bcbcbc; border:1px solid #bcbcbc;background-image:none; padding: 8px 4px; font-size: 12px; }
.notice .search .form-group{ margin-bottom:0; vertical-align:middle; display:inline-block; float: left; width: 300px;}
.notice .btn-search-group {color:#fff;font-size:12px;font-family: "SimSun";cursor: pointer; right:14px; margin:0px; vertical-align:top; }
.notice .btn-search-group .btn {
	background: none !important;
	border: none !important;
}
.notice .alertinfo li {
	line-height: 40px;
	white-space: nowrap;
}


/* 小屏幕 一*/
@media screen and (max-width:1180px) {
.notice .notice-box{ max-width:100%;}
.notice .notice-box .noticeBox{ margin: 0px 15px 0px;}

}

/* 平板电脑和小屏电脑之间的分辨率 二*/
/* @media screen and (max-width:870px) {
	.col-md-6{display: none !important;}
} */
@media screen and (max-width:768px){
	/* .notice .notice-box .col-md-4{ width:75%;} */
	.col-md-6{display: none !important;}
	.notice .searchBox{ float: none !important;}
	.notice .search{float: left;width: 90%;margin-left: 10px;margin-top: 8px;}
	.notice .search .form-group{width: 100%;}
	.notice .search .navbar-form{width: 100%;}
	.notice .search .navbar-form .form-control{width: 97% !important;}
	.notice .btn-search-group{right: 0 !important;}
	.notice .notice-box,.notice{height: 50px;}
}


.notice .btn-search-group {
	color:#fff;font-size:14px;font-family: "SimSun";
	cursor: pointer; position:absolute; right: 0;
}
.notice .btn-search-group .btn {
	background: none !important;
	border: none !important;
}
.notice .alertinfo li {
	white-space: nowrap;
}
.notice .notice-box{
	background: #eee;
}
.notice-box .zuixin,.notice .notice-box ul.notice-ul li a{
	font-size: 14px;
	color: #aaa;
}
.notice-box .zuixin:before{
	font-size: 18px;
	color: #666;
	padding-right: 10px;
}
.notice .search .navbar-form .form-control{
	width: 70%;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: #eee;
}
.notice .btn-search-group .icon-shiliangzhinengduixiang{
	font-size: 20px;
	color: #333;
}
.notice .btn-search-group{
	right: 40px;
	top: 0;
}



/*配置颜色*/
.Themebg,.Themebghover:hover,.message-list dl dt,.ThemeBbg,.menu .navbar-nav > li > a:hover,.menu .nav > li ul li a:hover,
.product .pro_list li a:hover,.title_x,.p_pro_d .title_d,#ProClass li.ac .Classtriangle,.pro_class_x .product-class li a:hover, .pro_class_x .product-class li a.Themebg,.p_info_d .title_d,.about .about-more,.product .title_name .title::before,.product-nav .product-nav-item:hover,.article .title_name .title::before,.new-content-item:hover .new-img,.new-item-content:hover .new-img,.friendBox .title_name .title:before,.feedbackc,.video .title_name .title:before,.productBox h4.title01 span:before,.bannerEffect .tp-bullets.simplebullets.round .bullet.selected,.flex-control-paging li a.flex-active,.bannerEffect .tp-bullets.simplebullets.round .bullet:hover{background-color:#1f3e85 !important;}
.Themefont,.Themetxthover:hover,.companyDatalist  .font-con b,.product-item:hover .name,.product-item:hover .detail,.new-content-item:hover .new-title,.new-item-content:hover .new-title,#ProClassLeft li.ac .Themebg, #md_detailProductClass li.ac .Themebg{color:#1f3e85 !important;}
.ThemeFborder,.Themebdhover:hover,.message-list dl,.form .header{border-color:#1f3e85 !important;}

.NavBoxPublic .TriangleBtn:before,body .product-detail .ProductimgSmall li.active, body .product-detail .ProductimgSmall li:hover{border-color:#1f3e85 !important;}

.ThemeFbg{background-color:#eeeeee !important;}

/*字体*/
@font-face {font-family: "iconfont";
    src: url('/Public/Images/Theme263/icon/iconfont.eot');
    src: url('/Public/Images/Theme263/icon/iconfont.eot?#iefix') format('embedded-opentype'),
    url('/Public/Images/Theme263/icon/iconfont.woff') format('woff'),
    url('/Public/Images/Theme263/icon/iconfont.ttf') format('truetype'), 
    url('/Public/Images/Theme263/icon/iconfont.svg#iconfont2') format('svg'); 
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-weixin:before {
    content: "\e681";
  }
  
  .icon-0052:before {
    content: "\e63c";
  }
  
  .icon-rili:before {
    content: "\e62e";
  }
  
  .icon-link:before {
    content: "\e63f";
  }
  
  .icon-jian:before {
    content: "\e620";
  }
  
  .icon-denglu:before {
    content: "\e678";
  }
  
  .icon-xiugai1:before {
    content: "\e63d";
  }
  
  .icon-iconshanchu:before {
    content: "\e62f";
  }
  
  .icon-zuo:before {
    content: "\e60a";
  }
  
  .icon-shiliangzhinengduixiang:before {
    content: "\e603";
  }
  
  .icon-jia:before {
    content: "\e605";
  }
  
  .icon-youxiang:before {
    content: "\e601";
  }
  
  .icon-guangbo:before {
    content: "\e630";
  }
  
  .icon-dizhi:before {
    content: "\e660";
  }
  
  .icon-jiantou:before {
    content: "\e623";
  }
  
  .icon-yuedu:before {
    content: "\e663";
  }
  
  .icon-lianxiwomen-xianxing:before {
    content: "\e64b";
  }
  
  .icon-phone:before {
    content: "\e733";
  }
  
  .icon-xiugai:before {
    content: "\e638";
  }
  
  .icon-zuo-copy:before {
    content: "\e734";
  }
  
  .icon-iconshiliangzhinengduixiang:before {
    content: "\e735";
  }
  
  
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
body,#hw{
    background-image: url(/Public/Images/Theme263/bg.png) !important;
    background-repeat: repeat !important;
}
.tpl_eight{ background: url(/Public/Images/Theme261/map.jpg) no-repeat left top;background-position-y: 40px;}
.Pagebg{
    max-width: 1600px;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: 0 !important;
}
.column:hover{border: 0;}
.iconfont, .iconfont:before{
    font-size: 16px;

}
/* .common_top {
    display: none;
} */
.contact .map-box1{min-height:530px !important;opacity: 1 !important;}
.BMap_mask{height:530px !important;background: rgba(0, 0, 0, .5) !important;}
.content-no-padding{padding: 0 100px;}
.content-box{max-width: 1600px !important;margin-top: 40px;}
.column{border: 0;}
#loding-p{position: absolute;width: 100%;height: 100%;padding: 0 !important;background-color: #fff;left: 0;} 
.infootercon p{color: #fff !important;}
.infootercon{background-image: none !important;}
/*标题从上而下缓慢展现*/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*标题从下而上缓慢展现*/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none；
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/*产品图片效果*/
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
/*新闻*/
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}@keyframes fadeInRight {
    0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
100% {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
}.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}

  /*公共样式*/
  .content-box{  max-width: 1030px; margin: 0 auto; box-sizing:border-box; }
  .content-box .body-right {  float: right; width: 75%; }
  .content-box .body-left {  float: left;width: 23.5%; }
  .clearfix:before, .clearfix:after { display: table; content: " "; clear: both; }
  .row { margin: 0; }
  .mt15{  margin-top: 15px; }
  .mt5{  margin-top: 5px; }
  .overflow{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .TopologyLeft .body-left{ margin: 0!important;}
  @media screen and (max-width:1030px) { 
    .content-box{  margin: 0 15px; }
   }
  @media screen and (max-width:870px) { 
    .content-box .body-right {  width: 100%; }
    .content-box .body-left { display: none; }
   }
/*内页--产品列表页/产品详情页/产品更多信息页/新闻列表页/新闻详情页/关于我 们/图库列表页/图库详情页/留言反馈页/联系我们/LBS/网页地图/面包屑--样式*/
.row,h3,h4,h5{ margin:0;}
.mt5{ margin-top: 0!important;}
.DoesNot{text-align: center;font-size: 20px;margin: 50px 0;}
/*----按钮----*/
a.a-btn { padding:0 10px; height:28px; line-height:28px; display:inline-block; cursor:pointer; margin-right:5px;}
a.a-btn + a { margin-bottom:3px; }
a.a-btn.a-btn1 { background-color:#cfcdcf; color:#666666; }
a.a-btn.a-btn1:hover { background-color:#ccc; color:#FFF;}

a.a-btn.a-btn2 { background-color:#e8603c; color:#fff;}
a.a-btn.a-btn2:hover { background-color:#f3af9d; }

.a-btn { padding:0 10px; height:28px; line-height:28px; display:inline-block; cursor:pointer; margin-right:5px; border:none;}
.a-btn.a-btn2 { background-color:#e8603c; color:#fff;}
.a-btn.a-btn2:hover { background-color:#f3af9d; color:#fff;}
@media screen and (max-width: 480px) {
	a.a-btn + a { margin-bottom:8px; }
}
/*-----------表格---------------*/
.table-01 { width:100%; margin-bottom:15px; }
.table-01 th, .table-01 td { padding:5px 2px;font-size:14px;}
.table-01 th { text-align:right; width:60px; font-weight:normal; color:#666; font-size:14px;}
.table-01 td { color:#666; }
.table-01 .jiathis_style_24x24 { margin:0; }

.table-02{ width:100%; }
.table-02 th, .table-02 td { padding:5px 2px; font-size:12px; line-height:30px; }
.table-02 th { text-align:right; width:125px; font-weight:normal; color:#666; vertical-align:text-top; }
.table-02 td { color:#666; }
.table-02 .line-b { border-bottom:1px dashed #ccc;}
.table-02 .line-b  th{ color:#000;}
.table-03 th { width:80px; }
.table-02.table-02-b th {width:110px; }

/*----输入框----*/
input.text01 { border:1px solid #d8d9da; height:30px; color:#333333;  line-height: 30px; padding: 2px 5px; width:75%; size:auto;  box-shadow:0 0 2px #d6d6d6 inset; font-size:12px; }
input.text01:focus, input.text01:hover, input.text01:active { border-color: #d8d9da; box-shadow: 0 0 3px #d6d6d6; }
.textarea01 { background-color:#fff; border:1px solid #dfdfdf; padding:5px; color:#636363; width:75%; }
.textarea01:focus { border-color: #d8d9da; box-shadow: 0 0 4px #d6d6d6; }


/*----翻页模块----*/
.page .col-lg-3, .page .col-lg-9{ padding:0; margin:10px 0; height:34px; line-height:34px;}
.page .col-lg-9{ text-align:right;}
.page .col-lg-3{ float:left;}
.page .pagination{ margin:0; padding-left:12px;}
.page .pagination > li > a{ color:#666;}
.page .pagination > li:first-child > a, .pagination > li:first-child > span{ border-bottom-left-radius: 0; border-top-left-radius: 0;}
.page .pagination > li:last-child > a, .pagination > li:last-child > span{ border-bottom-right-radius: 0; border-top-right-radius: 0;}
.page .pagination > .active > a, 
.page .pagination > .active > span, 
.page .pagination > .active > a:hover, 
.page .pagination > .active > span:hover, 
.page .pagination > .active > a:focus, 
.page .pagination > .active > span:focus{ background-color: #e8603c; border-color:#e8603c; color:#FFF;}
.pager .previous > a, .pager .next > a{color: #fff;}
.pager .next > a:hover{color:#000;}
@media screen and (max-width:1030px) {
	.page .col-lg-3, .page .col-lg-9{ margin:0; }
	.page .col-lg-3{ text-align:right;}
}
@media screen and (max-width:870px) {
	.page .col-lg-9{ margin:0 0 15px; }
	.TopologyLeft .body-right,.TopologyRight .body-right{padding: 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}
@media screen and (max-width: 768px) {
	.page .col-lg-3{ float:none;}
}
/*----------------------------------------</END 公共模块>------------------------------------------------------*/

/*------------内容通用内容部分--------------*/
/*针对设计中心*/
.demo-box-hw1 .content-box .body-left{margin-top: 0px !important;}
/*----面包屑模块----*/
.breadCrumb{ background-color: #eee; border-top: 4px solid #ccc; height: 36px; line-height: 34px; padding: 0 12px; margin-bottom:10px; color:#999;}
.breadCrumb em { font-family: Arial; font-size: 14px; padding: 0 8px;}
.breadCrumb a { color:#333;}

/*----产品列表----*/
.pro-list{ padding:0; width:100%;float: left;}
.pro-list .thumbnail { text-align:center;padding:15px; margin-bottom:10px;border: 1px solid #ECECEC;border-radius:0;}
.pro-list .thumbnail:hover { border: 1px solid #e8603c;}
.pro-list .thumbnail .title{ text-align:center; color:#e8603c; text-overflow:ellipsis; font-size:16px; white-space:nowrap; overflow:hidden; background:none; height:40px; line-height:40px; margin:0px 7px;}
.pro-list .thumbnail p{ font-size:12px; line-height:24px; min-height:25px; max-height:25px; overflow:hidden; color:#999; text-align:center; margin:0px;}
.pro-list .thumbnail img{ width:100%;}
.pro-list li.col-md-3:nth-child(4n+1) {margin-left:0;}
.pro-list li.col-md-3 {margin-left:0\9; margin-right:8px\9;}/*解决IE8兼容兼容问题*/

@media screen and (max-width:980px) {
	.pro-list .thumbnail .title{ margin:0px 5px;}
	.pro-list li.col-md-3 { margin-right:6px\9;}/*解决IE9响应兼容问题*/
}

@media screen and (max-width:870px) {
	.pro-list .thumbnail .title{ margin:0;}
}

@media screen and (max-width: 600px) {
	.pro-list .col-md-3{ width:49.3%;}
	.pro-list .thumbnail { padding:15px;}
	.pro-list li[class*="col-"]:nth-child(2n+1) { margin-left:0;}
	.pro-list li.col-md-3 { margin-right:2px\9;}/*解决IE9响应兼容问题*/
}
@media screen and (max-width: 360px) {
	.pro-list li.col-md-3 { margin-right:1px\9;}/*解决IE9响应兼容问题*/
}

/*-----产品详情页-----*/
.product-detail { padding:0; width:100%; display:table; margin:5px 0 0 0; height:auto;}
.product-detail .col-md-5, .product-detail .col-md-7{ padding:0;}
.product-detail .col-md-5 .DB_imgWin img{ margin-bottom:0; padding:0; border-radius:0;}
.product-detail h3 { font-size:16px; color:#e8603c; padding:4px 0 5px 20px; font-family:宋体; margin:0;}
.product-detail .ProductimgBox .thumbnail{ margin-bottom: 0;}
.fieldset-style {word-break: break-all; word-wrap:break-word; overflow:hidden; margin:15px 0;}
.fieldset-style h3 { font-weight:bold; padding-left:10px; font-size: 12px; height:28px ; line-height: 28px;  color: #fff;  border: 0; background-color:#e8603c; margin:0;}
.title-ny { background-color:#fff; margin-bottom:10px; padding:15px; color:#00AADD; font-size:14px; }
.fieldset-style .div1 { border:1px solid #ECECEC; padding:6px 10px;  color:#666;}
.fieldset-style .div1 dl img { max-width:100%; }
.fieldset-style .div1 dl { overflow:hidden; margin-bottom:10px; margin-top:5px; }
.fieldset-style .div1 dl dt { margin-bottom:8px;  height:20px; line-height:20px; display:block; border-left:5px solid #f3af9d; padding-left:10px;  }
.fieldset-style .div1 dl dd { line-height:22px;  }
.pro_keyword { padding: 0;}

/*----产品更多详情----*/
.table-box { padding: 0; margin-bottom:10px;}
.table-box p{ border-bottom:1px dashed #ccc; color:#000; font-size:14px; height:40px; line-height:40px; margin-bottom:5px;}

/*-----------资讯列表页---------------*/
.nlist-box li{ height:32px; line-height:32px; color:#666; border-bottom:1px dashed #CCC; position: relative;}
.nlist-box li:before{content:"．";}
.nlist-box li a{ color:#666; padding-right: 80px; width: 75%;  position: absolute;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nlist-box li a:hover{ color:#e8603c;}
.nlist-box li span{ position: absolute;right: 0; top: 0;}
body .news-nr-box p { font-size: 12px; line-height: 24px;}
body .news-nr-box img { margin: 0 auto 10px;}

@media screen and (max-width: 600px) {
	.nlist-box li span{  display:none;}
}

/*图片详情*/
.photo.row .layout_default p { line-height: 18px;}

/*-----------公司介绍---------------*/
.company-box {}
.company-box p { line-height:2.1em; overflow:hidden;  color:#333;  }

/*-----------网站地图---------------*/
.map-box {padding:0; margin-bottom:10px;}
.map dl { border-bottom:1px dashed #ccc; padding:12px; font-size:13px; margin:0px; }
.map dl:last-child { border-bottom:none; }
.map dl dt { float:left; color:#000; }
.map dl dd { display:inline; margin:0px; }
.map dl dd a { margin:0 10px 10px; float:left; color:#666}
.map dl dd a:hover { color:#e8603c}
.map dl dd p { overflow:hidden; }

/*联系我们/lbs地图*/
.map-box1 { margin:15px 0; min-height:300px;}

/*-----------客户留言、留言反馈---------------*/
.message-box {padding:0 0 10px; margin-bottom:10px;}
.message-list { padding: 0;}
.message-list .addBtn{margin-bottom: 15px;}
.message-list dl { overflow:hidden; border:1px solid #f3af9d; margin:0 0 10px 0; }
.message-list dl dt { font-family:宋体; font-size:15px; line-height:30px; overflow:hidden; margin-bottom:10px; height:30px; padding:0 12px; background-color:#f3af9d; }
.message-list dl dt b { font-weight:normal; color:#fff; }
.message-list dl dt span { float:right; font-size:12px; color:#fff; }
.message-list dl dd { margin:15px 12px; }
.message-list dl dd p { font-size:13px; margin-bottom:10px; color:#666; }
.message-list dl dd small { font-size:12px;  color:#666;}
.message-list dl dd p i, .message-list dl dd small i{ float:left; color:#e8603c; padding-right:18px; font-size:18px}

blockquote { border-left: 5px solid #fff; margin: 0 0 20px; padding:0 ; }
blockquote small:before { content: ""; }

/*公共*/
.content-box .body-right,.TopologyLeft .body-right{ margin-top:15px;}

.SSSchazhao {width:1000px; display: block; background: #ddd;}
.content-box .body-right .mt15{margin-top: 0px !important;}
.container{ padding: 0;}
.content-box{ margin: 15px auto !important;}

.mb12{ margin-bottom: 12px!important;}
.mb8{ margin-bottom: 8px!important;}

/*针对文章搜索结果调整样式*/
.DoesNot{ margin: 0px;}
.nlist-box li:before{ position: absolute;}
.nlist-box li a{ padding-left: 12px;}
.mt15{margin-top: 0!important;}
.breadCrumb { border-bottom: 1px solid #ccc !important;border-top:none; height: 40px; color: #333; overflow: hidden;}
.content-box {
    max-width: 1180px;
    margin: 30px auto;
}
.fieldset-style h3{ color: #333; border: 1px solid; height: 40px; line-height: 40px; }

.fieldset-style .div1{ margin-bottom: 10px ;}

.content-box .body-right, .TopologyLeft .body-right{ margin-top: 0px !important;}
.TopologyLeft .body-right{ margin: 0px !important;}

.message-list dl dt b,.message-list dl dt span{ color: #fff;}

.breadCrumb em, .breadCrumb b, .breadCrumb span, .breadCrumb a{line-height: 30px;}

.container{ width: auto;}

.page .col-lg-3{ width: 40%;}
.page .col-lg-9{ width: 60%;}

a.add-to-cart{ max-width: 200px; white-space: nowrap; text-overflow:ellipsis;}

.body-right .page{ height: auto; overflow: hidden; margin: 10px 0px;}

.pro-list .thumbnail{padding: 0px;}
.pro-list .thumbnail p{ display: none;}
.pro-list .thumbnail .title{ font-size: 14px; color: #333 !important;}
.pro-list .thumbnail:hover {border:none;}

/*----小栏产品分类----*/
.pro_class_x{ margin-bottom: 15px !important; background-color: #fff;}

.title_x{ height: 40px; line-height: 40px; text-align: center; position: relative; color: #fff; font-size: 16px;}
.title_x span{ margin: 0px; padding: 0px; font-size: 16px; color: #fff;}

.pro_class_x .product-class{ padding:10px; border:1px solid #ccc; border-top: none;}
.pro_class_x .product-class li{ width:100%; line-height:38px; border-bottom: 1px solid #ccc;}
.pro_class_x .product-class li:last-child{ border-bottom: none;}
.pro_class_x .product-class li a{padding: 0 15px; display:block; color:#333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_class_x .product-class li a.second{text-indent:10px;}
.pro_class_x .product-class li a:hover, .pro_class_x .product-class li a.Themebg{ color:#fff !important; text-decoration: none;}

/*----小栏相关产品模块----*/
.p_pro_x{ margin-bottom: 15px !important;}
.smallphotoBox{ min-height: auto;}

/*----小栏相关资讯模块----*/
.p_info_x{ margin-bottom: 15px !important; background-color: #fff;}
.p_info_x .list-box{ padding: 10px; border: 1px solid #ccc;  border-top: none;}
.p_info_x .list-box li{ height:34px; line-height:34px; color:#666; text-align: left; position: relative; border-bottom: 1px solid #e1e1e1;}
.p_info_x .list-box li:before{content:"．"; position: absolute; left: 0px; top:-3px;}
.p_info_x .list-box li a{ color:#333; padding-left: 10px; display: block;}
.p_info_x .more{ text-align: center; clear: both;    margin: auto;color: #fff;padding: 0 5px;display: block;    width: 50px;}
.p_info_x .more a{ display: inline-block; font-size: 12px; position: relative; padding: 3px 10px; color: #fff; border-radius: 20px;}
.p_info_x .more i{ font-size: 14px; margin-right: 5px;}

/*----联系我们内页组件----*/
.p_contact{ margin-bottom: 15px;  background-color: #fff;}

.p_contact .contact-box{ padding: 10px; border: 1px solid #ccc; border-top: none;}
.p_contact p{ line-height: 28px; text-align: left;}

/*----大栏相关产品模块----*/
.p_pro_d{ margin-bottom:10px !important; margin-top: 10px;}
.p_pro_d .title_d{ overflow:hidden; height:40px; font-size:14px; font-weight: bold; line-height:40px; color: #fff; }
.p_pro_d .title_d span{padding:0 10px;color: #fff;display: block;float: left; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.p_pro_d .title_d .a-more {color:#fff;font-size: 12px;float: right; padding: 0 20px; line-height:40px;}
.p_pro_d .product-box li{
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}
.p_pro_d .product-box .thumbnail {border: 0;padding:0 0 2px;background: none; border-radius:0; position:relative;margin:0px;}
.p_pro_d .product-box .thumbnail .TxtBox p{color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 5px}
.p_pro_d .product-box li,.p_pro_d .product-box li:first-child{margin-top: 15px; margin: 15px 0.5% 0 \9;}

.p_pro_d .product-box li.col-md-3:nth-child(4n+1){margin-left: 0;}
.p_pro_d .div-img img{ width:100%;}
.p_pro_d .product-box .thumbnail a.ImgBox{position: relative;z-index: 2;}
.p_pro_d .product-box .thumbnail h5{text-align: center; position: relative; height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff; font-size:12px; margin: 0;    padding: 0 5px;}
.p_pro_d .product-box li .TxtBox a{color:#fff;float: right;padding:0 10px 10px;}
.p_pro_d .product-box .thumbnail h5:hover,.p_pro_d .product-box li .TxtBox a:hover{text-decoration: underline;}
.TopologyCenter .body-left{padding-top: 0;}
@media screen and (max-width: 1180px) {
.content-box{ margin: 15px 10px 0px!important;}
}

@media screen and (max-width:980px) {
	.p_pro_d .ProxBox ul .title{ margin:0px 5px;}
	.p_pro_d .ProxBox ul li.col-md-3 { margin-right:6px\9;}/*解决IE9响应兼容问题*/
}

@media screen and (max-width:870px) {
	.body-right .p_pro_d{ margin: 0 0 10px;}
	.p_pro_d .ProxBox ul .title{ margin:0;}
	.TopologyLeft .body-right, .TopologyRight .body-right{ padding: 0px;}
}

@media screen and (max-width: 600px) {
	.p_pro_d .ProxBox ul .col-md-3{ width:49.3%;}
	.p_pro_d .ProxBox ul li[class*="col-"]:nth-child(2n+1) { margin-left:0;}
	.p_pro_d .ProxBox ul li.col-md-3 { margin-right:2px\9;}/*解决IE9响应兼容问题*/
}

/*----大栏相关资讯模块----*/
.p_info_d .list-box li{ height:90px; overflow:hidden; border: 1px solid #ccc; margin-bottom: 12px; padding:0px 10px 0px 0px; box-sizing:border-box; float: left; width: 49.2%; margin-left: 1.4%; background-color: #fff;}
.p_info_d .title_d{ overflow:hidden; height:40px; font-size:14px; font-weight: bold; line-height:40px; margin: 15px 0px; }
.p_info_d .title_d span{padding:0 10px;color: #fff;display: block;float: left;width: 60%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.p_info_d .title_d .a-more{color:#fff;font-size: 12px;float: right; padding: 0 20px; line-height:40px;}
.p_info_d .list-box li .face img{ width: 120px; margin-right: 15px; float: left;}
.p_info_d .list-box li h3{ color:#666; height: 38px; line-height: 38px; background: none; margin: 0; font-size: 12px; text-align: left;}
.p_info_d .list-box li.col-md-6:nth-child(2n+1) {margin-left:0;}
.p_info_d .list-box li p{line-height: 20px; color: #666; max-height: 40px; overflow: hidden;}
@media screen and (max-width: 480px) {
	.p_info_d .list-box li{ width: 98%; margin-left: 0px;}
}

/*----小栏资讯分类----*/
.info_class_x{ margin-bottom: 15px !important;background-color: #fff;}
.info_class_x .tab-box{ padding:10px; border: 1px solid #ccc; border-top: none;}
.info_class_x .tab-box a {padding:0 15px; display:block; color:#333;line-height:38px; margin:0px; background: none; border-bottom: 1px solid #ccc;}
.info_class_x .tab-box a:last-child{border-bottom:none;}
.info_class_x .tab-box a:hover,.info_class_x .tab-box a.active{ color:#fff !important; }

/*----大栏资讯分类----*/
.info_class_d{ background-color: #fff; margin-bottom: 15px;}
.info_class_d .title_d{text-align: center;border-bottom-width:1px;border-bottom-style:solid; font-size:16px; overflow: hidden; position: relative; color:#333; margin:0px; line-height:40px;height:40px;}
.info_class_d .tab-box { overflow:hidden;}
.info_class_d .tab-box a {padding:0 10px; display:block;max-width: 240px; color:#333;line-height:30px; margin-bottom:8px;border: 1px solid #ddd; float: left; margin-right: 15px;}
.info_class_d .tab-box a:hover,.info_class_d .tab-box a.active{ color:#fff; background-color:#f3af9d;}
@media screen and (max-width:870px) {
	.info_class_d{ margin: 0 15px;}
	.body-right .info_class_d{ margin: 0;}
}

/*----大栏产品分类----*/
.pro_class_d{ background-color: #fff; margin-bottom: 15px;}
.pro_class_d .title_d{ text-align: center;border-bottom-width:1px;border-bottom-style:solid; font-size:16px; overflow: hidden; position: relative; color:#333; margin:0px; line-height:40px;height:40px;}
#ProClass {display: block!important;}
#ProClass li.Selection a{ background-color: #fff;}
#ProClass li.ac .Classtriangle:after{top: 13px;}
.pro_class_d .product-class{ padding:10px;}
.pro_class_d .product-class li{ line-height:34px; margin:0 15px 8px 0; float: left;}
.pro_class_d .product-class li a{padding: 0 15px; display:block; color:#333;border: 1px solid #ddd; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 240px;}
.pro_class_d .product-class li a.second{text-indent:10px;}
.pro_class_d .product-class li a:hover, .pro_class_d .product-class li a.Themebg{ color:#fff;}

.nlist-box li a{  width: 68%; padding-right: 0px;}
.fieldset-style h3{ color: #fff;}
a.a-btn{ margin-bottom: 5px; }
@media screen and (max-width:1030px) {
	.page .col-lg-3{ text-align: left; float: left;}
}


@media screen and (max-width:600px) {

.nlist-box li a{ width: 100%;}
}

@media screen and (max-width: 414px) {
.page .col-lg-3{ width: 45%;}
.page .col-lg-9{ width: 55%;}
.nlist-box2 li .news_det{ width: 58%;}
.nlist-box2 li .news_img{ width: 40%;}
}

@media screen and (max-width: 375px) {
.page .col-lg-3{ width: 100%; text-align: left;}
.page .col-lg-9{ width: 100%; text-align: left;}
.page .col-lg-3,.page .col-lg-9{ margin: 0px;}
.page .pagination{ padding-left: 0px;}
}

.btn-warning.btn-can{ margin-left: 0px !important; margin-top:0px; margin-right: 0px !important; padding: 0px 5px!important; height: 32px!important;margin-bottom: 5px; line-height: 32px;}

.Themebg.btn-success{  margin-bottom: 10px;padding: 0px 5px!important; margin-right:5px;height: 32px!important;}

.TopologyLeft .body-right {
    width: 76% !important;
    margin-right: 0 !important;
    margin-bottom: 0;
}
.TopologyLeft .content-box .body-left{
	width: 20% !important;
    margin-left: 0 !important;
}
.content-box{
	padding: 0 100px;
}
.page .col-lg-9{text-align: left;}
.info_class_x .tab-box a{border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;max-width: 250px !important;}
.info_class_x .tab-box a:last-child{border: 0 !important;}
@media screen and (max-width:870px) {
	.pro_class_d{ margin: 0 15px;}
	.body-right .pro_class_d{ margin: 0;}
	.content-box{padding: 0;}
}
.row{ margin:0;}
.DoesNot{text-align: center;font-size: 20px;margin: 50px 0;}
/*----按钮----*/
a.a-btn { padding:0 25px; height:40px; line-height:40px; display:inline-block; cursor:pointer; margin:15px 10px 0 0;border-radius: 5px;}
a.a-btn + a { margin-bottom:3px; }
a.a-btn.a-btn1 { background-color:#cfcdcf; color:#666666; }
a.a-btn.a-btn1:hover { background-color:#ccc; color:#FFF;}
.Themebg.btn-success { margin-bottom: 5px; margin-right: 5px;}
.btn-warning.btn-can { margin-left: 0px;}

.TopologyLeft .body-right,.TopologyLeft .body-left{ margin: 0px;}

.pro_keyword{ padding: 0px;}

a.a-btn.a-btn2 {color:#fff;}
.TopologyCenter .body-left{padding-top:25px;}

.photo.row{ padding-top: 10px;}

/*----面包屑模块----*/
.breadCrumb{overflow: hidden; height: 50px; line-height: 50px; padding: 0 100px; color:#333; border-bottom: 1px solid #eee;font-size: 12px;color: #aaa;}
.breadCrumb em { font-family: Arial; font-size: 12px; padding: 0 8px;}
.breadCrumb a { color:#aaa;margin: 0px; line-height: 50px;}
.breadCrumb a.pick{ color:#1e82c5;}
.breadCrumb em, .breadCrumb b, .breadCrumb span{ margin: 0px; line-height: 50px;}


/*----翻页模块----*/
.page{margin-top: 25px;}
.page .col-lg-3{float: right;text-align: right;}
.page .col-lg-3, .page .col-lg-9{ padding:0; margin:10px 0; height:34px; line-height:34px;}
/* .page .col-lg-9{text-align: right} */
.page .pagination{ margin:0;}
.page .pagination > li{margin-right: 10px;}
.page .pagination > li > a{ color:#666;}
.page .pagination > li:first-child > a, .pagination > li:first-child > span{ border-bottom-left-radius: 0; border-top-left-radius: 0;}
.page .pagination > li:last-child > a, .pagination > li:last-child > span{ border-bottom-right-radius: 0; border-top-right-radius: 0;}
.page .pagination > .active > a, 
.page .pagination > .active > span, 
.page .pagination > .active > a:hover, 
.page .pagination > .active > span:hover, 
.page .pagination > .active > a:focus, 
.page .pagination > .active > span:focus{ background-color: #1e82c5; border-color:#1e82c5; color:#FFF;}


/*----左侧标题模块----*/
/*----产品分类----*/
.classifi{padding: 10px 0;}
.classifi .product-class{text-align: center;}
.classifi .product-class li{position: relative; padding-right:10px;display: inline-block; height:36px; line-height:36px;}
.classifi .product-class li a{max-width: 150px;margin-top:5px; display:block;padding:0 20px;  color:#fff;border-radius:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.classifi .product-class li a.ThemeSbg{ color: #fff !important;}
.classifi .product-class li a:hover, .classifi .product-class li a.active{ color:#fff;}
.classifi#ProClass li .classBox{top: 46px;}

.classifiLeft{background: #fff;margin-top:15px;}
.ClassLeftBox .product-class{ border: 1px solid #ccc; border-top: none; }
.body-left.ClassLeftBox .product-class li{background: none; margin-bottom: 0px; border-bottom: 1px solid #ccc;}
.body-left.ClassLeftBox .product-class li:last-child{ border-bottom: none;}
.ClassLeftBox .product-class li a,.ClassLeftBox .product-class li{ line-height: 50px;}
.ClassLeftBox .product-class li a{height: 50px; white-space: normal; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.body-left.ClassLeftBox .product-class li a.ThemeSbg{color: #fff!important;}
.body-right #ProClass li.ac .Classtriangle:after{border-top-color:#fff!important;}
.body-left .LeftBox{background: #fff; }
.body-left h4,.classifi h4{height: 50px; line-height: 50px; text-align: center; position: relative; color: #fff;border-left: 1px solid #ccc;
border-right: 1px solid #ccc;}
.body-left h4 span a{color: #fff;width: 100%;height: 100%;display: block;padding-left: 45px;}
.body-left h4 { text-align: left;}
.body-left h4 span,.classifi h4 span{ font-size: 16px;}
.body-left .LeftBox .list-box{padding:10px; border: 1px solid #ccc; border-top: none;}

.LeftBox .more{ text-align: center; clear: both; margin: 10px 0px;}
.LeftBox .more a{ display: inline-block; font-size: 12px; position: relative; padding: 3px 10px; color: #fff; border-radius: 20px;}
.LeftBox .more i{ font-size: 14px; margin-right: 5px;}
#ProClassLeft li.ac .Classtriangle:after, #md_detailProductClass li.ac .Classtriangle:after{display: none;}

#ProClassLeft li.ac .Themebg, #md_detailProductClass li.ac .Themebg{background-color: #fff !important;}



/*----公司资讯----*/
.body-left .list-box{ padding:10px 0;}
.body-left .list-box li{line-height:34px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; color:#666; position: relative; border-bottom: 1px solid #e1e1e1;}
.body-left .list-box li a{ color:#333; padding-left: 10px;}
.body-left .list-box li span{ display:none;}
.LeftBox.mt15{margin-top: 15px;}
.ClassLeftBox .list-box li:before{ position: absolute; left: 0px; top: -3px;}

/*----相关产品模块---*/
.body-right .productBox{width:100%; margin:15px auto 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productBox h4.title01 {overflow:hidden; height:40px;color:#333;font-size:14px; font-weight: bolder; line-height:40px;background-color: #eee;}
.productBox h4.title01 span:before{content: "";width: 4px;height: 25px;position: absolute;left: 10px;top:8px;}
.productBox h4.title01 span{display: block; padding:0 25px;display: block;float: left;position: relative;}
.productBox h4.title01 .a-more {color:#fff;font-size: 12px;float: right; padding: 0 10px; line-height:40px;}

.productBox{ max-width: 1180px !important;}

.productBox .product-box li{
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}
.productBox .product-box .thumbnail {border: 0;padding:0 0 2px;background: none; border-radius:0; position:relative;margin:0px;}
.productBox .product-box li,.productBox .product-box li:first-child{margin-top: 15px; margin: 15px 0.5% 0 \9;}

.productBox .product-box li.col-md-3:nth-child(4n+1){margin-left: 0;}
.productBox .div-img img{ width:100%;}
.productBox .product-box .thumbnail a.ImgBox{position: relative;z-index: 2;}
.productBox .product-box .thumbnail h5{text-align: center; position: relative; height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333; font-size:12px;}

/*-----------表格---------------*/
.table-01 { width:100%; margin-bottom:15px; }
.table-01 th, .table-01 td { padding:5px 2px;font-size:14px;}
.table-01 th { text-align:right; width:60px; font-weight:normal; color:#666; font-size:14px;}
.table-01 td { color:#666; }
.table-01 .jiathis_style_24x24 { margin:0; }

.table-02{ width:100%; }
.table-02 th, .table-02 td { padding:5px 2px; font-size:12px; line-height:30px; }
.table-02 th { text-align:right; width:125px; font-weight:normal; color:#666; vertical-align:text-top; }
.table-02 td { color:#666; }
.table-02 .line-b { border-bottom:2px solid #1e82c5;}
.table-02 .line-b th{ color:#000; text-align:left;}
.table-03 th { width:80px; }
.table-02.table-02-b th {width:110px; }

/*-----------输入框---------------*/
input.text01 { border:1px solid #d8d9da; height:30px; color:#333333;  line-height: 30px; padding: 2px 5px; width:95%; size:auto;  box-shadow:0 0 2px #d6d6d6 inset; font-size:12px; }
input.text01:focus, input.text01:hover, input.text01:active { border-color: #d8d9da; box-shadow: 0 0 3px #d6d6d6; }
.textarea01 { background-color:#fff; border:1px solid #dfdfdf; padding:5px; color:#636363; width:95%; }
.textarea01:focus { border-color: #d8d9da; box-shadow: 0 0 4px #d6d6d6; }

/*----------------------------------------</END 公共模块>------------------------------------------------------*/

/*----产品列表----*/
.pro-list li{
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}
.pro-list .thumbnail {border: 0;background: none; border-radius:0; position:relative;margin:0px;}
.pro-list li.col-md-4,.pro-list li.col-md-4:first-child{height: 540px;}
.pro-list li.col-md-4:nth-child(3n+1){margin-left:0;}
.pro-list .thumbnail a.ImgBox{position: relative;z-index: 2; display: block;}
.pro-list .thumbnail h5{text-align: center; position: absolute; height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff; font-size:12px; bottom: 0px; width: 100%; background:url(/Public/Images/Theme212/black.png) repeat;}
.pro-list .div-img{ overflow: hidden;}
.pro-list .div-img img{ width:100%;}
/* .pro-list .thumbnail:hover img{-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); } */

.productBox{max-width: 1030px; margin:25px auto 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.product-breadCrumb{margin-bottom: 50px !important;}

/*-----------产品详情页---------------*/
.product-detail { padding:0; display:table; width:100%;}
.product-detail .thumbnail{ margin-bottom:0; border-radius:0;}
.product-detail .thumbnail img{ width:100%;}
.product-detail h2 { font-size:16px; padding:4px 0 5px 20px;margin:0;}
.product-detail .col-md-5, .product-detail .col-md-7{ padding:0;}


.fieldset-style {overflow:hidden; margin:15px 0 15px 10px;word-break: break-all; word-wrap:break-word;padding: 5px 0;}
.fieldset-style .div1 { padding:10px 0;  color:#aaa;}
.fieldset-style .div1 dl img { max-width:100%; }
.fieldset-style .div1 dl { overflow:hidden; margin-bottom:10px; margin-top:5px; }
.fieldset-style .div1 dl dt { margin-bottom:8px; height:30px; line-height:30px; display:block; border-bottom:1px solid #ccc;  font-size: 14px; color:#1e82c5;}
.fieldset-style .div1 dl dd { line-height:22px;  }
.fieldset-style h3{ color: #fff;}
/*-----------产品询价页---------------*/
.table-box { padding:0px; margin-bottom:10px;background: #fff;}
.RightTitle{border-bottom-width: 2px;font-size: 20px;margin-bottom: 10px; border-bottom-style:solid;line-height:45px; text-indent: 10px;}
.table-box .title.p1{ border:none; font-size:12px;  height:20px; line-height:20px;}

/*-----------客户留言、留言反馈---------------*/

.message-box {padding: 0 10px 10px; background: #fff; margin-bottom:10px;}
.message-list { padding: 0; margin-top: 10px;}
.message-list dl { overflow:hidden;border: 1px solid #ddd;margin-top: 15px;}
.message-list dl dt { font-family:"宋体"; font-size:15px; line-height:30px; overflow:hidden; margin-bottom:10px; height:30px; padding:0 5px; }
.message-list dl dt b { font-weight:normal; color:#fff; }
.message-list dl dt span { float:right; font-size:12px; color:#fff;max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.message-list dl dd { margin:0 12px; }
.message-list dl dd p { font-size:13px; color:#666; padding-bottom:10px; }
.message-list dl dd p i{ float:left; color:#333; padding-right:18px; font-size:18px}

blockquote { border-left: 5px solid #fff; margin: 0 0 20px; padding:0 ; }
blockquote small:before { content: ""; }
#inquiryForm{padding: 30px 100px 20px;}

/*-----------公司介绍---------------*/
.company-box { padding:5px 0 25px; }
.company-box p { line-height:2.1em; overflow:hidden;  color:#333; text-indent:2em; }
/*---友情链接----*/
.friendBox{margin: 15px auto 0;max-width: 1030px;}
.friendLink .link-box {height:auto; background-color:#fff; padding:5px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.friendLink .link-box h4 { color:#666; font-size:14px;line-height:30px;display: inline-block;}
.friendLink .link-box ul { overflow:hidden; display:inline;color:#666;line-height:30px;}
.friendLink .link-box ul li { position: relative; display:inline-block;margin-right: 10px; font-style:normal; padding:0 3px;}
.friendLink .link-box ul li:first-child:after{display: none;}
.friendLink .link-box ul li:after{content: '|'; position: absolute; left: -10px; top: 0;}
.friendLink .link-box ul a { word-break: break-all; word-wrap:break-word; font-style:normal;color:#666; }
.friendLink .link-box ul a:hover{color:#ddd;}


/*-----------网站地图---------------*/
.map-box {padding:0; margin-bottom:10px;}
.map dl { border-bottom:1px dashed #ccc; padding:12px; font-size:13px; margin:0px; }
.map dl:last-child { border-bottom:none; }
.map dl dt { float:left; color:#000; }
.map dl dd { display:inline; margin:0px; }
.map dl dd a { margin:0 10px 10px; float:left; color:#666}
.map dl dd a:hover { color:#1e82c5}
.map dl dd p { overflow:hidden; }

.map-box1 { margin:15px 0; min-height:300px;}
/*----新闻资讯----*/
.BgP10{background: #fff;}
.tab-box { overflow:hidden; padding:0 0 25px; }
.tab-box a { margin-right:10px; padding:10px 25px; display:inline-block; color:#333;  margin-bottom:10px; border: 1px solid #aaa;max-width: 118px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tab-box a.Themebg:hover{color: #fff;}
.tab-box a:hover, .tab-box a.Themebg{color: #fff;}

.nlist-box{padding: 0px;}
.nlist-box li{ height:35px; line-height:35px; overflow:hidden; color:#666; border-bottom:1px solid #CCC; position: relative;}
.nlist-box li:before{ content:"●  "; left: 0px;}
.nlist-box li a{ color:#666; padding-left: 15px; float: left; width: 70%;}
.nlist-box li span{ color:#666; display:block; position: absolute; right: 0px; top: 0px;}
.nlist-box2 li{ margin-bottom: 50px; height: auto; overflow: hidden;width: 22.75%;margin-right: 3%;float: left;}
.nlist-box2 li:nth-child(4n){margin-right: 0;}
.nlist-box2 li .news_img{ width: 30%; float: left;}
.nlist-box2 li img{ width: 100%;}

.nlist-box2 li .news_det{ width: 68%; float: right;}
.nlist-box2 li p{ font-size: 14px; height: 30px; line-height: 30px; color: #333; padding:0px;}
.nlist-box2 li .time{ color: #666; display: block; padding:0px; color: #fff; height: 25px; line-height: 25px; width: 85px; text-align: center;}
.nlist-box2 li .det_box{ line-height: 24px; height: 72px; overflow: hidden; color: #333; margin-top: 10px;}
.body-right .page{ clear: both; margin: 30px 0 0  !important;}
.ProductClassBox .body-right .page{margin: 0  !important;}

.p_artlelist h3 span{ color: #333 !important; padding: 0px 10px; font-size: 14px; font-weight: bold; display: inline-block;}
.p_artlelist h3{ height: 42px; line-height: 42px; padding: 0px; margin-bottom: 10px;}
.p_artlelist h3 a{color: #fff; padding: 0px 20px;}
.p_artlelist h3 a.Themetxthover{ color: #333 !important;}

.btn-warning.btn-can{ margin-left: 0px !important; margin-top:0px; margin-right: 0px !important; padding: 0px 5px!important; height: 32px!important;margin-bottom: 5px; line-height: 32px;}

.Themebg.btn-success{  margin-bottom: 10px;padding: 0px 5px!important; margin-right:5px;height: 32px!important;}

/* 小屏幕 一*/
@media screen and (max-width:1180px) {
	.footerBox{ margin: 0px 15px !important;}
}

@media screen and (max-width:1030px) {
	.page .col-lg-3{ text-align: left; float: left;}
	.page .col-lg-3, .page .col-lg-9{ margin:0; }
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 600px) {
	.product-details .col-md-5{ padding:0;}
	/*产品列表*/
	.classifi{padding:5px 0;}
	.row .pro-list li.col-md-4,.productBox .product-box  li.col-md-4{width:49%;margin-left: 0;margin:10px 0 \9; }
	.row .pro-list li.col-md-4:nth-child(2n),.productBox .product-box  li.col-md-4:nth-child(2n){margin-left: 2%;}
	.productBox{margin:10px auto 0;}
	.body-right .productBox{margin:10px auto 0;padding: 0;}
	.nlist-box2 li .det_box{ line-height: 22px; height: 66px; margin-top:5px }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/
@media screen and (max-width: 480px) {
	.pro-list .thumbnail .more{ margin:10px auto; float:none;  width:120px;}
	.pro-list .thumbnail .col-md-4, .pro-list .thumbnail .col-md-9{ width:100%; padding:0;}
	.pro-list .thumbnail h3{ text-align:center; margin-top:10px;}
	a.a-btn + a { margin-bottom:8px; }
	.nlist-box li span{ display:none;}

	.RightTitle2 .lineBox{height: 2px;}
	.RightTitle2 .TxtBox{border-width: 1px;}

	.productBox .product-box li{ width: 48%; margin-left: 2%;}
	.productBox .product-box li:nth-child(2n+1){ margin-left: 0px;}

	.nlist-box2 li .det_box{ height: 44px;}
	.Themebg.btn-success,.btn-warning.btn-can{ float: inherit; vertical-align: top; margin-right: -10px;}
	.Themebg.btn-success{ margin-right: -10px;}

}

@media screen and (max-width: 414px) {
.page .col-lg-3{ width: 45%;}
.page .col-lg-9{ width: 55%;}
.nlist-box2 li .news_det{ width: 58%;}
.nlist-box2 li .news_img{ width: 40%;}
}

@media screen and (max-width: 375px) {
.page .col-lg-3{ width: 100%; text-align: left;}
.page .col-lg-9{ width: 100%; text-align: left;}
.page .col-lg-3,.page .col-lg-9{ margin: 0px;}
.page .pagination{ padding-left: 0px;}
}

/* 的手机的分辨率一*/
@media screen and (max-width: 320px) {
	/*产品列表*/
	.row .pro-list li.col-md-4{width:100%;margin-left:0 !important;padding: 0;}
	.table-02.table-02-b th{ width:85px; line-height:20px;}
	.table-02-b td{ line-height:20px;}
	.table-02 th{ width:80px;}
	.productBox .product-box  li.col-md-4{ width:100%;margin-left: 0 !important;}
	.nlist-box2 li .det_box{ height: 22px;}
}


#pp{ height: 33px;}


/* 新加的 */
.content-box-y,.product-detail-box{padding: 0 !important;margin: 0 !important;}
.TopologyLeft .body-right{width: 70%;margin-right: 100px ;margin-bottom: 30px;}
.TopologyLeft .body-left{width: 15% !important;margin-left: 100px ;}
.add{width: 15px;height: 15px;text-align: center;border: 1px solid #aaa;display: inline-block;line-height: 12px;margin-right: 15px;visibility: hidden;}
.add::before{content: "+"; font-size: 12px !important;font-weight: normal !important;}
.acc .add::before{content: "-";}
.moreClass{visibility: visible;}
.ClassLeftBox .product-class li a,.ClassLeftBox .product-class li a:hover{font-weight: bold;}
.ClassLeftBox .product-class li .Second,.ClassLeftBox .product-class li .Second:hover{font-weight: normal;}
#ProClassLeft li .second{text-indent: 45px;}
.ClassLeftBox .product-class{padding: 0;}
.thumbnail{padding: 0;}
.page .col-lg-3, .page .col-lg-9{margin: 0;}

.TopologyLeft .signPageDetail-right{width: 100%;padding: 0 100px;box-sizing: border-box;margin: 0;width: 100%;}
.signPageDetail-content-box{margin-top: 0 !important;}
.product-item {
	/* height: 535px; */
	text-align: left;
	border: 1px solid #eeeeee !important;
}

.product-item:hover {
	box-shadow: rgba(153, 153, 153, 0.35) 0px 0 10px;
	background-color: #fef6ed;
}

.product-item:hover .mask {
	display: block !important;
}

.product-item .ImgBox .div-img {
	width: 100%;
	max-height: 300px;
	overflow: hidden;
	position: relative;
}

.product-item .ImgBox .div-img img {
	width: 100%;
}

.product-item .ImgBox .div-img .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	display: none;
	z-index: 1;
}

.product-item .ImgBox .div-img .mask span {
	font-size: 40px;
	color: #fff;
	display: inline-block;
	width: 46px;
	height: 46px;
	text-align: center;
	border: 2px solid #fff;
	line-height: 40px;
	margin: auto;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}

.product-item .ImgBox .name {
	margin: 20px 20px 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	height: 48px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.product-item .ImgBox .digest {
	margin: 0 20px 20px;
	font-size: 12px;
	line-height: 24px;
	height: 72px;
	color: #aaa;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

}

.product-item .ImgBox .price {
	font-size: 16px;
	font-weight: bold;
}

.product-item .ImgBox .detail {
	float: right;
	font-size: 14px;
	color: #aaa;
}

.product-bottom {
	margin: 0 20px;
	padding: 15px 0;
	border-top: 1px solid #eee;
}
/* 底部菜单 */
/*---footer----*/
.footerpc{padding: 0 100px;box-sizing: border-box;border-top: 1px solid #eee;width: 1600px;margin: 0 auto;background-color: #fff;}
.footers { width:100%; }
.footerBox{margin: 0 auto;max-width: 1180px;}
/* .footers .footers-box{padding:15px 0;} */
.footers .footers-box a{margin-right:10px;color: #333;word-break: break-all; word-wrap:break-word; text-decoration: underline;}
.footers .footers-box p{ padding:0;font-size:12px; line-height:20px;} 

.infooternav{ overflow: hidden; color: #999;width: 1400px;}
.content-box.infooternav{max-width: 1400px !important;}
.infooternav_left{ float: left; width: 20%;}
.infooternav_con{float: left; width: 20%;}
.infooternav_right{ float: right; width: 25%;}
.infooternav .frcon p{ color: #aaa; line-height: 24px; font-size: 12px;}
.infooternav .frer ul li{ display: inline-block; text-align: center; }
.infooternav .frer ul li:nth-child(1){ margin-right: 20px;}
.infooternav .frer ul li img{ width: 100px; padding: 5px; background-color:rgba(255, 255, 255, .1);}
.infooternav  p{color: #aaa;}
.infootercon{background: url(/Public/Images/Theme261/line3.jpg) repeat-x right top; padding: 20px 0; text-align:center;  color: #aaa;}
.infooternav .fpp20{ height: 300px;}
.infooternav .frer img{ margin:20px 0 10px 0 ;}


.infooternav  h3{ display: block; padding-bottom: 20px;  position: relative;  font-size: 16px;color: #333;}
.infooternav  h3:before{ content: '';width: 20px;	height: 2px;	background-color: #666; position: absolute; bottom: 0;}
.infooternav .fnavlist ul{ padding-top: 15px;}
.infooternav .fnavlist ul li{ line-height: 30px; font-size: 14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0px 35px 0 0;}
.infooternav .fnavlist ul li a{ color: #aaa;}
.infootercon p{ color: #aaa; padding: 5px 0;}
.footerpc{ display: block;}
.footerm{ display: none;}
/*-----------</END>---------------*/

.footersInformation{ width: 100%; text-align: center;}
.tpl_footers .footers .footersInformation p{ text-align: center;}
/* 产品详情 */
.product-detail .col-md-7 .Themefont{font-weight: bold;color: #333 !important;}
.standard th{display: block !important;}
.product-detail .col-md-7 h1, .product-detail .col-md-7 .Themefont{padding: 4px 0 5px 10px;}
.input-group-addon{background-color: #fff;}
body .product-detail .ProductimgSmall{border: 0 !important;}
.product-detail-box .breadCrumb{margin-bottom: 40px;}
.clearfixHeight{height: 30px;}
/* 新闻资讯 */
.new-content-box{width: 100% !important;padding: 0 100px;box-sizing: border-box;float: none !important;}
.new-breadCrumb{margin-bottom: 15px;}
.new-img {
	padding: 8px 10px;
	background: #f8ede1;
	position: relative;
}
.new-img .new-img-mask {
    width: calc(100% - 20px);
    height: calc(100% - 16px);
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    display: none;
    z-index: 1;
}
.new-item-content:hover .new-img .new-img-mask {
    display: block;
}

.new-img img {
	width: 100%;
	max-height: 195px;
}

.new-title {
	margin-top: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	line-height: 23px;
	height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.new-time {
	margin: 10px 0 15px;
}

.icon-rili {
	margin-right: 5px;
}

.new-time,
.new-detail {
	font-size: 12px;
	color: #999;
	line-height: 24px;
	
}

.new-detail {
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 72px;
}

.new-swiper-container {
	margin: 0 35px !important;
}

.new-right-container {
	width: 14%;
	position: relative;
}

.todatail {
	width: 100%;
	padding: 60px 15px;
	box-sizing: border-box;
	margin-top: 20px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: relative;
	display: inline-block;
}

.todatail:hover {
	color: #fff;
}

.todatail:hover .new-nav-mask {
	width: calc(100% - 30px);
	height: 100%;
	background: rgba(255, 255, 255, 0.05);
	position: absolute;
	top: 0;
}

.todatail i {
	margin-bottom: 10px;
}

.swiper-button-prev-3,
.swiper-button-next-3 {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: absolute;
	cursor: pointer;
}

.swiper-button-prev-3 {
	bottom: 80px;
}

.swiper-button-next-3 {
	bottom: 30px;
}

.swiper-button-prev-3:hover .new-nav-mask {
	width: calc(100% - 40px);
	height: 100%;
	background: rgba(255, 255, 255, 0.05);
	position: absolute;
	top: 0;
}

.swiper-button-next-3:hover .new-nav-mask {
	width: calc(100% - 40px);
	height: 100%;
	background: rgba(255, 255, 255, 0.05);
	position: absolute;
	top: 0;
}
/* 相关推荐 */
.swiper-slide {
	text-align: center;
}
.relate-swiper,.recommend-swiper{margin: 35px 0 10px;}
.product-swiper-wrapper {
	margin-bottom: 60px;
}

.product-item {
	text-align: left;
	border: 1px solid #eeeeee !important;
}

.product-item:hover {
	box-shadow: rgba(153, 153, 153, 0.35) 0px 0 10px;
	background-color: #fef6ed;
}

.product-item:hover .mask {
	display: block !important;
}

.product-item .ImgBox .div-img {
	width: 100%;
	max-height: 300px;
	overflow: hidden;
	position: relative;
}

.product-item .ImgBox .div-img img {
	width: 100%;
}

.product-item .ImgBox .div-img .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	display: none;
	z-index: 1;
}

.product-item .ImgBox .div-img .mask span {
	font-size: 40px;
	color: #fff;
	display: inline-block;
	width: 46px;
	height: 46px;
	text-align: center;
	border: 2px solid #fff;
	line-height: 40px;
	margin: auto;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}

.product-item .ImgBox .name {
	margin: 20px 20px 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	height: 48px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.product-item .ImgBox .digest {
	margin: 0 20px 20px;
	font-size: 12px;
	line-height: 24px;
	height: 72px;
	color: #aaa;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

}

.product-item .ImgBox .price {
	font-size: 16px;
	font-weight: bold;
}

.product-item .ImgBox .detail {
	float: right;
	font-size: 14px;
	color: #aaa;
}

.product-bottom {
	margin: 0 20px;
	padding: 15px 0;
	border-top: 1px solid #eee;
}
/* 新闻详情 */
.newDetail-breadCrumb{margin-bottom: 0 !important;border: 0;}
.TopologyLeft .newDetail-body-right{width: 100% !important;margin-right: 0 !important;}
.news1-title{background-color: #eee;padding: 30px 0;position: relative;width: 100%;}
body .news-nr-box h1{font-size: 24px;text-align: center;line-height: 35px;padding: 0 100px;}
body .news-nr-box h6{margin: 0;font-size: 14px;line-height: normal;margin-top: 15px;color: #aaa;}
body .news-nr-box h6 a{color: #aaa;}
body .news-nr-box h6 i{margin-right: 10px;}
.content-padding-y{padding: 0 100px;box-sizing: border-box;}
.pro_keyword a{line-height: 35px; display: inline-block;padding: 0 25px;background: #ddd;border-radius: 5px;font-size: 14px;color: #333 !important;text-align: center;}
body .news-nr-box p{margin: 20px 0;}
.pager .previous>a, .pager .next>a{color: #333;margin: 0 !important;padding: 0;line-height: auto;display: inline-block;line-height: 50px;height:50px;max-width:100%;width: 100%;text-align:center;font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pager .previous, .pager .next{background-color: #ddd;}
.pager .previous>a:hover, .pager .next>a:hover{opacity: 1;color: #fff;}
.pager{padding: 5px 100px 0;}
body .news-nr-box iframe{margin-top: 20px;}
/* 公司介绍 */
.TopologyLeft .company-box-y{width: 100%;margin: 0 !important;padding: 0 100px;box-sizing: border-box;}
.company-name{text-align: center;font-size: 18px;font-weight: bold;color: #333;margin-bottom: 25px;}
.content-box-y .breadCrumb{margin-bottom: 45px;}
.Company_imgbox{margin: 0 0 35px;}
/* 留言反馈 */
.message-content-box{width: 100% !important;padding: 0 100px;box-sizing: border-box;float: none !important;}
/* 图库展示 */
.album-content-box{width: 100% !important;padding: 0 100px;box-sizing: border-box;float: none !important;}
.photo.row .layout_default p{margin-bottom: 10px;}
/* lBS */
.table-02 th{width: 60px;}
a.a-btn{margin: 0 10px 0 0;border-radius: 0;}
/* banner */
.renbanner{ text-align:center; position: relative;}
.renbanner .item-img{ opacity: .9;}
.renbanner .item-img img{ width: 100%; max-height: 350px;}
.renbanner .item-con{ width: 100%;position: absolute; top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.renbanner .item-con p{font-weight: bold;letter-spacing: 2px; font-size: 30px; color: #fff;opacity: .5;position: absolute; top: 50%;left: 50%; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.renbanner .item-con h3{font-weight: bold;letter-spacing: 2px; font-size: 30px; color: #fff; top: -20px;position: absolute;left: 50%; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

/* 招聘 */
.breadCrumbbox .breadCrumb{padding: 0 100px !important;box-sizing: border-box;margin-bottom: 0;margin-top: 0 !important;}
.recruitn_title{margin: 0px 100px; height: 50px; line-height: 50px;box-sizing: border-box;background-color: #eee;}
.recruitn_title_one {font-weight: bold;}
.recruitn_title ul li{ float: left; width: 15%; line-height: 50px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.recruitn_title ul li:nth-child(1),.recruitn_title ul li:nth-child(3){ width: 30%}
.recruitn_title ul li:nth-child(5){ width: 10%; text-align: right;font-size: 18px;padding-right: 15px;box-sizing: border-box;}
.recruitn_title ul li .icon-zuo-copy{border: 0;border-radius: 0;margin: 0;height: 50px;line-height: 50px;width: auto;padding-right: 5px;box-sizing: border-box;text-align: left;}
.recruitn_title ul li i:before{ font-size: 14px;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   -webkit-transition: all .5s linear 0s;
    -moz-transition: all .5s linear 0s;
    -ms-transition: all .5s linear 0s;
    -o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}
.recruitn_title ul li .icon-zuo-copy{display: none;}
.recruitn_title ul li:nth-child(1){padding-left: 25px;box-sizing: border-box;}
.detailBox a{ display: block; width: 90px; text-align: center;  background-color:@Themebg; line-height: 35px; border-radius: 5px; margin-top: 10px;color:#fff;}
.detailBox a:hover{ color: #fff !important;}
.Employment li{ color: #333;}
#zpopen,.list_dt:hover{ cursor: pointer; background-color: @Themebg;color:#fff !important;}
#zpopen ul li i:before{display: inline-block;-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
.recruitn_title{ margin-bottom: 10px;}
.list_dd{display: none; margin: 0 100px;padding:20px 0 20px 25px;box-sizing: border-box; overflow: hidden; background-color: #eee;  margin-bottom: 10px;}
.list_dd .item_img{ float: left; max-width:30% ;}
.list_dd .item_img img{ width: 90%;}
.list_dd .item_con{ float: left; max-width:69% }
.list_dd .item_con ul li{ line-height: 30px;}
#zpopen{ margin-bottom: 0;}
.rcon100{max-width:100% !important; }
.recruitn_box .page{padding: 0 100px;}
/* 招聘详情 */
.articledetailbox .content-box{margin-top: 0;}
.recruit-content-box{width: 100% !important;padding: 30px 100px !important;box-sizing: border-box;}
.recruit-content-box .body-right{width: 100%;margin: 0 !important;}
.detail-info{margin-top: 0;}
.detail-info li{padding: 0;font-size: 14px;line-height: 25px;}
.Employment .RequirementBox li{padding: 0;line-height: 25px;font-size: 14px;}
.Employment .RequirementBox{padding: 10px;margin:10px 0;}
.Employment .detailBox{padding: 15px 0 25px;}
.npager a{font-size: 14px;color: #333;display: block;width: 100%;height: 40px;line-height: 40px;background: #eee;margin-bottom: 5px;padding-left: 10px;}
.npager a:hover{background-color: @Themebg;color:#fff;}
/* 联系我们 */
.TopologyLeft .contact-box{width: 100%;margin: 0 !important;}
.contactbg{background-color:@ThemeFbg}
.itemcontact{ padding: 40px 100px 30px;}
.itemcontact .itemcontactlist ul{ overflow: hidden;}
.itemcontact .itemcontactlist ul li{ float: left; width: 33.3%; overflow: hidden;  }
.itemcontact .contact_i{ float: left; width: 100px; height: 100px; line-height: 100px; border: solid 1px #abaaa9; text-align: center}
.itemcontact .contact_i i:before{ font-size: 40px; color: #aaa;} 
.itemcontact .contact_i .icon-dizhi:before{font-size: 45px;}
.itemcontact .contact_i .iconyouxiang:before{ font-size: 35px; color: #aaa;} 
.itemcontact .contactcon{ width: 90%;}
.itemcontact .contact_item{ float: right; width: calc(100% - 120px); font-size: 16px; padding-top: 10px; line-height: 30px }
.itemcontact .contact_item b{ display: block; font-weight: normal; padding-bottom: 5px;}
.contactbox .lbs-box{ display: none;}
.contactbox .map-box1{min-height: 600px;}
.itemcontactmore{ background-color: #eee; padding: 25px 20px;}
.itemcontactmore ul{overflow: hidden;}
.itemcontactmore ul li{ float: left; width: 33.3%; padding: 5px 0;}
.itemcontactmore ul li div{ width: 90%;}
.contact-box .lbs-box{margin-left: 33px; display: none;}
.contact-box .map-box1{min-height: 530px;margin:25px 0 70px;}
@media screen and (max-width: 870px) {
.footerpc{ display: none;}
.footerm{ display: block;  width: 90%; text-align: center; margin: 0 auto; padding-bottom:  60px;}
.footerm p{ color: #aaa; padding: 5px 0;}
}
.Whitefont{
    color: #fff !important;
}
@media screen and (max-width:768px) {
	.ProductClassBox{padding: 0 !important;width:100% !important;}
	.TopologyLeft .body-right{width: 100% !important;margin: 0 !important;box-sizing: border-box;padding:20px 15px;}
	.pro-list li.col-md-4, .pro-list li.col-md-4:first-child{height: auto;margin-bottom: 20px;}
	.product-item .ImgBox .detail{float: none !important;display: block;margin-top: 5px;}
	.product-item{height: auto !important;}
	.product-item .ImgBox .name{margin: 10px !important;font-size: 12px !important;line-height: 16px !important;height: 32px !important;}
	.product-item .ImgBox .digest{margin: 10px 10px 15px !important;font-size: 12px !important;line-height: 18px !important;height: 54px !important;}
	.product-bottom{margin: 0 !important;padding:10px !important;}
	.content-box .page .col-lg-9{text-align: right;}
	.content{width: 100% !important;padding: 0 !important;}
	.fieldset-style{margin-left: 0;}
	.relate-swiper,.recommend-swiper{margin: 25px 0 5px;}
	.tab-box{display: none;}
	.nlist-box2 li{width: 48%;margin: 0 1% 25px;}
	.nlist-box2 .new-img{width: 100%;}
	.nlist-box2 .new-time{height: auto;}
	.TopologyLeft .new-content-box{padding: 15px 10px 0;}
	.TopologyLeft .newDetail-body-right{padding: 15px 10px;}
	body .news-nr-box h1{font-size: 18px;text-align: center;}
	.news1-title{padding: 20px 10px;box-sizing: border-box;}
	body .news-nr-box h6{font-size: 12px;margin-top: 10px;}
	.content-padding-y{padding: 0;}
	.pro_keyword a {line-height: 30px;padding: 0 20px;border-radius: 3px;font-size: 12px;margin-bottom: 10px;}
	.pager{margin: 0;}
	.pager .previous, .pager .next{width: 100%;margin-bottom: 10px;}
	.pager .previous>a, .pager .next>a{padding:0 10px;height: 40px;line-height: 40px;}
	body .news-nr-box iframe{margin: 20px 0 0;}
	.recruitn_title .icon-zuo-copy::before{margin: 0 5px 0 0;}
	.recruitn_title ul li .icon-zuo-copy{display: inline-block;position: absolute;font-size: 16px;right: 25px;width: 0;height: 0;right: 10px;}
	.recruitn_title ul li .icon-zuo-copy::before{}
	.recruitn_title ul li{display: none;}
	.recruitn_title{margin: 10px 10px 0;}
	.list_dd{margin: 0 10px;padding: 15px 10px;}
	.list_dd .item_img{float: none;max-width: 100%;}
	.list_dd .item_img img{width: 100%;}
	.recruitn_title ul li:nth-child(1){padding:0 30px 0 10px;display: block;width: 100%;box-sizing: border-box;}
	.recruit-content-box{padding: 0 !important;margin: 0 !important;}
	.npager a{box-sizing: border-box;}
	.itemcontact{padding: 0;}
	.itemcontactmore ul li{width: 100%;}
	.itemcontactmore{padding: 10px;}
	.contact-box .lbs-box{margin-left: 0;}
	.contact-box th{width: 0;}
	.table-02 th, .table-02 td{padding: 5px 0px;}
	.contact-box .map-box1{margin: 10px 0 0;}
	.itemcontact .contact_item{padding-top: 0;}
	.itemcontact .itemcontactlist ul li{width: 100%;margin-bottom: 20px;}
	.itemcontact .itemcontactlist ul li:last-child{margin-bottom: 5px;}
	.itemcontact .contact_i .icon-dizhi:before{font-size:35px;}
	.itemcontact .contact_i{width: 60px;height: 60px;line-height: 60px;}
	.itemcontact .contact_item b{padding-bottom: 0;}
	.itemcontact .contact_item{font-size:12px;line-height: 20px;margin-left: 80px;float: none;}
	.new-content-box .new-title{margin-top: 10px;}
	.recruitn_box{margin:0 !important;}
	.new-item-content:hover .new-img .new-img-mask{display: none;}
	body .news-nr-box h1{padding: 0;line-height: 30px;}
	body .news-nr-box h6 span{width:50%;text-align: left;margin: 0 10px 0 0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.contact-box-new{padding: 0 !important; margin: 0 !important;}
	#inquiryForm{padding: 0;}
	.signPageDetail-right{width: 100%;padding: 0 !important;box-sizing: border-box;margin: 0;}
}

@media screen and (max-width: 1360px){
	.TopologyLeft .body-right {width: 65%;}
	.TopologyLeft .body-left{width:23%}
}
/*---footer----*/
.footers { width:100%; }
.footerBox{margin: 0 auto;max-width: 1180px;}
.footers .footers-box{padding:15px 0; color: #fff !important;}
.footers .footers-box a{margin-right:10px;color: #333;word-break: break-all; word-wrap:break-word; text-decoration: underline;}
.footers .footers-box p{ padding:0;font-size:12px; line-height:20px;}
.footersInformation .Themefont{color: #fff !important;}
/*-----------</END>---------------*/

.column{border:none}
 .column:hover{border:none}