@charset "utf-8";



.ctitle { text-align:center;position:relative;overflow:hidden;}
.ctitle h1{ color:#22222e;font-size:46px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: 'Conv_HelveticaNeueLTStd-BlkCn';}
.ctitle span {  padding:0 50px;display:block;}
.ctitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.ctitle span i{ position: relative; width:50px; height:1px; background:#000; overflow:hidden;}
.ctitle span h3{padding:0 10px; font-size:24px;}
.ctitle h6{ padding-top:30px;color:#666;font-size:14px;display:block; margin:auto; width:100%; line-height:24px; }

 
.productype { overflow:hidden; padding:30px 0;text-align:center;}
.productype a {  width:240px; height:240px;display:inline-block;background:url(../images/bw1.png); margin:0 1px; position:relative;}
.productype a * { display:block;overflow:hidden;}
.productype a h4{color:#FFF; font-size:20px;padding-top:140px;text-transform:uppercase;}
.productype a h5{color:#FFF; font-size:20px;padding-top:130px;}
.productype a h6{color:#ccc; font-size:14px; text-transform:uppercase;}
.productype a:hover {background:url(../images/bw1.png) #666; }









.pagebranner { position:relative;}
.pagepath { /*background:rgba(0,0,0,0.7) url(../images/bw2.png);*/ 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;}




/*广告图*/
.slick3 {width:100%; margin:auto; position:relative; clear:both; height:600px;}
.slick3 div { }
.slick3 div a{ display:block;}
.slick3 img {width:100%; height:auto;}
.slick3 .slick-dots {position: absolute; top:500px; left:50%;display: block;padding: 0px; width:100px; margin-left:-50px; text-align:center; z-index:9; }
.slick3 .slick-dots li { position: relative; height: 20px; width: 20px; cursor: pointer;background: url(../images/bannernav2.png) left bottom no-repeat; opacity:0.5; display:inline-block;vertical-align:bottom;}
.slick3 .slick-dots li button { background:none;display:none;  padding: 0px;cursor: pointer; color:#fff;z-index:4; outline: none; font-family:Arial;}
.slick3 .slick-dots li.slick-active button { display: block; margin-top:-10px;}
.slick3 .slick-dots li.slick-active  {height: 60px;opacity:1.0;}
.slick3 .slick-dots li:hover  { opacity:1.0;}


.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;}
.dtitle span h4{padding:0 10px; font-size:24px;color:#000;text-transform:uppercase;}
.dtitle h1{ color:#eeeeee;font-size:80px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: 'Conv_HelveticaNeueLTStd-BlkCn';}
.dtitle h6{ padding-top:10px;color:#666;font-size:14px;display:block; margin:auto; width:100%; line-height:24px; }


.ptypenav { text-align:center; overflow:hidden; padding:30px 0; position:relative;}
.ptypenav a{ background:#fff; color:#000; font-size:14px; border:#CCC 1px solid;display:block; float:left; padding:13px 0;}
.w5g{width:calc(16.7% - 2px);width:-webkit-calc(16.7% - 2px);}
.w4g{width:calc(20% - 2px);width:-webkit-calc(20% - 2px);}
.ptypenav a.cur{ background:#21212d; color:#FFF;}
.ptypenav a.ml1 { margin-left:-1px;}
.ptypenav a:hover { background:#f1f1f1; color:#000;}
.ptypenav a.cur:hover { background:#21212d; color:#FFF;}
.ptypenav a.return { position:absolute; right:0; top:0px;width:calc(10% - 2px);}


.cmjztxt { text-align:center; font-size:14px; line-height:24px; padding:20px 0px 30px 0px;}
.caselist { padding:40px 0; overflow:hidden;clear:both;}
.cmjztxt2 { text-align:left; font-size:14px; line-height:26px; padding:0px 10% 30px 0px; display:block; width:65%; float:left;}
.caselist li { width:25%; height:240px;float:left; background:#000; position: relative;}
.caselist li span{ position:absolute; left:10%; top:10%; width:70%; z-index:3;}
.caselist li span h1{font-size:20px;color:#FFF;font-family: 'Conv_HelveticaNeueLTStd-BlkCn'; font-weight:normal; text-transform:uppercase;}
.caselist li span h2{font-size:16px;color:#FFF; padding-top:10px;}
.caselist li img { display:block;width:100%; height:auto;} 


.porudctlist { overflow:hidden; min-height:300px;}
.porudctlist * { display:block;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.porudctlist a{ position:relative; float:left;width:395px; margin-right:6px; margin-bottom:6px;}
.porudctlist a img{ width:395px; height:240px; }
.porudctlist a span{ position:absolute;  background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; z-index:4; text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.porudctlist a span h1{font-size:18px;padding-top:90px;color:#FFF; }
.porudctlist a span h2{font-size:14px;color:#ccc; text-transform:uppercase;padding-top:90px;}
.porudctlist a span i{ border-bottom:#ccc 1px solid; width:20px; margin:10px auto; height:1px;}
.porudctlist a:hover span{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;}
.porudctlist a h3{ border:#CCC 1px solid; text-align:center; color:#000; padding:15px 0; display:block; font-size:16px;}
	

.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;}
.fontst {font-family: "宋体"!important; }



.slick4 {width:100%; margin:auto; position:relative; clear:both;}
.slick4 div { }
.slick4 div a{ display:block;}
.slick4 img {width:100%; height:auto;}
.slick4 .slick-dots {position: absolute; top:730px; left:50%;display: block;padding: 0px; width:100px; margin-left:-50px; text-align:center; z-index:9; }
.slick4 .slick-dots li { position: relative; height: 20px; width: 20px; cursor: pointer;background: url(../images/bannernav2.png) left bottom no-repeat; opacity:0.5; display:inline-block;vertical-align:bottom;}
.slick4 .slick-dots li button { background:none;display:none;  padding: 0px;cursor: pointer; color:#fff;z-index:4; outline: none; font-family:Arial;}
.slick4 .slick-dots li.slick-active button { display: block; margin-top:-10px;}
.slick4 .slick-dots li.slick-active  {height: 60px;opacity:1.0;}
.slick4 .slick-dots li:hover  { opacity:1.0;}
.ppicimg { height:830px; line-height:830px; text-align:center; background:#666; color:#CCC; font-size:18px;}



.cmjz_detail { overflow:hidden; padding:30px 0 80px 0; min-height:300px;}
.cmjz_l { float:left;width:40%;}
.cmjz_r { float:right;width:60%;}
.cmjz_ltitle { text-align:left;}
.cmjz_ltitle * { display:block;overflow:hidden;}
.cmjz_ltitle h1{font-size:32px; width:80%;}
.cmjz_ltitle h2{font-size:20px; color:#999; text-transform:uppercase;}
.cmjz_ltitle i{ border-bottom:#ccc 2px solid; width:30px; margin:15px auto; height:3px; float:left ;}
.title1 { font-size:18px; color:#000; padding-bottom:10px; font-weight:bold;text-transform:uppercase;}
.title1m {color:#666; overflow:hidden;font-size:14px;line-height:22px;word-wrap:break-word;}
.title1m li{ font-size:14px; width:50%; float:left; line-height:22px; padding-bottom:5px;}
.title1m li strong{ color:#000;}
.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/fbw.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: gray;}
.slick5 a:hover img {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;}

.piclist { overflow:hidden; margin-bottom:50px; clear:both;}
.mod18{ width: 1200px; position: relative;float:left;background:#999999; padding-bottom:10px;}
.mod18 .btn{position:absolute;width:50px;height:80px;bottom:20px;cursor:pointer;z-index:99; }
.mod18 .prev{left:10px;background:url(../images/prevBtn.png)  center no-repeat ;opacity:0.5;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) center no-repeat ;opacity:0.5;}
.mod18 .picBox{height:600px;position:relative;overflow:hidden;}
.mod18 .picBox ul{position:absolute;}
.mod18 .picBox li{ float:left;position:relative;}
.mod18 .listBox{ width: 1040px; height:90px; margin: 20px auto auto auto; position: relative;  overflow: hidden; }
.mod18 .listBox ul{height:80px;position:absolute;}
.mod18 .listBox li{width:175px;cursor:pointer;position:relative;float:left;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;}
.mod18 .listBox li img{width:150px;height: auto;border:3px solid #e5e5e5;}
.mod18 .listBox .on img{border:3px solid #e4c997;}
.mod18 .listBox .on i{display:block;}
.mod18 #prevTop,.mod18 #nextTop{top:140px;width:50px;height:80px; display:none}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat ;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat ;}


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


.pabout {}
.paboutl {width:55%; float:left;}
.paboutr {width:43%; float:right;}
.paboutr img{width:100%; height:auto; display:block;float:right; padding-top:10px;}
.paboutl_mian {font-size:14px; color:#737373; line-height:26px; padding:40px 0; overflow:hidden; clear:both;} 
.paboutl_mian strong { color:#000;}


.aboutitle { text-align:left;position:relative;overflow:hidden;height:80px; 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;}

.llineb { background:url(../images/liney.jpg) left  30px no-repeat;}
.lrlineb { border-left:#CCC 1px solid;}
.lrline {border-right:#CCC 1px solid;}

.teamtitle {width:240px; height:240px;text-align:left;position:relative;overflow:hidden; float:left;}
.teamtitle span {  padding:0;position:absolute; left:0;width:300px;height:50px; top:50%; margin-top:-15px; z-index:9; display:block;}
.teamtitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.teamtitle span i{ position: relative; width:50px; height:1px; background:#000; overflow:hidden;}
.teamtitle span h3{padding:0 10px 0 0px; font-size:24px;text-transform:uppercase;}
.teamtitle h1{ color:#cbcbcb;font-size:80px;height:240px; line-height:240px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: 'Conv_HelveticaNeueLTStd-BlkCn';}

.pteam {}
.pteam * { display:block;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.pteam li {width:240px; height:240px;text-align: center;position:relative;overflow:hidden; float:left;}
.pteam li a{ position:relative;}
.pteam li a img{width:240px; height:240px;}
.pteam li a span{position:absolute;  background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; z-index:4; text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.pteam li a span h1{font-size:18px;padding-top:90px;color:#FFF; }
.pteam li a span h2{font-size:14px;color:#ccc; text-transform:uppercase;}
.pteam li a span i{ border-bottom:#ccc 1px solid; width:20px; margin:10px auto; height:1px;}
.pteam li a:hover span{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;}
.imghover img{width:240px; height:240px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.imghover:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;}


.topnews  { display:block; position:relative}
.topnews * { display:block;overflow:hidden;/*-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;*/}
.topnews div { position: relative;width:100%; height:130px; background:url(../images/fbw.jpg);overflow:hidden;}
.topnews div img{ float:left; width:190px; height:130px;}
.topnews div span {float:left; padding:10px 25px;width:500px;}
.topnews div span h6{ font-size:14px;border-bottom:#4e4e58 1px solid;color:#999;}
.topnews div span h1{color:#fff;font-size:16px; padding:10px 0;}
.topnews div span h5{color:#999;font-size:14px;}
.ccad {background: none!important;height:auto!important;border-bottom:#d9d9d9 1px solid;border-top:#d9d9d9 1px solid; }
.ccad img{display:none!important;}
.ccad span{float:none!important;padding:20px 0px!important;width: auto !important; }
.ccad span h6{float:left!important;font-size:14px!important; border-bottom:none !important;padding-top:5px;}
.ccad span h1{float:left!important;font-size:18px!important;color:#666 !important;padding:0px 0 0px 50px!important;}
.ccad span h5{ display:none !important;}


.pnews { background:#FFF url(../upload/news1_05.jpg)  left bottom no-repeat; overflow:hidden; position:relative; padding:30px 30px;}
.pnewslist { float:right; 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 h5{display:none;}
.pnewslist ul a:hover .ahover  { display:block;height:130px; background:url(../images/fbw.jpg); }
.pnewslist ul a:hover * {display:block;}
.pnewslist ul a:hover .ahover img{ float:left; width:190px; height:130px;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 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:#ccc 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/see.jpg) left center no-repeat; padding-left:30px;margin:0 20px;}
.pnewstitle span h4{font-size:14px;display:inline-block;padding:0 10px;background:url(../images/tim.jpg) left center no-repeat; padding-left:30px;margin:0 20px;}
.pnewsdetail { font-size:14px; line-height:24px; color:#666; overflow:hidden; padding:30px 100px;}
.pnewsdetail img { max-width:100%; height:auto;}

.pagefaye {border-top:#ccc 1px solid;padding:30px 100px 0px 100px; 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;}




.imgnav{  position:relative;width:1200px; background:#999999; overflow:hidden;}
#img{ z-index:10; width:900px; position:relative; text-align:center;float:left}
#img li { height:640px; display:none; position:relative;}
#img li span{ display:block;position:absolute; left:0; top:0; height:70%;padding-top:30%; width:100%; text-align:center;color:#CCC; }
#img li span i{ display:block; width:63px; height:62px;background:url(../images/play.png) center  no-repeat; margin:auto;}
#img li span h6 { display:block; margin:auto; padding:20px 0;font-size:18px;}
#img li img{display: block;}
#img #front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images/ico/blank.gif); display:none; }
#img #front a{  position:absolute; left:20px; top:224px;display:block; background:url(../images/ico/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;}
#img #next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url(../images/ico/blank.gif);display:none;}
#img #next a{  position:absolute; right:20px; top:224px; display:block; background:url(../images/ico/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;}

#cbtn{position:relative; height:640px;width:300px;float:left}
#cbtn ul{position:relative; height:10000px;width:260px; padding:0 20px;}
#cbtn ul li{width:260px; height:175px; cursor:pointer; text-align:center; margin-bottom:10px; position:relative; background:#000;}
#cbtn ul li span { text-align:center; color:#CCC; font-size:14px;position:absolute; left:0; top:0; height:55%;padding-top:15%; width:100%;}
#cbtn ul li span i{ display:block; width:63px; height:62px;background:url(../images/play.png) center  no-repeat; background-size:60%;margin:auto;}
#cbtn ul li span h6 { display:block; margin:auto;}
#cbtn ul li img{ width:260px; height:175px; display:block;opacity:0.5;}
#cbtn li.hov img{ opacity:1.5;}
.ctrl div{ clear:both;}
#cSlideUl{width:300px; height:555px;overflow:hidden; position:relative;top:45px;margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute;top:0px; right:50%; z-index:9; width:100px; margin-right:-30px;opacity:0.5;}
.picSildeRight{cursor:pointer; position:absolute;bottom:0px; right:50%; z-index:9; width:100px;margin-right:-30px;opacity:0.5;}
.picSildeLeft:hover,.picSildeRight:hover {opacity:1.0;}


.mvideo {display: none;}
.pvideolist {text-align:center;overflow:hidden;}
.pvideolist a {background:#000; margin-bottom:20px; width:100%; margin:2% 0; position:relative;overflow:hidden;display:block;}
.pvideolist a span {position:absolute; left:0;top:0;z-index:9; width:100%; height:80%; padding-top:20%;display:block;}
.pvideolist a span i {width:63px;height:62px;background:url(../images/play.png) center top no-repeat;display:block; margin:auto}
.pvideolist a span h1 {font-size:18px;line-height:32px; width:100%; display:block; color:#FFF; padding:20px 0;}
.pvideolist a img{ width:100%; display:block; height:auto;}



.pculture { position:relative; overflow:hidden;}
.pculture div{background:#e6e6e6; overflow:hidden; width:790px; margin-bottom:19px;}
.pculture div * { display:block; overflow:hidden;}
.pculture div img{float:left;width:395px; height:auto;}
.pculture div li{float:left;width:335px;  padding:30px;}
.pculture div li h3{ font-size:22px; color:#000; padding:0px 0px 10px 0px; }
.pculture div li h3 i{ height:1px; background:#666; width:20px; margin-top:10px;}
.pculture div li span {font-size:14px;}
.pculture div li span h6{ font-size:14px; padding:10px 0; line-height:22px; color:#666;}
.pculture div li span h6 strong{font-size:16px;padding:10px 0;color:#000;}
.endculture {width:395px !important; position:absolute; right:0; top:0px; z-index:1;}
.endculture li { position:absolute;left:0; top:0px; width:100%; color:#FFF;}
.endculture li h3{ font-size:22px; color:#fff!important; padding:0px 0px 10px 0px; }
.endculture li h6{font-size:14px; padding:10px 0; line-height:22px; color:#fff;}

.jointitle { text-align:center;position:relative;overflow:hidden;}
.jointitle span {  margin:0; z-index:9; display:block;}
.jointitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.jointitle span i{ position: relative; width:50px; height:1px; background:#fff; overflow:hidden;}
.jointitle span h3{padding:0 10px; font-size:24px;color:#fff;}
.jointitle h1{ color:#fff;font-size:46px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: 'Conv_HelveticaNeueLTStd-BlkCn';}
.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/fbw.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:30px 0;width:100%; 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 50px;  font-size:14px; overflow:hidden;}
.menu_body strong{display:block; padding-bottom:10px; color:#926f4b;font-weight: normal; font-size:16px;}
.tdjl {border-top: 1px solid #ccc;padding-top:20px; margin-top:40px; clear:both}
.tdjl a{ background:#21212d; color:#fff; padding:10px 30px; float:left; text-align:center;}
.tdjl a:hover {background:#e4c997; color:#000;}



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




.pfeedback { font-size:14px;color:#999;}
.pfeedback li { text-align:center;}
.pfeedback li input{ border:#CCC 1px solid; display:inline-block; margin:0 10px; padding:15px 20px 15px 40px; width:200px; font-size:16px;}
.input1 {background:url(../upload/d1_05.png) 5px center no-repeat;}
.input2 {background:url(../upload/d1_07.png) 5px center no-repeat;}
.input3 {background:url(../upload/d1_09.png) 5px center no-repeat;}
.input4 {border:#CCC 1px solid;padding:15px 20px 15px 40px;width:770px;margin:10px 0; height:180px;font-size:16px;background:url(../upload/d1_14.png) 5px 10px no-repeat;}
.input5 {border:#CCC 1px solid;padding:15px 3% 15px 7%;width:90%;margin:10px 0;height:120px;font-size:16px;background:url(../upload/d1_14.png) 5px 10px no-repeat;}
.tjbtn {background:#21212d; color:#FFF; }
.czbtn {border:none; text-align:center}
.tjbtn,.czbtn {cursor:pointer;font-size:16px;cursor:pointer;border:none; text-align:center; padding:15px 20px !important;}
.tjbtn:hover,.czbtn:hover { background:#e4c997; color:#000; }
.inputs {border:#CCC 1px solid; display:inline-block; margin:10px 0px; padding:15px 5% 15px 5%; width:90%; font-size:16px;}
.filename { float:left;border:#CCC 1px solid; display:block;padding:15px 5% 15px 5%; width:60%; font-size:16px; }
.grayBtn {float:left;border:#CCC 1px solid; display:block;padding:14px 20px 15px 20px; font-size:16px;cursor:pointer;font-size:16px; margin-left:10px;}
.grayBtn:hover { background:#e4c997; color:#000; }



.black_overlay{display: none;position: fixed;top: 0%;left:0%;width:100%;height:100%;background-color: #000;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}  
.white_content {display: none;position: fixed; padding:50px;top: 50%;left: 50%;width:600px;height:200px;margin-left:-350px;margin-top:-150px;background-color: white;  z-index:1002;  overflow: hidden; }
.guanbi { position:absolute; right:20px; top:20px; color:#000; cursor:pointer; font-size:14px;} 
.guanbi:hover {color:#000; text-decoration:underline;}


.ptalent {overflow:hidden; padding:30px 0;}
.ptalent * { display:block; overflow:hidden;}
.ptalent div{ position:relative; }
.ptalent div img{ width:100%; height:auto; display:block;}
.ptalent div span{ position:absolute; left:0px; top:0px; z-index:3; width:90%; height:90%; padding:5%;}
.ptalent div span h3{  font-size:22px; color:#fff; padding:0px 0px 10px 0px; }
.ptalent div span h3 i{height:1px; background:#999; width:40px; margin-top:10px;}
.ptalent div span h6{font-size:14px; padding:10px 0; line-height:22px; color:#ccc;width:60%;}
.ptalent div li{ position:relative;}
.ptalent div li{ width:100%; padding-top:20px;padding-bottom:20px;}
.ptalent div li h3{  font-size:22px; color:#000;}
.ptalent div li h3 i{height:1px; background:#999; width:40px; margin-top:10px;}
.ptalent div li h3 em{ position:absolute; right:1px; top:0; z-index:3; width:80px; height:100%;border-left:#CCC 1px solid;border-right:#CCC 1px solid;}
.ptalent div li h3 em.rctb1{ background:url(../upload/rc_17.jpg) no-repeat;}
.ptalent div li h3 em.rctb2{ background:url(../upload/rc_19.jpg) no-repeat;}
.ptalent div li h3 em.rctb3{ background:url(../upload/rc_22.jpg) no-repeat;}
.ptalent div li h6{font-size:14px;line-height:22px; color:#666;}
.ptalent div li h6 strong {padding:10px 0;}
.w33b { width:32.699% !important; float:left;}
.borderlrb{ border-left:#CCC 1px solid;border-right:#CCC 1px solid; border-bottom:#CCC 1px solid;}
.borderlrb h6 { width:70%;}

.pstaff { background:#ebebeb; overflow:hidden; position:relative; margin-bottom:30px;}
.pstaff iframe {float:left;}
.pstaff li.pr { width:280px;padding:150px 50px 100px 50px; position:absolute; left:0; top:0px; z-index:4;}
.pstaff li.pl { width:280px;padding:150px 50px 100px 50px; position:absolute; right:0; top:0px; z-index:4;}
.pstaff li * { display:block; overflow:hidden;}
.pstaff li h3{font-size:22px; color:#000; padding-bottom:5px;font-family: 'Conv_HelveticaNeueLTStd-BlkCn',"微軟正黑體","微软雅黒";}
.pstaff li h4{font-size:12px; text-transform:uppercase;color:#666;}
.pstaff li h5{height:1px; background:#999; width:40px; margin-top:10px;}
.pstaff li h6{font-size:14px; padding:10px 0; line-height:22px; color:#666;}


.pannual { background:#FFF;overflow:hidden; position:relative; padding:60px 50px;}
.pannuallist *,.pannualtop *{ display:block; overflow:hidden;}
.pannualtop { margin-bottom:20px; padding:20px 0; border-bottom:#CCC 1px solid;display:block; overflow:hidden;}
.pannualtop li{width:270px; height:410px;float:left; background:url(../upload/nk_bg.jpg) no-repeat; background-size:100%;}
.pannualtop li img{width:237px; height:342px;padding:35px 30px 20px 0px;}
.pannualtop span{float:left; width:795px; padding:80px 5px 50px 25px;}
.pannualtop span h4 {font-size:22px; color:#000; padding-bottom:5px;}
.pannualtop span h5 {height:1px; background:#999; width:40px; margin-top:10px;}
.pannualtop span h6 {font-size:14px; padding:10px 0; line-height:22px; color:#666;}
.pannualtop span a { background:#373742; font-size:14px; padding:10px 20px; width:100px;text-align:center; color:#FFF; float:left; margin:10px auto;}
.pannualtop span a:hover { background:#e4c997; color:#000; }
.pannuallist { clear:both;display:block; overflow:hidden;}
.pannuallist ul { float:left; margin-right:15px;}
.pannuallist ul li{width:205px; height:300px;float:left; background-image:url(../upload/nk_bg.jpg);background-size:100%; background-repeat:no-repeat;}
.pannuallist ul li img{width:180px; height:260px;padding:26px 30px 0px 0px;}
.pannuallist ul a{font-size:14px; float:left; margin-left:15px ;padding:10px 0px;border:#CCC 1px solid; width:150px;text-align:center; color:#FFF;background:#fff;clear:both}
.pannuallist ul a h3{ font-size:14px; color:#000;}
.pannuallist ul a h4{ font-size:14px;display: none;color:#fff;}
.pannuallist ul a:hover { background:#373742; color:#fff;border:#373742 1px solid;}
.pannuallist ul a:hover h3{display: none;}
.pannuallist ul a:hover h4{display: block;}


.phonor {background:#FFF;overflow:hidden; position:relative; padding:60px 50px 0px 50px;}
.phonor ul {}
.phonor ul li { width:32.5%;margin-right:10px; margin-bottom:10px;float:left; border:1px solid #CCC; text-align:center;overflow:hidden; }
.phonor ul li img{ display:inline-block; width: auto; height:200px; padding:5%;}
.phonor ul li h1 { font-size:14px; padding:15px 0; background:url(../images/fbw.jpg); color:#FFF;}

.mpic {display: none!important;}
.ygpics { display: block !important;}
.ygimgs {display: none !important;}
.mreturn { display:none;}


@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) {

.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:50px;}
.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 h6{float: none;font-size:14px; }
.pnewslist ul a .ahover span h1{float:none;font-size:18px; padding-left:0px;}

.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:14px; line-height:24px;padding:30px 30px;}
.pagefaye {padding:30px 30px 0px 30px; }
.fanhui { position: relative; right: auto; top: auto; width:100px; text-align:center}

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


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

.white_content {position: fixed; padding:10% 5% 4% 5%;top:50%;left:50%;width:90%; margin-left:-50%;height:200px;}
.pcontact { height:600px; background-size:180%; padding-bottom:250px;background-position:-250px bottom; }
.pcontactl{ position:absolute; left:0; top:0px; width:90%;padding:40px 5%;}
.pfeedback li input{ margin:10px auto; padding:15px 5% 15px 10%; width:82%; }
.input4 {padding:15px 5% 15px 10%;width:82%;margin:10px 0; height:180px;}
.input5 {padding:15px 5% 15px 10%;width:82%;margin:10px 0;height:120px;}

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


}