/* Header */
#topbox{height:32px; line-height:32px; color:#999; font-size:12px; border-bottom:1px solid #ddd; overflow:hidden}
#topbox span.icon_tel{width:220px;float:right; color:#C90003}
#topbox span.icon_tel i{font-family:"微软雅黑"; font-size:24px; padding-left:10px;font-weight:bold;}
header{position: relative;width:100%; height:112px;left:0; top:0; right:0; margin:0 auto; background:rgba(255,255,255,0.85);z-index:30000;}
/* Header */
.isStuck .sf-menu ul a,.sf-menu ul a{font-size:12px; display:inline-block; background:none; color:#ffc000; padding:5px 0 5px 13px;margin:5px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.sf-menu > li.curr ul a{background:none; color:#fe9900}
.sf-menu > li.curr ul a:hover{color:#fff}
.isStuck .sf-menu ul a:hover,.sf-menu ul a:hover{ color:#fff; background:none; }
.stuck_container{position:fixed; background:rgba(255,255,255,0.85);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
header h1{width:422px;float:left;display:block;}
header h1 span{font-size:18px; border-left:1px solid #000; margin-left:10px;padding:10px}
header h1 strong {display:none;}
header h1 img{ width:160px}
header h1 img,header h1 span,.sf-menu a{transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.isStuck #topbox{display:none}
.isStuck.stuck_container{background:none; height:auto;-webkit-box-shadow: none;box-shadow:none;} 
.isStuck .header{width:100%;background:#fff;position:fixed;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
.isStuck h1 img{width:120px}
.isStuck h1 span{ font-size:16px}
.isStuck .sf-menu > li{height:62px}
.isStuck .sf-menu a{padding:5px 15px; height:34px; margin-top:15px}
.isStuck .sf-menu > li > ul{top:62px}
/* Menu */
nav{position:relative;float:right; display:inline-block;}
#m_menu{display:none}
.sf-menu{position:relative; z-index:1}
.sf-menu > li {float:left;text-align:center; position:relative; height:78px; margin:0 4px}
.sf-menu a{padding:5px 15px; height:34px; margin-top:25px;font-size:15px; border-radius:5px; display:block}
.sf-menu > li.curr a,.sf-menu > li a:hover{background:#11623d;color:#fff}
.sf-menu > li > ul{opacity:0;visibility:hidden;background:rgba(0,0,0,0.7);position:absolute; left:0;top:80px;text-align:left;padding:20px 0 10px;z-index:1; width:270px;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s}
.sf-menu > li:nth-last-of-type(1) > ul{left:inherit; right:0}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0;}
.sf-menu ul > li{float:left; margin:0; line-height: normal; width:50%;}
.isStuck .sf-menu ul a,.sf-menu ul a{font-size:13px; display:inline-block; background:none; color:#fe9900; padding:5px 0 5px 12px;margin:5px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.sf-menu > li.curr ul a{background:none; color:#fe9900}
.sf-menu > li.curr ul a:hover{color:#fff}
.isStuck .sf-menu ul a:hover,.sf-menu ul a:hover{color:#fff; background:none; margin:5px 0}
/*banner*/
.slider{position:relative;height:640px;overflow:hidden}
.slider > div{height:100%; background-position:center}
.banner .bx-wrapper .bx-pager{bottom:20px; z-index:10000}
.banner .bx-wrapper{margin-bottom:0}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff000}
.m_banner {display:none;}

/*public*/
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box}
.con_pad{padding:20px;*zoom:1}
/*hover_line*/
.hover_line {width: 100%;height: 100%;background: transparent;left: 0%;top:0%;cursor: pointer;position: absolute;opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after {position: absolute;top: 20px;right: 20px; z-index:1;bottom: 20px;left: 20px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);transform: scale(1,0);opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
/*img zoom*/
.zoom{overflow:hidden}
.zoom figure{height:100%; overflow:hidden}
.zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; min-height:auto; max-width:100%}
.zoom:hover figure img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/* Lists */
.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}
.list1 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
/*rotate*/
.rotate{transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
.rotate:hover{cursor:pointer;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
/*img wrap*/
.img_wrap1,a.img_wrap1 strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.img_wrap2{display: block;padding:4px;background:#fff;box-shadow:0px 0px 4px #555;position: relative;}
.img_wrap1{display:block;padding:6px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}
.img_wrap1 strong,.img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#c70400;}
.img_wrap1 img,.img_wrap2 img{position: relative; z-index:1;}
a.img_wrap1:hover strong,a.img_wrap2:hover strong{height:100%;width:100%;}
/*block name*/
.block_name{text-align:center}
.block_name h2{font-size:30px; margin-bottom:20px;font-weight:bold}
.block_name h2 span{vertical-align:top}
.block_name .block_line,.block_name .block_line_1{margin:0 auto;height:1px; background:#ddd; width:300px; display:block; overflow:hidden}
.block_name .block_line_1{position:relative; margin-top:-2px;width:60px; height:3px; background:#b6b5b5}
.block_name p{color:#777; font-size:16px; margin-top:10px}
.block_name.white{ color:#fff}

/*first*/
.first{margin-top:50px; text-align:center; overflow:hidden}
.sort {text-align:center; margin-top:40px}
.sort span{width:130px; height:130px; display:inline-block;border:1px solid #ddd; border-radius:100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.sort [class*="icon_"]{font-size:62px; line-height:130px; display:inline-block;}
.sort p{ margin-top:20px; font-size:16px}
.sort [class*="grid_"]:hover span{background:#11623d; color:#fff; border:1px solid #11623d}
.sort [class*="grid_"]:hover [class*="icon_"]{font-size:72px}
.button1{display:inline-block;  padding:8px 35px 9px 35px; margin-top:25px; margin-left:29px; font-size:14px; border:1px solid #11623d; border-radius:3px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
a.button1:hover{background:#c70400; border:1px solid #c70400; color:#fff}
/*second*/
.second{margin-top:40px;background:#f5f5f5; padding:50px 0; overflow:hidden}
.theme{margin-top:40px}
.grid{position: relative;list-style: none;text-align:center; overflow:hidden}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;min-width: 249px; width:33.33%;max-width: 460px;max-height: 360px;background: #3085a3;text-align: center;cursor: pointer;margin:0px;padding:0px;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 1;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 20px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-size: 22px}
.grid figure h2,.grid figure p {margin: 0; opacity:0.6}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
figure.effect-layla {background: #000;}
figure.effect-layla img {height: 390px;}
figure.effect-layla figcaption {padding: 3em;}
figure.effect-layla figcaption::before,figure.effect-layla figcaption::after {position: absolute;content: '';opacity: 0;}
figure.effect-layla figcaption::before {top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
figure.effect-layla figcaption::after {top: 30px;right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
figure.effect-layla h2 {padding-top: 26%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-layla p{padding: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
figure.effect-layla img,figure.effect-layla h2 {-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0)}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {-webkit-transition: opacity 0.35s; -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; color:#fff}
figure.effect-layla:hover img {opacity: 0.5;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-layla:hover h2,figure.effect-layla:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
/*third*/
.third{overflow:hidden; padding:50px 0}
.home-pro{background:#fff; margin-top:40px;}
.home-pro .row{margin-left:-15px}
.home-pro .grid_3{margin-left:16px; border:1px solid #eee; padding:8px; margin-bottom:16px}
.home-pro .grid_3 p{margin-top:10px; padding:0; height:24px; text-align:center; font-size:15px;}

/*fourth*/
.fourth{ padding:39px 0; text-align:center; background-image:url(../images/bg.jpg);}
.news-tab{margin-bottom:40px; margin-top:20px; display:block; overflow:hidden}
.news-tab li{display:inline-block}
.news-tab li a{padding:3px 10px; margin:5px 3px; border:1px solid #B6B5B5;display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.news-tab li.curr a,.news-tab li a:hover{border:1px solid #11623d; border-radius:3px; color:#fff; background-color:#11623d;}

.news-tab2{margin-bottom:40px; margin-top:20px; display:block; overflow:hidden;}
.news-tab2 li{display:inline-block}
.news-tab2 li a{ color:#fff;border:1px solid #fff; border-radius:3px; padding:3px 15px; display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.fourth .news-tab2 li.curr a,.fourth .news-tab2 li a:hover{border:1px solid #F8FF00; border-radius:3px; padding:3px 15px; color:#F8FF00;}
.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}
.case-list li{position:relative; float:left; width:25%; display:inline-block}
.case-list li figure{max-height:320px;overflow:hidden}
.case-list li a{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}
.case-list li a:hover{opacity:1; background:rgba(0,0,0,0.7)}
.case-list li i{background:url(../images/url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.case-list li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.case-list li p{ margin:10px 30px;font-size:16px}
/*fifth*/
.fifth{background:#f5f5f5; padding:50px 0;}
.brand {margin-top:30px}
.brand .gird_11{margin-left:0}
.brand ul{margin-left:0px;border:1px solid #e1e1e1; border-top:0; border-left:0; overflow:hidden}
.brand li{float:left;border:1px solid #e1e1e1; border-right:0; border-bottom:0; width:221px; height:126px; margin:0; padding:0;overflow:hidden}
.brand li:hover{ opacity:0.6}
.brand img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.brand li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); cursor: crosshair}
/*sixth*/
.sixth{ margin:50px 0}
.al_pic_news{min-height:347px}
.al_pic_news figure{position:relative; max-height:180px; min-height:170px; overflow:hidden}
.al_pic_news img{position:absolute; min-width:100%; min-height:100%; max-width:inherit}
.al_pic_news p,.al_pic_news .button1{margin:0 10px; color:#666}
.al_pic_news h4{margin:5px 10px; max-height:40px; min-height:30px; line-height:20px; overflow:hidden}
.al_pic_news h4 a{color:#333}
.al_pic_news h4 a:hover{color:#c70400;}

.al_pic_news p{max-height:120px; line-height:20px;overflow:hidden}
@media (max-width: 767px) {
.al_pic_news p{max-height:140px; line-height:20px;overflow:hidden}
}

.al_pic_news .button1{padding:7px 30px; margin-top:17px; background:#11623d; color:#fff; border:0; display:inline-block;}
.al_pic_news .button1:hover{ background:#c70400; border:0}
time{float:left; margin-right:10px; text-align:center}
.day{width:60px; height:60px;line-height:60px; font-size:32px; display:block;background:#eee;color:#333; text-align:center; }
.month{display:block;width:60px;text-align:center}
.al_news li{padding:10px;margin-bottom:15px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.al_news li a{font-size:16px; color:#000; line-height:20px; max-height:40px; display:block; overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.al_news li a:hover{color:#c70400;}
.al_news li p{padding-top:4px;color:#777; line-height:18px; max-height:38px; padding-bottom:0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.partners span{ display:inline-block; margin-right:10px}
.partners,.partners a{color:#777}
.partners a:hover{color:#c70400}
/*seventh*/
.seventh{padding:30px 0 30px; background:#eee}
.seventh [class*="grid_"] h3{margin-bottom:20px; font-size:16px; padding-bottom:10px; font-weight:bold; border-bottom:1px solid #cfcfcf}
.seventh [class*="grid_"] li{margin:5px 0}
.seventh .grid_5{ border-right:1px solid #cfcfcf; padding-right:30px;}
.seventh .grid_5 li{float:left; width:30%; display:inline-block}
.seventh .grid_4 li{float:left; width:50%; display:inline-block}
.seventh .grid_3 .follow{margin:auto; width:120px;}
.seventh .grid_3 .follow li{display:inline-block; width:120px; font-size:12px}
.seventh .grid_3 .follow li p {margin:0;}
.bottom-tel a{display:inline-block; padding:10px 15px; background:#11623d; color:#fff;font-size:28px; border-radius:5px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.bottom-tel a:before{content: "\0074"; display:inline-block; font-size:28px; margin-right:5px}
.bottom-tel a:hover{ background:#c70400; color:#fff; cursor:pointer;}
/*footer*/
footer{width:100%; background:#2d2d2d;text-align: center; border-top:5px solid #c4c4c4; color:#99a1a6; /* padding-top:20px; */ overflow:hidden}
footer a{ color:#99a1a6}
.mrdede_footer img{width:30px !important;height:auto !important}
.xs_padding {padding-bottom:20px;}
/*support*/
.support{position: fixed; top:50%; margin-top:-40px; right:0; width:46px; z-index:9999}
.support li{height:48px; line-height:48px;position: relative; border-radius:3px 0 0 3px; margin-bottom:1px;background-color:#11623d;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.support li:hover{background:#c70400}
.support li a{color:#fff; font-family: Arial, sans-serif; font-size:18px; display:block}
.support li a i{font-family:'alimaofont';}
.support li.icon_one{position:relative; left:0; width:160px;}
.support li.icon_one:hover{left:-110px}
.support li.icon_one:hover i{width:36px; text-align:right}
.support li i{ display:inline-block; font-style:normal; font-size:22px; width:46px; text-align:center}

/*page*/
.page_banner{position:relative;height:325px; background-position:center}
.page_banner .location{position: absolute; bottom:20px; color:#E1E1E1}
.page_banner .location a{color:#fff}
/*products*/
.products{ margin-top:50px; margin-bottom:50px;}
.products-category{border:1px solid #eee}
.products-category > li {display:block; padding:5px; border-bottom:1px dashed #eee}
.products-category > li:last-child{border:0}
.products-category > li span{ float:left; width:80px; text-align:center; color:#999; display:inline-block}
.products-category ul li{ display:inline-block; margin-right:10px}
.products-category ul li a{padding:1px 5px;border: 1px solid #ccc; color:#555;}
.products-category ul li a:hover{ background-color:#11623d;border: 1px solid #11623d; color:#fff;}
.products-category ul li a.changefieldandcss{background:#11623d;border: 1px solid #11623d; color:#fff; padding:1px 5px}
.pro-secrch{margin-top:10px;border:1px solid #eee; padding:10px;}
#searchform{position:relative;}
#searchform input{width:100%; height:32px; padding:0 10px; border:1px solid #ddd;line-height:32px}
#searchform a{ position:absolute; top:0; right:0; z-index:1; background:#11623d; color:#fff; cursor:pointer; padding:5px 20px}
#searchform a:hover{ background:#C50003}
.pro-secrch .grid_6 span{display:inline-block; color:#999}
.hot-secrch{display:inline-block}
.hot-secrch li{ float:left;display:inline-block; margin:0 5px}
.product-list{margin-top:30px}
.product-list .grid_3{border:1px solid #eee; padding:8px; margin-bottom:30px}
.product-list .grid_3 p{ padding:0; margin-top:10px; margin-bottom: 12px; font-size:15px; overflow:hidden; text-align:center;
    text-overflow: ellipsis;
    white-space: nowrap;}

/*products read*/
.goods_read{margin:40px auto}
.goods_read h1{font-size:20px; color:#000; line-height:24px;font-weight: bold; margin-bottom:15px;margin-top: 30px;}
#alm_imgblock{position:relative;width:100%; height:100%; overflow:hidden}
.alm_figimg img{ width:100%; height:100%; max-height:500px;}
.alm_bigimg{position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; display:none;overflow:hidden}
.alm_bigimg img{position:absolute; left:0; top:0; min-height:100%; min-width:100%}
#mousetrap {position:absolute;left:0; top:0; width:100%; height:100%; z-index:2;background:url(../images/magnify.png) no-repeat center; display:block}
#mousetrap.no-mousetrap{background:none}
#mousetrap:hover{ cursor:crosshair}
#alm_smallimg{margin-top:20px;}
.alm_smallimg_block{ margin-left:-5px}
.alm_smallimg_block li{float:left; width:80px;height:80px; border:1px solid #ccc; margin-left:5px; display:block}
.alm_smallimg_block li img{width:80px;height:80px;}
#alm_smallimg .bx-wrapper .bx-controls-direction a{margin-top:-13px;width:27px;height:27px;}
#alm_smallimg .bx-wrapper .bx-prev{background:url(../images/thumbs_left.png) no-repeat;}
#alm_smallimg .bx-wrapper .bx-next{background:url(../images/thumbs_right.png) no-repeat;}
.parameter p{font-size:13px; line-height:20px; color:#666; border-bottom:1px solid #ddd}
.parameter strong{margin:30px 0 20px; font-size:14px; color:#000; display:block}
.parameter .bottom-tel a{padding:8px 15px; border:1px dashed #ddd; background: none; color:#ff0000}
.parameter .bottom-tel a:hover{ background:#11623d; color:#fff;border:1px dashed #11623d;}
.parameter .tags{margin-top:20px; padding-top:5px; border-top:1px dashed #ddd}
.parameter .tags li{display:inline-block;margin-right:5px}
.sidebar-goods {padding-left:30px; border-left:1px solid #ddd}
.sidebar-goods h3{border-bottom:1px solid #ddd;}
.sidebar-goods h3 span{border-bottom:1px solid #11623d; padding-bottom:5px; margin-bottom:-1px; display:inline-block}
.sidebar-goods ul{ margin-top:20px}
.sidebar-goods li{padding:8px; margin-bottom:15px}
.sidebar-goods li p{padding:5px 0;margin:0;}
.detail_t{margin-top:30px; background:#11623d; }
.detail_t h4{margin:5px 0 0 10px; background:#fff; font-size:15px; padding:5px 10px 2px; color:#11623d; display:inline-block}
.detail{padding-top:20px; font-size:14px;    text-align: justify;}
.detail p,.detail div{margin:10px 0}
.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{margin:10px 0; font-weight:bold}
.detail h2{font-size:18px}
.detail h3{font-size:16px}
.detail h4,.detail h5,.detail h6{font-size:14px}
.detail ul{list-style:square inside}
.detail strong{font-weight:bold}
.prevnext{margin-top:80px; border-top:1px solid #ddd; padding-top:10px; }
.return_bt a {
    float: right;
    clear: both;
    color: #17181a;
    font-size: 16px;
    line-height: 50px;
    padding-right: 35px;
    background: url(../images/return_bt.png) no-repeat right center;
    transition: all 0.2s linear;
}
.return_bt a:hover{padding-right:40px; color:#c70400;}
/*about*/
.about{ margin:50px 0 50px}
.about .row{margin-top:60px}
.about .grid_6{margin-bottom:30px}
.content p{ text-align:justify;color: #666;}
.supplier h3{ font-weight:bold; font-size:16px; margin-bottom:5px}
.abhots a {
    display: block;
    float: left;
    width: 23%;
    margin-left: 2%;
    color: #949494;
}
/*contact*/
.contact{margin:50px 0 50px}
.contact h1,.contact article h2,.contact article h3{ font-size:18px; margin-bottom:20px; font-weight:bold}
.contact h1{font-size:26px}
.contact article h3{font-size:16px}
.contact article p{font-size:14px; color:#333;}
.contact .message input, .contact .message textarea{border:1px solid #ddd}
.message h2{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; font-weight:bold}
.message label{margin-bottom:10px; display:block; overflow:hidden}
.message input{width:100%;text-indent:2em;color:#999;font-family:Microsoft Yahei; height:34px;font-size:13px; border:0; background:#fff url(../images/message_icon.png) no-repeat 5px 10px; border-radius:2px; display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message textarea{width:100%;text-indent:2em;color:#999; resize:none;font-family:Microsoft Yahei;height:100px;border:0;border-radius:2px; display:block; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message input#email{ background-position: 5px -32px}
.message input#mycall{ background-position: 5px -72px}
.message textarea#lytext{background:#fff url(../images/message_icon.png) no-repeat 5px -120px; font-size:13px;}
.message .empty,.empty1{display:none; color:red}
.message a{margin-top:10px; padding:5px 30px; background:#000; font-size:14px; color:#fff; display:inline-block;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.message a:hover{ background:#11623d; color:#fff;}

/*news list*/
.newslist,.newsread{margin:50px 0}
.newslist h2{ line-height:normal; margin-bottom:30px}
.newslist .grid_8,.newsread .grid_8{padding-right:30px; border-right:1px dashed #2d2d2d}
.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:10px; border-bottom:1px dashed #ccd}
.news_list li a{font-size:18px; display:block}
.news_list li p{ padding-top:5px}
.sidebar_news .grid_2{margin-left:0;margin-right:10px}
.sidebar_news .new-pic{ margin-bottom:10px; overflow:hidden}
.sidebar_news .new-pic h4 a{color:#333}
.sidebar_news .new-pic h4 a:hover{ color:#c70400;}
.sidebar_news h3{ margin-bottom:20px}
.sidebar_news ul{margin-bottom:30px}

/*news read*/
.newsread h2{line-height:32px; margin-bottom:20px}
.info_text{padding-bottom:5px; border-bottom:1px solid #ddd; color:#777}
.news_text{margin-top:30px; font-size:14px; text-align:justify; text-indent:2em;}
.tag{margin-top:80px; border-bottom:1px solid #ddd; font-size:12px; overflow:hidden}
.tag span{margin-right:10px; vertical-align: auto}
.tag span.r{float:right; margin-left:0; display:inline-block}
.newsread .content{margin-bottom:10px}

/*download*/
.download .grid_4{position:relative}
.download .grid_4 h4{position:absolute; bottom:0; left:0; width:100%; height:42px; line-height:42px; text-align:center; background:rgba(0,0,0,0.7); opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.download .grid_4 a:hover h4{opacity:1; color:#fff}

/*case*/
.case{margin:50px 0}
.caselist .grid_4{position:relative;margin-bottom:55px;text-align:center}
.caselist .grid_4 a{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}
.caselist .grid_4 a:hover{opacity:1; background:rgba(0,0,0,0.5)}
.caselist .grid_4 i{background:url(../images/url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.caselist .grid_4 a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.caselist .grid_4 p{ margin-top:10px;font-size:15px}
.caselist .grid_4 p a{opacity:1; color:#333;}
.case-read {margin:40px 0}
.case-read .grid_9{padding-right:30px;border-right:1px solid #ddd}
.case-read h2{ line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px; text-align:center;}
.case-read .grid_9 figure{margin-bottom:20px; overflow:hidden;text-align: center;}
.case-read .grid_3 h2{ font-size:20px; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:20px}
.re-caselist li{margin-bottom:20px; text-align:center}
.re-caselist li h4{ padding:5px;}
.pagination{ margin:20px 0; text-align:right}
.pagination a,.pagination span{padding:3px 10px; border:1px solid #ccc; margin:0 2px; display:inline-block; vertical-align: inherit}
.pagination span {background: #787878;color:#fff;border:1px solid #787878;}

.bottom-tel{ text-align:center;}
.mpro {
    display: none;
}


.links{background: #2D2D2D;}
.links_m{margin-left:0}
.links_m b,
.links_m a{padding:0 8px;float:left;color:#99a1a6;line-height:25px}
.links_m b{padding-left:0;font-weight:bold}
.links_m a:hover{color:#ff0000}
footer p{margin-top: 0;}
.ie8_show{display:none}
@media (min-width: 980px) and (max-width: 1199px) {
header h1 span{font-size:16px}
.slider{height:550px}
.grid figure {max-height: 300px}
figure.effect-layla h2{padding-top:10%}
figure.effect-layla figcaption{padding:3em 1.5em}
figure.effect-layla figcaption::before {top: 40px;right: 20px;bottom: 40px;left: 20px;}
figure.effect-layla figcaption::after {top: 20px;right:40px;bottom: 20px;left: 40px;}
.con_pad{padding:13px;*zoom:1}
.home-pro .row{margin-left:-14px}
.home-pro .grid_3{margin-left:12px;padding:6px; margin-bottom:12px}
.al_news li a{font-size:14px; line-height:18px; max-height:36px}
.al_news .zoom figure img{min-height:100%}
.brand li{width:224px}
.seventh .grid_4{width:260px}
.seventh .grid_3{width:260px}
.bottom-tel a{font-size:24px}
.partners {display:none}
/*page*/
.page_banner{height:280px}
.products-category > li{overflow:hidden}
.products-category > li span{width:60px}
.products-category ul{float:left; width:860px; display:inline-block}

.inner {
    width: 93% !important;
}
.sf-menu a{padding:5px 6px; }
.isStuck .sf-menu a{padding:5px 6px; }
#leftsead{ display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
header{height:auto}
header h1{width:100px;margin-top: 7px;}
header h1 span{display:none}
.sf-menu > li{ height:60px; width:72px;}
.sf-menu a{ margin-top:15px; padding:0; line-height:31px; height:31px;}
.sf-menu > li > ul{top:62px}
.slider{height:400px}
.slider > div{ background-size:auto 100%}
.block_name h2{font-size:26px}
.sort [class*="grid_"]{ width:236px; margin-bottom:30px}
.grid figure {max-height: 220px}
.grid figure h2{font-size:20px}
figure.effect-layla h2{padding-top:0}
figure.effect-layla figcaption{padding:3em 1em}
figure.effect-layla figcaption::before {top: 30px;right: 10px;bottom: 30px;left: 10px;}
figure.effect-layla figcaption::after {top: 10px;right: 30px;bottom: 10px;left: 30px;}
.home-pro .row{margin-left:-15px}
.home-pro .grid_3{margin-left:20px; width:340px; margin-bottom:20px}
.fourth{padding:50px 0}
.case-list li i{ width:50px; height:50px}
.case-list li p{ margin:0 20px;font-size:12px}
.case-list .hover_line::before,.case-list .hover_line::after {top: 10px;right: 10px;bottom: 10px;left: 10px}
.brand li{width:233px;height: 138px;}
.brand img{ min-width:100%}
.seventh .row{ margin-left:0}
.seventh .grid_5{float:none; margin:0 auto;width:100%; padding:0; border:0; margin-bottom:30px; overflow:hidden}
.seventh .grid_4{width:364px; margin-left:0}
.seventh .grid_3{width:300px; margin-left:50px}
.bottom-tel a{font-size:24px}
.partners {display:none}
/*page*/
.page_banner{height:150px}
.products-category > li{overflow:hidden}
.products-category > li span{width:60px}
.products-category ul{float:left; width:660px; display:inline-block}
.hot-secrch li{ font-size:12px}
.caselist .grid_4{ width:364px}
.re-caselist li h4{font-size:12px}
.sidebar_news .grid_2{float:none; margin:0; margin-bottom:10px; width:100%}
.product-list .grid_3{width:236px}
#leftsead{ display:none;}
}
@media (max-width: 767px) {
#topbox{display:none}
header{height:auto}
.stuck_container{background:#fff}
header h1{width:90%;text-align:center;}
header h1 img{ width:120px}
header h1 span{display:none}
#m_menu{display:inline-block;width:30px; height:30px; text-align:center; cursor:pointer;}
#m_menu span{width:24px; height:30px; display:inline-block; position:absolute;right:15px;}
#m_menu > span{margin-top:21px}
#m_menu span span{position:absolute;height:1px;z-index:1; left:0; top:0; background:#fff; display:block; overflow:hidden}
#m_menu span.menuicon-middle{z-index:2;top:8px}
#m_menu span.menuicon-bottom{z-index:3;top:16px}
nav{position:inherit;margin-top:13px; display:inline-block}
.sf-menu{position: fixed; width:100%; height:100%; margin:0; background:rgba(0,0,0,0.9); padding:10px 0; top:60px;z-index:9; left:0; display: none}
.sf-menu > li > span{display:block}
.sf-menu > li > span > a{display:inline-block}
.sf-menu > li > span:after{content: "+";float: right; padding-top:5px; color:#fff; font-size:14px;font-weight: normal;margin-right: 8px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;cursor:pointer}
.sf-menu > li:hover > span:after{transform: rotate(45deg) scale(1.08);-webkit-transform: rotate(45deg) scale(1.08);-moz-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);-o-transform: rotate(45deg) scale(1.08); color:#fe8c01;}
.sf-menu > li {float:none;text-align:left; height:auto; margin:0 20px; display:block; border-bottom:1px solid #414141; position:relative}
.sf-menu a,.sf-menu .curr a{margin:0;padding:10px 0; height:auto; color:#e7e6e6;font-size:14px; border-radius:0;display:block}
.sf-menu > li a:hover,.sf-menu li.curr a{background: none;color:#ffc000; margin:0; padding:10px}
.sf-menu li.curr a{padding:10px 0}
.sf-menu > li.curr > span:after {margin-top:-38px;}
.sf-menu > li > ul{opacity:1;visibility: inherit;background: none;position: relative;top:0;border-radius:0;padding:0;z-index:0; width:auto;transition: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none; display:none}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0}
.sf-menu ul > li{float: none; margin:0; margin-left:10px; border-bottom:1px solid #414141; width: auto}
.sf-menu ul > li:last-child{border:0;}
.sf-menu ul > li:last-child a{ display:inline-block}
.sf-menu ul a{font-size:12px; display:block; color:#ffc000; padding:10px 5px;margin: auto;}
.sf-menu ul a:hover{padding:10px; color:#fff; margin: auto;}
.slider{height:200px}
.slider > div{background-size:100% auto; background-position:center 0}
.block_name h2{ font-size:24px}
.block_name p{ font-size:14px}
.row.sort {margin-left:-20px; margin-top:50px}
.sort [class*="grid_"]{float:left; width:133.33px; margin-left:20px; margin-bottom:30px}
.sort span{width:100px; height:100px}
.sort [class*="icon_"]{font-size:48px; line-height:100px}
.sort [class*="grid_"]:hover [class*="icon_"]{font-size:56px; line-height:100px}
.sort p{font-size:14px}
.first .button1{margin-top:10px}
.second{margin-top:50px}
.grid figure{width:100%}
figure.effect-layla img{height: auto}
.con_pad{padding:10px;*zoom:1}
.home-pro .row{margin-left:-10px}
.home-pro .grid_3{float:left;margin-left:10px; width:215px; margin-bottom:10px}
.home-pro .grid_3 p{height:64px}
.fourth{padding:30px 0; background-size:cover;}
.case-list li{width:50%;}
.brand li{width:152px; height:90px}
.al_pic_news{margin-bottom:15px; padding-bottom:10px}
.al_pic_news figure{max-height:240px; min-height:200px}
.seventh .row{margin-left:0}
.seventh [class*="grid_"]{ float:none; margin:0 auto; width:100%; margin-bottom:30px; padding:0; border-right:0; overflow:hidden}
.seventh .grid_4 li{width:33.33%}
.partners {display:none}
/*page*/
.page_banner{height:100px; margin-top:61px;}
.about{margin:50px 0}
.products-category > li{overflow:hidden}
.products-category > li span{width:50px}
.products-category ul{float:left; width:390px; display:inline-block}
.pro-secrch .grid_5{margin-bottom:5px; width:100%;}
.pro-secrch .grid_6{ width:100%;}
.hot-secrch li{ font-size:12px}
.product-list .row{margin-left:-20px}
.product-list .grid_3{float:left;width:220px; margin-left:20px; margin-bottom:20px}
.case-read .grid_9,.newslist .grid_8, .newsread .grid_8{padding-right:0; border:0}
.newslist, .newsread,.contact{margin:30px 0}
.sidebar_news{margin-top:20px}
.sidebar_news .grid_2{float:left; width:200px; margin-right:10px}
.newsread h1{font-size:24px; margin-bottom:10px}
.contact h1,.message h2{font-size:24px}
.contact .grid_5{margin-top:20px}
.inner {
    width: 90% !important;
}
#leftsead{ display:none;}
.icon_sort img {
    max-width: 100%;
    height: 88px;
    line-height: 80px;
    vertical-align: top;
    margin-top: 5px;
}
.header {background-color:#11623d;}
header h1 img {display:none;}
header h1 strong {display:block;font-size:18px;color:#fff;line-height:60px;}
.header nav {width:10%;text-align:right;}
.banner {padding-top:60px;}
.pc_banner {display:none;}
.m_banner {display:block;}
.banner .pc_banner .bx-wrapper .bx-pager {display:none;}
}
@media (max-width: 479px) {
.slider{height:309px}
.slider > div{ background-size:auto 100%}
.sort [class*="grid_"]{float:left; width:190px; margin-left:20px; margin-bottom:30px}
.grid figure{max-height:270px}
.grid figure h2{font-size:20px}
figure.effect-layla h2{padding-top:0}
figure.effect-layla figcaption{padding:3em 1em}
figure.effect-layla figcaption::before {top: 30px;right: 10px;bottom: 30px;left: 10px;}
figure.effect-layla figcaption::after {top: 10px;right: 30px;bottom: 10px;left: 30px;}
.home-pro .row{margin-left:0}
.home-pro .grid_3{float: left;margin-left:0; width:190px; margin-bottom:10px; padding:3px;}
.home-pro .grid_3 p{    height: 27px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;}
.case-list li{float:left; margin:0 auto; display:block;width:207px;}
.news-tab2{margin-bottom: 20px;}
.brand li{width:199.5px; height:118px;}
.news-tab li a,.news-tab li.curr a,.news-tab li a:hover{padding:3px 6px}
.seventh .grid_5 li{width:33.33%}
.links_m b,
.links_m a,
footer p{font-size:12px}
/*page*/
.products-category > li span{width:40px;font-size:12px}
.products-category ul{width:240px}
.products-category ul li{margin-right: 7px; margin-bottom: 7px;}
.products-category > li a{font-size:12px}
.product-list .row{margin-left:0}
.product-list .grid_3{width:50%; margin-left:0; margin-right:0;padding-bottom: 0; padding:3px;}
.caselist .grid_4 p{ font-size:14px;}
.news_list li a{ font-size:16px}
.news_list li p{ font-size:12px; line-height:18px}
.sidebar_news .grid_2{ float:none; width:100%; margin:0; margin-bottom:10px}
.banner .bx-wrapper .bx-pager {
    bottom: 0px;
    z-index: 10000;
}
.seventh {
    padding: 30px 0 0;
    background: #eee;
}
.commontitle li a {
    padding: 15px 9px 15px !important;	
	}
.contact article p{font-size:14px; color:#555;}
.alm_smallimg_block li{float:left; width:80px;height:80px; border:1px solid #ccc; margin-left:5px; display:block}
.mpro {
    display: block;
}
.sidebar-goods {
    padding-left: 20px;
    border-left: 1px solid #ddd;
}
.product-list .grid_3 p{ padding:0; margin-top:5px; margin-bottom: 3px; font-size:14px;}
.caselist .grid_4 p a{opacity:1; color:#333;height: 25px;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
background:none;
}
.caselist .grid_4 a:hover{background:none;}
}
@media (max-width: 320px) {
.commontitle li a {
    padding: 15px 3px 15px !important;	
	}
}
@media (max-width: 768px) {
#spec-n1 {
    width: 400px;
}
#spec-n1 .o-img {
    width: 100%;
}
.grid_9 {
    width: 556px;
}
#preview {
    width: 550px;
}
}
/* 产品栏目*/
/*.inner {width: 1170px;margin: 0px auto;}
.new-title{ background:#f1f1f1;}
.commontitle li{ float:left; margin-right:13px;}
.commontitle li:last-child{ margin-right:0;}
.commontitle li a{ display:inline-block; position:relative; padding:20px 15px 20px; line-height:normal; color:#5d5d5d; font-size:16px;}
.commontitle li a:before{ content:""; width:0; height:3px; background:#2C9062; position:absolute; left:0; bottom:0; transition:340ms;}
.commontitle li a:hover:before,.commontitle li a.now:before{ width:100%;}*/

.PhoneService_Bg{ display:none !important;}
@media  screen and (max-width: 768px){
.PhoneService_Bg {
    width: 100%;
    bottom:0;
	right: 0;
	left:0;
    z-index: 999;
	position:fixed;
    text-align: center;
    background-color: #11623d;
    line-height: 1.2em;
	height:59.2167px;
	padding:0 0 0 0;
	font-size:15px !important;
	display:block !important;
}
.PhoneService_Bg p{ color:#fff; margin-top:3px; margin-bottom:0;font-size: 12px;}
	.PhoneService_Boxa1{
	
    width: 24%;
    display: inline-block;
	text-align: center;
   /* margin: 0;*/
	
	padding:8px 0;
    background-color: #11623d;
}
	.PhoneService_Boxa1 img,.PhoneService_Boxa img {
	
    width: auto\9;
    height: 25px;
    max-width: 30%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
	.PhoneService_Boxaa{
	
    width: 24%;
    display: inline-block;
     margin-left:0%;
	margin-right:0.14%;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	 text-align: center;
	 padding:8px 0;
    background-color: #11623d;
}
	.PhoneService_Bg img {
    width: auto\9;
    height: 25px;
    max-width: 30%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
	.PhoneService_Boxa{
	
    width: 24%;
    display: inline-block;
    margin-left:0;
	margin-right:0;
	border-right:1px solid #fff;
	padding: 8px 0;
	text-align: center;
    background-color: #11623d;
}
.links {display:none;}
.xs_padding {padding:20px 0 60px;}
}