/* Header */

#topbox{height:32px; line-height:31px; color:#999; font-size:12px; border-bottom:1px solid #ddd; overflow:hidden}

#topbox span.icon_tel { float: right; color: #C90003; background:url(../images/tel.png) no-repeat 0 5px }

/*#topbox span.icon_tel:before{padding-right:5px;display:inline-block;content:"\0070"; margin-top:-2px;font-size:22px;line-height:26px}

#topbox span.icon_tel i{font-family:"Times New Roman", serif; font-size:20px}*/

#topbox span.icon_tel i { font-family: "微软雅黑"; font-size: 18px;padding-left: 30px;    padding-right: 30px; }

header{position: relative;width:100%; height:110px;left:0; top:0; right:0; margin:0 auto; background:rgba(255,255,255,0.85);z-index:30000;}

.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:522px;float:left;display:block;margin-top: 2px;margin-bottom: 10px;}

header h1 span{font-size:18px; border-left:1px solid #000; margin-left:10px;padding:10px}

header h1 img{ width:304px}

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:223px}

.isStuck h1 span{ font-size:16px}

.isStuck .sf-menu > li{height:62px}

.isStuck .sf-menu a{padding:5px 10px; height:32px; 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 10px; height: 34px; margin-top: 20px; font-size: 15px; border-radius: 5px; display: block }

