@charset "utf-8";
/* CSS Document */
.sider-nav{ position: absolute; left: 0; top: 0%; right: 0; margin: auto; width: 100%;}
.sider-nav a{ padding-bottom:15px; margin-left:20px; text-transform:capitalize;}
.sider-nav a.active {color:#e4c997; border-bottom:#e4c997 2px solid;}
.pagebranner { position:relative;}
.pagepath { position:absolute; width:100%; padding:15px 0; height:20px; top:0; left:0; z-index:4;}
.pagepath ul{}
.pagepath ul li{ width:50%; font-size:14px; color:#bebebe;display:none;}
.pagepath ul li a { color:#bebebe; display:inline-block;text-transform:capitalize;}
.pagepath ul li a:hover {color:#fff; }
.pagepath ul li.fl{float:left;}
.pagepath ul li.fr{float:right; text-align:right;}
.pagepath ul li.fr a{ padding-bottom:15px; margin-left:40px; text-transform:capitalize;}
.pagepath ul li.fr a.cur {color:#e4c997; border-bottom:#e4c997 2px solid;}

.new-tab-list.show{ display: block;}
.new-tab-list li{ display: block; line-height: 40px; height: 40px; overflow: hidden;border-bottom: 1px solid #f1f1f1;}
.new-tab-list .r{ margin-left: 5px; font-family: "DINCond"; color: #999999; font-size: 16px;}

.r { float: right; display: inline-block; }
.dtitle { text-align:center;position:relative;overflow:hidden; }
.dtitle span {  padding:0 50px;position:absolute; left:50%;width:300px;height:50px;margin-left:-200px; top:50%; margin-top:-18px; z-index:9; display:block;overflow:hidden; }
.dtitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.dtitle span i{ position: relative; width:50px; height:1px; background:#000; overflow:hidden;}
.dtitle span h3{padding:0 10px; font-size:24px;color:#000;font-weight: 500;}
.dtitle span h4{padding:0 10px; font-size:24px;color:#000;text-transform:uppercase;}
.dtitle h1{ color:#eeeeee;font-size:60px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: 'DINCond';}
.dtitle h2{ color:#eeeeee;font-size:60px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: 'DINCond';}
.dtitle h6{ padding-top:10px;color:#666;font-size:14px;display:block; margin:auto; width:100%; line-height:24px; }


.pageturn { text-align:center; vertical-align:middle; clear:both;}
.pageturn * { display:inline-block;overflow:hidden; vertical-align: middle; }
.pageturn a{ background:#e5e5e5;color:#333;font-size:12px; line-height:20px;padding:4px 15px; margin:0 1px;font-family:Arial; }
.pageturn a:hover,.pageturn a.cur{ background:#21212d; color:#fff ;}
.page_info span { display:inline-block;overflow:hidden; vertical-align: middle;}




.cmjz_detail { overflow:hidden; padding:0px 0 30px 0; min-height:300px;}
.cmjz_l { float:left;width:60%;}
.cmjz_r { float:right;width:40%;}
.cmjz_ltitle { text-align:left;}
.cmjz_ltitle * { display:block;overflow:hidden;}
.cmjz_ltitle h1{font-size:32px; width:80%;}
.cmjz_ltitle h2{font-size:30px; color:#000000; text-transform:uppercase;}
.cmjz_ltitle i{ border-bottom:#ccc 2px solid; width:30px; margin:15px auto; height:3px; float:left ;}
.title1 { font-size:20px; color:#000; padding-bottom:10px; font-weight:bold;text-transform:uppercase;}
.title1m {color:#666; overflow:hidden;font-size:16px;line-height:30px;word-wrap:break-word;}
.title1m li{ font-size:14px; width:50%; float:left; line-height:30px; padding-bottom:5px;font-family: DINCond}
.title1m li strong{ color:#000;}
.title1m img{max-width: 100%}
.linkmap { text-decoration:underline; background:url(../images/linkmap.png) right center no-repeat; padding-right:20px;}
.linkmap:hover  {color:#000;}
.return {overflow:hidden;border-top:#ccc 1px solid; padding-top:10px; margin-top:30px;}
.return a { border:#CCC 1px solid; padding:7px 20px; overflow:hidden; float:left; width:60px; text-align:center;}
.return a:hover  {color:#fff; background:#21212d;}


.slick5 {width:70%; margin:50px auto auto auto; position:relative; float:left; clear:both;}
.slick5 div { }
.slick5 div a{ display:block; position:relative;}
.slick5 div a h3{ display:block; position: relative; background: url(../images/f2w.jpg); color:#FFF; padding:10px 0; width:100%; height:20px; z-index:1; text-align:center; font-size:14px;}
.slick5 img {width:100%; height:auto;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: none;}



.bannertitle { position:absolute; left:0; top:100px; z-index:3; width:500px; height:100px;color:#FFF;}
.bannertitle h3 { font-size:30px;color:#FFF; text-transform:uppercase;font-family: 'DINCond';}
.bannertitle h4 { font-size:24px;color:#FFF;background:url(../images/line.png) right center no-repeat; padding-right:80px; float:left; clear:both;text-transform:uppercase;font-family: 'Conv_HelveticaNeueLTStd-BlkCn',"微軟正黑體","微软雅黒";}


.aboutitle { text-align:left;position:relative;overflow:hidden;float:left; }
.aboutitle span {  padding:0;position:absolute; left:0;width:300px;height:50px; top:50%; margin-top:-8px; z-index:9; display:block;}
.aboutitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.aboutitle span i{ position: relative; width:50px; height:1px; background:#000; overflow:hidden;}
.aboutitle span h3{padding:0 10px 0 0px; font-size:24px;}
.aboutitle span h4{padding:0 10px 0 0px; font-size:24px;text-transform:uppercase;}
.aboutitle h1{ color:#eeeeee;font-size:80px;height:80px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: DINCond}
.aboutitle h2{ color:#eeeeee;font-size:80px;height:80px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: DINCond}

.llineb { background:url(../images/liney.jpg) left  30px no-repeat;}
.lrlineb { border-left:#CCC 1px solid;}
.lrline {border-right:#CCC 1px solid;}
.pnews { /*background:#FFF url("../images/bgx.jpg") */ left bottom no-repeat; overflow:hidden; position:relative; padding:30px 30px;}
.pnewslist { float:left; width:740px; min-height:450px;}
.pnewslist ul * { display:block;}
.pnewslist ul { text-align:left;}
.pnewslist ul a{ position:relative;}
.pnewslist ul a * {overflow:hidden;}
/*
.pnewslist ul a .ahover { display: block;position: relative; width:100%;overflow:hidden; z-index:6;}
.pnewslist ul a .ahover img{ display:none;}
.pnewslist ul a .ahover span *{-webkit-transition: none;-moz-transition: none;transition: none;}
.pnewslist ul a .ahover span {padding:20px 0px; line-height:24px; border-bottom:#d9d9d9 1px solid;}
.pnewslist ul a .ahover span h6{float:left;font-size:14px; color:#999;}
.pnewslist ul a .ahover span h1{float:left;font-size:16px; padding-left:50px;color:#666;}
.pnewslist ul a .ahover span h2{float:left;font-size:16px; padding-left:50px;color:#666;}
.pnewslist ul a .ahover span h5{display:none;}*/

.pnewslist ul a .ahover { display: block;position: relative; width:100%;overflow:hidden; z-index:6;}
.pnewslist ul a .ahover img{ display:none;}
.pnewslist ul a .ahover span *{-webkit-transition: none;-moz-transition: none;transition: none;}
.pnewslist ul a .ahover span {padding:20px 0px; line-height:24px; border-bottom:#d9d9d9 1px solid;}
.pnewslist ul a .ahover span h6{float:right; font-size:14px; color:#999;}
.pnewslist ul a .ahover span h1{float:left;font-size:16px; padding-left:50px;color:#666;}
.pnewslist ul a .ahover span h2{float:left; font-size:16px;color:#666;font-weight:bold;}
.pnewslist ul a .ahover span h5{display:none;}
.pnewslist ul a .ahover span p{float:left; font-size:14px;color:#999;margin:14px 0;}
/*.pnewslist ul a:hover .ahover  { display:block;height:100px; background:url(../images/f2w.jpg); }
.pnewslist ul a:hover * {display:block;}
.pnewslist ul a:hover .ahover img{ float:left; width:107px; padding:8px;height:80px;display: block;}
.pnewslist ul a:hover .ahover span {float:left; padding:10px 25px;width:500px;border-bottom: none;line-height:20px;}
.pnewslist ul a:hover .ahover span h6{ font-size:14px;border-bottom:#4e4e58 1px solid;color:#999;padding-bottom:5px; float:none}
.pnewslist ul a:hover .ahover span h1{color:#fff;font-size:16px; padding:10px 0;float:none}
.pnewslist ul a:hover .ahover span h2{color:#fff;font-size:16px; padding:10px 0;float:none}
.pnewslist ul a:hover .ahover span h5{display: block;color:#999;font-size:14px; float:none;}*/

.pnews_detail {background:#FFF;overflow:hidden; position:relative; padding:50px 0px;}
.pnewstitle { text-align:center;border-bottom:#f1f1f1 1px solid;padding-bottom:20px; display:block}
.pnewstitle h1{padding-bottom:20px; display:block}
.pnewstitle span{color:#999;font-size:14px; }
.pnewstitle span h3{font-size:14px;display:inline-block;padding:0 10px;background:url(../images/eye.jpg) left center no-repeat; padding-left:30px;margin:0 20px;font-family: DINCond}
.pnewstitle span h4{font-size:14px;display:inline-block;padding:0 10px;background:url(../images/time.jpg) left center no-repeat; padding-left:30px;margin:0 20px;font-family: DINCond}
.pnewsdetail { font-size:16px; line-height:30px; color:#666; overflow:hidden; padding:30px 50px;}
.pnewsdetail img { max-width:100%; height:auto;}

.pagefaye {border-top:#f1f1f1 1px solid;padding:30px 50px 0px 50px; position:relative;}
.pagefaye .a { display:block; color:#666; font-size:14px; line-height:24px; padding:5px 0; float:left; clear: both;}
.pagefaye a:hover {color:#000; text-decoration:underline;}
.fanhui { position:absolute; border:#CCC 1px solid; padding:10px 20px !important; right:100px; top:40px; width:50px; text-align:center}
.fanhui:hover {color:#fff !important; background:#21212d;}
.pjoin { padding:50px 0; overflow:hidden;}
.pjoin li { float:left; margin-right:10px;margin-bottom:10px; width:calc(33% - 5px);width:-webkit-calc(33% - 5px);}
.pjoin li h1{ text-align:center; background:url(../images/f2w.jpg); padding:20px 0; color:#FFF; font-size:16px;}
.pjoin li h2{ text-align:center; background:url(../images/f2w.jpg); padding:20px 0; color:#FFF; font-size:16px;}
.pjoin li img{ display:block; width:100%; height:260px;}
.textdetail { font-size:14px; line-height:24px; color:#666;}
.menu_list{ padding:10px 0;width:49%; overflow:hidden; position:relative;}
.menu_list * {-webkit-transition: none;-moz-transition:none;transition:none;}
.menu_head i {  float:right; padding-right:20px; font-style:normal;}
.menu_head {padding:20px 0px 20px 50px; margin-top:5px;font-size: 16px;color: #fff;cursor: pointer;position: relative;/*background: #21212d url(../images/pro_left.png) 20px center no-repeat;*/}
.menu_list .current{background:#21212d /*url(../images/pro_down.png)*/ 20px center no-repeat;color: #fff;}
.menu_body{line-height: 22px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:20px 15px;  font-size:14px; overflow:hidden;height: 205px;overflow: hidden}
.menu_body strong{display:block; padding-bottom:10px; color:#926f4b;font-weight: normal; font-size:16px;}

.pcontact { height:690px; position:relative; overflow:hidden; background-position:center center; background-repeat:no-repeat}
.pcontactl{ background:url(../images/fbw.jpg);position:absolute; left:0; top:100px; width:340px; height:380px; padding:40px 70px;z-index:2; color:#CCC; font-size:14px;}
.contactitle { text-transform:uppercase; border-bottom:#454751 1px solid; padding-bottom:10px; margin-bottom:20px; font-size:14px; }
.contactitle h1{ font-size:20px;color:#FFF; padding-bottom:5px;}
.contacicon1 { background:url(../upload/c1_05.png) left center no-repeat; padding-left:50px;}
.contacicon2 { background:url(../upload/c1_08.png) left center no-repeat; padding-left:50px;}
.contacicon3 { background:url(../images/swhz02.png) left center no-repeat; padding-left:50px;}
.contacicon4 { background:url(../upload/c1_12.png) left center no-repeat; padding-left:50px;}
.linex1 {border-bottom:#454751 1px solid; padding-bottom:10px; margin-bottom:20px; }
.maplink { background:#e4c997; color:#000; padding:10px 30px; float:left; text-align:center;}
.maplink:hover {background:#fff; color:#000;}
.inline { background:#fff; padding:50px; overflow:hidden; display:none;}


.mpic {display: none!important;}
.ygpics { display: block !important;}
.ygimgs {display: none !important;}
.mreturn { display:none;}
.categoryList li { height:40px;line-height:40px;}

@media screen and (max-width: 1440px) {
	.slick3 {height:auto;}
		
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 860px) {
.sider-nav-box{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; } 
	.sider-nav-box>ul{ display: inline-flex; display:-webkit-inline-flex;}
	.sider-nav-box li{ float: left; display: block; margin: 0;}
.ticon1.lrlineb {border:none;}
.ticon2.lrlineb {border:none;background:url(../images/liney.jpg) left  55% no-repeat;}
.ticon3.lrlineb {border:none;background:url(../images/liney.jpg) left  55% no-repeat;}
.lrline {border-right:none;}
.productype {  padding:10px 0;}
.productype a { width:160px; height:180px;margin:20px -25px; position:relative;transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-moz-transform:scale(0.7); vertical-align:middle;}
.productype a h5{padding-top:100px;}

.pagepath { background:rgba(0,0,0,0.7) /*url(../images/bw2.png)*/; position:relative;width:100%;padding:15px 0 0px 0; height: auto; top: auto; left: auto; }
.pagepath ul li{ width:100%!important; font-size:14px; }
.pagepath ul li a { }
.pagepath ul li.fl{float: none; display:none;}
.pagepath ul li.fr{float: none; text-align: center;}
.pagepath ul li.fr a{ padding-bottom:15px; margin:0 10px;}
.slick3 { height: auto;}
.slick3 .slick-dots{ display:none !important;}
.imain_content.pt70 { padding-top:50px;}
.ptypenav { width:96%; margin:auto; text-align:center;}
.ptypenav a{font-size:14px;width:calc(30% - 2px);width:-webkit-calc(30% - 2px);padding:13px 0%; margin:1%; height: auto; float:none; display:inline-block;}
.ptypenav a.ml1 {margin:1%;}
.dtitle h1{ font-size:30px;font-family: DINCond}
.porudctlist {width:98%; margin:auto;}
.porudctlist a{float: none;width:94%; margin:0px auto 20px auto !important;}
.porudctlist a span{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1; display:none;}
.porudctlist a img {width:100%; height: auto; display:block;}
.cmjz_l { float: none;width:90%; margin:auto;}
.cmjz_r { float:none;width:90%; clear:both; padding:50px 0; margin:auto;}
.slick5 {width:100%; float: none; clear:both;}

.bannertitle { left:4%;width:90%;}
.bannertitle h3 { font-size:36px; width:100%; line-height:32px;}
.teamtitle {width:100%; height: auto; float: none;}
.teamtitle span {left:0;width:300px;height:50px; top:50%; margin-top:-15px;}
.teamtitle h1{ height:140px; line-height:140px;}
.paboutl {width:100%; float: none;}
.paboutr {width:100%; float:none;}
.pteam li {width:50%; height: auto; float:left;}
.pteam li a{ position:relative; padding:2px;}
.pteam li a img{width:100%; height: auto;}
.pnews { background:#FFF  ; }
.pnewslist { float: none; width:100%; clear:both;}
.pnewslist ul a .ahover span{padding-bottom:0;}
.pnewslist ul a .ahover span h6{float: none;font-size:14px;margin:14px 0; }
.pnewslist ul a .ahover span h1{float:none;font-size:18px; padding-left:0px;}
.pnewslist ul a .ahover span h2{float:none;font-size:18px; padding-left:0px;}
.pnewslist ul a .ahover span p{display:none;}
.topnews div { height: auto; }
.topnews div img{ float: none; width:100%; height: auto; display:block}
.topnews div span {float:none; padding:5% 5%;width:90%;}

.pnewstitle {padding:20px; }
.pnewsdetail { font-size:16px; line-height:30px;padding:30px 30px;}
.pagefaye {padding:30px 30px 0px 10px; }
.fanhui { position: relative; right: auto; top: auto; width:100px; text-align:center;float:left;}

.control {width:100%;height:270px;position: relative;top: auto;left:auto;}
.change {width:100% !important;}
.change li{width:100% !important;}
.change li .imgWrap{display: block;width:100%;height: auto;}
.change li img{max-width:100%;max-height: none;width:100%;height: auto;}
.thumbWrap{width:90%;height:755px;padding:40px 5%;position: relative;right: auto;top: auto;}
.piclist { display:none !important;}
.mpic {display: block!important;width:98%; margin:auto auto 20px auto;}
.mreturn { display:block; padding:10px 0; width:100px; border:#CCC 1px solid; text-align:center; font-size:14px; margin:auto auto 40px auto;}

.menu_list{ padding:10px 0;width:100%; overflow:hidden; position:relative;}
.pculture div{width:100%; margin-bottom:19px;}
.pculture div img{float: none;width:100%; height:auto;}
.pculture div li{float: none;width:90%; padding:5%;}
.endculture {width:100%!important; position: relative; right: auto; top: auto; }
.endculture li { position:absolute;left:0; top:0px; width:100%; color:#FFF;}
.pjoin li { float: none; margin-right:0px;margin-bottom:20px; width:calc(100% - 0px);width:-webkit-calc(100% - 0px); overflow:hidden;}
.pjoin li img{ display:block; width:100%; height: auto !important;}
.w33b { width:100% !important; float: none;margin-bottom:20px;}
.ptalent div span{ position: relative; left: auto; top: auto; z-index:3; width:90%; height: auto; padding:5%; background:#f1f1f1;}
.ptalent div span h3{  font-size:22px; color:#000; padding:0px 0px 10px 0px; }
.ptalent div span h6{ color:#333;width:100%;}

.ygpics { display:none !important;}
.ygimgs {display: block !important;}
.pstaff iframe {float: none;}
.pstaff li.pr { width:80%;padding:50px 10% 50px 10%; position: relative; left: auto; top:auto; z-index:4;}
.pstaff li.pl { width:80%;padding:50px 10% 50px 10%; position: relative; right:auto; top:auto; z-index:4;}


.pannual { padding:20px 40px;}
.pannualtop span{float: none; width:100%; padding:20px 0 50px 0;}
.pannuallist ul { float:left; margin-right:5px;}
.pannuallist ul li{width:155px; height:250px;float:left;}
.pannuallist ul li img{width:135px; height:195px;padding:20px 30px 0px 0px;}
.pannuallist ul a{margin-left:0px ;width:130px;}



.pagebranner { margin-top:100px;}
.slick4 {width:100%;margin-top:40px;transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.slick4 div a{ display:block;}
.slick4 img {width:100%; height:auto; display:block;}

.title1m li{width:100%; float: none;}
.ptypenav a.return { display:none;}

.cmjztxt2 { padding:0px 0 30px 0px; width:100%; float: none;}
.caselist li { width:100%; height: auto;float: none; }
.caselist li span{ position:absolute; left:10%; top:10%; width:70%; z-index:3;}

.imgnav{display: none !important;}
.mvideo {display: block!important;}

.pagepath { background:rgba(0,0,0,0.7) /*url(../images/bw2.png)*/; position: relative; width:100%; padding:15px 0; height:20px; top: auto; left:auto; z-index:4;}
.pagepath ul li{ width:50%; font-size:14px; color:#bebebe;display:block;}
.imain {margin-top:50px;}
 .pnav{display: none}
}