@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#F08B00;}
/*清除浮动*/
.clear{ clear:both;}


#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}

.bjload{ background:url(../images/load.gif) center center no-repeat;}


/* Header */
#topbox{height:32px; line-height:31px; color:#222; font-size:12px; border-bottom:1px solid #DEDEDE; 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:70px;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:422px;float:left;display:block;margin-top: 2px;}
header h1 span{font-size:18px; border-left:1px solid #000; margin-left:10px;padding:10px}
header h1 img{ width:244px}
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:70px; margin: 0 10px }
.sf-menu a { padding: 5px 10px; height: 34px; margin-top: 20px; font-size: 15px; border-radius: 5px; display: block; color:#000000;}
.sf-menu > li.curr a, .sf-menu > li a:hover { background: #F08B00; color: #fff }
.sf-menu > li > ul { opacity: 0; visibility: hidden; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 70px; text-align: left; padding: 20px 0 10px; z-index: 1; width: 140px; 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: 100%; }
.isStuck .sf-menu ul a, .sf-menu ul a { font-size: 13px; display:block; background: none; color: #E79226; 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: #fff; background:#000; 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:#2389D2; 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:#2389D2; 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%}
.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:#95BE1E;}
.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;}
.container {
    margin: 0 auto;
    width: 1170px;
}

/*fourth*/
.fourth{ padding:10px 0; text-align:center;}
.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 #F08B00; border-radius:3px; padding:3px 15px; color:#fff;background-color: #F08B00;}
.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}

/*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; height:30px; line-height:30px; overflow:hidden}
.al_pic_news h4 a{color:#95BE1E}
.al_pic_news h4 a:hover{text-decoration: underline; color:#f00}
.PhoneService_Bg{ display:none}


.protitle h2 {
    line-height: normal;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
	    font-size: 26px;
}

.goods_read {
    margin: 40px auto;
}
.detail_t {
    margin-top: 30px;
    background: #2389D2;
}
.detail_t h4 {
    margin: 5px 0 0 10px;
    background: #fff;
    font-size: 15px;
    padding: 5px 10px 2px;
    color: #2389D2;
    display: inline-block;
}
.detail_t{margin-top:30px; background:#2389D2; }
.detail_t h4{margin:5px 0 0 10px; background:#fff; font-size:15px; padding:5px 10px 2px; color:#2389D2; display:inline-block}
.detail{padding-top:20px; font-size:14px;    text-align: justify;}
.detail img{ max-width:100%;}
.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}

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


/*news list*/
.newslist,.newsread{margin:50px 0}
.newslist h2{ line-height:normal; margin-bottom:30px; font-size:26px;}
.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}


/* leaf 增加 */
.mrdede_footer{ padding-top:20px;}
.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:#2389D2; border:1px solid #2389D2; color:#fff;  display:inline-block}
.al_pic_news .button1:hover{ background:#95BE1E; 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:30px}
.seventh .grid_3 .follow li{display:inline-block; width:150px; margin-left:10px; font-size:12px}
.bottom-tel {margin-top:10px; color:#FFFFFF;}
.bottom-tel a{display:inline-block; padding:10px 16px; background:#F08B00; 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:#95BE1E; 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:#F08B00;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.support li:hover{background:#95BE1E}
.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:180px;}
.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 }


/*合作*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1;cursor:pointer;}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


/*baes*/
fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearb{ clear:both;}
.clearfix{display:block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/*Common Css*/
body{font-size:12px;}
a{ text-decoration:none;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
::-ms-clear, ::-ms-reveal{display: none;}
input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;}
a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.swiper-button-next,.swiper-button-prev{z-index:3 !important;}
textarea {resize: none;}
body{max-width:1920px;margin:auto;}

.table{height:100%;display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

.textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



a,input[type=reset],input[type=submit],input[type=button]{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
img{max-width:100%;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;}
#dituContent img{max-width:inherit;width:auto;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;}



/*mobile*/
@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}
.stuck_container{background:#fff}
header h1{width:auto}
header h1 img{ width:140px;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; margin-top:12px; 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: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;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; width:46%; margin:10px 2%; display:inline;}
.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 {
	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: 88px; 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: #2389D2;
    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: #2389D2;
}
	.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: #2389D2;
}
	.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: #2389D2;
}
.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:left; width:46%; margin:10px 2%; display:inline;}
.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{ min-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;
	}
}	   


/*pages*/
.wrapper{margin:auto;}
.wid1620{max-width:1620px;}
.wid1280{max-width:1280px;}
.hei100{height:100%;}
.pos_re{position:relative;}
.pos_re>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:4;}
.pad{padding:5.2% 0;}