.sf-menu > li.curr a, .sf-menu > li a:hover { background: #0ba7f1; color: #fff }

.sf-menu > li > ul { opacity: 0; visibility: hidden; background: rgba(225,225,225,0.8); 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: #; padding: 5px 0 5px 15px; 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 { padding: 5px 20px; color: #000; background: none; margin: 5px 0 }

/*banner*/

.banner{position:relative;overflow:hidden;    margin-top: 0px;}

.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}

.barLink{ position:absolute; height:290px; top:30%; margin-top:0px; right:-305px; width:330px; background:url(../images/rr-barbg.png); z-index:99; overflow:hidden } 

.barLink .hLine{ position:absolute; top:0; height:100%; left:0; width:25px; background:#0ba7f1; cursor:pointer; }

.barLink .hLine .ico{ background:url(../images/rr-baraw.png) no-repeat center center;width: 100%;

    height: 100%;

    display: block;

    background-repeat: no-repeat;

    background-position: center center;

    transition: 300ms;

    -webkit-transition: 300ms;

    position: relative; }

.barLink .Con{ padding:25px 25px 0 50px; }

.barLink .Con .en{ color:#484848;  font-family:Arial; line-height:1.1; }

.barLink .Con .ch{ font-size:16px; line-height:1.4; white-space:nowrap; color:#484848; font-weight: bold}

.barLink .Con .tx{ line-height:20px !important; height:140px; margin-top:15px; font-size:14px; }

.barLink .sermore{ background:#0ba7f1; margin-top:25px; }

.barLink .sermore .txx{ padding-left:5px; }

.sermore{ display:block; overflow:hidden; width:112px; height:35px; background:#d5d5d5; color:#fff; line-height:13px; position:relative; }

.sermore .m1{ display:block; width: 0;height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #9ebf65;position: absolute; bottom: 0;left: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; }

.sermore .m2{ display:block; width: 0;height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg); border-style: solid;border-width: 0 0 0 0;border-color: transparent #9ebf65 transparent transparent;position: absolute;top: 0; right: 0;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;transition: all 0.5s; }

.sermore:hover .m1{ border-width: 105px 0 0 105px;}

.sermore:hover .m2{ border-width: 0 105px 105px 0;}

.pmqqs .sermore .m1,.barLink .sermore .m1,.ixpoints .sermore .m1{ border-color: transparent transparent transparent #D0281F; }

.pmqqs .sermore .m2,.barLink .sermore .m2,.ixpoints .sermore .m2{ border-color: transparent #D0281F  transparent transparent; }

.sermore .txx{ position:relative;background:url(../images/rr-seraw.png) no-repeat 93px 11px; font-size:12px; color:#fff; line-height:36px}

.serotxts .sermore{ margin-top:15%; }



/*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%}

.third .zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; /*min-height:252px;*/max-width:100%; height: 190px;}

.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 #d2ccc1;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}

.mpro{ display:none}

.language{ display:none;height: 32px;

    line-height: 31px;

    color: #999;

    font-size: 12px;

    border-bottom: 1px solid #e9e9e9;

    overflow: hidden;text-align: right;}

/*first*/

.first{padding:50px 0; text-align:center; overflow:hidden;background: #f5f5f5;}

.sort {text-align:center; margin-top:100px}

.sort span{    overflow: hidden;width:200px; height:200px; display:inline-block;border:1px solid #9A9A9A; border-radius:100%;/*background:#0e497b;*/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:#0ba7f1; color:#fff; border:1px solid #0ba7f1}

.sort [class*="grid_"]:hover [class*="icon_"]{font-size:72px}

.button1{display:inline-block;  padding:8px 35px; margin-top:80px; font-size:14px; border:1px solid #0ba7f1; 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:80px;background:#f5f5f5; padding:80px 0; overflow:hidden}

.theme{margin-top:50px}

.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:27px;text-align: center;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}



/*fourth*/

.fourth{ padding:80px 0; text-align:center;background:url(../images/third-bg.jpg) no-repeat center 0;}

.news-tab{margin-bottom:50px; margin-top:20px; display:block; overflow:hidden}

.news-tab li{display:inline-block}

.news-tab li a{padding:3px 15px;    margin: 5px 5px; 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 #0ba7f1; border-radius:3px; padding:3px 15px; color:#fff;background-color: #0ba7f1;}

.fourth .news-tab li a{ color:#fff}

.fourth .news-tab li.curr a,.fourth .news-tab 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:none;margin:100px 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:233.8px; height:126px; margin:0; padding:0;overflow:hidden;    text-align: right;background-color: #fff;}

.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{ background:#f5f5f5; padding:50px 0;}

.al_pic_news{min-height:336px}

.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:#c70400}

.al_pic_news h4 a:hover{text-decoration: underline; color:#f00}



/* 织梦先生 增加 */

.mrdede_footer img{width:30px !important;height:auto !important}

@media (min-width: 768px) {

.al_pic_news p{max-height:120px; line-height:20px;overflow:hidden}

}

@media (max-width: 768px) {

.al_pic_news p{max-height:140px; line-height:20px;overflow:hidden}

}

.al_pic_news .button1{padding:7px 30px; margin-top:10px; background:#0ba7f1; border:1px solid #0ba7f1; color:#fff;  display:inline-block}

.al_pic_news .button1:hover{ background:#c70400; border:0; color:#fff}

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}

.al_news li a:hover{color:#ff0000}

.al_news li p{padding-top:5px;color:#777; line-height:18px; max-height:38px; padding-bottom:0; overflow:hidden}

.partners span{ display:inline-block; margin-right:10px}

.partners,.partners a{color:#777}

.partners a:hover{color:#ff0000}

/*seventh*/

.seventh{padding:50px 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:33%; display:inline-block}

.seventh .grid_4 li{float:left; width:50%; display:inline-block}

.seventh .grid_3 .follow{margin-left:60px}

.seventh .grid_3 .follow li{display:inline-block; width:120px; margin-left:10px; font-size:12px}

.bottom-tel {margin-top:10px}

.bottom-tel a{display:inline-block; padding:10px 16px; background:#0ba7f1; 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}

/*footer*/

footer{width:100%; background:#2d2d2d;text-align: center; border-top:0px solid #c4c4c4; color:#99a1a6; padding-top:20px; overflow:hidden}

footer a{ color:#99a1a6}

/*support*/

.support{position: fixed; bottom:10%; 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:#0ba7f1;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:180px;}

.support li.icon_one:hover{left:-130px}

.support li.icon_one:hover i{width:46px; text-align:center;padding-left: 10px;}

.support li.icon_two{position:relative; left:0; width:136px;}

.support li.icon_two:hover{left:-90px}

.support li.icon_two:hover i{width:46px; text-align:center;padding-left: 0px;}

.support li i{ display:inline-block; font-style:normal; font-size:22px; width:46px; text-align:center;height: 48px;}

.weixinCon { top: 40px; padding:1px; text-align: center; }

.weixinCon .img { width: 150px; overflow: hidden; margin-bottom: 0px; }

.weixinCon .img img { width: 100%; display: block; }

.con { background-color: #ccc; color: #fff; position: absolute; right: 0px; display: none;top: -54px; z-index:-1 }

/*page*/

.page_banner{position:relative;height:325px; background-position:center}

.page_banner .location{position: absolute; bottom:20px; color:#E1E1E1}

.page_banner .location a{color:#E1E1E1}

.page_banner .location a:hover{color:#fff}

/*products*/

.products{ margin-top: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:5px}

.products-category ul li a{padding:0 5px}

.products-category ul li a.changefieldandcss{background:#0ba7f1; display:block; color:#fff; padding:0 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:#0ba7f1; 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:5px; height:25px; overflow:hidden; text-align:center;font-size: 15px;overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

text-align: center;}







/*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:#0ba7f1; color:#fff;border:1px dashed #0ba7f1;}

.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 #0ba7f1; 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;-o-text-overflow:ellipsis;  

text-overflow:ellipsis;  

white-space:nowrap;

overflow:hidden;  }

.detail_t{margin-top:30px; background:#0ba7f1; }

.detail_t h4{margin:5px 0 0 10px; background:#fff; font-size:15px; padding:5px 10px 2px; color:#0ba7f1; 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}

/*about*/

.about{ margin:80px 0 50px}

.about .row{margin-top:60px}

.about .grid_6{margin-bottom:30px}

.supplier h3{ font-weight:bold; font-size:16px; margin-bottom:5px}

/*contact*/

.contact{margin:40px 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}

.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; font-family:Microsoft Yahei;height:118px;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:#0ba7f1;}



/*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:#000}

.sidebar_news h3{ margin-bottom:20px}

.sidebar_news ul{margin-bottom:30px}

.sidebar_news #searchform a{width:66px;height: 30px; margin-top:1px; display: block; float: left;}

.sidebar_news #searchform a:hover{background-position:0 -31px;}



/*news read*/

.newsread h1{font-size:30px; 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}

.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:40px 0}

.caselist .grid_4{position:relative;margin-bottom:55px; text-align:center}

.caselist .grid_4 .hover_line{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}

.caselist .grid_4 .hover_line: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:16px}

.caselist .grid_4 .casetitle{color: #000;opacity: 1;background: none;}





.case-read {margin:40px 0}

.case-read .grid_9{padding-right:30px;border-right:1px solid #ddd}

.case-read h1{ font-size:32px; line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px}

.case-read .grid_9 figure{margin-bottom:20px; overflow:hidden}

.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{padding:3px 10px; border:1px solid #ccc; margin:0 -3px; display:inline-block; vertical-align: inherit}

.pagination strong{padding:3px 10px; border:0; background:#787878; color:#fff;margin:0 2px;display:inline-block}





/*product style*/

.filler2 {  position: absolute;  display: block; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }

.itemLink .filler2 { background-color: #0ba7f1; z-index: 5; }

.itemLink .filler2-left { width: 5px; height: 0%; left: 0%; top: 0%; }

.itemLink .filler2-right { width: 5px; height: 0%; right: 0%; bottom: 0%; }

.itemLink .filler2-top { width: 0%; height: 5px; right: 0%; top: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }

.itemLink .filler2-bottom { width: 0%; height: 5px; left: 0%; bottom: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }

.itemLink:hover .filler2-left { height: 100%; }

.itemLink:hover .filler2-right { height: 100%; }

.itemLink:hover .filler2-top { width: 100%; }

.itemLink:hover .filler2-bottom { width: 100%; }

.productNav a:link, .productNav a:visited { color: #505050; }

.productNav a:active, .productNav a:hover { color: #F0BE00; }

.productNav { overflow: hidden; }

.productNav li { float: left; display: block; width: 20%; padding: 22px 0px; }

.productNav li a { border-right: 1px solid #fff; display: block; height: 128px; padding-top: 20px; text-align: center; position: relative; }

.productNav ul li:nth-child(1) a { border-left: 1px solid #fff; }

.productNav li .ico { display: block; margin: 0px auto 20px; }

.productNav li a span { display: block; line-height: 1.2; }

.productNav li a .zh { font-size: 18px; }

.productNav li a .en { font-size: 14px; font-family: arial, helvetica, sans-serif; color: #a2a2a2; }

.productNav li a .bot { background: url(../images/sj.png) no-repeat scroll center top; width: 34px; height: 16px; position: absolute; left: 50%; bottom: -40px; margin-left: -17px; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }

.productNav a:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

.productNav li.act a .bot, .productNav li:hover a .bot { bottom: -22px; }

.proPage { padding: 7% 0px; }

.proList a:link, .proList a:visited { color: #fff; }

.proList a:active, .proList a:hover { color: #fff; }

.proList a.item { display: block; background-color: #efc99d; position: relative; overflow: hidden; }

.proList li .img { width: 50%; display: block; position: relative; overflow: hidden; }

.proList li .img img { transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; width: 100%; display: block; }

.proList .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }

.proList .con { color: #fff; }



.proList .con .zh { font-size: 25px; line-height: 1.2; }

.proList .con .en { font: 20px/1.1 arial, helvetica, sans-serif; text-transform: uppercase; }

.proList .con .bot { height: 2px; margin: 15px 0px 20px; width: 68px; background-color: #fff; display: block; }

.proList .con .c { font-size: 14px;height: 160px;   overflow: hidden; }

.proList .oneItem .con { position: absolute; left: 54%; top: 10%; height: 70%; width: 42%; display:block; z-index:9}

.proList .twoItem .img { margin-left: 50%; }

.proList .twoItem .con { position: absolute; left: 4%; top: 10%; height: 70%; width: 42%;display:block; z-index:9 }

.proList .filler2-left { width: 2px; height: 0%; left: 2%; top: 2%; }

.proList .filler2-right { width: 2px; height: 0%; right: 2%; bottom: 2%; }

.proList .filler2-top { width: 0%; height: 2px; right: 2%; top: 2%; }

.proList .filler2-bottom { width: 0%; height: 2px; left: 2%; bottom: 2%; }

.proList li:hover .filler2-left { height: 96%; }

.proList li:hover .filler2-right { height: 96%; }

.proList li:hover .filler2-top { width: 96%; }

.proList li:hover .filler2-bottom { width: 96%; }

.proList li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }

.proList li:hover .black-30 { opacity: 1; visibility: visible; }

.proPadding { padding: 12px 0px; }

.pagePadding{ margin-top:30px;}

.prolistType { background-color: #f0be00; color: #fff; height: 50px; }

.prolistType a:link, .prolistType a:visited { color: #fff; }

.prolistType a:active, .prolistType a:hover { color: #505050; }

.prolistType .proPadding a { padding: 4px 15px; margin: 0px 5px; border-radius: 12px; font-size: 14px; }

.prolistType a:hover, .prolistType a.act { background-color: #fff; color: #505050; }

.listPager { padding: 50px 0px; }

a.listIco { background: url(../images/list2.png) no-repeat scroll left center; padding-left: 40px; font-size: 18px; color: #505050; }

a.listIco:hover { color: #0ba7f1; }

.return_bt{margin:30px 0;}

.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:#ff0000;}



/*preview*/



#preview { width: 876px; height: auto; margin: 10px auto; border: 1px solid #e6e6e6; padding: 5px; zoom: 1; overflow: hidden; }

#spec-n1 { float: right; width: 720px; height: auto;  overflow: hidden; background: #fff; position: relative; z-index: 5; zoom: 1; }

#spec-n1 .o-img { width: 720px; height: auto; text-align: center; }

#spec-n1 .switch { width: 720px; height: auto; position: absolute; z-index: 10; top: 0; left: 0; }

#spec-n1 img { max-width: 720px; max-height: auto; _height: 384px; }

#spec-n5 { position: relative; float: left; width: 134px; height: 550px; padding: 25px 0px; zoom: 1 }

#spec-list { width: 134px; height: 500px; overflow: hidden; }

#spec-list ul { height: 490px; overflow: hidden; margin: 0; }

#spec-list li { width: 134px; height: 110px; text-align: center; }

#spec-list img { padding: 2px; border: 1px solid #E8E8E8;  width:128px; height:96px;}

#spec-list .curr img { padding: 1px; border: 2px solid #F45E15; width:128px; height:96px; }

#spec-n5 .control { position: absolute; width: 134px; height: 25px; background-repeat: no-repeat; cursor: pointer; }

#spec-top { top: -2px; background: url(../images/icoin.png) 0 -30px; }

#spec-top.disabled { background-position: 0px -30px; }

#spec-bottom { bottom: -2px; background: url(../images/icoin.png) -139px -30px; }

#spec-bottom.disabled { background-position: -139px -61px; }

#intro { float: left; width: 720px; height: 25px; line-height: 25px; text-align: center; overflow: hidden; font-size: 12px; }

#foward { display: block; width: 360px; height: 540px; float: left; cursor: url(../images/foward.ico), pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

#foward.disabled, #next.disabled { cursor: default; }

#next { display: block; width: 360px; height: 540px; float: right; cursor: url(../images/next.ico), pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

.thickcon { line-height: 40px; text-align: center }



.protitle h2{ line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px; text-align:center;}



/*background color*/

.container1 { margin: 40px auto 0; }

.ico_block, .ico_block1 { margin: 0 auto; width: 120px; height: 120px; border-radius: 50%; display: block }

.ico_block1 { width: 100px; height: 100px }

.ico_block img, .ico_block1 img { padding: 20px; }

.blue { background: #CA2150 }

.orange { background: #EA8709 }

.blue_dark { background: #73BB00 }

.orange_dark { background: #FF2E2E }

.gray { background: #EDEDED }

.bc_4c7083 { background: #4c7083 }

.bc_d0e9f6 { background: #d0e9f6 }

.bc_6fa1bb { background: #6fa1bb }

.bc_4c4c4c { background: #4c4c4c }

.bc_fff { background: #fff }

/*Font size*/

.f12 { font-size: 12px }

.f14 { font-size: 14px }

.f15 { font-size: 15px }

.f16 { font-size: 16px }

.f18 { font-size: 18px; font-weight: normal }

.f20 { font-size: 20px }

.f22 { font-size: 22px }

.f24 { font-size: 24px }

.f26 { font-size: 26px }

.f30 { font-size: 30px }

.f32 { font-size: 220% }

.f36 { font-size: 36px }

.f48 { font-size: 48px }

.f72 { font-size: 72px }

.fw6 { font-weight: 600 }

.fw7 { font-weight: 700 }

.fw8 { font-weight: 800 }

/*top*/

.m_t0 { margin-top: 0px }

.m_t5 { margin-top: 5px }

.m_t8 { margin-top: 8px }

.m_t10 { margin-top: 10px; color: #666; }

.m_t15 { margin-top: 15px }

.m_t18 { margin-top: 18px }

.m_t20 { margin-top: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; }

.m_t25 { margin-top: 25px }

.m_t30 { margin-top: 30px }

.m_t50 { margin-top: 50px }

.m_t80 { margin-top: 80px }

.m_t140 { margin-top: 140px }

/*bottom*/

.m_b0 { margin-bottom: 0px }

.m_b5 { margin-bottom: 5px }

.m_b8 { margin-bottom: 8px }

.m_b10 { margin-bottom: 10px}

.m_b15 { margin-bottom: 15px }

.m_b20 { margin-bottom: 20px }

.m_b25 { margin-bottom: 25px }

.m_b30 { margin-bottom: 30px }

.m_b40 { margin-bottom: 40px }

.m_b50 { margin-bottom: 50px }

.p_b5 { padding-bottom: 5px }

.p_b10 { padding-bottom: 10px }

.p_b20 { padding-bottom: 20px }

.p_b30 { padding-bottom: 30px }

.p_b40 { padding-bottom: 40px }

.p_b50 { padding-bottom: 50px }

.p_b230 { padding-bottom: 230px }

.p_t20 { padding-top: 20px }

.p_t30 { padding-top: 30px }

.p_t40 { padding-top: 40px }

.p_t80 { padding-top: 80px }

.p_t140 { padding-top: 140px }

.p_10 { padding: 10px }

.p_20 { padding: 20px }

.p_lr10 { padding: 0 10px }

.p_lrb10 { padding: 0 10px 10px }

.PhoneService_Bg{ display:none}

.aaa{ 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:20px}

.links_m b{padding-left:0;font-weight:bold}

.links_m a:hover{color:#ff0000}

@media (min-width: 980px) and (max-width: 1199px) {

header h1 span{font-size:16px;display: none;}

.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:214px}

.seventh .grid_4{width:260px}

.seventh .grid_3{width:260px}

.seventh .grid_3 .follow li{ width:120px; margin-left:5px}

.bottom-tel a{font-size:24px}

.partners {display:none}

/*page*/

.page_banner{height:325}

.products-category > li{overflow:hidden}

.products-category > li span{width:60px}

.products-category ul{float:left; width:860px; display:inline-block}

#preview{ width:100%}

#spec-n1{ width:540px;}

#spec-n1 img{width:100%}

#spec-n1 .o-img{width:100%}

.third .zoom figure img{ min-height:206px}

}

@media (min-width: 768px) and (max-width: 979px) {

#topbox{display:none}

.language{ display:block}	

header{height:auto}

header h1{width:150px; margin-top:7px}

header h1 span{display:none}

.sf-menu > li{ height:60px;margin: 0 2px;}

.sf-menu a{ margin-top:10px;padding: 5px 10px; font-size:12px}

.sf-menu > li > ul{top:62px}

.slider{height:400px}

.slider > div{ background-size:100% 100%}

.block_name h2{font-size:26px}

.barLink{ display:none}

.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:227px}

.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}

.seventh .grid_3 .follow li{ width:120px; margin-left:5px}

.bottom-tel a{font-size:24px}

.partners {display:none}

/*page*/

.page_banner{height:250px}

.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}

#preview{ width:100%}

#spec-n1{ width:400px;}

#spec-n1 img{width:100%}

#spec-n1 .o-img{width:100%}

.third .zoom figure img{ min-height:322px}



}













@media (max-width: 767px) {

.aaa{ display:block}

.block_name .block_line{ width:100%}

.mpro{ display:block}

.demo{ display:none}

#topbox{display:none}

.language{ display:block}

header{height:auto}
	.header .container{overflow:hidden}

.stuck_container{background:#fff; width: 100%}

header h1{width:auto; margin-bottom: 0}

header h1 img{ width:340px;/*margin-top:6px;*/}

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:relative;}

#m_menu > span{margin-top:4px}

#m_menu span span{position:absolute;height:1px;z-index:1; left:0; top:0; background:#000; 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:50px;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:inline-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 > 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% 100%; background-position:center 0}

.block_name h2{ font-size:24px}

.block_name p{ font-size:14px}

.barLink{ display:none}

.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:150px; height:150px;    overflow: hidden;}

.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;height: 54px;}

.first .button1{margin-top:30px}

.second{margin-top:50px}

.grid figure{width:100%}

figure.effect-layla img{height: auto}

.con_pad{padding:10px 10px 10px 20px;*zoom:1}

.home-pro .row{margin-left:-10px}

.home-pro .grid_3{float:left;margin-left:10px; width:47%; margin-bottom:10px}

.home-pro .grid_3 p{height:27px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

.fourth{padding:30px 0;background-size: cover;}

.case-list li{float: left;

margin: 0 auto;

display: block;

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%;height: 44px;}

.seventh .grid_3 .follow li{ width:130px; margin-left:10px}

.partners {display:none}

/*page*/

.page_banner{height:100px;    margin-top: 44px;}

.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}

.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}

.case-read .grid_3 h2{ margin-top:0}

#preview{ width:100%}

#spec-n1{ width:100%;}

#spec-n1 img{width:100%}

#spec-n1 .o-img{width:100%;height: auto;}

#spec-n5{ display:none}

.impact {

	font-family:"微软雅黑";

	letter-spacing:0px;

}

.seventh .grid_3 .follow{    margin-left: 0; text-align:center}

.seventh .grid_3 .follow li{margin-left: 0;}

.bottom-tel{text-align:center}

.third .zoom figure img{ min-height:100px}

.icon_sort img{max-width: 100%;height:140px; line-height:80px;vertical-align: top; margin-top:5px}

/*.caselist .grid_4{ width:140px;margin-right: 10px;}*/

.support{ display:none}

footer{ height:140px}

.PhoneService_Bg {

    width: 100%;

    bottom:0;

	right: 0;

	left:0;

    z-index: 999;

	position:fixed;

    text-align: center;

    background-color: #0ba7f1;

    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.5%;

    display: inline-block;

	text-align: center;

   /* margin: 0;*/

	

	padding:8px 0;

    background-color: #0ba7f1;

}

	.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.5%;

    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: #0ba7f1;

}

	.PhoneService_Bg img {

    width: auto\9;

    height: 25px;

    max-width: 30%;

    vertical-align: middle;

    border: 0;

    -ms-interpolation-mode: bicubic;

}

	.PhoneService_Boxa{

	

    width: 24.5%;

    display: inline-block;

    margin-left:0;

	margin-right:0;

	border-right:1px solid #fff;

	padding: 8px 0;

	text-align: center;

    background-color: #0ba7f1;

}

.product-list .grid_3 p{ font-size:14px}

}

@media (min-width: 400px) and (max-width: 479px) {

.slider{height:309px}

.slider > div{ background-size:100% 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:50%;margin: 0 auto 10px;}

.home-pro .grid_3 p{height: auto}

.case-list li{float:none; margin:0 auto; display:block;width:300px;}

.brand li{width:199.5px;height: 120px;}





.news-tab li a,.news-tab li.curr a,.news-tab li a:hover{padding:3px 6px}

.seventh .grid_5 li{width:33.33%}

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:0}

.products-category > li a{font-size:12px}

.product-list .row{margin-left:0}

/*.product-list .grid_3{width:140px; margin-left:0; margin-right:10px}*/

.product-list .grid_3{width:50%; margin-left:0; margin-right:0px}

.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}

#preview{ width:100%}

#spec-n1{ width:100%;height:100%}

#spec-n1 img{width:100%; height:100%}

#spec-n1 .o-img{width:100%; height:100%}

#spec-n5{ display:none}

#spec-n1 .switch{ width:100%; height:auto}

#foward{   height:auto}

.third .zoom figure img{height:120px}

footer{ padding-top:10px}

}

@media (min-width:340px) and (max-width:399px) {

	.sort [class*="grid_"]{float:left; width:160px; margin-left:20px; margin-bottom:30px}

	.home-pro .grid_3{ width:50%;margin: 0 auto 10px;}

	.home-pro .grid_3 p{ height:27px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

	.brand li{width: 169.5px;height: 100px;}

}       

@media (max-width: 339px) {

	.sort [class*="grid_"]{float:left; width:145px; margin-left:20px; margin-bottom:30px}

	.home-pro .grid_3{ width:46%;}

	.home-pro .grid_3 p{ height:27px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

	.brand li{ width:154.5px;}

}



@media (min-width:480px) and (max-width:767px) {

	.caselist .grid_4{ width:49%; margin-right:9px;}

	.caselist .grid_4:nth-child(2n){ margin-right:0}

	.banner{margin-top: 56px;}

	.slider{ height:160px}

}

@media (min-width:400px) and (max-width:479px) {

	.product-list .grid_3{ width:50%}

	.caselist .grid_4{ width:48.7%; margin-right:10px;}

	.caselist .grid_4:nth-child(2n){ margin-right:0}

	.caselist .grid_4 .casetitle{ font-size:14px;height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

	.banner{margin-top: 56px;}

	.slider{ height:130px}

	.news-tab li a, .news-tab li.curr a, .news-tab li a:hover {

		padding: 3px 16px;

	}

}

@media (min-width:340px) and (max-width:399px) {

	.product-list .grid_3{ width:50%; padding:3px;margin-left: 0px;}

	.product-list .row{ margin-left:0;}

	.caselist .grid_4 .casetitle{ font-size:14px;height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

	.caselist .grid_4{ width:48.5%; margin-right:10px;}

	.caselist .grid_4:nth-child(2n){ margin-right:0}

	 footer{padding-top: 10px;}

	.seventh .grid_5 li{ width:30%}

	.banner{margin-top: 56px;}

	.slider{ height:130px}

	.news-tab li a, .news-tab li.curr a, .news-tab li a:hover {

		padding: 3px 8px;

	}

}

@media (max-width:339px) {

	.product-list .grid_3{ width:50%; padding:3px;margin-left: 0px;}

	.product-list .row{ margin-left:0;}

	.caselist .grid_4{ width:48%; margin-right:10px;}

	.caselist .grid_4 .casetitle{ font-size:14px;height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

	.caselist .grid_4:nth-child(2n){ margin-right:0}

	footer{padding-top: 10px;}

	.seventh .grid_5 li{ width:50%}.banner{margin-top: 56px;}

	.slider{ height:120px}

	.news-tab li a, .news-tab li.curr a, .news-tab li a:hover {

		padding: 3px 5px;

	}

}