/*
Theme Name: default
Description: 默认模板
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */
*{
  font-size: 16px;
  font-family: "AvenirNextLTPro"
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select,th,td{padding: 0px; margin: 0px; color:#333; font-size:16px; font-family:AvenirNextLTPro;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size: 100%}
address,cite,dfn,em,var{ font-style:normal}
.h1, .h2, .h3, h1, h2, h3{
  margin: 0;
}
tbody{
  width: 100%;
}
small { font-size:16px}
ul,ol{ list-style-type:none; list-style-image:none}
a { color:#333; text-decoration:none; outline:none;}
a:hover{ color:#d71112;}
sup { vertical-align:text-top}
sub { vertical-align:text-bottom}
legend { color:#000}
img { border:0; vertical-align:middle;}
table { border-spacing:0; border-collapse:collapse; width:100%; border:1px solid #000; border-width:1px 0 0 1px;}
table td{ padding:10px; border:1px solid #000; border-width:0 1px 1px 0;}
div{ zoom:1;}
.clear{ clear:both;}
.fix:after{ display:table; clear:both; content:"";}
.fix{ zoom:1;}
.le{ float:left; display:inline;}
.ri{ float:right; display:inline;}
.b{ font-weight:bold;}
.width1150{ max-width:1140px; min-width:300px; margin:0 auto; overflow: hidden;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1468205749'); /* IE9*/
  src: url('../font/iconfont.eot?t=1468205749#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1468205749') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1468205749') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1468205749#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face{
  font-family:AvenirNextLTPro;
  src:url("../font/AvenirNextLTPro-Regular.otf");
  font-style:normal;
  font-weight:normal;
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

body{ width:100%; overflow-x:hidden;}
.container{ width:100%;  position:relative; margin:0; padding: 0;}
.richtext * {
  
  color: #000;
}

.richtext {
  line-height: 1.8em;
  font-size: 14px;
}

.richtext img {
  max-width: 100%;
}
.richtext table {
  border: solid 1px #888;
  margin:0px auto;
}
.richtext table tr td {
  padding: 3px 10px;
  border: 1px solid #888;
  cellspacing:0;
  cellpadding:0;
}
.richtext table tr td p{
  margin-bottom: 0;
}
.richtext table tr:nth-child(2n){
  background: #ddd;
}
.richtext strong {
  font-weight: bold;
}
.richtext em {
  font-style: italic;
}
.richtext p {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
 
.sep-header{ max-width:1150px; min-width:300px; margin:0 auto; position:relative; overflow: hidden;}
.logo{ float:left; margin:20px 0;}
.logo p{ display:inline-block; margin:0 0 0 10px; line-height:62px; font-size: 18px;}
.sep-header .search{ float:right; margin:45px 0 0 0; background:#efefef; border-radius:5px; width:185px; height:30px;}
.sep-header .search .text{ outline: none; width:124px; height:24px; line-height:24px; float:left; border:0; background:none; padding:3px 0 0 10px; color:#d7d7d7;}
.sep-header .search_btn{ width:27px; height:22px; background:url(../images/search.png) no-repeat; border:0; margin:4px 12px 0; cursor:pointer; float:left; }
.lis{     position: absolute;
    top: 10px;
    right: 72px;}
.lis a{ font-size:16px; color:#000; margin:0 30px 0 0;}

.sep-nav{ clear:both; width:100%; height:45px; border-bottom:3px solid #a40001;}
.sep-nav > ul{ width:1150px; margin:0 auto;}
.sep-nav li{ float:left; line-height:45px; text-align:center; position:relative;}
.sep-nav li:last-child{ margin:0;}
.sep-nav a{ display:block;  color:#000; font-size:16px; padding:0 18px 0; line-height: 42px;}
.sep-nav a:hover,
.sep-nav .on{ border-bottom:3px solid #ffd200;}
.sep-nav .ul{ background:#FFF; position:absolute; top:45px; z-index:999; min-width:177px; float:left; display:none; overflow:hidden; border:3px solid rgba(243,0,0,.3); border-top:0; border-radius:0 0 5px 5px;}
.sep-nav .ul li{ width:100%; text-align:left; white-space:nowrap; border-top:1px solid rgba(255,255,255,.7); border-bottom:1px solid rgba(51,51,51,.7);}
.sep-nav .ul li:first-child{ border-top:none;}
.sep-nav .ul li:last-child{ border-bottom:none;}
.sep-nav .ul a{ color:#333;}
.sep-nav .ul a:hover{ border:0; background:rgba(243,0,0,.6); color:#fff;}
.bx-wrapper .bx-pager{
  bottom: 12px;
}
.banner a .sep-banner-ad{
    position: absolute;
    z-index: 100;
    top:20%;
}
.banner  a .sep-banner-ad1{
    left: 48%;
    max-width: 700px;
}
.banner  a .sep-banner-ad2{
    left: 15%;
    max-width: 1200px;
}
.banner  a .sep-banner-ad3{
    left: 15%;
    max-width: 1200px;
}
.banner  a .sep-banner-ad3 .hd3{
    font-size: 42px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
}
.banner  a .sep-banner-ad2 .hd2{
    font-size: 60px;
    color: #ff6c00;
    font-weight: bold;
    text-shadow: 0 0 20px #fff;
}
.banner  a .sep-banner-ad2 .bd2{
    color: #000;
    font-size: 18px;
    margin-top: 7%;
    font-style: italic;
}
.banner  a .sep-banner-ad1 .hd1{
    font-size: 60px;
    color: #ff6c00;
    font-weight: bold;
    /*text-shadow: 0 0 20px #fff;*/
}
.banner  a .sep-banner-ad1 .bd1{
    color: #fff;
    font-size: 18px;
    margin-top: 9%;
    font-style: italic;
}
.bx-wrapper .bx-pager .bx-pager-item a{
    width: 22px;
    height: 22px;
    background: rgba(255,255,255,0.5);
    display: block;
    margin: 0 7px;
    border-radius: 0;
}
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active{
  background: #fff;
}
.bx-wrapper .bx-controls-direction a{
  display: none;
}
.nei_banner{ margin:0 auto; width:100%; border-top:8px solid #ffd200; text-align:center;}
.nei_banner img{ width:100%;}
.banner{ margin:0 auto;max-height:610px; width:100%; border-top:8px solid #ffd200; overflow:hidden;}
.focus{ width:100%; margin:0 auto; position:relative;}
.pic{ overflow:hidden; width:100%; }
.pic .right, .pic .right img{ float:left; width:100%;}
.tip{ position:absolute; left:0; right:0; bottom:15px; z-index:99; text-align:center;}
.tip li{ width:22px; height:22px; background:rgba(255,255,255,0.5); display:inline-block; margin:0 5px;}
.tip .on{ background:#fff;}

.content{max-width:1150px; min-width:300px; margin:0 auto; min-height:500px;}
.content p.title{ height:60px; line-height:60px; color:#000; font-weight:bold; font-size:26px; /*margin:40px 0 30px;margin-top: 0; border-bottom:1px solid #ddd;*/}
.content h2.title a{ font-size:16px; color:#c40000; float:right;}
.content h2.title a:hover{ text-decoration:underline;}

.products{ clear:both; position:relative;}
.db{ overflow:hidden;}
.picList li{ width:270px; float:left; margin:0 8px; position:relative;}
.picList dl{ /*background:#eaeaea; border:1px solid #eaeaea;*/ border-radius:0 0 8px 8px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.picList dt{ width:100%; height:270px; margin:0 0 10px;text-align: center;}
.picList dt img{ width:90%; border-radius: 6px;}
.picList dd{ color:#8d8d8d; font-size:16px; line-height:25px; overflow:hidden; padding:0 5px;}
.picList dd a{ color:#000; font-size:16px;}
.picList dd a:hover{
	color:#f30000;
	text-decoration:underlinel;
}
.picList dd:hover{
	color:#f30000;
}
.picList dd:nth-child(2){ height:50px;}
.picList dd:nth-child(3){ height:75px; margin:0 0 10px;}
.picList .more{ position:absolute; top:0; right:0; bottom:146px; left:0; background:rgba(255,255,255,0); text-align:center; line-height:270px; transition:all .7s; -webkit-transition:all .7s;}
.picList .more a{ display:inline-block; min-width:110px; height:40px; line-height:30px; padding:0 15px; padding:5px; color:#fff; font-size:18px; background:#ff6c00; opacity:0; transition:all .7s; -webkit-transition:all .7s;}
.picList .more a:after{ content:""; float:right; width:0; height:0; border:10px solid #fff; border-color:transparent transparent transparent #fff; margin:5px 0 0;}
.picList li:hover .more{ background:rgba(255,255,255,.6);}
.picList li:hover .more a{ opacity:1; transition:all .7s .2s; -webkit-transition:all .7s .2s;}
a.prev{ width:21px; height:53px; background:url(../images/prev_1.png) no-repeat; position:absolute; left:-21px; top:267px; z-index:99;}
a.next{ width:21px; height:53px; background:url(../images/next_1.png) no-repeat; position:absolute; right:-21px; top:267px; z-index:99;}
/*.picList li:nth-child(1n) dt{ border-bottom:3px solid #f30000;}
.picList li:nth-child(2n) dt{ border-bottom:3px solid #ff6c00;}
.picList li:nth-child(3n) dt{ border-bottom:3px solid #373737;}*/

.video dl{ width:368px; float:left; margin:0 23px 0 0;}
.video dl:nth-child(4){ margin:0;}
.video dt{ width:368px; height:210px; overflow:hidden;}
.video dd{ background:#eaeaea; color:#484848; font-size:16px; line-height:25px; padding:0 15px; overflow:hidden; }
.video dd:nth-child(2){white-space:nowrap;text-overflow:ellipsis;}
.video dd:after{ display:table; clear:both; content:"";}
.video a{ color:#f30000; font-size:18px; line-height:40px;}
.video .a{ min-width:145px; height:25px; line-height:25px; text-align:center; border-radius:5px; font-size:16px; color:#fff; display:block; float:right; margin:0 0 10px; padding:0 5px;}
.video .a_1{ background:#f30000; border:1px solid #ef5e5e;}
.video .a_2{ background:#ff6c00; border:1px solid #f79e5e;}
.video .a_3{ background:#373737; border:1px solid #7f7f7f;}
.video dl:hover dd{ background:#e1e1e1;}
.video dl:hover a{ text-decoration:underline;}
.video_ul li{ width:182px; height:140px; overflow:hidden; float:left; margin:0 20px 0 0; padding:5px; transition:width 0.3s ease 0s,height 0.3s ease 0s;}


.about{ background:#c1e0ff; padding:35px 30px 10px 30px;margin-top:20px;}
.about_le{ float:left; width:35%;}
.about_le h3{ font-size:16px; color:#f30000;font-weight: bold;}
.about_le p{ font-size:16px; color:#000; text-indent:2em; line-height:34px; height:330px; margin:10px 0;}
.about_le a{ min-width:279px; height:51px; line-height:51px; padding:0 10px; display:block; font-size:24px; color:#fff; background:#d71112; float:left; border-radius:6px;}
.about_le a:after{ content:""; float:right; width:0; height:0; border:13px solid #fff; border-color:transparent transparent transparent #fff; margin:11px 0 0;}
.about_le a:hover{ text-decoration:underline; color:#fff; background:#f30000;}

.about_ri{ width:62%; float:right;}
.about_ri li{ margin:0 0 25px; background:#ff6c00; float:left; overflow:hidden;}
.about_ri .img{ width:46%; float:left;}
.about_ri .img img{
  width:100%;
}
.about_ri p{ width:53%; float:left; padding:10px 18px 0; color:#fff;}
.about_ri p
.about_ri .p_1{ height:190px; background:#efefef; overflow:hidden; color:#000;}
.about_ri .span_1{ font-size:18px; float:left; line-height:26px; margin:0 0 15px;}
.about_ri .span_2{ font-size:16px; text-indent:2em; display:block; line-height:25px; float:left; overflow:hidden;}
.about_ri .span_2:hover{
	color:#666;
}
.about_ri .p_1 .span_1 a{ color:#FFF;}
.about_ri p .span_1 a{ color:#fff;}
.about_ri a:hover{ text-decoration:underline;}

.discovering{ clear:both;}
.discovering dl{ width:32%; min-height:270px; float:left; position:relative; margin:0 2% 0 0; overflow:hidden;}
.discovering dl:nth-child(4){ margin:0;}
.discovering dl dt a{
  display: block;
  width: 100%;
}
.discovering img{ width:100%;border-radius: 6px;}
.discovering dd{ width:100%; height:50%; background:rgba(255,255,255,.8); position:absolute; left:0; top:50%;}
.discovering p{ font-size:16px; line-height:26px; color:#000; height:84px; margin:10px 20px 0; overflow:hidden;}
.discovering p:hover{
	color:#999;
}
.discovering dl dd a{ width:185px; height:34px; line-height:34px; padding:0 0 0 10px; margin:0 0 0 10px; display:block; font-size:16px; color:#fff;}
.discovering dl dd a:hover{ text-decoration:underline; color:#fff;}
.discovering dl:nth-child(2) dd a{ background:url(../images/icon.png) no-repeat;  background-size:100%;}
.discovering dl:nth-child(3) dd a{ background:url(../images/icon_1.png) no-repeat;}
.discovering dl:last-child dd a{ background:url(../images/icon_2.png) no-repeat;}
.xp{
  position: fixed;
  right: 60px;
  bottom: 5%;
  z-index: 1000; 
}
.xp i{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    border:1px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 13px;
    font-weight: normal;
    cursor: pointer;
}
.xp img{
    width: 100px;
}
/*.news{ margin:0 0 20px;}*/
.news dl{ width:23%; min-height:360px; float:left; margin:0 2% 0 0;}
.news dl:last-child{ margin:0;}
.news dt, .news dt img{ width:100%; height:260px;border-radius: 6px;}
.news dd{ line-height:26px; color:#8d8d8d; font-size:16px; padding:0 0 0 22px;}
.news dd a{ color:#000; font-size:20px; display:block; padding:0 0 0 15px; margin:15px 0 10px -22px; height:80px; overflow:hidden;}
.news dd a:hover{ text-decoration:underline;}
.news dl:nth-child(2) dt{
  background: url(../images/emergency-eyewash-shower.jpg) center no-repeat;
}
.news dl:nth-child(3) dt{
  background: url(../images/flammable-cabinet.jpg) center no-repeat;
}
.news dl:nth-child(4) dt{
  background: url(../images/science-lab-table.jpg) center no-repeat;
}
.news dl:nth-child(5) dt{
  background: url(../images/lab-island-bench.jpg) center no-repeat;
}
.news dl:nth-child(2) dd a{ border-left:8px solid #f30000;}
.news dl:nth-child(3) dd a{ border-left:8px solid #ff6c00;}
.news dl:nth-child(4) dd a{ border-left:8px solid #373737;}
.news dl:nth-child(5) dd a{ border-left:8px solid #f30000;}
.news dl:hover{ background:#efefef;}

.lon{ width:100%; padding:15px 0; background:#efefef;padding-top: 30px;}
.lon dl{
  width: 33.33%;
  float: left;
  padding: 0 10px;
  margin-bottom: 20px;
  height: 154px;
}
.lon dl dt a{
  font-size: 16px;
}
.lon dl dt{
  margin-bottom: 5px;
}
.lon dl dd>a{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 15px;
}
.lon dl dd ul li{
  float: left;
  padding-right: 5px;
}
.lon dl dd ul li .qrcode{
  position: relative;
}
.lon dl dd ul li .qrcode img{
  position: absolute;
  bottom: 110%;
  left: 110%;
  display: none;
}
.lon dl dd ul li .qrcode:hover img{
  display: block;
}

.logo_1{ width:17%; height:220px; line-height:220px; float:left;}
.lon h3{ color:#000; font-size:16px; line-height:48px; background:url(../images/line.png) no-repeat left bottom;}
.lon_cor, .lon_con, .lon_fol{ float:left; width:25%; margin:0 0 0 2%;}
.lon_cor ul{ margin:10px 0 0;}
.lon_cor li{ line-height:20px;}
.lon_cor span{ font-family: "新宋体"; margin:0 10px 0 7px;}
.lon_cor a{ color:#000; font-size:16px;}
.lon_con ul{ margin:10px 0 0;}
.lon_con li{ clear:both; font-size:16px; color:#000; line-height:1.8;}
.lon_con .li{ line-height:43px;}
.lon_con li a{ color:#000;}
.lon_con li a:hover{ color:#d71112;}
.lon_con p{ width:15%; float:left; text-align:center;}
.lon_con span{ font-size:18px; font-weight:700;}
.lon_con .p{ width:83%; text-align:left; font-size:16px; color:#000;}
.lon_fol ul{ margin:30px 0 0; width:160px; float:left;}
.lon_fol li{ float:left; margin:0 10px 10px 0;}
.code{ float:right; margin:28px 0 0; position: absolute;}

.footer{ height:40px; line-height:40px; background:#222; width:100%; color:#bbb; clear:both;}
.footer a{
  float: right;
  color:#bbb;
  font-size: 16px;
  margin-left: 30px;
}

.lang{ position:absolute; right:120px; top:5px; height:24px; line-height:24px;}
.lang li{ float:left; margin:5px 0 0 10px;}
.lang img{ margin:0 3px 0 0;}
.lang .on{ color:#f30000;}
.language{ color:#333; float:right; position:absolute; right:0; top:10px; line-height:24px}
.language .icon{ width:17px; margin:0 6px 0 0; float:left; color:#333; font-size:18px;}
.language p{ color:#333; position:relative; display:block; min-width:60px; padding:0 15px 0 0; float:left; cursor:pointer;}
.language p:hover{
	color:#ffd200;
}
.language p:after{ position:absolute; right:0; top:10px; content:""; width:0; height:0; border:5px solid #ff0000; border-color:#333 transparent transparent;}
.language_con{ width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0; position:fixed; z-index:999; display:none;}
.language_main{ background:rgba(51,51,51,.73); position:fixed; left:50%; top:50%; z-index:9999; display:none; padding:30px; width:740px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border-radius:20px;}
.language_main ul{ position:relative; z-index:9999;}
.language_main li{ float:left; width:147px; line-height:26px; height:26px; background:rgba(255,255,255,.3); margin:0 1px 1px 0;}
.language_main a{ font-size:16px; display:block; color:#fff; padding:0 0 0 20px; position:relative;}
.language_main a:after{ position:absolute; left:7px; top:7px; content:""; width:0; height:0; border:5px solid #fff; border-color:transparent transparent transparent #fff;}
.language_main li:hover,
.language_main .on{ background:rgba(0,238,238,.3);}
.language_main li:hover a,
.language_main .on a,
.language_main .b{ color:#00eeee;}
.language_main li:hover a:after,
.language_main .on a:after,
.language_main .b:after{ border-color:transparent transparent transparent #00eeee;}
.language_main .close{ position:absolute; top:-45px; right:-45px; width:40px; height:40px; text-align:center; line-height:40px; background:rgba(51,51,51,.7); cursor:pointer; color:#db6e07; font-size:25px; border-radius:50%; transition:all .8s; -webkit-transition:all .8s;}
.language_main .close:hover{ background:rgba(51,51,51,1); color:#00eeee;}
#onlineService{ position:fixed; right:0; top:20%; z-index:998;}
.offside{ width:50px;}
.offside li{ width:50px; height:50px; position:relative; background:#fff; overflow:hidden; text-align:center; transition:all .7s; -webkit-transition:all .7s;}
.offside .code{ position:absolute; top:0; right:50px; display:none; margin:0;}
.offside a,
.offside div{ color:#333; position:absolute; z-index:11; display:block; top:0; right:0; bottom:0; cursor:pointer;}
.offside p{ float:left; line-height:50px; font-size:16px; font-weight:700; padding:0 0 0 10px; color:#fff; opacity:0;}
.offside .icon{ font-size:28px; height:100%; line-height:50px; text-align:center; display:block; color:#fff;}
.offside li:not(.li_3) a,
.offside li:not(.li_3) div{ left:0;}
.offside .li_3 a,
.offside .li_3 div{ width:50px; }
.offside li:nth-child(1){ background:#ff6800;}
.offside li:nth-child(2){ background:#408ed6;}
.offside li:nth-child(3){ background:#45882a;}
.offside li:nth-child(4){ background:#e15c00; overflow:visible;}
.offside li:nth-child(4):hover img{ display:block;}
.offside li:nth-child(5){ background:#62ad44;}
.offside li:nth-child(6){ background:#2571b7;}
.offside li:nth-child(7){ background:#b1b1b1;}
.offside li:nth-child(8){ background:#d3d3d3; height:20px;}
.offside li:nth-child(8) .icon{ line-height:20px;}
.offside li:hover a,
.offside li:hover div,
.offside li:hover .icon{ color:#fff;}
.offside li:hover p{ opacity:1;}
.offside li:not(.li_3):hover{ width:60px; transform:translateX(-10px); -webkit-transform:translateX(-10px);}
.offside .tel{ width:200px; transform:translateX(-150px); -webkit-transform:translateX(-150px);}
.offside .back_none{ height:0; border:0 !important;}
.offside .li{ transform:translateX(100%); -webkit-transform:translateX(100%);}
.offside .unfold{ width:30px; transform:translateX(20px); -webkit-transform:translateX(20px);}

.content div.title{ line-height:45px; margin:20px 0 0; font-size:16px; height:auto;}
.content div.title a{ font-size:16px;}
.urHere{ line-height:40px; font-size:16px; }
.urHere a{ color:#d71112;}
.urHere b{ margin:0 4px;}
.content_le{ width:24%; padding:0 0 20px; margin:0 0 50px; float:left; background:#ececec; position:relative;}
.content_le:after{ content:""; position:absolute; left:0; bottom:-20px; width:100%; height:20px; background: url(../images/si_bg_1.png) no-repeat;}
.sidebar{ margin:0 0 40px;}
.sidebar dt{ color:#fff; font-size:20px; line-height:47px; margin:0 0 5px; background:#d71112 url(../images/si_bg.png) no-repeat; border-radius:5px 5px 0 0; padding:0 0 0 28px;}
.sidebar dd{ height:38px; line-height:38px; margin:0 0 7px; position:relative; border-bottom:1px solid #a7a7a7; margin:2px 5px 0;}
.sidebar a{ display:block; height:100%; background:#fff; color:#333; padding:0 0 0 18px; font-size:16px; overflow:hidden;}
.sidebar a:hover,
.sidebar .on{ background:#d71112; color:#fff;}
.sidebar ul{ position:absolute; left:100%; top:0; z-index:9; display:none;}
.sidebar li{ width:324px; height:45px; line-height:45px; border-bottom:1px solid #fff;}
.sidebar li a{ background:#ddd; padding:0 0 0 30px}
.contact_1{ margin:20px 0;}
.contact_1 dt{ height:38px; line-height:38px; margin:0 5px; background:#d71112; color:#fff; font-size:20px; padding:0 0 0 28px;}
.contact_1 dd{ clear:both; margin:10px 10px 0; line-height:25px;}
.contact_1 p{ width:45px; float:left; text-align:center;}
.contact_1 span{ display:block; float:left; width:205px; word-break:break-all;}
.sk_list{ margin:30px 0 0; text-align:center;}
.sk_list li{ display:inline-block; width:90%;}
.sk_list span{ display:block; font-size:16px; line-height:25px;}
.sk_list a{ color:#555;}
.sk_list a:hover{ color:#000;}
.content_ri{ width:71%; float:right; min-height:740px; margin:0 0 40px;}.content_ri h1{ font-size:24px; line-height:50px; text-align:center;}
.about_main ul{
  list-style-type: disc;
}
.about_main img{
    max-width: 100%;
    height: auto;
}
.about_main ul li{
  margin-left: 18px;
  list-style: disc;
}
.about_main p{ font-size:16px; line-height:26px; letter-spacing:.7px; font-family: arial;}
.products_mainul ul{ margin:0 0 40px;}
.products_mainul li{ padding:15px 35px 22px; border-bottom:1px solid #db6e07;}.products_mainul li:hover{ background:#eee;}
.products_mainul dl{
  overflow: hidden;
}
.products_mainul li:first-child{
    border-top:1px solid #db6e07;
}
.section2{
    margin-bottom: 30px;
}
.section2 .data-list li{
    width: 48%;
    float: left;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
.section2 .data-list li:nth-child(5){
    border-bottom: 1px solid #ddd;
}
.section2 .data-list li .date{
    float: right;
    color: #aaa;
}
.section2 .data-list li .title:before{
    content: '■';
    padding-right: 5px;
    color: #d71112;
    position: relative;
    top:-2px;
}
.section2 .data-list li:nth-child(2n){
    float: right;
}
.section2 .data-list li:last-child{
    border-bottom: 1px solid #ddd;
}
.section1 {
    margin-top: 30px;
}

.section1 .box2{
    box-shadow: 0 0 20px #dcdbdb;
}
.section1 .box2 .data-list2{
    width: 25%;
    padding-top: 20px;
}
.section1 .box2 .box3{
    width: 75%;
    padding-top: 20px;
    background: url(../images/shadow.png) no-repeat left center;
}
.section1 .box2 .box3 .data-list3{
    display: none;
}
.section1 .box2 .box3 .data-list3:first-child{
    display: block;
}
.section1 .box2 .box3 .data-list3 li{
    width: 50%;
    float: left;
    padding: 0 20px;
    text-align: center;
}
.section1 .box2 .box3 .data-list3 li:nth-child(3){
    display: none;
}
.section1 .box2 .data-list2 li a{
    display: block;
    font-size: 16px;
    color: #000;
    padding: 16px 22px 16px 30px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}
.section1 .box2 .data-list2 li a:hover{
    background: #d71112;
    color: #fff;
}
.section1 .box2 .box3 .data-list3 li .thumb{
    display: block;
    text-align: center;
    max-width: 250px;
    margin: 0 auto;
}
.section1 .box2 .box3 .data-list3 li .title{
    height: 44px;
    overflow: hidden;
}
.section1 .box2 .box3 .data-list3 li .thumb img{
    max-width: 100%;
}
.section1 .text .box{
    display: none;
}
.section1 .text .box .btn{
    display: table;
    margin: 0 auto;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.section1 .text .box .summary{
    height: 100px;
    overflow: hidden;
}
.section1 .text .box:first-child{
    display: block;
}
.section1 .data-list{
    display: none;
}
.section1 .data-list li{
    width: 25%;
    padding: 0 10px;
    float: left;
    margin-bottom: 15px;
}
.section1 .data-list li .thumb{
    display: block;
}
.section1 .data-list li .thumb img{
    width: 100%;
}
.section1 .data-list li .title{
    display: block;
    height: 3em;
    padding-top: 10px;
    text-align: center;
}
.products_mainul dt{ float:left; width:158px; height:158px;}
.products_mainul dt img{ width:158px; height:158px;}
.products_mainul dd{ float:right; width:560px;}
.list_title{ font-size:16px; font-weight:700; color:#333; float:left; margin:0 0 10px;}
.list_title:hover{
	text-decoration:underline;
}
.products_mainul span{ float:right; color:#bbb;}
.products_mainul p{height:105px; line-height:24px; letter-spacing:.5px;}
.products_mainul p:hover{
	color:#d71112;
}
.products_mainul .more{ background:url(../images/icon_18.png) no-repeat left center; padding:0 0 0 24px; color:#666; float:left; display:block;}
.products_mainul .more:hover{
	text-decoration:underline;
}
.products_mainul .more:hover{ color:#000;}
.products_mainul .now{ float:right; display:block; padding:0 15px 0 45px; min-width:90px; height:26px; text-align:center; line-height:26px; background:#d71112 url(../images/icon_66.png) no-repeat 11px center; border-radius:4px; color:#fff; font-size:16px;}
.products_mainul .now:hover{ background-color:#f30000; text-decoration:underline;}
.news_ul .more{ float:right;}
.page li{ display:inline-block; margin:15px 15px 0 0; font-size:16px;}
.page a{ font-size:16px;;}
.page a:hover{ color:#d71112; text-decoration:underline;}
.cp_le{ width:37%; float:left; position:relative; margin:0 0 30px;}
.cp_small li{ display:none;}
.cp_small li:first-child{ display:block;}
.cp_bigimg{ position:absolute; left:0; bottom:10px;}
.cp_bigimg li{ width:42px; height:42px; float:left; margin:0 0 0 10px; border-radius:50%; border:3px solid #a5bcbb; overflow:hidden; cursor:pointer;}
.cp_bigimg img{ border-radius:50%;}
.cp_bigimg .on{ border-color:#ad393f;}
.cp_ri{ width:59%; float:left; margin:0 0 0 30px;}
.cp_ri .h2{ font-size:24px; line-height:25px; margin-bottom: 10px;}
.cp_ri div{ font-size:16px;; line-height:24px; color:#666; height: 100%; margin-bottom: 10px;}
.cp_ri .now{ float:right; display:block; padding:0 15px 0 45px; min-width:90px; height:26px; text-align:left; line-height:26px; background:#ff7519 url(../images/icon_19.png) no-repeat 11px center; border-radius:4px; color:#fff; font-size:16px;;}
.cp_ri .now:hover{ background-color:#ff9147; text-decoration:underline;}
.txtbox{ clear:both; margin:30px 0;}
.txtbox_ul{ border-bottom:1px solid #bbb; height:44px}
.txtbox_ul li{ color:#fff; font-size:18px; font-weight:700; background:#d71112; float:left; height:42px; line-height:42px; padding:0 13px; border:1px solid #d71112; cursor:pointer; margin:0 13px 0 0;}
.txtbox_ul .on{ border:1px solid #bbb; border-bottom:2px solid #fff; color:#333; background:#fff;}
.txtbox_cen{ border:1px solid #bbb; clear:both; display:none; padding:30px 24px; font-size:16px;; line-height:24px;}
.txtbox_cen img{
  max-width:100%;
  height: auto; 
}
.txtbox_cen p{ color:#333; font-size:16px;}
.block{ display:block;}
.feed .title{ margin:0; padding:18px 0; border:0;}
.feed li{ margin:0 0 15px; line-height:30px;}
.feed label{ display:inline-block; width:190px; height:30px; text-align:right; color:#666; font-size:16px;; margin:0 15px 0 0; float:left;}
.feed .label{ float:left;}
.feed span{ color:#FF0000; margin:0 5px; font-size:16px;;}
.feed img{ margin:0 0 0 10px;}
.feed .text{ width:443px; height:30px; border:1px solid #bbb; border-radius:4px; padding:0 5px;}
.feed .textarea{ height:220px; width:443px; padding:5px;}
.feed .btn{ padding:0 10px; min-width:139px; height:53px; background:#d71112; border-radius:50px; border:0; font-size:24px; color:#fff; margin:10px auto 0; display:block; cursor:pointer;}
.feed .btn:hover{ background:#f30000;}
.cp_wz{ font-size:16px;; color:#3e3e3e; line-height:22px; padding:20px 0 50px; clear:both;}
.cp_wz p{ font-size:16px;; color:#3e3e3e; letter-spacing:.5px;}

.download_ul{ background:#71c0ba; min-height:38px;}
.download_ul li{ float:left; line-height:38px; width:25%; text-align:center; color:#fff; font-size:24px; font-weight:700;}
.download .li_1{ width:330px; text-align:left; padding:0 0 0 15px;}
.download .li_2{ width:190px;}
.download .li_3{ width:175px;}
.download .li_4{ width:110px;}
.download_main{ margin:60px 0;}
.download_main li{ line-height:46px; height:46px; border-bottom:1px dashed #bbb;}
.download_main p{ float:left; text-align:center;}

.news div.title{ margin:0 0 15px; text-align:center;}
.news .title p{ background:#d71112; border-radius:6px; font-size:24px; font-weight:700; color:#fff;}
.news .title span{ font-size:16px;; line-height:50px;}
.products_main div.title{ margin:0 0 15px; text-align:center; border:0;}
.products_main .title p{ background:#d71112; border-radius:6px; font-size:24px; font-weight:700; color:#fff;}

.download li {
    width: 176px;
    padding: 10px;
    background: #eee;
    margin: 0 12px 12px 0;
    float: left;
    text-align: center;
}
.download .img {
    height: 135px;
    line-height: 135px;
    background: #fff;
}
.download .tit {
    margin: 5px 0;
    height: 48px;
	font-size: 14px;
    line-height: 24px;
}
.download .des_1 {
    text-align: left;
    line-height: 20px;
}
.download .des {
    text-align: center;
    margin: 10px 0;
}
.download .icon {
    font-size: 24px;
    color: #1e4e78;
    margin: 0 10px;
}
.content_ri h1{ background:#d71112; border-radius:6px; font-size:24px; font-weight:700; color:#fff; margin:0 0 15px; line-height:46px; text-align:center;}
.content_ri a{
  text-decoration: underline;
  font-family: arial;
}
.products_main .title{ font-size:24px; font-weight:700; line-height:30px; padding:0 0 18px; background:none; color:#333;}
.contact dl{ margin:20px 0 0 20px;}
.contact dt{ color:#000; font-size:18px; font-weight:700; line-height:24px;}
.contact dd{ color:#666; font-size:16px;; line-height:22px;}
.contact li{ line-height:30px;}
.contact label{ width:230px; line-height:30px;}
.contact .text{ width:370px; height:30px; border:1px solid #818181; background:#e7e7e7; border-radius:3px;}
.contact .textarea{ height:137px;}
.contact .btn{ background:#d71112; padding:0 10px; min-width:139px; height:53px; font-size:18px; border-radius:50px; margin:0 auto; display:block; cursor:pointer; }
.contact .btn:hover{ background:#f30000;}
.contact .cp_wz{ width:770px; margin:0 auto; padding:45px 0 0;}

.found .tit{ color:#000; font-size:36px; font-weight:700; line-height:100px; margin:20px 0 0;}
.found p{ width:86%; margin:0 auto; color:#000; font-size:20px; line-height:36px;}

.related,
.related_news{margin:0 0 20px;}
.related .title,
.related_news .title{ background:#d71112; color:#fff; font-size:18px; font-weight:700; line-height:44px; margin:0 0 15px; padding:0 0 0 15px; text-align:left; border:0;}
.related dl{ width:25%;   float:left; margin:0 0 5px;}
.related dl a{
   text-decoration: none;
}
.products_mainul a{
  text-decoration: none;
}
.sep-datalist a{
  text-decoration: none;
}
.related_news ul a{
  text-decoration: none;
}
.cp_ri .now{
  text-decoration: none;
}
.cp_wz ul li{
  list-style: disc;
  margin-left: 18px;
}
.txtbox_cen ul li{
  list-style: disc;
  margin-left: 18px;
  color: #333;
}
.txtbox_cen ul{
  margin-bottom: 15px;
}
.txtbox_cen h2{
  margin-bottom: 15px;
}
.related dt{ width:160px; height:160px; float:left; margin:0 15px 0 0;margin-bottom: 15px;}
.related dt img{ width:100%; height:100%;border: 1px solid #ddd;}
.related dd{ padding:0 20px 0 0; line-height:22px;}
.related dd a{ font-size:16px;; font-weight:700;}
.related dd h2 a:hover{
	text-decoration:underline;
	color:#d71112;
}
.related dd:hover{
	color:#d71112;
}
.related_news ul{ padding:0 50px 0 0; line-height:22px;}
.related_news li{ width:50%; float:left; margin:0 0 5px;}

.related_news ul li a{ font-size:16px;; margin:0 0 0 5px;}
.related_news ul li a:hover{
	text-decoration:underline;
}
.related_news ul h2{ display:inline-block; font-weight:normal;}
.inkPhoBox { width: 1150px; margin: 15px auto 0px; }
.inkPhoBox .main{ width:1150px}
.inkPhoBox .mod18{width:1150px;position:relative;}
.inkPhoBox #prev{ background: url(../images/prevBtn.png) no-repeat; height: 48px; width: 24px; position: absolute; z-index: 99; left: 11px; top: 37px; cursor: pointer; }
.inkPhoBox #next{ background: url(../images/nextBtn.png) no-repeat; height: 48px; width: 25px; position: absolute; z-index: 99; top: 37px; right: 11px; cursor: pointer; }
.inkPhoBox .mod18 #prevTop{display:none}
.inkPhoBox .mod18 #nextTop{display:none}
.inkPhoBox .mod18 li{float:left;}
.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}
.inkPhoBox .mod18 .cf a{display:block;width:1150px;height:377px;position:absolute;color:#fff;}
.inkPhoBox .mod18 .cf li span{ position:absolute; right:70px; top:82px; width:280px; text-align:center; display:block; line-height:36px; font-size:24px;}
.inkPhoBox .bigImgBox{width:1140px;; height: 514px; border: 1px solid #E1E1E1;}
.inkPhoBox .mod18 .picBox{width:100%; height: 514px; position: relative; overflow: hidden;}
.inkPhoBox .mod18 .picBox ul{height:514px;position:absolute; left:0;}
.inkPhoBox .mod18 .picBox li{ width:1150px; height: 514px;}
.inkPhoBox .smImgBox{ width:1125px; height: 101px; padding: 11px; border: 1px solid #E1E1E1; margin-top: 12px; position: relative; }
.inkPhoBox .mod18 .listBox{ width:1060px; height: 101px; margin: 0 auto; position: relative; overflow: hidden; }
.inkPhoBox .mod18 .listBox ul{height:101px;position:absolute; padding-left:0px;}
.inkPhoBox .mod18 .listBox li{ width: 134px; height: 101px; cursor: pointer; position: relative; padding: 0 9px 0 0; }
.inkPhoBox .mod18 .listBox li i{display:none;}
.inkPhoBox .mod18 .listBox li a{display:block;width:134px;height:101px;}
.inkPhoBox .mod18 .listBox li img{ width:130px; height:97px;}
.inkPhoBox .mod18 .listBox .on img{border:2px solid #B42222; width:130px; height:97px;}
.inkPhoBox .mod18 .listBox .on i{display:block;}
.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}

.fanye{ height:35px; clear:both; border:1px solid #ddd; margin:0 0 30px;}
.fanye .left{ float:left; line-height:35px; font-size:12px; padding:0 0 0 15px;}
.fanye .right{ float:right; line-height:35px; font-size:12px; padding:0 15px 0 0;}
.fanye a{ font-size:12px; font-weight:700; color:#d71112; text-decoration:underline}
.fanye a:hover{ text-decoration:underline; color:#f30000;}
.to_us{ margin:30px 0; clear:both;}
.to_us a{ display:inline-block; padding:0 15px; min-width:120px; height:40px; line-height:40px; text-align:center; background:#d71112; font-size:16px;; border-radius:5px; color:#fff; margin:0 15px 0 0;}
.to_us a:hover{ background:#f30000; color:#fff;}
.video_ifr{ display:none;}
a:hover{ color:#f30000;}
/* 提示信息
----------------------------------------------- */
#douMsg {
 padding: 10px 0 100px 0;
}
#douMsg dl {
 padding: 160px 0 200px 0;
 text-align: center;
 border: 1px solid #E4E4E4;
}
#douMsg dt {
 color: #0072C6;
 font-size: 16px;
 margin-bottom: 30px;
 font-weight: bold;
}
#douMsg dd {
 color: #666;
}
#douMsg dd a {
 margin-left: 5px;
 color: #000;
}
#val_text{
	width: 288px;
}
.input_val a{
	display: inline-block;
    background: #FFF;
    color: #333;
    width: 140px;
    height: 31px;
    line-height: 31px;
    cursor: pointer;
    vertical-align: top;
}
.input_val a img{
	width: 100%;
    height: 32px;
}
a#closeArrow{
  position: absolute;
  top: 0px;
  background: rgba(0,0,0,0.3);
  width: 50px;
  text-align: center;
  border-radius: 50%;
  right: 0;
  color: #fff;
  font-size: 35px;
}

/***************相册****************/
 .gallery img {

    max-height: 200px;

    transition: -webkit-filter .4s, filter .4s;

    filter: grayscale(0%);

    -webkit-filter: grayscale(0%);
    max-width: 100%;

}
.gallery img:hover {

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

}
.gallery a {

    width: 31%;
    height: 200px;
    display: inline-block;

    overflow: hidden;

    margin: 0.5%;

    box-shadow: 0 0 4px -1px #000;
    text-align: center;

} 
/***************feedback****************/
.fix &:before{
    content:'';
    display:table;
    clear:both;
}
.fix &:after{
    content:'';
    display:table;
    clear:both;
}
.about_main .sep-general-form .sep-form>div:nth-child(9) img{
  max-width: inherit;
}
  .sep-general-form{
    margin-top: 30px;
    background: #ebebeb;
    padding: 25px;
    .sep-general-form-title{
      span{
        font-family: Arial;
        font-size: 20px;
        color: #000;
      }
      a{
        font-size: 16px;
        color: #ff6800;
        i{
          font-size: 16px;
          color: #ff6800;
          padding-right: 10px;
        }
      }
    }
    .sep-general-form-prompt{
      font-family: Arial;
      font-size: 20px;
      color: #ff6800;
      margin: 15px 0;
      margin-bottom: 20px;
    }
    .sep-form{
      padding: 0;
      &.has-error{
         
        input::-webkit-input-placeholder{
          display:none;
        }
         
      }
      &>div{
        display: inline-block;
        
        &.form-group{
          width: 49%;
          padding:0 11%;
          padding-right: 0;
          
          &.has-success:after{
            right:0;
          }
          .regex-tip{
            top: -2px;
              right: 3%;
              display: none;
          }
          .control-label{
            width: 21%;
            font-weight: normal;
            color: #414141;
            font-family: Arial;
          }
        }  
        &:nth-child(8){
          width: 100%;
          .control-label{
            width: 10.5%;
          }
          textarea.form-control{
            width: 98%;
          }
        }

        &:nth-child(9){
          width: 60%;
          img{
            width: auto;
          }
          .control-label{
            width: 18%;
          }
          .regex-tip{
             display: none;
          }
        }
        &:last-child{
          width: 100%;
          .btn.btn-primary{
            width: 200px;
            text-align: center;
            display: table;
              margin: 0 auto;
              background: #ff6800;
              border-color: #ff6800;
              border-radius: 12px;
              outline: none;
          }
        }
      } 
    }
  }
}
 
@media screen and (max-width: 640px){
  .sep-main .sep-general-form .sep-form>div.form-group{
    width: 98%;
    padding: 0 20%;
    padding-right: 0;
  }
  .sep-main .sep-general-form .sep-form>div.form-group .control-label{
    width: 20%;
  }
}
.products{display: none;}
@media screen and (max-width:1366px){
    .banner  a .sep-banner-ad2 .hd2,.banner  a .sep-banner-ad1 .hd1{
            font-size: 45px;
    }
    .banner  a .sep-banner-ad1 .bd1{
        margin-top: 5%;
    }
}
@media screen and (max-width:1200px){
  .products{
    width: 857px;
    margin: 0 auto;
  }
  .products_mainul li{
    padding: 15px 0 22px;
  }
  .products_mainul dt{
    width: 21%;
    height: 100%;
  }
  .products_mainul dt img{
    width: 100%;
    height: 100%;
  }
  .products_mainul dd{
    width: 75%;
  }
  .contact_1 p{
    width: 17%;
  }
  .contact_1 span{
    width: 80%;
  }
}
@media screen and (max-width:1130px){
  .about_ri .img img{
    min-height: 215px;
  }
}
@media screen and (max-width:1024px){
  .content_le{
    display: none;
  }
  .content_ri{
    width: 90%;
    float: none;
    margin: 0 auto 20px;
  }
  .banner a .sep-banner-ad{
    display: none;
  }
}
@media screen and (max-width:1015px){
  .logo_1{
    display: none;
  }
  .lon_cor, .lon_con, .lon_fol{
    width: 31%;
  }
}
@media screen and (max-width:910px){
  .products{
    width: 572px;
  }
  .discovering dl{
    width: 45%;
    float: none;
    margin:0 auto 15px;
  }
  .discovering dl:nth-child(4) {
    margin:0 auto 15px;
  }
  .about_le {
      float: none;
      width: 98%;
      margin: 0 auto 15px;
  }
  .about_le a{
      display: inline-block;
      float: none;
  }
  .about_le p{
      height: 100%;
      margin: 25px 0;
  }
  .about_ri{
     float: none;
      width: 98%;
      margin: 0 auto;
  }
  .news dl{
      width: 46%;
      min-height: 100%;
      margin: 0 2% 10px;
  }
  .txtbox_cen img{
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width:810px){
  .sep-nav a{
    padding: 0 15px 0;
  }
}
@media screen and (max-width:780px){
  .related_news li {
    width: 95%;
    float: none;
    margin: 0 auto 5px;
  }
  .section1 .text .box .summary{
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 90%;
  }
}
@media screen and (max-width:680px){
    .section1 .box2{
        display: none;
    }
    .section1 .data-list{
        display: block;
    }
    .section2 .data-list li,.section2 .data-list li:nth-child(2n){
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .section2 .data-list li:nth-child(5){
        border-bottom: none;
    }
  .cp_le{
    width: 80%;
    height: 100%;
    margin: 0 auto 30px;
    float: none;
  }
  .section1 .data-list li{
    width: 50%;
  }
  .cp_small li img{
    height: auto;
  }
  .cp_ri{
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto 20px;
  }
  .cp_ri .now{
    float: none;
  }
  .related dl{
    width: 48%;
    height: 100%;
    margin:0 1% 10px;
  }
  .related dt{
    width: 100%;
    height: 100%;
    float: none;
  }
}
@media screen and (max-width:630px){
    #bottom .ul_3 div li{
        font-weight: normal;
    }
  .products {
      width: 285px;
  }
  .discovering dl{
    width: 65%;
  }
  .about_le{
    width: 75%;
  }
  .about_ri{
    width: 75%;
  }
  .about_ri .img {
      width: 100%;
      float: none;
  }
  /*.about_ri .img img{
        min-height: 100%;
  }*/
  .about_ri li{
    float: none;
  }
  .about_ri p{
        width: 100%;
      float: none;
  }
}
@media screen and (max-width:480px){
  .about_le{
    width:98%;
  }
  .content_ri h1{
    font-size: 16px;
  }
  .gallery a{
    width: 46%;
    height: auto;
  }
  .about_ri {
    width: 98%;
  }
  .news dl{
    width: 96%;
    margin: 0 2% 20px;
  }
  .products_mainul dl {
    width: 80%;
    margin: 0 auto;
  }
  .products_mainul dt{
    width: 100%;
    margin-bottom: 20px;
  }
  .products_mainul dd {
    width: 100%;
  }
  .products_mainul p{
    height: 100%;
  }
  .related dl{
    width: 98%;
  }
  .content p.title{
    font-size: 22px;
    padding-left: 22px;
  }
  .section1 .data-list li{
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  .section1 .data-list li .thumb img{
    border-radius: 6px;
  }
  .discovering dd{
    position: static;
  }
} 
@media screen and (max-width:320px){
  .discovering dl {
    width: 98%;
  }
  .about{
    padding: 35px 0 10px;
  }
  .products_mainul dl{
    width: 96%;
  }
  .products_mainul .more{
    float: none;
    margin-bottom:10px;
  }
  .products_mainul .now{
    float: none;
  }
}