.quarto{font-family:Georgia, "Times New Roman", Times, serif}
.more1{width:92px;line-height:28px;display:inline-block;border:2px solid #ff9600;text-align:center;font-size:14px;color:#fff;}
.more1:hover{background:#ff9600;color:#fff;}
.more{width:170px;padding-right:60px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;line-height:54px;display:inline-block;background:#cbcbcb url(../images/more.png) no-repeat right 35px center;}
.more:hover{background:#ff9600 url(../images/more.png) no-repeat right 27px center;}
.more.load-more{background:#ff9600 url(../images/load.png) no-repeat right 35px center;}

.more.load-more:hover{background:#ff6600 url(../images/load.png) no-repeat right 35px center;}
.editor iframe,.editor embed,.editor table{max-width:100%;}
.editor img{margin:15px 0;}
.load-more{padding:0;background:#ff9600 !important;}
.load-more:hover{background:#ff6600 !important;}

.f40{font-size:40px;line-height:48px;color:#333333;text-transform:uppercase;}
.f36{font-size:36px;line-height:48px;color:#333333;text-transform:uppercase;}
.f24{font-size:24px;line-height:30px;color:#333;}
.f16{font-size:16px;color:#333;line-height:30px;}
.f50{font-size:50px;}
.f30{font-size:30px;}
.c666{color:#666;}
.cfff{color:#fff;}
.fontp{font-size:16px;line-height:26px;color:#666;}
.bgimg{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
li:hover .bgimg{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pic{overflow:hidden;}
li:hover .pic img,.pic:hover img,.swiper-slide:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.btn-box{position:relative;}
.swiper-button-prev.prev1,.swiper-button-next.next1{width:54px;height:54px;margin-top:-27px;background-size:100% !important;}
.swiper-button-prev.prev1{background:url(../images/prev.png) no-repeat center center;}
.swiper-button-next.next1{background:url(../images/next.png) no-repeat center center;}
.swiper-button-prev.prev1:hover{background:url(../images/prevh.png) no-repeat center center;}
.swiper-button-next.next1:hover{background:url(../images/nexth.png) no-repeat center center;}
.swiper-button-prev.prev1.swiper-button-disabled:hover{background:url(../images/prev.png) no-repeat center center;}
.swiper-button-next.next1.swiper-button-disabled:hover{background:url(../images/next.png) no-repeat center center;}

.swiper-button-prev.prev2,.swiper-button-next.next2{width:44px;height:84px;margin-top:-44px;background-size:100% !important;}
.swiper-button-prev.prev2{background:url(../images/l.png) no-repeat center center;}
.swiper-button-next.next2{background:url(../images/r.png) no-repeat center center;}
.swiper-button-prev.prev2:hover{background:url(../images/lh.png) no-repeat center center;}
.swiper-button-next.next2:hover{background:url(../images/rh.png) no-repeat center center;}
.swiper-button-prev.prev2.swiper-button-disabled:hover{background:url(../images/l.png) no-repeat center center;}
.swiper-button-next.next2.swiper-button-disabled:hover{background:url(../images/r.png) no-repeat center center;}

.more2{font-size:14px;color:#999;display:inline-block;}
.more2 img{margin:-2px 0 0 5px;}
.more2:hover{color:#ed6d00;}
.hide{display:none;}
a:hover .hide{display:inline-block;}
a:hover .show{display:none;}


.san{
    margin-top:28px;box-sizing:border-box;cursor:pointer;width:36px;height:24px;position:relative;float:right;display:none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.san span{
    width:100%;
    position:absolute;;
    height:3px;background:#fff;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.san span:nth-child(1){top:0;}
.san span:nth-child(2){top:50%;margin-top:-1px;}
.san span:nth-child(3){bottom:0;}
.san.cur span:nth-child(1){
    top: 50%;margin-top:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.san.cur span:nth-child(2){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.san.cur span:nth-child(3){display:none;}


.sy-content01{}
.sy-content01 .fl{padding-bottom:30px;max-width:570px;width:44.5%;}
.sy-content01 .fr{padding-bottom:50px;max-width:600px;width:46%;}
.sy-content01 .f30{margin:60px 0;}
.sy-content01 dl{}
.sy-content01 dd{margin-bottom:90px;float:left;width:50%;text-transform:capitalize;}
.sy-content01 dd img{display:block;float:left;width:60px;}
.sy-content01 dd .wz{float:right;width:calc(100% - 70px);}
.sy-content01 dd .f24{margin:0;}
.sy-content01 dd:hover img{
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);}
.sy-content01 dd:nth-last-child(1){margin-bottom:0;}
.sy-content01 .clearb{height:1px;background:#dfdfdf;}
.sy-content01 .more{margin-top:40px; color:#FFFFFF;}



.sy-content02{}
.sy-content02 ul{height:900px;}
.sy-content02 li{overflow:hidden;position:relative;float:left;height:50%;}
.sy-content02 li.wid50{width:50%;}
.sy-content02 li.wid25{width:25%;}
.sy-content02 li.hei100{float:right;height:100%;}
.sy-content02 li .bgimg{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.sy-content02 li:hover .bgimg{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.sy-content02 li .bg{z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,150,0,.7) url(../images/more.png) no-repeat bottom 50px right 40px;opacity:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sy-content02 li .wenz{position:absolute;left:36px;bottom:36px;z-index:3;}
.sy-content02 li .wenz h3{margin:44px 0 4px;font-weight:bold;text-transform:uppercase;}
.sy-content02 li .wenz p{color:#fff;font-size:18px;}
.sy-content02 li:hover .bg{opacity:1;}
.sy-content02 li .wenz img{opacity:0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sy-content02 li:hover .wenz img{opacity:1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}


.sy-tit{text-align:center;margin-bottom:60px;}
.sy-tit img{display:block;margin:20px auto;}
.sy-tit.fff{}
.sy-tit.fff h2{color:#fff;}
.sy-tit.fff h3{color:#fff;}
.sy-content03{position:relative;}
.sy-content03 .swiper-container{background:url(../images/xian01.png) no-repeat center center/100%;}
.sy-content03 .swiper-slide{line-height:140px;height:140px;text-align:center;}
.sy-content03 .swiper-slide img{max-width:60%;max-height:80%;opacity:1;
    /*-webkit-filter: grayscale(1); filter: grayscale(1);*/
}
.sy-content03 .swiper-pagination{left:0;position:relative;margin-top:30px;text-align:center;width:100%;bottom:0 !important;}
.sy-content03 .swiper-pagination-bullet{margin:0 3px !important;width:8px;height:8px;border:1px solid #ed6d00;background:transparent;opacity:1;}
.sy-content03 .swiper-pagination-bullet-active{background:#ed6d00;}

.sy-content03 .control-btn{margin-top:70px;text-align:center;}
/*.sy-content03 .swiper-slide:hover img{-webkit-filter: grayscale(0); filter: grayscale(0);opacity:1;}*/
.sy-content03 .more{margin-top:60px;}
.sy-content04{background:url(../images/bg01.jpg) no-repeat center center/cover;}
.sy-content04 .swiper-button-prev{left:-170px;}
.sy-content04 .swiper-button-next{right:-170px;}
.sy-content04 .swiper-slide .img{height:306px;line-height:306px;}
.sy-content04 .swiper-slide{text-align:center;}
.sy-content04 .swiper-slide img{max-height:60%;}
.sy-content04 .swiper-slide p{display:none;padding-top:30px;background:url(../images/yy.png) no-repeat top center/400px;}
.sy-content04 .swiper-slide-active img{max-height:100%;}
.sy-content04 .swiper-slide-active p{display:block;}

.sy-content05{background:#f5f5f5;}
.sy-content05 .swiper-button-prev{left:4.5%;}
.sy-content05 .swiper-button-next{right:4.5%;}
.sy-content05 .swiper-container>p{position:absolute;left:4.5%;bottom:30px;width:91%;z-index:4;}
.sy-content05 .sml{margin-top:30px;background:url(../images/xian02.png) no-repeat top 85px center;}
.sy-content05 .sml .swiper-slide{text-align:center;padding:20px 0;position:relative;}
.sy-content05 .sml .swiper-slide .yuan{width:52px;height:52px;background-color:#b8b8b8 !important;border-radius:50%;margin:auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sy-content05 .sml .swiper-slide p{font-size:14px;line-height:18px;color:#333;margin-top:38px;}
.sy-content05 .sml .swiper-slide h5{font-size:18px;color:#b8b8b8;margin-top:18px;}
.sy-content05 .sml .swiper-slide:before{content:"";display:block;position:absolute;top:83px;width:1px;height:13px;background:#ed6d00;z-index:2;left:50%;margin-left:-0.5px;opacity:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
}
.sy-content05 .sml .swiper-slide:hover .yuan{
    background-color:#ed6d00 !important;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}
.sy-content05 .sml .swiper-slide:hover:before{opacity:1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.sy-content05 .sml .swiper-slide:hover h5{color:#ed6d00;}
.sy-content05 .swiper-slide video{width:100%;height:100%;background:#000;}
.sy-content05 .big-img{max-width:1000px;margin:auto;background:#000;}
.sy-content05 .swiper-slide{position:relative;}
.sy-content05 .big-img .swiper-slide p{position:absolute;width:100%;z-index:3;bottom:15px;padding:0 30px;box-sizing:border-box;}
.sy-content05 .big-img .swiper-slide .yy{position:absolute;width:100%;height:100%;z-index:2;
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,.5)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(transparent, rgba(0,0,0,.5)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(transparent, rgba(0,0,0,.5)); /* Firefox 3.6 - 15 */
    background: linear-gradient(transparent, rgba(0,0,0,.5)); /* 标准的语法 */
}






.map{position:relative;}
.map-icon{}
.map-icon li{cursor:pointer;position:absolute;text-align:center;}
.map-icon li img{display:block;margin:4px auto;}
.map-icon li img.gq{visibility:hidden;}
.map-icon .yg{top:132px;left:72px;}
.map-icon .fg{top:190px;left:92px;}
.map-icon .dg{top:177px;left:126px;}
.map-icon .ydl{top:234px;left:131px;}
.map-icon .db{top:279px;left:266px;}
.map-icon .yd{top:271px;left:354px;}
.map-icon .els{top:78px;left:377px;}
.map-icon .tg{top:303px;left:434px;}
.map-icon .yuen{top:340px;left:449px;}
.map-icon .yn{top:340px;left:481px;}
.map-icon .gz{top:301px;left:481px;}
.map-icon .wh{top:260px;left:480px;}
.map-icon .cd{top:257px;left:448px;}
.map-icon .bj{top:217px;left:482px;}
.map-icon .tj{top:220px;left:499px;}
.map-icon .sh{top:255px;left:506px;}
.map-icon .mg{top:145px;left:971px;}
.map-icon .heb{top:175px;left:534px;}
.map-icon .gy{top:284px;left:460px;}
.map-icon .wlmq{top:182px;left:369px;}
.map-icon .lswjs{top:193px;left:915px;}




.map-icon .sh img:nth-child(3){position:absolute;left:14px;top:-32px;max-width:60px;width:60px;}
.map-icon .tj img{display:inline-block;}
.map-icon .tj p{display:inline-block;}
.map .img-box{z-index:3;display:none;position:absolute;width:318px;height:165px;line-height:165px;}
.map .img-box:before{content:"";display:block;width:20px;height:12px;background:url(../images/sj.png) no-repeat center center/100%;position:absolute;bottom:-12px;left:50%;margin-left:-10px;}

.sy-tit.padt{padding-top:50px;}

.ny-banner{height:600px;color:#fff;text-align:center;}
.ny-banner h2{font-size:48px;text-transform:capitalize; line-height:60px;}
.ny-banner h3{position:relative;font-size:30px;margin-top:20px; line-height:40px;}
.ny-banner h3:before{content:"";display:block;width:34px;height:1px;background:#fff;position:absolute;bottom:-35px;left:50%;margin-left:-17px;}

.news-tab{border-bottom:1px solid #e5e5e5;padding-bottom:35px;}
.news-tab a{font-size:16px;color:#333;line-height:30px;display:inline-block;margin-right:70px;position:relative;}
.news-tab a span{font-size:18px;text-transform:capitalize;}
.news-tab a:before{content:"";height:2px;width:0;display:block;position:absolute;left:0;bottom:-35px;background:#ed6d00;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-tab a:hover:before,.news-tab a.cur:before{width:77px;}
.news-tab a:hover,.news-tab a.cur{color:#ed6d00;}
.ny-tit{position:relative;margin:0px 0px 40px 0;line-height:60px;}
.ny-tit h2{float:left;font-size:90px;color:#d4d3d3;text-transform:uppercase;}
.ny-tit .local{text-indent:50px;font-size:16px;color:#dd6917;width:510px;float:right;border-bottom:1px solid #e5e5e5;}
.ny-tit .local b{font-size:20px;}
.case .case-tab{float:right;text-align:right;margin-top:0px;}



.news li{position:relative;margin-bottom:60px;}
.news li .pic{width:337px;float:right;}
.news li .wenz{float:left;width:calc(100% - 380px);}
.news li .wenz h5{font-size:14px;color:#999999;}
.news li .wenz h3{margin:10px 0;}
.news li .wenz h3 a{color:#333;}
.news li .wenz h3 a:hover{color:#ed6d00;}
.news li .wenz .more2{margin-top:50px;}
.news li:before{content:"";display:block;position:absolute;width:360px;background:#e5e5e5;height:1px;left:0;bottom:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.news li:hover:before{
    width:calc(100% - 380px);background:#ed6d00;
}
.news-detail{}
.news-tuijian{width:340px;float:right;}
.news-tuijian h3{}
.news-tuijian dd{margin-top:30px;}
.news-tuijian dd .pic img{width:100%;}
.news-tuijian dd h5{font-size:14px;color:#999999;margin:16px 0 8px;}
.news-tuijian dd h3 a{color:#333;}
.news-tuijian dd h3 a:hover{color:#ed6d00;}
.news-detail-con{float:left;width:calc(100% - 420px);}
.news-tit{margin-bottom:30px;}
.news-tit h5{margin-top:10px;font-size:14px;color:#999;}
.page-local{margin-top:50px;}
.page-local a{display:block;max-width:50%;font-size:14px;color:#666666;}
.page-local a:hover{color:#ed6d00;}
.page-prev img{margin:-1px 10px 0 0;width:10px;}
.page-next img{margin:-1px 0 0 10px;width:10px;}

.contact{padding-bottom:0 !important;}
.contact .ny-tit{margin-top:0;}
.contact-ul{}
.contact-tit{font-size:20px;color:#333;}
.contact-tit span{padding-left:20px;font-size:14px;color:#999;}
.contact-ul ul{padding:30px 0;}
.contact-ul li{font-size:14px;line-height:24px;color:#666;box-sizing:border-box;padding:25px 40px;float:left;border:1px solid #ccc;width:24%;margin-right:1.33%;}
.contact-ul li:nth-child(4n){margin-right:0;}
.contact-ul li h4{color:#333;margin:15px 0 2px;font-weight:bold;}
.contact-ul li img{margin-left:-5px;}
.contact-ul li p{height:48px;}
#dituContent{height:520px;}
.contact-con02{margin-top:50px;background:#f5f5f5;}
.contact-con02 .img{width:34%;float:right;text-align:right;}
.contact-con02 .img img{max-width:420px;}
.contact-con02 .form{width:62%;float:left;}
.contact-con02 .form h3{color:#666666;}
.contact-con02 .form p{margin:15px 0 30px;}
.contact-con02 .form .input{margin-bottom:12px;float:left;width:32.5%;margin-right:1.25%;}
.contact-con02 .form .input:nth-child(3),.contact-con02 .form .input:nth-child(4){margin-right:0;}
.contact-con02 .form .input:nth-child(4){width:100%;}
.contact-con02 .form .input input{width:100%;box-sizing:border-box;padding:0 16px;font-size:14px;color:#999;border:none;outline:none;background:#fff;line-height:56px;height:56px;}
.contact-con02 .form .input textarea{width:100%;box-sizing:border-box;padding:16px;font-size:14px;color:#999;border:none;outline:none;background:#fff;line-height:24px;height:135px;}
.contact-con02 .form .submit input{width:140px;line-height:50px;background:#ed6d00;margin-top:32px;color:#fff;font-size:14px;border:none;outline:none;cursor:pointer;}
.contact-con02 .form .submit input:hover{opacity:.8;}

.partner{}
.partner ul{margin-bottom:60px;}
.partner li{line-height:160px;height:160px;margin:0 -1px -1px 0;text-align:center;float:left;width:20%;box-sizing:border-box;border:1px solid #d5d5d5;}
.partner li img{max-width:60%;max-height:60%;
   /* -webkit-filter: grayscale(1); filter: grayscale(1);*/
}
.partner li:hover img{
   /*  -webkit-filter: grayscale(0); filter: grayscale(0);*/
}

.careers{background:#f2f2f2;}
.careers .ny-tit{margin-top:0;}
.careers h3.f18{font-size:18px;color:#333;margin-bottom:-30px;}
.careers ul{}
.careers ul>li{margin-top:50px;background:#fff;float:left;width:48%;}
.careers ul>li:nth-child(2n){float:right;}
.careers ul>li h3{position:relative;line-height:78px;height:78px;padding:0 50px 0 70px;font-size:24px;color:#221919;border-bottom:1px solid #e5e5e5;}
.careers ul>li h3:before{content:"";position:absolute;left:44px;top:50%;margin-top:-9px;width:5px;height:20px;border-radius:8px;background:#ed6d00;display:block;}
.careers ul>li h3 span{float:right;font-size:14px;color:#666666;}
.careers ul>li h3 span font{font-size:24px;color:#ff6600;padding-right:4px;}
.careers ul>li .box{padding:32px 50px;font-size:14px;line-height:29px;color:#666;}
.careers ul>li .box p{height:174px;overflow:hidden;}
.careers ul>li a{text-align:center;color:#fff;width:120px;height:46px;line-height:46px;display:block;font-size:14px;background:#cccccc;}
.careers ul>li a:hover{background:#ed6d00;}
.careers ul>li div.clearfix{margin-top:30px;}
.careers ul>li div.clearfix span{display:block;line-height:46px;float:right;font-size:14px;color:#999;}
.careers ul>li div.clearfix a{float:left;}
.careers .load-more{margin-top:60px;}
.careers-detail ul>li{margin-top:0;position:relative;padding-top:15px;width:100%;}
.careers-detail ul>li .wrap{padding:0 30px;}
.careers-detail li h4{font-size:16px;color:#000;margin:26px 0 3px;}
.careers-detail ol,.careers-detail ol li{list-style-type: disc;}
.careers-detail ol{margin-left:20px;}
.careers-detail .wrapper{position:relative;}
.careers-detail .fh{margin-top:0;position:absolute;right:-60px;top:0;width:60px;height:60px;display:block;background:#5f5f5f url(../images/fh.png) no-repeat center center !important;}
.careers-detail .fh:hover{background-color:#0054d3 !important;}
.careers-detail li h4:nth-child(1){margin-top:0;}
.careers-detail li a{margin-top:30px;}


.case{ margin:40px 0px;}
.case-tit{width:100%;}
.case-tit .local{margin-top:50px;width:600px;text-indent:0;}
.case-tab{margin-top:60px;white-space:nowrap;overflow-x:auto;}
.case-tab a{font-size:14px;display:inline-block;padding:0 20px;background:#e9e9e9;color:#666;line-height:48px;}
.case-tab a:hover,.case-tab a.cur{background:#ed6d00;color:#fff;}
.case .tuijian{float:right;width:32.3%;margin-top:100px;}
.case li{}
.case li .wenz{text-align:center;box-sizing:border-box;padding:28px;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(221,105,23,.9);z-index:2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;opacity:0;
}
.case li .wenz span{position:absolute;z-index:3;display:block;background:rgba(255,255,255,.3);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.case li .wenz .x1{width:calc(100% - 32px);left:16px;top:19px;height:1px;}
.case li .wenz .x2{width:calc(100% - 32px);left:16px;bottom:19px;height:1px;}
.case li .wenz .x3{height:calc(100% - 22px);top:11px;left:24px;width:1px;}
.case li .wenz .x4{height:calc(100% - 22px);top:11px;right:24px;width:1px;}
.case li .wenz p{max-width:350px;margin:auto;color:#fff;height:60px;}
.case li .wenz a{width:120px;line-height:42px;display:inline-block;background:#fff;text-align:center;color:#dd6917;font-size:14px;margin-top:40px;}
.case li:hover .wenz{opacity:1;}
.case li:hover .wenz span{
    transition-delay:.3s;
    -webkit-transition-delay:.3s;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);}

.case-ul{}
.case-ul li{height:295px;float:left;width:32.3%;margin:1.55% 1.55% 0 0;overflow:hidden;}
.case-ul li:nth-child(3n){margin-right:0;}
/*.case-ul li.w2{width:66.15%;}*/
.case .load-more{margin-top:60px;}

.wid800{max-width:850px;}
.black1{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:11;}
.case-detail{position:fixed;left:50%;top:50%;width:100%;z-index:12;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.case-detail .swiper-slide{position:relative;}
.case-detail .swiper-slide .yy{position:absolute;bottom:0;left:0;width:100%;z-index:2;}
.case-detail .swiper-slide p{position:absolute;bottom:15px;z-index:3;width:100%;left:0;box-sizing:border-box;padding:0 30px;font-size:14px;color:#fff;line-height:24px;}
.case-detail .swiper-button-prev{width:30px;height:57px;left:-100px;}
.case-detail .swiper-button-next{width:30px;height:57px;right:-100px;}
.gallery-thumbs{margin-top:30px;}
.gallery-thumbs .swiper-slide{border:2px solid transparent;box-sizing:border-box;cursor:pointer;height:61px;overflow:hidden;}
.gallery-top .swiper-slide{height:480px;overflow:hidden;}
.gallery-thumbs .swiper-lazy-preloader{width:28px !important;height:28px !important;margin:-14px 0 0 -14px !important;}
.gallery-thumbs .swiper-slide-active{border-color:#ed6d00;}
.gallery-top .close{display:block;width:40px;height:40px;right:20px;top:20px;position:absolute;z-index:8;background:#fff url(../images/close.png) no-repeat center center/16px;}
.gallery-top .close:hover{background:#ed6d00 url(../images/closew.png) no-repeat center center/16px;}

.f48{font-size:48px;}
.about-con01{background:url(../images/bg01.png) no-repeat bottom left,url(../images/bg02.png) no-repeat top right;}
.about-tit{color:#333333;text-transform:uppercase;line-height:40px !important;}
.about-tit h2{color:#ed6d00;line-height:48px !important;}
.about-con01 h4{font-size:20px;color:#555;font-weight:bold;margin:60px 0 30px;}
.about-con01 dl{margin-top:90px;}
.about-con01 dd{box-sizing:border-box;max-height:70px;float:left;width:25%;border-right:1px solid #dfdfdf;text-align:center;}
.about-con01 dd h5{margin-top:-10px;color:#333;font-family:cursive;font-size:48px;font-weight:bold;}
.about-con01 dd:nth-child(4){border:none;}
.about-con01 dd h6{font-size:14px;color:#999999;}
.about-con01 dd p{margin:10px 0 4px 0;}
.about-con02{padding:60px 0 0 0;background:#f5f5f5;}
.about-con02 h2{color:#ed6d00;text-transform:uppercase;}
.about-con02 h3{margin:0px 0 30px;}
.about-con02 dl{margin-top:55px;}
.about-con02 dd{float:left;width:33.3333%;}

.about-con03{}
.about-con03 h2{text-transform:capitalize;}
.about-con03 h3{margin-top:22px;font-size:18px;color:#333;}
.about-con03 .swiper-container{margin-top:60px;}
.about-con03 .swiper-slide{padding:10px 0 0 0;}
.about-con03 .swiper-slide h4{margin:22px 0 15px;font-weight:bold;font-size:20px;color:#333;text-transform:uppercase;}
.about-con03 .swiper-slide h4 span{padding-left:5px;}
.about-con03 .swiper-slide:hover img{
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);}
.about-con03 .swiper-pagination{position:relative;bottom:0 !important;margin-top:50px;}
.about-con03 .swiper-pagination-bullet{width:12px;height:12px;border:1px solid #ed6d00;opacity:1;}
.about-con03 .swiper-pagination-bullet-active{background:#ed6d00;}
.case-de{text-align:center;}
.case-de img{max-width:840px;display:block;margin:15px auto;}
.case-de .wrapper{position:relative;}
.cprev{position:fixed;z-index:8;display:none;left:3%;top:50%;margin-top:-42px;background:url(../images/lh.png);width:44px;height:84px;}
.cnext{position:fixed;z-index:8;display:none;right:3%;top:50%;margin-top:-42px;background:url(../images/rh.png);width:44px;height:84px;}



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




@media screen and (max-width: 1621px) {
    .case-ul li{height:220px;}
    .wid1620,.wid1280{max-width:1200px;}
    .sy-content06 .wid1280{max-width:1280px;}

    .nav li{padding-top:21px;margin:0 21px;}
    .nav li.tel{line-height:85px;margin-left:35px;}
    .banner .wenz{height:360px;right:5.6%;margin-top:-160px;}
    .banner .wenz h2{font-size:36px;}
    .banner .wenz h3{font-size:40px;}
    .f40{font-size:32px;line-height:40px;}
    .sy-content01 .f24{margin:36px 0;}
    .f24{font-size:22px;}
    .sy-content01 dd{margin-bottom:56px;}
    .sy-content01 dd img{width:48px;}
    .sy-content01 dd .wz{width:calc(100% - 60px);}
    .f16{font-size:14px;line-height:24px;}
    .more{width:130px;line-height:44px;padding-right:40px; color:#FFFFFF;background:#cbcbcb url(../images/more.png) no-repeat right 25px center/18px;}
    .more:hover{background:#ed6d00 url(../images/more.png) no-repeat right 18px center/18px; color:#FFFFFF;}
    .sy-content02 ul{height:550px;}
    .sy-content02 li .wenz img{height:48px;}
    .sy-content02 li .wenz h3{font-weight:normal;margin:13px 0 2px;}
    .sy-content02 li .wenz p{font-size:14px;}
    .sy-content02 li .wenz{bottom:22px;left:22px;}
    .sy-content02 li .bg{background:rgba(255,150,0,.7) url(../images/more.png) no-repeat bottom 34px right 32px;}
    .f36{font-size:32px;}
    .sy-tit img{margin:15px auto;}
    .sy-content03 .swiper-slide{line-height:120px;height:120px;}
    .sy-tit{margin-bottom:48px;}
    .sy-content04 .swiper-slide .img{height:260px;line-height:260px;}
    .sy-content04 .swiper-slide p{font-size:22px;padding-top:20px;background-size:350px !important;}
    .swiper-button-prev.prev2, .swiper-button-next.next2{width:30px;height:57px;}
    .sy-content04 .swiper-button-prev{left:-50px;}
    .sy-content04 .swiper-button-next{right:-50px;}
    .swiper-button-prev.prev1, .swiper-button-next.next1{width:44px;height:44px;margin-top:-48px;}
    .pad{padding:4% 0;}
    
    .ny-banner{height:480px;}
    .ny-banner h2{font-size:40px;line-height:60px;}
    .f30{font-size:26px;}
    .f50{font-size:40px;}
    .about-con01 h4{margin:40px 0 20px;font-size:18px;}
    .about-con01 dl{margin:60px 0 30px;}
    .f48{font-size:44px;}
    .fontp{font-size:14px;}
    .about-con03 .swiper-slide h4{font-size:18px;margin:20px 0 10px;}
    .about-con03 .swiper-pagination-bullet{width:10px;height:10px;}
    .ny-tit h2{font-size:80px;}
    .news-tab a{margin-right:55px;}
    .news-tab a:nth-last-child(1){margin-right:0;}
    .case li .wenz a{width:100px;line-height:36px;}
    .case-tit .local{width:350px;}
    .more.load-more{background:#ff9600 url(../images/load.png) no-repeat right 20px center;}
    .more.load-more:hover{background:#ff9600 url(../images/load.png) no-repeat right 20px center;}
    .partner li{line-height:120px;height:120px;}
    .news-tuijian{width:300px;}
    .news-detail-con{width:calc(100% - 340px);}
    .careers ul>li h3{padding:0 35px 0 60px;}
    .careers ul>li .box{padding:22px 34px;}
    .careers ul>li h3:before{left:34px;}
    .contact-ul li{padding:18px 26px;}
    #dituContent{height:420px;}







}
.map1{display:none;}
@media screen and (max-width: 1200px) {
    .wrapper{width:93.75%;}
    .nav li a{font-size:14px;}
    .nav li.tel{display:none;}
    .sy-content01 .f24{margin:28px 0;}
    .f40{font-size:26px;line-height:36px;}
    .sy-content01 dd img{width:40px;}
    .sy-content01 dd .wz{width:calc(100% - 50px);}
    .f24{font-size:18px;}
    .sy-content01 dd{margin-bottom:40px;}
    .sy-content02 ul{height:480px;}
    .sy-content02 li .wenz h3{margin:0;}
    .f36{font-size:28px;}
    .sy-tit img{margin:6px auto;}
    .sy-tit{margin-bottom:30px;}
    .sy-content03 .swiper-slide{line-height:100px;height:100px;}
    .sy-content04 .swiper-slide p{padding-top:0;background:none;}
    .sy-content04 .swiper-button-prev.prev1{left:0;}
    .sy-content04 .swiper-button-next.next1{right:0;}
    .sy-content05 .sml .swiper-slide p{font-size:12px;}
    .map1{display:block;}
    .map{display:none;}
    .ny-banner{height:360px; line-height:60px;}
    .ny-banner h2{font-size:32px; line-height:40px;}
    .ny-banner h3{font-size:20px;margin-top:12px; line-height:50px;}
    .f50{font-size:32px;line-height:36px;}
    .about-con01{background:url(../images/bg01.png) no-repeat bottom left/120px,url(../images/bg02.png) no-repeat top right/240px;}
    .about-con01 dd h5{font-size:40px;}
    .f48{font-size:36px;}
    .f30{font-size:22px;}
    .about-con02 h3{margin-bottom:18px;}
    .about-con02 dl{margin-top:32px;}
    .f48{font-size:30px;}
    .about-con03 .swiper-slide img{height:36px;}
    .about-con03 h3{font-size:16px;margin-top:12px;}
    .about-con03 .swiper-slide h4{font-size:16px;margin:18px 0 6px;}
    .news-tab a{line-height:26px;margin-right:40px;}
    .news-tab a span{font-size:16px;}
    .news-tab{padding-bottom:20px;}
    .news-tab a:before{bottom:-20px;}
    .news-tab a:hover:before, .news-tab a.cur:before{width:50px;}
    .ny-tit h2{font-size:60px;}
    .case-tit .local{width:300px;margin-top:10px;}
    .case li .wenz p{padding:0 30px;font-size:13px;line-height:22px;}
    .case li .wenz a{display:none;}
    .case-tab{margin-top:50px;}
    .case-tab a{line-height:38px;padding:0 16px;}
    .partner li{line-height:100px;height:100px;}
    .ny-tit .local{width:430px;text-indent:20px;}
    .careers ul>li .box{padding:18px 25px;}
    .careers ul>li h3{line-height:60px;padding-left:50px;height:60px;font-size:18px;}
    .careers ul>li h3:before{left:25px;}
    .careers-detail .fh{display:none;}
    .contact-ul li p{font-size:12px;}
    .contact-ul li h4{margin:6px 0 0 0;}
    .contact-ul li{padding:14px 18px;}
    .contact-con02 .img img{max-width:100%;}
}

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


    .pc{display:none;}
    .phone{display:block;}
    .banner .wenz{height:320px;padding:90px 30px 0 0;}
    .banner .wenz h3{font-size:26px;}
    .banner .wenz h2{font-size:28px;}
    .sy-content01 .fl{width:100%;}
    .sy-content01 .fr{width:100%;}
    .pad{padding:32px 0;}
    .f40{font-size:22px;line-height:30px;}
    .sy-content01 .f24{margin:12px 0 6px;}
    .f24{font-size:16px;}
    .f16{font-size:13px;line-height:24px;}
    .sy-content01 dd{width:100%;margin-bottom:22px;}
    .sy-content01 dd .f24{margin-top:-3px;}
    .sy-content01 dl{padding-bottom:20px;}
    .sy-content01 .more{margin:20px auto 0 auto;display:block;}
    .more{width:120px;line-height:36px;padding-right:26px;background:#ed6d00 url(../images/more.png) no-repeat right 15px center/14px;}
    .sy-content02 ul{height:240px;}
    .sy-content02 li{height:100%;}
    .swiper-pagination.phone{position:relative;bottom:auto !important;margin-top:12px;}
    .swiper-pagination.phone .swiper-pagination-bullet{margin:0 2px !important;width:6px;height:6px;}
    .swiper-pagination.phone .swiper-pagination-bullet-active{background:#ed6d00 !important;}
    .sy-content02 li .bg{display:none !important;}
    .f36{font-size:20px;}
    .sy-tit img{width:10px;margin:2px auto;}
    .sy-content03 .swiper-slide img{max-width:80%;max-height:80%;
        opacity:1;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .sy-content03 .swiper-container{background:none;}
    .sy-content03 .more{display:none;}
    .sy-content03 .swiper-slide{line-height:65px;height:65px;}
    .sy-content04 .swiper-slide .img{height:auto;line-height:inherit;}
    .sy-content04 .swiper-button-next.next1{display:none;}
    .sy-content04 .swiper-button-prev.prev1{display:none;}
    .sy-content04 .swiper-slide p{font-size:13px;display:block;}
    .sy-content04 .swiper-slide img{max-width:80%;}
    .swiper-button-prev.prev2, .swiper-button-next.next2{width:16px;height:31px;margin-top:-15.5px;}
    .sy-content05 .big-img{padding-bottom:30px;background:#000;}
    .sy-content05 .swiper-container>p{line-height:18px;bottom:15px;}

    .ny-banner{height:300px; line-height:60px;}
    .ny-banner h2{font-size:26px;}
    .ny-banner h3{font-size:14px;margin-top:7px;}
    .ny-banner h3:before{display:none;}
    .about-con01{background:none;}
    .about-tit h2{line-height:30px !important;}
    .about-tit{line-height:30px !important;}
    .f50{font-size:22px;}
    .about-con01 h4{font-size:14px;line-height:24px;margin:24px 0 12px;}
    .about-con01 dd{width:50%;height:auto;max-height:inherit;margin-bottom:30px;border:none;}
    .about-con01 dl{margin:30px 0 -30px 0;}
    .about-con01 dd h5{font-size:26px;}
    .about-con01 dd p{margin:7px 0 0 0;}
    .about-con01 dd h6{font-size:10px;}
    .about-con02{padding:32px 0 0 0;}
    .f48{font-size:22px;}
    .f30{font-size:16px;}
    .about-con02 h3{margin:3px 0 15px;}
    .about-con02 dl{margin-top:18px;}
    .about-con03 h3{margin-top:6px;}
    .about-con03 .swiper-container{margin-top:30px;}
    .about-con03 .swiper-slide{text-align:center;}
    .about-con03 .swiper-pagination-bullet{width:6px;height:6px;margin:0 2px !important;background:transparent;}
    .about-con03 .swiper-pagination-bullet-active{background:#ed6d00;}
    .news-tab{padding-bottom:14px;white-space:nowrap;overflow-x:auto;}
    .news-tab a{font-size:14px;line-height:20px;}
    .news-tab a span{font-size:12px;}
    .news-tab a:before{max-width:100%;bottom:-14px;}
    .ny-tit{margin:28px 0;}
    .ny-tit h2{font-size:30px;line-height:30px;}
    .case-tit .local{display:none;}
    .case-tit{width:100%;}
    .case-tab a{font-size:12px;padding:0 12px;line-height:34px;}
    .case-tab{margin-top:0px;}
    .case .tuijian{width:100%;margin-top:12px;}
    .case-ul li{width:100% !important;margin:12px 0 0 0 !important;}
    .more.load-more{margin-top:30px;}
    .gallery-thumbs{display:none;}
    .case-detail .swiper-container{width:300px;margin:auto;}
    .case-detail .swiper-slide{height:auto;}
    .case-detail .close{position:fixed;top:-100px;width:32px;height:32px;}
    .case-detail .swiper-slide p{font-size:10px;line-height:18px;position:relative;padding:0;bottom:auto;margin-top:14px;}
    .case-detail .swiper-slide .yy{display:none;}
    .case-detail .swiper-slide .img{position:relative;height:156px;overflow:hidden;}
    .swiper-lazy-preloader{width:26px;height:26px;margin:-13px 0 0 -13px;}
    .case-detail .swiper-pagination-bullet{opacity:1;background:#fff;}
    .partner li{width:33.33%;line-height:65px;height:65px;}
    .partner ul{margin-bottom:0;}
    .ny-tit .local{display:none;}
    .news li .pic{width:120px;}
    .news li .wenz{width:calc(100% - 130px);}
    .news li .wenz h5{display:none;font-size:10px;}
    .news li .wenz h3{margin:0;white-space:normal;font-size:16px;line-height:28px;}
    .news li .wenz p{display:none;}
    .news li .wenz .more2{display:none;}
    .news li{margin-bottom:18px;}
    .news-tuijian{display: none;}
    .news-detail-con{width:100%;}
    .news-tit h5{font-size:10px;margin:0;}
    .news-tit{margin-bottom:18px;}
    .page-local{margin-top:32px;}
    .contact-con02 .img{display:none;}
    .careers ul>li{margin-top:20px;width:100%;}
    .careers ul>li h3{padding-left:40px;font-size:16px;line-height:48px;height:48px;}
    .careers ul>li h3:before{width:2px;height:16px;left:18px;}
    .careers ul>li .box{padding:22px 18px;}
    .careers ul>li a{width:100px;line-height:30px;margin:auto;height:30px;}
    .careers h3.f18{margin-bottom:0;}
    .careers ul>li div.clearfix span{font-size:12px;line-height:30px;}
    .careers-detail ul>li .wrap{padding:0;}
    .careers ul>li a{margin-top:30px;}
    .careers ul>li .box{font-size:13px;line-height:24px;}
    .careers-detail ul>li{padding-top:0;}
    .careers ul>li{margin-top:-10px;}
    .contact-ul li{width:100%;margin-bottom:12px;text-align:center;}
    .contact-ul li p{height:auto;}
    #dituContent{height:240px;}
    .contact-con02 .form{width:100%;}
    .contact-con02 .form .input{width:100%;}
    .contact-con02 .form .input input{line-height:42px;height:42px;font-size:14px;padding:0 12px;}
    .contact-con02 .form .input textarea{padding:12px;}
    .contact-con02 .form .submit input{margin-top:18px;width:100px;line-height:34px;font-size:14px;}
    .contact-con02{margin-top:30px;}
    .sy-content01 .fr{padding-bottom:0;}
    .sy-content01 .f30{margin:20px 0 10px;}
    .sy-tit.padt{padding-top:30px;}
    .sy-content05 .big-img{padding-bottom:0;}
    .sy-content05 .swiper-slide video{height:240px;}
    .cprev,.cnext{display:none !important;}

    .case-ul li{height:auto;}

}











/*//////////////*/
/*Data Preloader*/
/*//////////////*/
#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:99999999; 
}
#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-image:url(../images/status.gif); 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 

}
#status p{
	top:60%;
	line-height: 30px;
	margin-bottom: 30px;
	font-size:13px;
	letter-spacing:0px;
	display: block;
	position:relative;
	overflow:hidden;
}
#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}

.center-text{	
	display:block; 
	text-align:center;
}


/*///////////////////*/
/*Typograhpy Features*/
/*///////////////////*/

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:40px;
	bottom:-100px;
	_bottom:auto;
	width:36px;
	height:80px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -80px;
}
/* 回到顶部 */