@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#525252; font-size:14px; font-family:Microsoft yahei; background:#f9f9f9;}
ul, ol { list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft yahei,''; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#525252; text-decoration:none;}
a:hover { color:#fdd000; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:88%; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.news_all{ width:73%; margin:0 auto;}
.news_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*navwidth*/
.fp-viewing-page1 .head_nav{display:block;}
.head_nav{ width:100%; /*position:fixed;*/ background:rgba(0, 0, 0, 1); z-index:99; position: relative;}
.head_nav .logo{ float:left; width:275px; margin:26px auto 12px auto;}
.head_nav .logo img{ width:100%;}
.head_nav .cnen{ float:right; margin:27px 0 27px 10px;}
.head_nav .cnen a{ background:#fdd000; font-size:16px; color:#000; line-height:26px; display:block; padding:0 6px;}
.head_nav .cnen a:hover{ background:#fff; text-decoration:none;}

/*search*/
input{ outline:none;}
input[type=search]{ -webkit-appearance:textfield; -webkit-box-sizing:content-box; font-family:inherit; font-size:100%;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button{ display:none;}
input[type=search]{ background:url(../images/search-icon.png) no-repeat 6px center; border:none; padding:4px; transition:all .5s;}
input[type=search]:focus{ width:102px;}
input:-moz-placeholder{ color:#999;}
input::-webkit-input-placeholder{ color:#525252;}
#demo-b{ float:right; margin:27px 0 0 0;}
#demo-b input[type=search]{ width:15px; padding-left:10px; color:transparent; cursor:pointer;}
#demo-b input[type=search]:focus{ width:102px; padding-left:10px; color:#525252; cursor:auto; background:#fff;}
#demo-b input:-moz-placeholder{ color:transparent;}
#demo-b input::-webkit-input-placeholder{ color:transparent;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0;}
.nav .dot{ /*position:relative; */display:inline-block; z-index:10;}
.nav li a{ display:block; font-size:18px; color:#fff; line-height:80px; padding:0 32px 0 0;}
.nav li:hover a, .nav li a.cutter{ color:#fdd000; text-decoration:none;}
.nav .sub{ position:fixed; left:0; top:80px; background:rgba(255, 255, 255, 0.9); width:88%; padding:0 6%; box-shadow:0 1px 3px #ccc; transition:all .35s; height:0; overflow:hidden; z-index:99;}
.nav li:hover .sub{ height:auto; padding:1% 6% 0;}
.nav .sub dl{ overflow:hidden; margin:0 0 1% 0;}
.nav .sub dl dd{ border-bottom:#ccc 1px solid; color:#000; font-size:18px; line-height:28px; margin:0 0 8px 0;}
.nav .sub dl dt{ width:6%; float:left; margin:0 0.5% 0 0; overflow:hidden}
.nav .sub dl dt span{ display:block; text-align:center; font-size:12px; line-height:18px; margin:4px 0 0 0;}
.nav .sub dl dt img{ width:100%;}
.nav .sub dl dt a{ color:#666; font-size:14px; line-height:32px; display:block;}
.nav .sub dl dt a:hover{ text-decoration:underline; color:#000;}
.menu{ display:none;}
.sub_menu{ display:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.banner_pc a{ display:block; width:100%; text-align:center;}
.banner_pc img{ max-width:100%;position: absolute;top: 0;left: 0;}

.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
.flex-control-nav li{ margin:0 8px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:80px; height:6px; display:block; background:#888; cursor:pointer; text-indent:-9999px; border-radius:3px;}
.flex-control-paging li a:hover{ background:#fdd000; }
.flex-control-paging li a.flex-active{ background:#fdd000; cursor:default;}
.flex-direction-nav li a{ width:36px; height:62px; position:absolute; top:50%; margin-top:-31px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:1%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:1%;}

.all_name{ display:none;}
#fp-nav .active .all_name{ display:block; position:absolute; top:-8px; right:22px; padding:0 8px; background:#000; border-radius:5px; font-size:14px; color:#fff; text-align:center; line-height:26px; white-space:nowrap; word-wrap:normal;}
#fp-nav .all_name:after{ content:""; position:absolute; width:0; height:0; right:-6px; top:50%; margin-top:-6px; border-bottom:6px solid transparent; border-top:6px solid transparent; border-left:6px solid #000;}

/*new_product*/
.new_p_name{ font-size:30px; color:#333; line-height:36px; margin:80px auto 28px auto; text-align:center;}
.new_product{ width:99%; margin:28px auto 0 auto; position:relative;}
.new_product .new_pic{ position:relative; overflow:hidden;}
.new_product .new_pic img{ width:100%; display:block; transition:All 0.2s;}
.new_product .new_pic:hover img{ transform:scale(1.05);}
.new_product .new_pic .new_p_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(0,0,0,.6);}
.new_product .new_pic:hover .new_p_hover{ display:block;}
.new_product .new_pic:hover .new_p_hover .d_table{ display:table; height:100%; width:100%;}
.new_product .new_pic:hover .new_p_hover .d_table_k{ display:table-cell; vertical-align:middle;}
.new_product .new_pic .new_p_hover .new_p_n{ font-size:30px; line-height:40px; font-weight:bold; color:#fff; text-align:center; margin-bottom:2%;}
.new_product .new_pic .new_p_hover .new_p_wz{ font-size:20px; line-height:24px; color:#fff; text-align:center;}
.new_product .new_p_left{ float:left; width:37.9%; margin:0 0.5% 0 0;}
.new_product .new_p_left .put1{ width:100%; margin:0 auto;}
.new_product .new_p_left .put2{ width:100%; margin:1% auto 0 auto;}
.new_product .new_p_center{ float:left; width:25%;}
.new_product .new_p_right{ position:absolute; right:0; top:0; width:36.1%;}
.new_product .new_p_right .put3{ width:100%; margin:1% auto 0 auto;}

.video{ width:100%; margin:0 auto; position:relative; overflow:hidden; cursor:pointer;}
.video img{ width:100%; display:block; transition:All 0.2s;}
.video:hover img{ transform:scale(1.05);}
.video .video_i{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(0,0,0,.6);}
.video:hover .video_i{ display:block;}
.video .video_i .video_ig{ width:60px; height:60px; margin:0 auto;}
.video:hover .video_i .video_table{ display:table; height:100%; width:100%;}
.video:hover .video_i .video_table_k{ display:table-cell; vertical-align:middle;}
#sp{ position:fixed; top:50%; left:50%; margin-left:-320px; margin-top:-200px; width:640px; height:auto; z-index:99; transition:0.3s;}
#video_hz{ position:fixed; left:0; top:0; height:100%; width:100%; transform:scale(0); z-index:98;}
#video_hz:after{ content:""; position:fixed; top:0; left:0;width:100%; height:100%; z-index:98; background:rgba(0,0,0,.8);}
#spxx{ position:absolute; top:-10px; right:-10px; cursor:pointer; z-index:3;}

/*footer*/
.footer_nav{ background:#d4d4d4; padding:45px 0;}
.footer_nav .f_logo{ float:left; width:275px;}
.footer_nav .f_logo img{ width:100%;}
.footer_nav .f_menu{ float:left; margin:0 0 0 10%; overflow:hidden;}
.footer_nav .f_menu dl{ float:left; margin:0 126px 0 0;}
.footer_nav .f_menu dl:last-child{ margin:0;}
.footer_nav .f_menu dl dd{ font-size:18px; color:#333; line-height:22px; margin:0 0 15px 0;}
.footer_nav .f_menu dl dt{ line-height:26px;}
.footer_nav .f_menu dl dt a{ font-size:14px; color:#525252; display:block;}
.footer_nav .f_menu dl dt a:hover{ color:#333;}
.footer_nav .f_erweima{ float:right; width:28%;}
.footer_nav .f_erweima ul{ overflow:hidden;}
.footer_nav .f_erweima ul li{ float:left; width:31%; margin:0 3.5% 0 0;}
.footer_nav .f_erweima ul li img{ width:100%;}
.footer_nav .f_erweima ul li:last-child{ margin:0;}
.footer_nav .f_erweima ul li span{ display:block; text-align:center; margin:6px 0 0 0; font-size:14px; color:#333; line-height:20px;}
.footer{ background:#000; text-align:right; font-size:14px; color:#ccc; line-height:24px; padding:16px 0;}
.footer a{ color:#ccc; transition:all .3s;}
.footer a:hover{ text-decoration:none; color:#fff;}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.ny_banner img{ max-width:100%;}
.ny_bg{ width:100%; height:458px; margin:0 auto;}
.lanmu_name{ position:absolute; left:50%; top:50%; font-size:38px; color:#fff; line-height:40px; width:168px; text-align:center; margin:-20px 0 0 -84px;}
.lanmu_name2{ position:absolute; left:50%; top:50%; font-size:38px; color:#fff; line-height:40px; width:168px; text-align:center; margin:-20px 0 0 -84px;}
.ny_nav{ position:absolute; bottom:0; left:0; width:100%;}
.ny_nav ul{ overflow:hidden;}
.ny_nav ul li{ float:left; width:20%;}
.ny_nav ul li a{ border-right:#888 1px solid; display:block; background:rgba(0, 0, 0, 0.8); font-size:24px; color:#fff; text-align:center; line-height:28px; padding:16px 0;}
.ny_nav ul li:last-child a{ border-right:none;}
.ny_nav ul li a:hover{ text-decoration:none; background:#fdd000; color:#000; border-right:#fdd000 1px solid;}
/*, .ny_nav ul li a.httd*/
/*products*/
.products{ width:100%; margin:0 auto; overflow:hidden; position:relative; text-align:center;}
.products img{ max-width:100%;}
.products .prot{ position:absolute; z-index:9;}
.products .prot pre{ font-size:20px; margin:12px 0 0 0;}
.products .prot1{ left:30%; top:60%; font-size:36px; color:#000;}
.products .prot2{ left:75%; top:25%; font-size:36px; color:#fff;}
.products .prot3{ left:20%; top:20%; font-size:36px; color:#000;}
.products .prot4{ left:22%; top:21%; font-size:36px; color:#000;}
.products .prot5{ left:18%; top:21%; font-size:36px; color:#fff;}

.product_all{ margin:48px auto;}
.product_all li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative; overflow:hidden;}
.product_all li:nth-child(4n){ margin:0 0 2% 0;}
.product_all li img{ width:100%; transition:All 0.35s;}
.product_all li:hover img{ transform:scale(1.05);}
.product_all li em{ position:absolute; left:4%; top:2%; z-index:2; font-size:18px; line-height:28px;}
.product_all li a{ color:#fff;}
.product_all li a:hover{ text-decoration:none; color:#000;}

/*download*/
.download{ margin:48px auto 60px auto; box-shadow:0 0 8px #ccc;}
.download_width{ width:94%; margin:0 auto; overflow:hidden;}
.download_width ul{ overflow:hidden;}
.download_width ul li{ border-bottom:#ccc 1px dotted; margin:3% auto; padding:0 1.5% 3.5% 1.5%; overflow:hidden;}
.download_width ul li .download_l{ float:left; width:28%;}
.download_width ul li .download_l img{ width:100%;}
.download_width ul li .download_l a{ border:#ccc 1px solid; display:block;}
.download_width ul li .download_r{ float:right; width:66%; margin:0 3%; font-size:14px; color:#666; line-height:25px;}
.download_width ul li .download_r .dl_more{ width:114px; margin:20px 0 0 0;}
.download_width ul li .download_r .dl_more a{ background:#fdd000; display:block; line-height:34px; font-size:14px; color:#333; text-align:center;}
.download_width ul li .download_r .dl_more a:hover{ text-decoration:none; background:#333; color:#fff;}

/*video_center*/
.video_center{ width:99%; margin:28px auto;}
.video_center ul{ overflow:hidden;}
.video_center ul li{ float:left; width:33%; margin:0 0.5% 1% 0;}
.video_center ul li:nth-child(3n){ margin:0 0 1% 0;}
.video .video_wz{ display:none; position:absolute; right:5%; bottom:5%; z-index:9; font-size:18px; color:#fff;}
.video:hover .video_wz{ display:block;}

/*about_us*/
.about_us{ margin:48px auto;}
.about_us h2{ font-size:30px; color:#333; line-height:56px; border-bottom:#ccc 1px solid; margin:0 0 36px 0;}
.company{ font-size:14px; color:#525252; line-height:22px;}
.company img{ width:100%;}
.com_left{ float:left; width:48%;}
.com_right{ float:right; width:48%;}

.pinzhi{ font-size:14px; color:#525252; line-height:22px;}
.pinzhi ul{ overflow:hidden; margin:22px auto 0 auto;}
.pinzhi ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.pinzhi ul li:nth-child(4n){ margin:0 0 2% 0;}
.pinzhi ul li img{ width:100%;}
.pinzhi ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pinzhi ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.pinzhi ul li a:hover{ text-decoration:none; color:#000;}
.pinzhi ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#fdd000; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.pinzhi ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.pinzhi ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#fdd000; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.pinzhi ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.pinzhi ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#fdd000; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.pinzhi ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.pinzhi ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#fdd000; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.pinzhi ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*news*/
.news{ margin:48px auto 60px auto; box-shadow:0 0 8px #ccc;}
.news_width{ width:94%; margin:0 auto; overflow:hidden;}
.news_width ul{ overflow:hidden;}
.news_width ul li{ border-bottom:#ccc 1px dotted; margin:3% auto; padding:0 1.5% 3.5% 1.5%; overflow:hidden;}
.news_width ul li .news_l{ float:left; width:28%;}
.news_width ul li .news_l img{ width:100%;}
.news_width ul li .news_l a{ border:#ccc 1px solid; display:block;}
.news_width ul li .news_r{ float:right; width:66%; margin:0 3%; font-size:14px; color:#666; line-height:25px;}
.news_width ul li .news_r span{ display:block; font-size:16px; color:#333; margin:0 0 10px 0;}
.news_width ul li .news_r a{ color:#333;}
.news_width ul li .news_r .news_more{ width:114px; margin:20px 0 0 0;}
.news_width ul li .news_r .news_more a{ border:#dadada 1px solid; border-radius:5px; display:block; line-height:32px; font-size:14px; color:#444; text-align:center;}
.news_width ul li .news_r .news_more a:hover{ background:#fdd000; border:#fdd000 1px solid; text-decoration:none; color:#333;}

.news_width .news_zhuti{ color:#f20; border-bottom:#ccc 1px solid; margin:3% auto 20px auto; font-size:20px; text-align:center; line-height:30px; padding:12px 0;}
.news_width .news_biaoda{ width:98%; margin:20px auto; overflow:hidden; font-size:14px; color:#525252; line-height:28px;}
.news_width .news_biaoda img{ max-width:100%;}