@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:#333; font-size:14px; font-family:Arial, sans-serif; overflow-x:hidden;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
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% Arial, sans-serif; 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:#333; text-decoration:none;}
a:hover{ color:#df751f; text-decoration:underline;}
.width_all{ max-width:1240px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.width_all_w{ width:92.8%; margin:0 auto;}
.width_all_w:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:99; transition:all .35s; position:fixed; background:rgba(0,0,0,.68);}
.h_active{ box-shadow:0 1px 3px #333;}
.head_top .logo{ float:left; width:152px; position:relative; z-index:9; margin:23px 0; transition:all .35s;}
.head_top .logo img{ width:100%;}
.head_top .head_en{ float:right; line-height:78px; padding:0 0 0 36px; transition:all .35s; position:relative;}
.head_top .head_en:after{ background:#fff; width:1px; height:22px; content:""; position:absolute; left:0; top:30px; transition:all .35s;}
.head_top .head_en a{ color:#df751f; font-size:18px;}
.head_top .head_en a:hover{ text-decoration:none; color:#df751f;}

/*nav*/
.nav{ float:right;}
.navbar_nav{ font-size:0;}
.navbar_nav li{ display:inline-block; text-transform:uppercase;}
.navbar_nav li p{ line-height:80px; padding:0 36px;}
.navbar_nav li p a{ display:block; color:#fff; font-size:18px;}
.navbar_nav li:hover p a,.navbar_nav li .active{ color:#df751f; text-decoration:none;}
.navbar_nav li dl{ visibility:hidden; position:absolute; background:#fff; box-shadow:0 1px 2px #ccc; transition:all 0.3s; opacity:0; z-index:100;}
.navbar_nav li:hover dl{ visibility:visible; top:80px; opacity:1; text-transform:capitalize; width:200px;}
.navbar_nav li dl dd span{ line-height:48px; padding:0;}
.navbar_nav li dl dd span a{ display:block; font-size:16px; color:#333; padding:0 0 0 16px;}
.navbar_nav li dl dd:hover span a{ color:#df751f; text-decoration:none; background:#ebebec url(../images/nav_hover.png) right center no-repeat;}
.navbar_nav dd{ position:relative;}
.navbar_nav li:hover dl.nav3{ display:none;}
.navbar_nav li dl dl.nav3{ top:0px; left:100%; width:100%;}
/*.navbar_nav li dl dd:last-child{ position:static;}*/
.navbar_nav li dl dd:hover dl.nav3{ display:block; background:#fff;}
.navbar_nav dl dd dd a{ display:block; line-height:48px; font-size:14px; padding:0 0 0 16px; transition:all 0.3s;}
.navbar_nav dl dd dd:hover a{ color:#df751f; text-decoration:none;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin-top:30px;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:20px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu dl{ border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu dl:last-child{ border:none;}
.m_nav .ul li .dropdown_menu dl dd{ color:#df751f; font-size:18px; line-height:42px; padding:0 0 0 20px;}
.m_nav .ul li .dropdown_menu dl dd a{ color:#333; font-size:18px;}
.m_nav .ul li .dropdown_menu dl dt{ line-height:36px; padding:0 0 0 38px;}
.m_nav .ul li .dropdown_menu dl dt a{ display:block; font-size:16px; color:#525252;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative; height:auto;}
.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;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; border-radius:7px; height:14px; display:block; background:#eee; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#888;}
.flex-control-paging li a.flex-active{ background:#df751f; cursor:default;}
.flex-direction-nav li a{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*new_product*/
.new_product{ width:100%; margin:1% auto; overflow:hidden;}
.new_product .new_p_left{ float:left; width:49.7%; position:relative; overflow:hidden;}
.new_product .new_p_left img{ width:100%; transition:all .6s;}
.new_product .new_p_left:hover img{ transform:scale(1.2)}
.new_product .new_p_left .new_p_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(24,50,101,.8); transition:all .6s;}
.new_product .new_p_left:hover .new_p_hover{ display:block;}
/*.new_product .new_p_left:hover .new_p_hover:after{ position:absolute; left:1.4%; top:1.8%; content:""; width:97%; height:96.1%; border:#fff 1px solid;}*/
.new_product .new_p_left .new_p_quan{ display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%;}
.new_product .new_p_left .new_p_name{ font-size:30px; color:#fff; font-weight:bold; line-height:42px; padding:8px 0;}
.new_product .new_p_left .new_p_wenzi{ border-top:#fff 1px solid; font-size:30px; color:#fff; line-height:42px; padding:8px 0;}

.new_product .new_p_right{ float:right; width:49.7%; position:relative;}
.new_product .new_p_right ul{ overflow:hidden;}
.new_product .new_p_right ul li{ overflow:hidden; margin:0 0 1% 0; position:relative;}
.new_product .new_p_right ul li img{ width:100%; transition:all .6s;}
.new_product .new_p_right ul li:last-child{ margin:0;}
.new_product .new_p_right ul li:hover img{ transform:scale(1.2)}
.new_product .new_p_right ul li .new_p_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(24,50,101,.8); transition:all .6s;}
.new_product .new_p_right ul li:hover .new_p_hover{ display:block;}
/*.new_product .new_p_right ul li:hover .new_p_hover:after{ position:absolute; left:1.4%; top:3.5%; content:""; width:97%; height:92.5%; border:#fff 1px solid;}*/
.new_product .new_p_right ul li .new_p_quan{ display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%;}
.new_product .new_p_right ul li .new_p_name{ font-size:30px; color:#fff; font-weight:bold; line-height:42px; padding:8px 0;}
.new_product .new_p_right ul li .new_p_wenzi{ border-top:#fff 1px solid; font-size:30px; color:#fff; line-height:42px; padding:8px 0;}
.new_p_sj{ display:none;}

/*footer*/
.footer{ width:100%; background:#000; margin:0 auto; overflow:hidden;}
.footer_left{ float:left; margin:38px 0 52px 0;}
.footer_left p{ font-size:14px; color:#ccc; line-height:20px;}
.footer_left p.f_r1{ font-size:18px; color:#ccc; line-height:34px;}
.footer_left p.f_r2{ font-size:18px; color:#ccc; line-height:34px; margin:6px 0 8px 0;}
.footer_right{ float:right; width:35%; margin:38px 0 52px 0;}
.footer_right dl{ float:left; width:27%; margin:0 9.5% 0 0;}
.footer_right dl:last-child{ margin:0;}
.footer_right dl dd{ font-size:18px; color:#ccc; line-height:34px; margin:0 0 8px 0; height:68px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.footer_right dl dt{ width:100%; margin:0;}
.footer_right dl dt img{ width:100%;}
.footer_icp{ width:100%; background:#121212; margin:0 auto; overflow:hidden;}
.footer_icp .footer_i_left{ float:left; width:125px; margin:22px 0;}
.footer_icp .footer_i_left img{ width:100%;}
.footer_icp .footer_i_right{ float:right; font-size:14px; color:#ccc; line-height:24px; margin:12px 0;}
.footer_icp .footer_i_right a{ color:#ccc;}
.footer_icp .footer_i_right a:hover{ text-decoration:none; color:#fff;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}
.ny_banner_s{ display:none;}

/*products*/
.products{ width:100%; margin:1% auto 0 auto; position:relative;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:49.5%; overflow:hidden; margin:0 1% 1% 0; position:relative;}
.products ul li img{ width:100%; transition:all .6s;}
.products ul li:nth-child(2n){ margin:0 0 1% 0;}
.products ul li:hover img{ transform:scale(1.2)}
.products ul li .new_p_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(24,50,101,.8); transition:all .6s;}
.products ul li:hover .new_p_hover{ display:block;}
.products ul li .new_p_quan{ display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%;}
.products ul li .new_p_name{ font-size:30px; color:#fff; font-weight:bold; line-height:42px; padding:8px 0;}
.products ul li .new_p_wenzi{ border-top:#fff 1px solid; font-size:30px; color:#fff; line-height:42px; padding:8px 0;}

.product_video{ width:100%; margin:0 auto;  background:#000; overflow:hidden;}
.p_s_video{ width:72%; margin:4% auto;}
.p_s_video .v_width{ width:100%;}
.p_s_video video{ margin:0; padding:0; display:block;}

.product_images{  /*width:100%;*/max-width: 970px; margin:0 auto; overflow:hidden; font-size:16px; color:#333; line-height:28px;}
.product_images img{ width:100%;}
.product_images p{ width:100%; margin:0;}
.product_images p:last-child{ margin:0;}

/*nav_neiye*/
.nav_neiye{ width:100%; margin:1px auto;}
.nav_neiye ul{ overflow:hidden;}
.nav_neiye ul li{ float:left; width:25%;}
.nav_neiye ul li:last-child{ margin:0;}
.nav_neiye ul li a{ display:block; background:#000; text-align:center; font-size:24px; color:#fff; line-height:36px; padding:22px 0; border-right:#fff 1px solid;}
.nav_neiye ul li:last-child a{ border-right:none;}
.nav_neiye ul li a:hover{ text-decoration:none; background:#df751f; border-right:#df751f 1px solid;}
.nav_neiye ul li a.artt{ background:#000; border-right:#fff 1px solid;}
.nav_neiye ul li a.artt:hover{ text-decoration:none; background:#df751f; border-right:#df751f 1px solid;}

/*about_us*/
.about_us{ width:100%; margin:1% auto; overflow:hidden; background:#ebebeb;}
.about_us .company_name{ display:none;}
.about_left{ float:left; width:50%;}
.about_us .company_profiles{ width:88%; margin:8% auto 0 auto;}
.about_us .company_profiles dl{ margin:0 0 12% 0;}
.about_us .company_profiles dl dd{ font-size:30px; color:#183265; line-height:42px; margin:0 0 4% 0;}
.about_us .company_profiles dl dt{ font-size:16px; color:#183265; line-height:28px;}
.about_right{ float:right; width:50%;}
.about_right img{ width:100%;}

.about_us .wenhua{ width:80%; margin:8% auto 0 auto;}
.about_us .wenhua dl{ margin:0 0 12% 0;}
.about_us .wenhua dl dd{ font-size:30px; color:#183265; line-height:42px; margin:0 0 4% 0;}
.about_us .wenhua dl dt{ font-size:16px; color:#183265; line-height:28px;}

.certification{ margin:52px auto;}
.certification_name{ font-size:30px; color:#183265; line-height:42px; border-bottom:#183265 1px dotted; padding:0 0 1.2% 0;}
.certifications{ margin:2% auto 3% auto; font-size:16px; color:#183265; line-height:28px;}
.certification ul{ overflow:hidden;}
.certification ul li{ width:22.9%; float:left; margin:0 2.8% 2.8% 0; position:relative;}
.certification ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.certification ul li img{ width:100%;}
.certification ul li em{ font-size:16px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:3% 0 0 0;}
.certification ul li a{ color:#333; border:#ccc 1px solid; padding:3%; display:block;}
.certification ul li a:hover{ text-decoration:none; color:#df751f;}
.certification ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#df751f; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.certification ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.certification ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#df751f; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.certification ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.certification ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#df751f; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.certification ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.certification ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#df751f; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.certification ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

.news{ width:100%; margin:1% auto; overflow:hidden; background:#ebebeb;}
.news_width{ width:72%; margin:5% auto;}
.news_width dl{ border-bottom:#999 1px dotted; overflow:hidden; margin:0 0 30px 0; padding:0 0 30px 0;}
.news_width dl dd{ float:left; width:25.2%; margin:0 0 0 3.6%;}
.news_width dl dd img{ width:100%;}
.news_width dl a{ display:block; color:#183265;}
.news_width dl a:hover{ text-decoration:none; color:#df751f;}
.news_width dl dt{ float:right; width:64.8%;}
.news_width dl dt em{ font-size:30px; line-height:42px; color:#183265; display:block; margin:3% 0;}
.news_width dl dt p{ font-size:16px; line-height:28px; color:#183265;}
.news_width dl dt .news_more{ width:114px; margin:20px 0 0 0;}
.news_width dl dt .news_more a{ border:#aaa 1px solid; border-radius:5px; display:block; line-height:32px; font-size:14px; color:#183265; text-align:center;}
.news_width dl dt .news_more a:hover{ background:#df751f; border:#df751f 1px solid; text-decoration:none; color:#fff;}

.news_widths{ width:72%; margin:5% auto;}
.news_widths p{ font-size:30px; line-height:42px; color:#183265; text-align:center;}
.news_widths .ns_1{ font-size:14px; color:#888; line-height:25px; margin:1.5% 0 3% 0; border-bottom:none;}
.news_xq{ width:100%; margin:0 auto; color:#183265; font-size:16px; line-height:28px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:6% auto 0 auto;}
.p_next ol{ width:42%; margin:0 auto; overflow:hidden;}
.p_next ol li{ float:left; width:32%; margin:0 2% 0 0;}
.p_next ol li:nth-child(3n){ margin:0;}
.p_next ol li a{ display:block; border:#999 1px solid; font-size:14px; line-height:28px; color:#666; text-align:center;}
.p_next ol li a:hover{ text-decoration:none; background:#df751f; border:#df751f 1px solid; color:#fff;}
.p_next a{ font-size:16px; line-height:30px; color:#666;}
.p_next a:hover{ color:#df751f;}

/*contact_us*/
.contact_us{ width:100%; margin:1% auto; overflow:hidden;}
.contact_left{ float:left; width:50%; background:#ebebeb; height:800px;}
.contact_us .contact{ width:88%; margin:12% auto 0 auto;}
.contact_us .contact_name{ font-size:30px; color:#183265; line-height:42px; margin:0 0 6% 0;}
.contact_us .contact_jies{ font-size:16px; color:#183265; line-height:28px;}
.contact_right{ float:right; width:50%;}
.contact_right iframe{ width:100%; height:800px; padding:0; margin:0; float:left;}

/*shopping*/
.shopping{ width:100%; margin:1% auto;}
.shopping ul{ overflow:hidden; position:relative;}
.shopping ul li{ float:left; width:49.5%; margin:0 1% 0 0;}
.shopping ul li:last-child{ margin:0;}
.shopping ul li img{ width:100%;}
.sj_shopping{ display:none;}