@charset "utf-8";
/*头部样式开始*/


#page-wrap							{ width: 800px; float:left;} 
ul.dropdown                         { position: relative; width: 100%; }
ul.dropdown li                      { font-weight: bold; float: left; width: 130px;position: relative; text-align:center; height:100px; line-height:100px;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown li a                    { display: block;color: #222; position: relative; z-index: 2000; color:#333; }
ul.dropdown li a:hover,
ul.dropdown li a.hover              { background: #fff; position: relative;}
.left{ float:left;}
.right{ float:right;}
.fz{ width:1340px; margin:0 auto;}
.cl:after{ content:"";  clear:both; display:block;}



/* 
	LEVEL TWO
*/
ul.dropdown ul{ display: none; position: absolute; top: 0; left: 0; width: 130px; z-index: 1000; height:60px;}
ul.dropdown ul li{ font-weight: normal; background: #f6f6f6; color: #333; border-bottom: 1px solid #ccc; line-height:60px; height:60px;}
ul.dropdown ul li a{ display: block; background: #eee !important;line-height:60px;} 
ul.dropdown ul li a:hover{ display: block; background: #df5f07 !important;line-height:60px; color:#fff;} 

.yuan{ float:left; margin:30px 0 0 0; width:90px; height:38px;border:1px solid #cccccc; line-height:38px;border-radius:30px; padding-left:15px; background:url(../images/w.jpg) no-repeat 13px center;}
.yuan a{ padding-left:23px; font-weight:bold; color:#df5f04; cursor:pointer;}
.yuan:hover{border:1px solid #df5f04;cursor:pointer;}

#jiao{ width:100%; height:100px; background:url(../images/jiao.png) no-repeat bottom center; position:absolute; bottom:0; z-index:99; }

html,body {height:100%;}
body,ul,li,a,p,div {/*慎删*/padding: 0px;margin: 0px;}
#wrap_scroll {overflow: hidden;width: 100%;}
#main {top: 0;position: relative;}
.page_up {/*谨删*/width: 100%;margin: 0; height:100%;}
.about_ner_right img{ width:100%;}

/* nav */
.nav01{ }
.nav{ width:100%;width: 100%;position: fixed;top:0; left:0;z-index: 98;background: rgba(255,255,255,0.8); box-shadow: 0px 1px 5px #888888;}
.nav_ner{ width:1340px; height:100px; margin:0 auto;}
.logo{ margin-top:21px; float:left; }
.nav li{float:left;width:130px;line-height:100px;text-align:center;position:relative; margin:0 3px; z-index:9999;}
.logo:hover{ opacity:0.85;}
#nav {float: right;height: 100px;}
#nav li { margin:0;float: left;position: relative;	}
#nav li:nth-child(3) ul,#nav li:nth-child(6) ul{ display:none !important;}
#nav li.open, #nav li:hover { }
#nav li a {text-align:center; font-size:18px;display: block; height:98px; line-height:100px;text-decoration: none;}
#nav li a:hover {height:98px; line-height:100px; border-bottom:4px solid #df5f07; font-weight:550; color:#df5f07;}
#nav li ul {display: none;position: absolute;top:100px;left: 0;width: 160px;left: -15px;}
#nav li:hover ul {display: block;}
#nav li ul {font-size: 12px;background:rgb(49,49,49,0.9);}
#nav li ul li { margin:0;    border-bottom: 1px solid rgba(0,0,0,0.2);float: none;}
#nav li ul li a { line-height:70px; height:70px;      color: #3b444d;font-size: 16px; font-weight: normal;display: inline-block;}
#nav li ul p a{ color:#fff; font-size:14px;line-height:70px; margin-right:0; text-align:center; height:70px; margin:0 10px;}
#nav li ul p{border-bottom:1px solid #323231;}
#nav li ul p a {display: block;}
#nav li ul p a:hover {font-weight:0;line-height:70px; height:70px;border-bottom: 2px solid #616161; color:#fff;}
/* End header */
.language{ margin-top:30px; margin-left:10px;border:1px #df5f07 solid;  no-repeat center center; border-radius:20px; background:url(../images/w.png) no-repeat 10px center; transition:all 0.6s;}
.language a{ font-size:16px; padding:10px 10px 10px 35px; display:block; color:#df5f07; font-weight:bold;}
.language:hover{background:#df5f07 url(../images/w1.png) no-repeat 10px center;}
.language:hover a{ color:#fff;}



.banner{ position:relative;}

.banner_zx{position: relative; /*attention*/height:1000px;overflow: hidden; }
.banner_zxbn{ position:absolute; top:200px; width:1280px;}
.banner_zxbn_left_a{opacity:0.3;}
.banner_zxbn_left_b{ margin:152px 0 0 -145px;}
.banner_zxbn_left_b .banner_zxbn_left_b01{ font-weight:bold; font-size:18px;}
.banner_zxbn_left_b01hx{width:135px; height:5px; background:rgba(156,116,92,0.8); display:block; margin-top:-5px;}
.banner_zxbn_left_b02{ margin-top:15px;}
.banner_zxbn_left_b02hx{width:198px; height:5px; background:rgba(156,116,92,0.8); display:block; margin-top:-5px;}
.banner_zxbn_left_b03{text-transform: uppercase;color: #936a50;font-size: 40px;font-family: 'Adequate'; margin-top:10px;}
.banner_zxbn_left_b04{ margin-top:45px; font-weight:bold;color: #936a50; font-size:30px;}
.banner_zxbn_left_b04 span{ line-height:60px;color: #936a50; letter-spacing:-4px;transform: scale(1,3);}
.banner_zxbn_left_b05{ font-size:36px; color:#fff; margin-top:85px; margin-bottom:20px;}
.banner_zxbn_left_b05:before{content:""; padding-right:10px;}
.banner_zxbn_left_b06{ padding:20px 0; border-bottom:1px solid #fff;border-top:1px solid #fff; width:290px;}
.banner_zxbn_left_b06 p{ color:#fff; line-height:24px;}

.banner_zxbn_right{ padding:60px 50px 40px; background:#fff; border-radius:25px; margin-top:90px;}
.banner_zxbn_right .banner_zxbn_right01{ padding-bottom:40px;border-bottom:1px solid #989898; margin-bottom:35px; }
.banner_zxbn_right02{text-align:center;}

.banner_zxbn_right02 span{transform:scaleY(-1);}


.ny_banner{ position:relative;}

#jiao{ width:100%; height:100px; background:url(../images/jiao.png) no-repeat center bottom; position:absolute;z-index:49; bottom:0; left:0;}
#jiao_h { width:100%; height:100px; background:#fff; position:absolute;z-index:1; top:0; left:0;}
#jiao02{ width:100%; height:100px; background:url(../images/jiao01.png) no-repeat center bottom; position:absolute;z-index:49; bottom:0; left:0;}
.ny_bgd{ width:100%; height:100px; background:#fff; }
/* 公司简介*/
#about2{background:url(../images/left.png) no-repeat left center;background-position:0% 0%;    padding-top:7%;}
#about{ width:100%; position:relative; height:100%;}
.about_ner{ width:1340px; margin:0 auto;}
.about_ner02{ position:absolute; left:0; right:0;bottom:0; padding-top:0;top:55%;transform: translateY(-50%); height:66vh;}
.about_ner03{}
.hangye{ width:1340px; margin:0 auto;}
.about_ner_left{ width:470px; padding-right:60px;}
.about_ner_left p{margin:0 0 12px 0;}
.about_ner_left p:before{ content:"●"; float:left; color:#df5f07;}
.about_ner_left p span{ display:block; padding-left:20px; font-size:14px; line-height:24px;}
.about_ner_left  strong{font-size:14px;}
.about_ner_left h2{ font-size:30px; margin:0 0 30px 0;color:#173652; font-weight:bold;}
.about_ner_left h2 strong{ font-size:60px; border-bottom:4px solid #df5f07; color:#173652;}
.ann{height:45px;width:125px;text-align: center;border-radius: 25px; line-height:45px;background: #eee; display:inline-block; margin-top:30px;}
.ann a{ color:#333;display: block;}
.ann a:hover{color:#fff;background: #df5f07;display: block;border-radius: 25px;}



#about_ner04{ height:100%;}
.about_ner_right{ width:800px; overflow: hidden;border-radius:40px; float:right; height:66vh;}
	
	
	
	
.sy_video{ position:relative; z-index:99;}	
.about_nerleft{ position:relative; margin-right:25px;}
.about_nerleft a{width:429px; height:30vh;overflow:hidden;display:block;border-radius:50px;}
.about_nerleft a img{transition: transform 1s;}
.about_nerleft:hover img{ transform: scale(1.2); }
.advan{ position:absolute;top: 50%;transform: translateY(-50%); left:40px;}

.about_ner .about_nerleft:nth-child(3){ margin-right:0;}

.scsb{ font-size:36px; font-weight:bold; color:#fff; margin:0 0 20px 0;}
.scsb2{ font-size:14px; line-height:30px; color:#fff;}
.scsb3{font-size:26px; font-weight:bold; color:#fff;margin:10px 0 5px 0;}
.scsb4{font-size:36px; font-weight:bold; color:#fff;background:url(../images/honor.png) no-repeat 0 10px; padding-left:30px;}
.advan02{ position:absolute; right:20px; top: 50%;transform: translateY(-50%);}
.advan03{ position:absolute; right:60px; top: 50%;transform: translateY(-50%);}
.about_nerleft:hover .advan02 img,.about_nerleft:hover .advan03 img{ transform:none;}


.product_sp .videolist{margin: 0 0 30px 50px;width:645px;float: left;text-align: center; position:relative; }
.product_sp .videolist:nth-child(2n+1){ margin:0 0 30px 0;}
.product_sp02{margin-top: 20px; font-size:16px;}
.product_sp01 img{ max-width:100%; display:block;}
.product_sp01{ height:430px; overflow:hidden;}
.product_sp01 iframe{ width:645px !important; height:350px !important;}
.product_sp .videolist:hover .product_sp02{color:#df5f07;}

.videolist001{width:645px;overflow:hidden; position:relative;}
.mask_video01{ position:absolute;width: 645px;height: 430px; background:rgba(0,0,0,0.7); top:430px; position:absolute;}
.videolist:hover .mask_video01{width: 645px;height: 430px; background:rgba(0,0,0,0.5); transition:all 0.3s; z-index:55; top:0;} 

.videolist001{ z-index:99;}


.videolist { position:relative; float:left; margin-right:50px; margin-top:15px; margin-bottom:30px; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99999; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-510px; margin-top:-350px; z-index:100; width:1020px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }



.hangye02 .hytitle{margin:50px auto 30px;}
.hytitle{ font-size:42px; font-weight:bold; text-align:center; margin:180px 0 60px 0; color:#173652;}
.hangye ul li{ float:left; margin-right:13px; border-radius:40px; overflow:hidden; width:322px;height:37vh;display:block; position:relative;}
.hangye ul li img{ transition:all 1s;}
.hangye ul li:hover img{ transform:scale(1.1);}
.hangye ul li .hangye_02{ position:absolute; top:50px; left:0; right:0; text-align:center;}
.hangye ul li .hangye_02 p{ color:#fff;font-size:30px;}
.hangye ul li .mask{ position:absolute; top:0; width:322px; height:38vh; display:block; background:rgba(0,0,0,0.4)}
.hangye ul li:hover .mask{background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}




#about3{background:url(../images/right.png) no-repeat right bottom;background-position:100% 100%;}

/* 新闻中心*/
#news{ width:100%; }
#about3{ position:relative; width:100%;}
.news_ner{ width:1340px; position:absolute; left:0; right:0;top:55%;transform: translateY(-50%);width: 1340px;margin: 0 auto;}
.xwzi2{ font-size:14px;color:#173652;}
.xwzi{ font-size:36px; font-weight:bold; margin:0 0 10px 0; color:#173652;}
.ju{ margin:10px 150px 0 0;}
.news_ner_left{ margin:0 0 40px 0; overflow:hidden;}

.text_ner2{ margin:0 0 0 80px; overflow:hidden;width:545px;}
.text_ner2 li{border-bottom:1px dashed #bcbcbc; height:50px;}
.text_ner2 li a{line-height:50px;padding-left:20px;background:url(../images/sj.jpg) no-repeat left center;color:#666666;}

.text_ner2 li a:hover{padding-left:20px;color:#df5f07;background:url(../images/sj2.jpg) no-repeat left center; line-height:50px;}
.text_ner{ display:block; position:relative; width:560px; height:350px; border-radius:30px; overflow:hidden;}
.text_ner a{ display:block;}
.text_ner .sy_newscon{ background:rgba(0,0,0,0.6); bottom:0; position:absolute; display:block; padding:20px;width:520px;}
.text_ner .sy_newscon p:nth-child(1){ color:#fff; font-size:15px; margin-bottom:5px;}
.text_ner .sy_newscon p:nth-child(2){ color:#fff; font-size:13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; opacity:0.7}
.text_ner img{ transition:all 1s;}
.text_ner:hover img{ transform:scale(1.05)}
.text_ner:hover .sy_newscon{background: rgba(0,0,0,0.8);}


/* 底部样式 */
.clear { clear:both;}
.foot_tt{ width:100%; height:166px; background:url(../images/bottom.png) center top no-repeat; overflow:hidden;background-size: 100% 100%;}
#foot01{ background:#333333; margin-top:-30px;}
.foot_ner{ width:1340px; margin:0 auto 0;}

.foot_ner1 p{color:#fff; line-height:26px;}
.foot_ner1 p span{color:#fff; font-family:Impact; font-size:24px;}
.jianju{ margin:0 0 20px 0;}
.foot_ner1 p a{ color:#fff;line-height:26px; border-bottom:1px solid #fff;}
.foot_ner1 p:hover a{ color:#ffc600;border-bottom:1px solid #ffc600;}


.foot_ner_bottom li{display:block; line-height:30px;margin:0 80px 0 0; float:left;}
.foot_ner_bottom li a{ color:#fff;}
.foot_ner_bottom li a:hover{ color:#ffc600;border-bottom:1px solid #ffc600;}
.dibuwenzi{margin:0 0 15px 0; font-weight:bold; font-size:18px; color:#fff;}

.foot_nerfoot{ width:1340px; margin:70px auto 0;font-size:12px;text-align:center; line-height:60px;  color:#fff; border-top:1px #5c5c5c solid;}
.foot_nerfoot a{color:#fff; font-size:12px; text-decoration:underline;}
.foot_nerfoot a:hover{ color:#ffc600;font-size:12px;}
#foot { position:relative;}

#foot2{ width:100%; height:auto; background:#333; overflow:hidden;}
.foot_ner22{ width:1340px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:50px;}
.foot_ner1_neiye{ padding:80px 0 0 0; }
.foot_ner1_neiye p{color:#fff; line-height:26px;}
.foot_ner1_neiye p span{color:#fff; font-family:Impact; font-size:24px;}

.foot_ner_bottom2{ padding:80px 0 0 0; }
.foot_ner_bottom2 li{display:block; line-height:30px;margin:0 80px 0 0; float:left;}
.foot_ner_bottom2 li a{ color:#fff;}
.foot_ner_bottom2 li a:hover{ color:#ffc600;border-bottom:1px solid #ffc600;}


#foot3{ height:52px; border-top:1px solid #5c5c5c; background:#333;}


.content_mbx{margin:0 auto; width:1340px; height:auto; overflow:hidden;}
.content_mbx01{margin:0 0 60px 0; height:45px; padding-top:22px;}
.daohan_nav{ float:left;}
.daohan_nav dl p{ float:left; margin:0 20px 0 0; line-height:35px;}
.daohan_nav dl p a{ font-size:15px; color:#333; text-decoration:none; padding:5px 25px; display:inline-block; transition:all 0.6s;border-radius:25px;}
.daohan_nav dl p a:hover{ background:#df5f07; display:block; color:#fff; font-weight:bold;border-radius:25px;}




/* 行业解决方案列表 */
.content{ background:#fff; padding:90px; line-height:24px; color:#666666;}
.content2{ width:1340px;  margin:0 auto;}
.content_productlist li{ float:left; background:#fff; margin:0 40px 40px 0;padding:30px 0;border-radius: 25px; position:relative;}
.content_productlist li:nth-child(2n){ margin-right:0;}
.content_productlist01{ width:350px; height:350px; float:left; display:block; overflow:hidden;}
.content_productlist01 img{ width:100%; transition:all 1s;}
.content_productlist li:hover .content_productlist01 img{ transform:scale(1.05);}
.content_productlist .content_productlist02{ padding:30px 0 0 10px; width:290px; position:relative;}
.content_productlist02_a{ font-size:22px; padding-bottom:10px;display: inline-block; font-weight:bold; text-overflow: ellipsis;white-space: nowrap; overflow:hidden;width: 230px; position:relative; height:40px;}
.content_productlist02_a:after{ content:""; display:block; width:90px; height:2px; background:#df5f07; margin:15px 0; position:absolute; left:-90px; bottom:0;}
.content_productlist li:hover .content_productlist02_a:after{ left:0; transition:all 0.5s;}
.content_productlist02_c{display: inline-block;line-height:23px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical; padding-right:35px;color:#8c8c8c;}
.content_bj{ background:#f7f7f7; height:auto; overflow:hidden; width:100%;}
.content_productlist03_c{ margin:10px 0 0 0;}
.content_productlist03_c .content_productlist03_d{ display:none;}
.content_productlist02_d { margin-top:20px; height:30px;}
.content_productlist03_c .more{ margin:0 30px 10px 0; height: 45px; text-align:center;width: 125px;border-radius: 25px;line-height: 45px;background: #eee;}
.content_productlist03_c:hover .more{background: #df5f07; color:#fff;}
.content_productlist02_d span{background:#df5f07; text-align:center; color:#fff; border-radius:25px; margin-right:5px; line-height:30px; padding:0 10px; display:inline-block;}
.ms_content01{ display:none;}
.ms_content02 .content_productlist03_d{ line-height:24px; display:block; position:absolute; left:-0px; top:145px; z-index:55; background:#eee; border-radius:25px; width:240px; padding:30px;}
.cpxq{width: 100px;
    box-sizing: border-box;
    height: 34px;
    line-height: 32px;
    border-radius: 17px;
    font-size: 12px;
    color: #333;
    text-align: center;
    background: #eeeeee;
    display: inline-block;}
.cpxq:hover{background: #df5f07;color: #fff; }


.content_productlist02_c::-webkit-scrollbar { width:5px; height:2px; background:#ccc; border-radius:10px;} 

/* 行业解决方案产品详情 */
.content3{ width:1220px; height:auto; overflow:hidden; margin:0 auto 60px auto; background:#fff; padding:60px;}
.content_product01{ height:auto; overflow:hidden; position:relative;}
.content_product01_img{ margin-right:30px; width:432px; height:432px; overflow:hidden; border:1px solid #e8e8e8; float:left; margin:0 40px 40px 0;}
.content_product01_img img{width:100%;}
.content_product01_nr{ width:716px;float:left;}
.content_product01_brief{ padding:30px 0 0 0; line-height:30px; font-size:16px; margin:0 0 20px 0;}
.content_product01_lianxi{padding:20px 0 0 0;}

.ship{width:100%;text-align:center;}

.daohan_nav dt{ padding:0 30px; line-height:50px; float:left;}
.daohan_nav .cur{ background:#df5f07;border-radius:25px;}
.daohan_nav .cur a{ color:#fff;}
.daohan_nav dt:hover{ background:#df5f07;}
.daohan_nav dt:hover a{ color:#fff;}
.content_product01_nr { width:425px;}
.content_product01_nr01{color:#df5f07; padding-bottom:20px; border-bottom:1px solid #cccccc; font-size:30px; line-height:34px;}
.content_product01_lianxi p:nth-child(2){ font-family:"impact"; font-size:28px; color:#df5f07; margin:5px 0 20px;}
.content_product01_lianxi p:nth-child(1){ color:#df5f07;}
.content_product01_lianxi span{ background:#df5f07; display:inline-block; width:150px; text-align:center;padding:10px 0; }

/* 公司简介 */
.content4{ width:1340px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:60px;}
.title{ margin:0 0 70px 0; text-align:center;}
.title h2{ font-size:36px; font-weight:bold; margin:0 0 10px 0;}
.ner1{ height:444px; width:1340px; }
.ner1_left{ float:left; width:670px; height:444px;overflow:hidden;}
.ner1_right{ float:left;width:610px; height:414px; padding:30px 0 0 60px;overflow:hidden;}
.ner1_right p{ line-height:30px; margin:0 0 20px 0;font-size:16px;}
.ner1_right span,.ner1_left1 span,.ner1_right span,
.ner1_left3 span,.ner1_right span,.ner1_left2 span
{ margin-top:30px; display:inline-block; padding-bottom:10px; background:url(../images/ico_jt.png) 100px 7px no-repeat; color:#df5f07; width:130px;
bottom:0; position:relative;overflow:hidden;}
.ner1_right span:after,.ner1_left1 span:after,.ner1_right span:after,
.ner1_left3 span:after,.ner1_right span:after,.ner1_left2 span:after
{ content:""; width:120px; position:absolute; left:-120px; border-bottom:1px solid #df5f07; bottom:0;}


.ner1:hover .ner1_right span:after,.ner1:hover .ner1_left1 span:after,
.ner1:hover .ner1_left2 span:after,.ner1:hover .ner1_left3 span:after,.ner1:hover .ner1_right_03 span:after
{ content:""; left:0; transition:0.6s; bottom:0;}



.ner1_right1{width:670px; height:444px;float:left;overflow:hidden;}
.ner1_right_02,.ner1_right_04{ border-bottom:1px solid #999;}
.ner1_right_04{ padding-bottom:20px; margin-bottom:20px;}
.ner1_right_05{ width:560px;}

.ner1_left1{float:left; width:600px; height:361px; padding:75px 0 0 70px;}
.neirwenzi{ font-size:24px; font-weight:bold; margin:0 0 20px 0;}
.neirwenzi2{ font-size:16px; margin:0 0 20px 0;}
.line{ border:1px solid #c6c6c6; margin:0 0 20px 0; width:408px;}
.ner1_left2{float:left; width:556px; height:307px; padding:70px 0 0 114px;}
.ner1_left2 p{ font-size:18px; line-height:50px;}
.ner1_left3{float:left; width:556px; height:307px; padding:70px 0 0 114px;}
.ner1_left3 p{ font-size:18px; line-height:50px;}


.ner1 img{ transition:all 1s;}
.ner1:hover img{ transform:scale(1.05)}
.ner1:hover{background:#fff;}
.content5{ background:#fff; width:1220px; height:auto; overflow:hidden; margin:0 auto 60px auto; padding:60px;border-radius:25px;}
.content01{ width:1340px; height:auto; overflow:hidden; margin:0 auto;}
.content5 p{ line-height:24px;}

/* 新闻中心 */
.newslist li{padding:30px 50px 30px 40px;border-radius:25px;}
.newslist_01{ width:280px; height:195px; border:1px #f1f1f1 solid; overflow:hidden;}
.newslist li img{ width:100%; transition:all 1s;}
.newslist_02{ width:920px; padding:15px 0;}
.newslist_03{ font-size:18px;}
.newslist_03 span{ display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; margin-bottom:10px; line-height:24px;}
.newslist_04{ font-size:14px; line-height:30px; padding-top:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist_04 b{ font-weight:normal; padding-left:20px;}
.newslist li:hover{ background:#fff;border-bottom:1px solid #df5f07;}
.newslist li:hover .newslist_03{color:#df5f07;}
.newslist li:hover  b{color:#df5f07;}
.newslist li:hover img{ transform:scale(1.2)}

.content_about img{ max-width:1160px;}
.fl{ float:left;}
.fr{ float:right;}

.news02b_01{ font-weight:bold; font-size:24px; color:#333; margin:0 0 35px 0;border-bottom:2px solid #ebebeb; padding-bottom:20px;}
.news02b_02 li{ border-bottom:1px solid #ebebeb; padding:20px 0px; cursor:pointer;}
.news02b_02 li a{ display:block; padding:0 10px;}
.news02b_02 li a:nth-child(2){ padding:10px 10px 0;color:#df5f07; display:inline-block;}
.news02{ width:280px;}
.xwwenzi{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 0 12px 0; font-size:16px;}
.xwwenzi2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#999;}
.xwwenzi2 a{ color:#666;}
.news02b_02 li:hover{ background:#fff;}
.xwwenzi2 img{ display:none;}



/*加入我们*/
#firstpane{ margin-bottom:80px;}
.menu_head{height:50px;font-size:20px;color:#595959;cursor:pointer;position:relative;margin:0px 0 23px 0;border-bottom: 1px solid #e1e1e1; margin-bottom:20px; padding-bottom:30px;}
.menu_list .current{border-bottom:0;}
.menu_body{ padding:60px;overflow:hidden; background:#fff;border-radius:25px; margin-bottom:25px;}

.menu_list .menu_head span{ display:inline-block; padding:0 23px; height:21px; line-height:21px; margin-top:15px; font-size:16px; color:#666;}
.menu_list .menu_head b{ font-size:16px;padding:0 5px;}
.menu_list .menu_head span:nth-child(2){ border-right:1px solid #8a8a8a; padding-right:46px;}
.menu_list .menu_head span:nth-child(1){  font-weight:bold; padding-left:0; color:#333; min-width:150px;}
.menu_list .menu_head span:nth-child(3){  padding-left:46px;}
.menu_list .menu_head span:nth-child(4) { float:right; display:block; padding:0 30px; margin:0; font-size:15px; height:50px; line-height:50px;color:#333; text-align:center;border-radius:25px;}
.menu_list .current span:nth-child(4) { background:#df5f07;color:#fff;}
.menu_body_l { width:383px; }
.menu_body_r { width:640px; }
.menu_body_l dl dd{ color:#595959; font-size:16px; line-height:32px;}
.menu_body_r h3 {  font-weight:500; color:#595959; font-size:16px; margin-bottom:12px;}
.menu_body_r { color:#595959; font-size:16px; line-height:32px;}

.menu_list .menu_head span:nth-child(4):hover{ background:#df5f07;color:#fff;}







/*reset*/
body,dl,dd{margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
h1,h2{margin:0;font-weight:normal;}
p{margin:0;}
a{text-decoration:none;cursor:pointer;}
img{border:0;}
.clearfix{clear:both;}

/*commen*/
*{color:#333333;font-family:"微软雅黑"; font-size:14px;}
.fz1{ max-width:1220px; margin:0 auto;}
.cl:after{ content:""; display:block; clear:both;}
@font-face {font-family: 'HelvLight';src:url(../fonts/HELN.TTF);font-weight: normal;font-style: normal;}
@font-face {font-family: 'avantgarde';src:url(../fonts/AVGARDD.TTF);font-weight: normal;font-style: Demi;}
@font-face {font-family: 'impact';src:url(../fonts/impact.ttf);font-weight: normal;font-style: Demi;}



/* advantage */
.advantage{ background:url(../images/bj01.jpg); height:100px; padding:70px 0;}
.advantage_a li{ float:left; border-left:1px #e3e1e7 solid; padding:0 62px; text-align:center;}
.advantage_a li span{ color:#df5f07; font-size:60px; font-family:"HelvLight"}
.advantage_a li:nth-child(4){border-right:1px #e3e1e7 solid;}
.advantage_a02{ line-height:18px;}



/* development */
.development{ background:url(../images/bj02.jpg) no-repeat center center; height:700px;}

.development_tt{ font-size:36px; text-align:center; padding:70px 0;}
.development_tt span{ font-family:"avantgarde"; font-size:36px; color:#bfbfbf; margin-left:20px;}

.development_con { position:relative;}
.development_time{ position:relative; margin:auto 0; width:100%; height:1px; background:#dedede; top:160px;}
.development_time ul{ position:relative;}
.development_time li{ float:left; width:285px; text-align:center;}
.development_time li .development_timea{padding-bottom:30px;}
.development_time li .development_timeb{padding-top:30px;}
.development_time .development_timea .development_time02{ margin:25px auto 25px;}
.development_time li .development_time02 img{display:inline-block;}
.development_time li .development_time03{font-family:"avantgarde"; font-size:36px;color:#6d6d6d; margin-top:25px;}
.development_time li .development_time04{color:#ef4136; font-size:24px;}
.development_time li .development_time05{color:#6d6d6d;}
.development_time .development_timea:hover{ background:#fff; border-bottom:1px solid #ef4136;box-shadow:1px 2px 10px #d4d4d4}
.development_time .development_timeb:hover{ background:#fff; border-top:1px solid #ef4136;box-shadow:1px -2px 10px #d4d4d4}
.development_time li:hover .development_time03,.development_time05{color:#ef4136;}
.development_time .development_timeb .development_time02{ margin:5px auto 15px;}
.development_timea:before{ content:"●";padding:2px;background:#fff; width:10px; height:10px; border-radius:200%;color:#6d6d6d; border:1px #fff solid;position: absolute; text-align:center; line-height:10px; left:0px; right:0; margin:-10px auto 0;}
.development_timeb:after{ content:"●";padding:2px;background:#fff; width:10px; height:10px; border-radius:200%;color:#6d6d6d; border:1px #fff solid;position: absolute; text-align:center; line-height:10px; left:0px; right:0; margin:-7px auto 0;}

.development_timea{ position:absolute;width:285px;margin-top:1px; padding-bottom:40px;}
.development_timeb{position:absolute; top:-201px;padding-top:10px;}
.development_time li:hover:before,.development_time li:hover:after{border:1px #df5f07 solid;}
.development_timeb .development_time05{ margin-bottom:25px;}
.development_timeb .development_time03{ margin-top:0px;}

/* 工厂展示 */
.factory{ margin-top:-100px;}
.factory_l{ width:395px;padding:55px 45px;}
.factory_la_01,.factory_la_01 span,.factory_la_02,.factory_lb01 span,.factory_lb01 strong,.factory_lb01,.factory_lb01{color:#fff; }
.factory_lb02,.factory_lb02 strong{font-size:12px; color:#fff;}
.factory_la{width:100%;}
.factory_la .factory_la_01,.factory_la .factory_la_01 span{ font-size:30px; }
.factory_lb01,.factory_lb01 span{ font-size:18px; font-weight:bold;line-height:30px; }
.factory_la .factory_la_01 span{ font-weight:bold;}
.factory_la .factory_la_02{font-family:"avantgarde"; letter-spacing:2px; text-transform:uppercase; opacity:0.8; font-size:12px;}
.factory_la_02:before{ content:"";  width:50px; height:1px; background:#fff; float:right;}

.factory_lb{ margin-top:30px;}
.factory_lb li{ padding:20px 0;}

.factory_lb01 span{font-family:"avantgarde"; font-size:24px;}

.factory_r{ width:835px;}
.factory_r li{ float:left; margin:0 0 10px 10px;position:relative; width:auto; height:auto;}
.factory_r01 img{ display:block;}
.factory_r li .factory_r02{ color:#fff; display:none;vertical-align: middle; text-align:center; font-size:18px;}
.factory_r li a:hover .factory_r02{ display:block; background:none; position:absolute; top:45%;left:0; right:0;}

/* 产品切换 */
.syproduct{ margin-top:80px;}
.syproduct01a{ font-size:36px;}
.syproduct01a span{ font-family:"avantgarde"; font-size:36px; color:#bfbfbf; margin-left:20px;}
.syproduct01b{ display:block;}
.syproduct01b li{ float:left;  background:#ececec; margin-left:20px;border:1px #ececec solid;}
.syproduct01b li a{padding:10px 30px; line-height:40px;}
.syproduct01b li:hover{ background:#ef4136;border:1px #ef4136 solid;}
.syproduct01b li:hover a{ color:#fff;}
.syproduct01{ display:block;}
.syproduct01b .more{background:none; border:1px #ececec solid; margin-top:0;}

.swiper-slide{ color:#fff;}
.syproductqh{  margin-top:30px;}
.syproductqh01{ color:#fff; width:410px; margin-right:80px;}
.syproductqh01_b,.syproductqh01_c,.syproductqh01_d{color:#fff;}
.syproductqh01_d b{ color:#fff; font-size:15px; margin-bottom:10px; display:inline-block;}
.syproductqh01_b{ font-size:24px; font-weight:bold; margin-top:30px;}
.syproductqh01_c{font-family:"avantgarde"; font-size:12px; text-transform:uppercase; margin-top:5px; letter-spacing:1px;}
.syproductqh01_d{ margin-top:50px; line-height:24px;}




.daohan{ float:right; line-height:35px; height:35px; margin-top:5px;}
.daohan li:nth-child(1){background: url(../images/shouye.png) no-repeat left center; padding-left:20px; }
.daohan li{ float:left; color:#999; line-height:35px; font-size:12px;}
.daohan li a{ color:#999;font-size:12px;}
.daohan li:after{ content:">"; padding:0 5px; color:#999;}
.daohan li a:hover{ color:#df5f07; font-weight:bold;}







.content_product01_lianxi span a{ color:#fff;font-size:18px;}
.content_product01_nr04{ margin-top:40px;}
.content_product01_nr04 img{ width:100%;}


.content_product02_a{ font-size:24px; margin-bottom:30px;}
.content_product02_a span{font-family:"avantgarde"; font-size:18px; color:#999; text-transform:uppercase; letter-spacing:0.5px; }

.content01_product01{ text-align:center; font-size:36px; margin-bottom:50px;}
.content01_product01 span{font-family:"avantgarde"; font-size:36px; color:#b9b9b9; padding-left:20px;}
.content01_product02{ padding:50px 0 190px;}
.content01_product03 { margin-bottom:80px;}
.content01_product03_b{ margin-top:-150px;}
.content01_product03_b li{ float:left; margin-left:40px; text-align:center; width:300px;line-height:30px; overflow:hidden;}
.content01_product03_b li img{ width:100%; height:300px;}
.content01_product03_b li:hover p{ color:#df5f07;}
.content01_product03_c li:nth-child(1){ margin-left:0;}

.content_productlist02{ width:670px; position:relative;}
.content_productlist03{ margin:-1px -1px 0 0}
.content_productlist03{ display:none;}



.time-axis{position: relative;}
.time-axis:before{content: '';position: absolute;left:120px;top:20px;width:5px;height: 100%;background:#df5f07;}
.time-axis-item{padding-left: 150px;position: relative;line-height:24px;font-size: 14px;color: #141414;}
.time-axis li{ margin-bottom:50px;}
.time-axis-title{ font-size:16px; margin-bottom:10px;}
.time-axis-date{position: absolute;left: 0;top: 0; font-size:16px; font-family:"avantgarde"; width:129px; color:#666; overflow:hidden;}
.time-axis-date span{position: absolute;right:0px;top: 35%;display: block;width:8px;height:8px;border:3px solid #df5f07;border-radius: 100%;background: #fff;}
.time-axis-achievement,.time-axis-achievement span{ color:#999;}
.time-axis li:hover .time-axis-title{ color:#df5f07;}
.time-axis li:hover .time-axis-date{ color:#df5f07;}

.ablumlist{ margin-bottom:50px;}
.ablumlist01{ font-size:36px; text-align:center;}
.ablumlist02{font-family:"avantgarde"; font-size:14px; color:#999; text-align:center; text-transform:uppercase; margin-top:5px;}
.ablumlist .ablumlist03{ margin:30px auto 60px;text-align:center; width:1200px;}
.ablumlist04 li{ width:305px; text-align:center;}
.ablumlist04 li img{ width:305px; height:220px;}

/* 设计案例*/
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }

#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0;line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }

#mbBottom { min-height:20px;line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber {  display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:10px;}
.layout_default:hover .meta{ color:#df5f07;}
.meta{text-align:center; padding:10px 0;}
.image_container{ width:310px; height:207px; overflow:hidden;border:1px #f2f2f2 solid; position:relative;}
.image_container2{ width:203px; height:267px; overflow:hidden; background:#fff; transition:all 1s;}
.layout_default:hover .image_container2 img{ transform:scale(1.05);}
.image_container img,.image_container2 img{ display:block; width:100%;transition:all 1s;}
.layout_default:hover .meta a{ color:#df5f07;}

.image_container2{ position:relative;}
.layout_default .image_container .image_bj{background: rgba(0,0,0,0);left: 0;top: 0; width:310px; height:240px; position:absolute; transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}
.layout_default .image_container .image_bj img{width:0;margin: 100px auto 0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}

.layout_default .image_container2 .image_bj{background: rgba(0,0,0,0);left: 0;top: 0; width:310px; height:100%; position:absolute; transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}
.layout_default .image_container2 .image_bj img{width:0;margin: 100px auto 0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}
.layout_default:hover .image_container .image_bj{background: rgba(0,0,0,0.7);transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s; top:0;}
.layout_default:hover .image_container2 .image_bj{background: rgba(0,0,0,0.7);transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s; top:0;}
.layout_default:hover .image_container .image_bj img{width: 30px;margin: 100px auto 0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}
.layout_default:hover .image_container2 .image_bj img{width: 30px;margin:200px auto 0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;}





.team01{ margin-top:40px;}
.team01 img{ width:100%;}

.team02{ margin-top:20px;}
.team02_a{ width:530px; padding:60px; background:#fff; min-height:318px;max-height:318px;}
.team02_a01{font-family:"avantgarde"; font-size:48px; }
.team02_a02{ font-size:36px; padding-bottom:10px; border-bottom:1px solid #df5f07; display:inline-block;}
.team02_a03{ color:#bfbfbf; font-size:30px;font-family:"avantgarde"; margin:20px 0 50px;}
.team02_a04{ line-height:24px;}
.team02_b{ width:652px; height:438px; overflow:hidden;}


.teamlist{ margin-top:30px;}
.teamlist li{ float:left; margin:10px; text-align:center; line-height:40px; width:420px; height:280px; overflow:hidden; position:relative;}
.teamlist li img{display:block; width:100%;}
.teamlist li:hover p{ background:rgba(172,49,34,0.9)}
.teamlist li p{ position:absolute; bottom:0; display:block; text-align:center;width: 100%; color:#fff; background:rgba(51,51,51,0.7);}

.process01{ text-align:center; font-size:36px; margin-bottom:40px;}
.process01 span{font-family:"avantgarde"; font-size:36px;color:#bfbfbf; padding-left:10px;}
.process02{ margin-bottom:80px;}
.process02_a01 img,.process02_a03 img{ display:block;}
.process02_b{ width:340px; background:#fff; padding:60px 50px; height:180px;}
.process02_a{ position:relative;}
.process02_a02{ transform: rotate(-90deg);position:absolute; right:-4px; top:50%;}
.process02_a03{ position:absolute; bottom:0; left:50%;}
.process02_a04{ transform: rotate(90deg);position:absolute; left:-4px; top:50%;}
.process02_b01{font-family:"impact"; background:#df5f07; color:#fff; border-radius:100%; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; margin:5px 10px 0 0;}
.process02_b02{ font-size:24px; color:#df5f07;  font-weight:bold;}
.process02_b02 span{ display:block; font-weight:normal; color:#666666;}
.process02_b_con{ margin-top:30px;color:#666; line-height:24px;}

.process03{ margin-bottom:60px;}
.process03con{ margin-bottom:20px;}
.process03con_a{position:relative;}
.process03con_b{ padding:40px 55px; background:#fff; display:inline-block; width:405px; height:335px;}
.process03con_b01{ color:#df5f07;font-family:"impact"; font-size:48px;}
.process03con_b02{color:#df5f07;font-size:24px; font-weight:bold; padding:20px 0;}
.process03con_b02 span{ height:2px; width:50px; background:#df5f07; display:block; margin-top:20px;}
.process03con_b03{color:#666;}
.process03con_b03 b{ font-size:18px; margin-bottom:10px; display:inline-block;}
.process03con_b05{ margin-top:30px;}
.process03con_b05 a{ padding:7px 30px;color:#df5f07; border:1px #df5f07 solid;}
.process03con:hover .process03con_b05 a{background:#df5f07; color:#fff; }

.content01 .process04{ margin:0 auto;}
.process04{ width:1100px; text-align:center; line-height:24px;}
.process05{border:1px #d2d2d2 solid;text-align: center;margin: 30px auto 40px; width:200px;}

.process05 a{ color:#acacac;padding:10px 60px; display:block;}
.process05:hover{ background:#df5f07;border:1px #df5f07 solid;}
.process05:hover a{ color:#fff;}

.process06{ margin-bottom:80px;}
.process06 li{ float:left; width:425px; height:282px; overflow:hidden; position:relative; margin:20px 0 0 20px; }
.process06 li:nth-child(1),.process06 li:nth-child(4){ margin-left:0}
.process06 li img{ width:100%;}
.process06 li p{ position:absolute; background:rgba(0,0,0,0.5); text-align:center;bottom: 0; width:100%; line-height:35px; color:#fff;}
.process06 li:hover p{ background:#df5f07;}

.process07 li{ float:left; width:433px; margin:0 0 10px 10px; position:relative; height:354px; overflow:hidden;}
.process07 li:nth-child(1),.process07 li:nth-child(4),.process07 li:nth-child(7){ margin-left:0;}
.process07 li p{ background:rgba(0,0,0,0.7);display:inline-block; position:absolute; top:0; width:85px;text-align:center; padding:15px 0; font-size:18px;}
.process07 li p span{font-family:"avantgarde"; font-size:36px; color:#fff; display:block;}
.process07 li p{ color:#fff;}
.process07 li:hover p{ background:#df5f07;}
.process07 li img{display:block;}



.process08{ margin-top:80px; padding:60px 0;}
.process09{ text-align:center; font-size:36px; margin-bottom:40px; color:#fff;}
.process09 span{font-family:"avantgarde"; font-size:36px;color:#fff; padding-left:10px; opacity:0.4;}
.process10 li,.process12 li{ float:left;}
.process10_b,.process10_b span{ color:#fff;display: block;}
.process10_a{ color:#df5f07; background:#fff; width:48px; height:48px; line-height:48px; text-align:center; border-radius:100%;font-family:"avantgarde"; font-size:24px; margin:5px 10px 0 0;}

.process10_b span{ font-size:24px; font-weight:bold;}
.process10_c{ margin:15px 33px 0;}
.process11{ padding:30px 5px; position:relative;}
.process11_a{transform: rotate(-90deg); margin-left:15px;}
.process11_b{transform: rotate(90deg); margin-right:150px;}
.process12 li .process10_c{ margin:15px 45px 0;}


/* 产品列表 */

.none { display:none }
.fl { float:left}
.fr { float:right;}
.operate { width:1340px; margin:40px auto;}
.operate h3 { font-family: "Microsoft YaHei",微软雅黑; font-size:16px; background:#f7f7f7; height:43px; line-height:43px; padding-left:12px; }
.operate ul li { display:inline;   float:left; width:298px;  height:350px; position:relative;
    background: #fff;
    margin: 0 40px 40px 0;
    padding: 30px 0 30px 350px;
    border-radius: 25px;}
.operate ul li:nth-child(2n) { margin-right:0;}
.operate ul li .list_l { width:350px; height:350px; position:absolute; left:0; top:30px; border-radius:25px 0 0 0; overflow:hidden;}
.operate ul li .list_l img{ width:100%; transition:all 1s;}
.operate ul li:hover .list_l img{ transform:scale(1.05);}
.operate ul li .list_title{font-size: 21px;font-weight: bold; color:#000; padding-bottom:5px;}
.operate ul .selected .list_desc { display:none; transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;}
.operate ul li .list_desc 
{ line-height: 26px; font-size:14px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    padding-right: 35px;
    color: #8c8c8c;
transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;}
.operate ul li .list_title { width:263px; padding-right:35px;margin-bottom:10px; position:relative; min-height:58px; margin-top:20px;}
.operate ul li .list_title i{ content:""; display:block; width:0; height:2px ; background:#df5f07;position:absolute; margin-top:5px; left:0; transition:all 0.6s;}
.operate ul li:hover .list_title i{  content:"";width:263px;  transition:all 0.6s;}
.operate ul li .list_r { width:290px;  height: 410px; }



.operate ul li a { padding-left:30px; text-decoration:none; font-size:14px; color:#555; display:block;  height:43px;  line-height:43px; border-bottom:1px dotted #d2d2d2; }
.operate ul li a.noline { border-bottom:none; }
.operate ul li a:hover{ color:#8caf00; }
.operate ul li a.selected:hover { color:#fff; }
.operate ul li .selected {  }
.operate ul li {  display:inline-block; position: relative;  zoom:1 }
.operate ul li h4 { cursor:pointer; text-decoration:none; font-size:14px;  display:block;  font-weight:normal;
margin:20px 30px 10px 0;
    height: 45px;
    text-align: center;
    width: 125px;
    border-radius: 25px;
    line-height: 45px;
    background: #eee;
 }
.operate ul li.noline { border-bottom:none; }
.operate ul li h4:hover { color:#fff;  background:#df5f07;}
.operate ul li.selected h4 { background-position:200px -37px; border-bottom:1px dotted #d2d2d2; }
.operate ul li a { }
.operate ul li .on a { color:#8caf00; font-weight:bold; }
.operate ul li a:hover { color:#8caf00; text-decoration:underline; }
.bg-color { background-color:#8caf00; }
.operate li .list-item { padding:5px 0; position:absolute; right:0; top:175px; zoom:1; z-index:999;color: #333333; font-size:14px;
       line-height: 24px;
    background: #eee;
    border-radius: 25px;
    width: 250px;
    padding: 25px;
}
.operate li .list-item p { padding-left:8px; background:url(../images/ico_li.png) no-repeat 60px center; }
.operate li .list-item a { background:none;  border:none; color: #333333; display:block; height:32px; line-height: 32px; margin: 0 -1px 0 1px; padding-left: 60px;  position: relative; text-decoration: none; font-size:12px; }

.operate ul .selected h4{color:#fff; background:#df5f07;margin:0px 30px 10px 0;}

/*==============================================================================================*/

/*page-css

/*==============================================================================================*/

.page{ text-align:center; padding-top:20px; clear:both; min-height:30px;}
.page span{padding:5px 10px;}
.selected{ color:#fff; background:#df5f07;}
.page_list a{ padding:5px 10px;border:1px #f3f3f3 solid; margin:0 5px;}
.page_rows{border:1px #f3f3f3 solid;}
.page_list a .selected{background:#df5f07;}


.news .news01e{ margin-top:20px;border-top:1px #dedede solid; padding-top:50px;}
.news .news01e img{ display:block;margin:0 auto;}
.news01{ width:900px; background:#fff; padding:60px;border-radius:25px;}

.news01  img{ max-width:100%;}
.news01a{ font-size:20px; text-align:center; font-weight:bold;}
.news01b{ border-bottom:1px #dedede solid; text-align:center;padding:10px; margin-bottom:20px; color:#666;}
.next_map{ padding-top:30px; font-size:16px; border-top:1px dashed #ccc; margin-top:50px;}
.next_map div{ font-size:16px; color:#777; margin-bottom:10px;}
.next_map a{ font-size:16px;color:#777;}
.next_map a:hover{color:#df5f07;}
.news01c{ line-height:26px;}

.hononr_con{ text-align:center; margin-top:30px;}
.hononr_tt{ width:80px; height:2px;  background:#df5f07;}
.content01 .hononr_tt{ margin:20px auto 30px;}


/*产品放大*/

.w{width: 450px;height: 450px;}
.leftBox{width: 450px;height: 450px;float: left; overflow:hidden;}
.normalBox{overflow: hidden;position: relative;}
.normalBox .w{display: none;}
.bord{border-color: #e4393c !important;opacity: 1 !important;}
.moveBox{width: 200px;height: 200px;background: rgba(90,90,90,0.5);position: absolute;top: 0;left: 0;display: none;cursor: move;}
.magBox{width:430px;height:449px;border: 1px solid #f2f2f2;position:absolute;right:0;overflow: hidden;display: none;background:#fff;}
.magBox ul li{display: none;position: absolute;top: 0;left: 0;}
#n,.m{display: block !important;}
.box{width: 110px;margin: auto;}
.product_listimg{border: 1px solid #f2f2f2;}
.product_listimg img{ width:100%; display:block;}
.content_product01{ margin-bottom:50px;}



.pro_releat li{ margin-bottom:20px; width:280px; overflow:hidden;border-radius:25px;}
.pro_releat li img{ width:100%; transition:all 1s;}
.pro_releat li p{ font-size:16px; font-weight:bold; text-align:center; line-height:30px;}
.product_list{ margin-bottom:60px;}
.pro_releat li:hover img{ transform:scale(1.04)}
.pro_releat li:hover p{color:#df5f07;}

.product_list01 li{ width:310px; float:left; margin:10px 33px 20px 0;}
.product_list01 li img{ width:100%; transition:all 1s;border-radius:25px; display:block;}
.product_list01 li:nth-child(4n){ margin-right:0;}
.product_list01 li .pro_list02{ text-align:center; font-size:16px; line-height:24px; margin-top:10px;}

.product_list01 li .pro_list01{ width:310px; height:310px; overflow:hidden}
.product_list01 li:hover img{ transform:scale(1.2);}
.product_list01 li:hover .pro_list02{ color:#df5f07;}




.ner1_right .ner1_right_00{ font-size:24px; font-weight:bold; margin-top:50px; border-bottom:1px solid #c6c6c6; margin-bottom:20px; padding-bottom:20px; display:block;}
.ner1_right_01{ width:480px;}
.ner1_right_01 span{ color:#df5f07;}
.ner1_right_03{ width:380px;}
.neirwenzi_nr{ line-height:30px; font-size:16px;}



/* 企业文化 */
.qywh_01{ width:650px; height:299px; float:left; margin:0 40px 40px 0; position:relative; overflow:hidden; cursor:pointer;border-radius: 25px;}
.qywh_01_wenzi{ position:absolute; top:96px; left:72px;}
.qywh_01_wenzi01{ font-size:24px; color:#fff; margin:0 0 30px 0;}
.qywh_01_wenzi02{font-size:24px; color:#fff; font-weight:bold; }
.qywh_01_wenzi02:after{ content:""; display:block; width:100px; height:2px; background:#fffc00; margin:20px 0 0 0;}
.qywh_01 img{transition: transform 1s;}
.qywh_01 img:hover{transform: scale(1.2);}

.qywh_02{float:left;width:650px; height:299px;margin:0 0 40px 0;position:relative; overflow:hidden; cursor:pointer;border-radius: 25px;}
.qywh_02_wenzi{position:absolute; top:76px; left:72px;}
.qywh_01_wenzi03{font-size:24px; color:#fff; font-weight:bold;}
.qywh_02 img{transition: transform 1s;}
.qywh_02 img:hover{transform: scale(1.2);}

.qywh_03_wenzi{position:absolute; top:50px; left:175px;}
.qywh_01_wenzi04{font-size:14px; color:#fff; font-weight:bold; background:url(../images/xx.png) no-repeat left center; line-height:30px; padding-left:20px; height:30px;}

.qywh_04_wenzi{position:absolute; top:90px; left:60px;}
.qywh_05_wenzi{position:absolute; top:48px; left:45px;}
.qywh_06{float:left;width:650px; height:299px;position:relative; overflow:hidden; cursor:pointer;border-radius: 25px;overflow:hidden;}
.qywh_06 img{transition: transform 1s;}
.qywh_06 img:hover{transform: scale(1.2);}
 

.time-line{width:1340px;margin:20px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.time-line .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
.time-line .time-box{width:1280px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative; padding-left:120px;}
.time-line .time-box ul:after{ z-index:0;content: "";background: url(../images/bg_12.png) repeat-x left center;height:11px;width: 100%;position: absolute;left:0;top:50%; margin-top:-10px;}
.time-line .time-box li{ z-index:2; width:247px;float: left;padding-left: 10px;box-sizing: border-box;border-left:1px solid #b2b2b2;position: relative;margin-left:-100px;min-height: 150px;}
.time-line .time-box li:before{ content: "";width: 16px;height: 16px;box-sizing: border-box;border: 4px solid #c7e1f3;background: #2e87d6;border-radius: 50%;position: absolute;left: -8px;bottom: -8px;}
.time-line .time-box li:nth-child(2n){ margin-top:150px;}
.time-line .time-box li:after{content: "";width: 16px;height: 16px;box-sizing: border-box;border:4px solid #c7e1f3; background:#2e87d6;border-radius: 50%;position: absolute;left:-8px;top: -8px;}
.time-line .time-box li:nth-child(2n+1):after{ background:none; border:none;}
.time-line .time-box li:nth-child(2n):before{ background:none; border:none;}
.time-line .time-box li:hover:before{content: "";border:4px solid #f4c6a6; background:#df5f07;}
.time-line .time-box li:nth-child(2n):hover:before{ background:none; border:none;}
.time-line .time-box li:nth-child(2n):hover:after{content: "";border:4px solid #f4c6a6; background:#df5f07;}

.time-line .time-box li:hover{border-left: 1px solid #df5f07;}

.time-line .time-box li:nth-child(2n) h3{ margin-top:25px;}
.time-box ul{ width:1500px !important;}
.time-box h3{ font-size:24px; margin:15px 0 20px; height:40px;}
.time-line .time-box li:hover h3{ color:#df5f07; transition:0.3s; font-size:30px;}
.time-line .time-box li:hover p{ font-size:14px;}
.time-line .time-box li:hover{order-left: 1px solid #df5f07;}

#videoPlay1{  min-width:100%; max-width:100%; position:absolute; left:0; right:0; min-height:100%;object-fit: cover;
    max-height: 100%;}
.about_ner_right video{ width:100%;height:100%; background:#000;}
.video_wrap{ background:#fff; float: left;width:650px;height: 380px; margin:20px 0 30px 35px;}
.video_wrap p{line-height: 35px; text-align:center}
.product_sp .video_wrap:nth-child(2n+1){ margin-left:0;}
.product_sp .video_wrap:hover .video_wrap02{ color:#df5f07}
.video_wrap video{min-width: 100%;min-height:100%;max-width: 100%;max-height:100%;object-fit:fill; }
@media screen and (max-width:4804px) and (min-width:1920px) {
  .section1 .swiper-slide{ background-size:100% 100% !important;}
  
}

@media screen and (min-height:800px)and (max-height:900px){
	.about_ner03{ padding-top:125px;}
	.about_ner04{ position:relative; height:100%;}
	
}
@media screen and (min-height:900px) and (max-height:1050px){ 
	.about_ner_right{ height:600px;}
	.about_ner_left p,.about_ner_left p span,.about_ner_left p strong{ font-size:16px; line-height:30px;}
	.about_ner_left h2 strong{ padding-right:5px;}
	.about_ner_left .ann{ margin-top:60px;}
	.about_ner_left .ann a{ font-size:16px;}
	.about_nerleft a{ height:20vh}
	.hangye ul li{ height:38vh;}
	.hangye ul li .mask{ height:38vh;}
	.about_ner03{ padding-top:20vh}
	
}

@media screen and (min-height:1050px) and (max-height:1200px){ 
	.about_ner_right{ height:650px;}
	.about_ner_left p,.about_ner_left p span,.about_ner_left p strong{ font-size:16px; line-height:36px;}
	.about_ner_left h2 strong{ padding-right:5px;}
	.about_ner_left .ann{ margin-top:60px;}
	.about_ner_left .ann a{ font-size:16px;}
	.about_nerleft a{ height:20vh}
	.hangye ul li{ height:35vh;}
	.hangye ul li .mask{ height:35vh;}
	.about_ner03{ padding-top:20vh}
}

@media screen and (min-height:1200px){
	.about_ner_right{ height:650px;}
	.about_ner_left p,.about_ner_left p span,.about_ner_left p strong{ font-size:16px; line-height:36px;}
	.about_ner_left h2 strong{ padding-right:5px;}
	.about_ner_left .ann{ margin-top:60px;}
	.about_ner_left .ann a{ font-size:16px;}
	.about_ner_right{ height:60vh;}
	.about_nerleft a{ height:20vh}
	.hangye ul li{ height:28vh;}
	.hangye ul li .mask{ height:28vh;}
	.about_ner03{ padding-top:8%;}
	.hangye02 .hytitle{ margin:10% auto 5%;}
	}



.pageup_01{ resize:both; height:auto;}

@media screen and (min-height:900px){
	.news_ner_left{ margin-bottom:6vh;}	
	.text_ner2{ margin:0 0 0 80px; overflow:hidden;width:652px;}
	.text_ner{ display:block; position:relative; width:608px; height:380px; border-radius:30px; overflow:hidden;}
	.text_ner .sy_newscon{ background:rgba(0,0,0,0.6); bottom:0; position:absolute; display:block; padding:20px;width:588px;}
}


#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}