@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,video{ margin:0; padding:0;}
body{ color:#333; font-size:14px; /*font-family:'Times New Roman','Arial';*/font-family: Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei";}
html,body{ position:relative; height:100%;}
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:#333; text-decoration:none;}
a:hover{ color:#004da1; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ max-width:1440px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; position:fixed; top:0; left:0; z-index:9999; transition:all .35s; background:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.00001)));}
.head_top h1{ float:left; width:100px; transition:all .35s; margin:23px 0;}
.head_top h1 img{ width:100%;}
.head_top .logo_hover{ display:none; float:left; width:100px; margin:23px 0;}
.head_top .logo_hover img{ width:100%;}
.gouwudai{ float:right; margin:29px 0 21px 0; position:relative; z-index:999;}
.gouwudai p{ font-size:14px; color:#fff; line-height:22px; transition:all .35s; cursor:pointer; padding:0 0 8px 0;}
.gouwudai i{ width:22px; height:22px; background:url(../images/gouwudai.png) center no-repeat; float:left; margin:0 6px 0 0; transition:all .35s;}
.gouwudai .yuyan{ position:absolute; top:30px; width:100%; left:50%; margin:0 0 0 -50%; display:none; border-radius:5px;}
.gouwudai .yuyan .yy_nav{ position:relative; background:rgba(238,238,238,1); border-radius:5px;}
.gouwudai .yuyan a{ display:block; font-size:14px; line-height:36px; color:#333; text-align:center; border-radius:5px;}
.gouwudai .yuyan a:hover{ text-decoration:none; color:#004da1; background:#f8f8f8; border-radius:5px;}

.h_active{ position:fixed; top:0; left:0; z-index:9999; background:#fff; box-shadow: 0 1px 10px -5px #ccc;}
.h_active h1{ display:none;}
.h_active .logo_hover{ display:block;}
.h_active .ny_logo{ display:block;}
.h_active .gouwudai p{ color:#333;}
.h_active .gouwudai i{ background:url(../images/gouwudai_h.png) center no-repeat;}
.h_active .nav li a{ color:#333;}
.h_active .nav li:hover a,.h_active  .nav li a.cutter{ color:#333;}

.head_top2{ position:fixed; top:0; left:0; z-index:9999; width:100%; background:#fff; margin:0 auto; transition:all .35s;}
.head_top2 .ny_logo{ float:left; width:100px; transition:all .35s; margin:23px 0;}
.head_top2 .ny_logo img{ width:100%;}
.head_top2 .gouwudai p{ color:#333;}
.head_top2 .gouwudai i{ background:url(../images/gouwudai_h.png) center no-repeat;}
.head_top2 .nav li a{ color:#333;}
.head_top2 .nav li:hover a,.h_active  .nav li a.cutter{ color:#333;}

/*nav*/
.header{ float:left; margin:0 0 0 3%;}
.nav{ font-size:0px;}
.nav .m{ display:inline-block; z-index:10;}
.nav .m2{ position:relative;}
.nav li a{ display:block; font-size:14px; color:#fff; font-weight:bold; line-height:80px; padding:0 18px; position:relative; z-index:98;}
.nav li:hover a, .nav li a.cutter{ text-decoration:none; color:#fff;}
.nav li a:before{ content:""; width:0px; height:2px; visibility:hidden; transition:.8s; background:#004da1; position:absolute; bottom:0px; left:0; opacity:0;}
.nav li:hover a::before{ width:100%; height:2px; visibility:visible; opacity:1;}
.nav .sub{ width:100%; position:absolute; left:0; top:80px; background:rgba(255, 255, 255, 1); box-shadow:0 1px 10px -5px #ccc; padding-top:30px; border-top:1px solid #eee; padding-bottom:30px;}
.nav .sub li{ text-align:left; padding:0 0 0 16px; position:relative; overflow:hidden;}
.nav .sub li a{ color:#525252; font-size:14px; line-height:42px; display: inline-block; background:none; padding:0; position:relative; z-index:2; -webkit-transition:.35s; transition:.35s; text-transform:inherit; font-weight:normal;}
.nav .sub li a:hover{ text-decoration:none; color:#004da1;}
.nav .sub li a::before{ display:none;}
.nav ol.sub li{ float:left; margin:0 2% 0 0;}
.nav ol.sub li p{ height:60px; display:block; background:url(../images/nav_p1.png) center no-repeat; background-size:60px 60px; min-width:60px; margin:0 0 10px 0; transition:all 0.3s;}
.nav ol.sub li:nth-child(2) p{ background:url(../images/nav_p2.png) center no-repeat; background-size:60px 60px;}
.nav ol.sub li:nth-child(3) p{ background:url(../images/nav_p3.png) center no-repeat; background-size:60px 60px;}
.nav ol.sub li:nth-child(4) p{ background:url(../images/nav_p4.png) center no-repeat; background-size:60px 60px;}
.nav ol.sub li:nth-child(5) p{ background:url(../images/nav_p5.png) center no-repeat; background-size:60px 60px;}
.nav ol.sub li:hover p{transform:rotateY(180deg)}
.nav ol.sub li a{ color:#525252; font-size:14px; line-height:25px; display:block; text-align:center;}
.nav ol.sub li a:hover{ text-decoration:none; color:#004da1;}
.nav .sub2{ width:200px; position:absolute; left:0; top:80px; background:rgba(255, 255, 255, 1); padding:30px 40px; box-shadow:0 1px 10px -5px #ccc;}
.nav .sub2 li{ overflow:hidden; margin:0 0 20px 0;}
.nav .sub2 li:last-child{ margin:0;}
.nav .sub2 li a{ background:#f5f5f5; line-height:68px; padding:0; text-align:center; font-weight:normal; display:block;}
.nav .sub2 li a:hover{ background:#004da1; color:#fff;}
.nav .sub2 li a::before{ display: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 .cnen{ padding:0 20px; font-size:16px; line-height:28px; color:#333;}
.m_nav .cnen span{ margin:0 16px;}
.m_nav .cnen a{ color:#333;}
.m_nav .cnen a:hover{ text-decoration:none; color:#004da1;}
.m_nav .ul{ margin:10px 0 0 0;}
.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:nth-child(7){ -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8){ -webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:18px; height:48px; line-height:48px; 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 a{	display:block; height:48px; line-height:48px; padding:0 18px; font-size:16px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner_sj{ display:none;}
.banner{ margin:0 auto;}
.flexslider{ position:relative; height:auto;}
.flexslider video{ float:left; margin:0; padding:0;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden; position:relative;}
.flexslider .slides > li .banner_width{ width:100%; height:100%; margin:0 auto; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; z-index:8;}
.flexslider .slides > li .banner_biaoti{ font-size:50px; color:#fff; line-height:62px;}
.flexslider .slides > li .banner_profiles{ font-size:30px; color:#888; line-height:42px; margin:20px auto 32px auto;}
.flexslider .slides > li .banner_more{ width:148px;}
.flexslider .slides > li .banner_more a{ display:block; font-size:18px; color:#fff; font-weight:bold; background:#004da1; line-height:48px; text-align:center; border-radius:24px; transition:all .35s;}
.flexslider .slides > li .banner_more a:hover{ text-decoration:none; background:#0058b5;}
.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:0;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:4px; height:4px; display:block; background:#fff; border-radius:50%; cursor:pointer; text-indent:-9999px; transition:all .35s;}
.flex-control-paging li a:hover{ border:#ccc 2px solid; background:none; padding:2px;}
.flex-control-paging li a.flex-active{ border:#ccc 2px solid; background:none; padding:2px; cursor:default;}	
.banner .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px; z-index:7;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-8px 0 0 -20px;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*new_product*/
.new_product{ margin:80px auto;}
.new_p_name{ width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:36px; color:#000; line-height:42px; font-weight:bold;}
.new_p_name h2{ font-weight:bold;}
.new_p_name span{ display:block; font-size:16px; color:#333; line-height:26px; font-weight:normal; margin:14px 0 0 0;}
.new_p_width{ width:100%; margin:42px auto 0 auto; position:relative;}
.new_p_width .pre,.new_p_width .next{ position:absolute; display:block; width:60px; height:80px; top:50%; margin:-40px 0 0 0; z-index:10; transition:all .35s;}
.new_p_width .pre{ left:0; cursor:pointer; background:url(../images/prev.png) no-repeat center; background-size:60px 80px;}
.new_p_width .next{ right:0; cursor:pointer; background:url(../images/next.png) no-repeat center; background-size:60px 80px;}
.new_p_width .pre:hover{ background:url(../images/prev_h.png) no-repeat center; background-size:60px 80px;}
.new_p_width .next:hover{ background:url(../images/next_h.png) no-repeat center; background-size:60px 80px;}
.new_p_id{ width:100%; margin:0 auto; overflow:hidden; z-index:9;}
.new_p_id ul{ width:800%;}
.new_p_id li{ float:left; width:2.9%; margin:0 0.3% 0 0; position:relative;}
.new_p_id li:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#f5f5f5;}
.new_p_id li:nth-child(4):before{ display:none;}
.new_p_id ul li a{ color:#666; display:block; overflow:hidden;}
.new_p_id ul li a:hover{ text-decoration:none; color:#004da1; background:#f5f5f5;}
.new_p_id ul li .new_p_img{ width:100%; margin:0 auto; overflow:hidden;}
.new_p_id ul li .new_p_img img{ width:80%; margin:5% 10% 5% 10%; transition:all .5s;}
.new_p_id ul li:hover .new_p_img img{ transform:scale(1.2);}
.new_p_id ul li .new_p_n{ width:88%; margin:6px auto; font-size:20px; color:#333; line-height:32px; text-align:center; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_id ul li .new_p_c{ width:88%; margin:18px auto; font-size:16px; line-height:26px; height:78px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition:all .5s; opacity:0;}
.new_p_id ul li:hover .new_p_c{ opacity:1;}
.new_p_id ul li .new_p_more{ width:88%; margin:18px auto; position:relative; height:18px;}
.new_p_id ul li .new_p_more img{ position:absolute; left:-29px; bottom:0; transition:all 0.5s; opacity:0; width:29px; height:18px;}
.new_p_id ul li:hover .new_p_more img{ left:0; opacity:1;}

.new_products{ width:100%; margin:80px auto; overflow:hidden; background:#f5f5f5; padding:80px 0;}
.new_p_width2{ width:100%; margin:42px auto 0 auto;}
.new_p_width2 ul{}
.new_p_width2 ul li{ float:left; width:23.5%; margin:0 2% 0 0; background:#fff; transition:all .5s;}
.new_p_width2 ul li:hover{ box-shadow:0 0 10px #ccc;}
.new_p_width2 ul li a{ color:#666; display:block; overflow:hidden;}
.new_p_width2 ul li a:hover{ text-decoration:none; color:#004da1;}
.new_p_width2 ul li:last-child{ margin:0;}
.new_p_width2 ul li .new_p2_img{ width:100%; margin:0 auto; overflow:hidden;}
.new_p_width2 ul li .new_p2_img img{ width:80%; margin:5% 10% 5% 10%; transition:all .5s;}
.new_p_width2 ul li:hover .new_p2_img img{ transform:scale(1.2);}
.new_p_width2 ul li .new_p2_n{ width:88%; margin:6px auto; font-size:20px; color:#333; line-height:32px; text-align:center; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_width2 ul li .new_p2_c{ width:88%; margin:18px auto; font-size:16px; line-height:26px; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.new_p_width2 ul li .new_p2_more{ width:88%; margin:18px auto; position:relative; height:18px;}
.new_p_width2 ul li .new_p2_more img{ position:absolute; left:-29px; bottom:0; transition:all 0.5s; opacity:0; width:29px; height:18px;}
.new_p_width2 ul li:hover .new_p2_more img{ left:0; opacity:1;}

/*application*/
.application{ margin:80px auto;}
.application .application_name{ width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:36px; color:#000; line-height:42px; font-weight:bold;}
.application .application_name span{ display:block; font-size:16px; color:#333; line-height:26px; font-weight:normal; margin:14px 0 0 0;}
.application_width{ width:100%; margin:42px auto 0 auto; overflow:hidden;}
.application_width .application_left{ float:left; width:50%; position:relative; overflow:hidden;}
.application_width .application_left img{ width:100%; transition:all .5s;}
.application_width .application_left:hover img{ transform:scale(1.2);}
.application_width .application_wid{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.6); padding:22px 0;}
.application_width .application_wid_n{ width:90%; margin:0 auto; font-size:26px; color:#fff; line-height:36px; font-weight:bold; transition:all 0.5s;}
.application_width .application_wid_c{ width:90%; margin:10px auto 0 auto; font-size:16px; color:#fff; line-height:24px; transition:all 0.5s;}
.application_width .application_wid_m{ width:90%; margin:24px auto 0 auto; position:relative; height:42px;}
.application_width .application_wid_m span{ position:absolute; left:-129px; bottom:0; transition:all 0.5s; opacity:0; width:129px; background:#fff; display:inline-block; font-size:16px; line-height:42px; border-radius:21px; text-align:center;}
.application_width .application_left:hover .application_wid_m span{ left:0; opacity:1;}
.application_width .application_right{ float:right; width:50%;}
.application_width .application_right dl{ width:100%; margin:0 auto; overflow:hidden;}
.application_width .application_right dl a{ overflow:hidden; background:#f8f8f8; display:block; transition:all .5s;}
.application_width .application_right dl:hover a{ text-decoration:none; background:#004da1;}
.application_width .application_right dl dd{ float:left; width:50%; overflow:hidden;}
.application_width .application_right dl dd img{ width:100%; transition:all .5s;}
.application_width .application_right dl:hover dd img{ transform:scale(1.2);}
.application_width .application_right dl dt{ float:right; width:50%; position:relative; overflow:hidden;}
.application_width .application_right dl:nth-child(2n) dd{ float:right;}
.application_width .application_right dl:nth-child(2n) dt{ float:left;}
.application_width .application_right dl dt img{ width:100%;}
.application_width .application_right dl dt .application_r_wid{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:left; flex-direction:column;}
.application_width .application_right dl dt .application_r_n{ width:80%; margin:0 auto; font-size:26px; color:#333; line-height:36px; font-weight:bold; transition:all 0.5s;}
.application_width .application_right dl:hover dt .application_r_n{ color:#fff;}
.application_width .application_right dl dt .application_r_c{ width:80%; margin:10px auto 24px auto; font-size:16px; color:#666; line-height:24px; transition:all 0.5s;}
.application_width .application_right dl:hover dt .application_r_c{ color:#fff;}
.application_width .application_right dl dt .application_r_m{ width:80%; margin:0 auto; position:relative; height:42px;}
.application_width .application_right dl dt .application_r_m span{ position:absolute; left:-129px; bottom:0; transition:all 0.5s; opacity:0; width:129px; background:#fff; display:inline-block; font-size:16px; line-height:42px; border-radius:21px; text-align:center;}
.application_width .application_right dl:hover dt .application_r_m span{ left:0; opacity:1;}

/*news*/
.news{ width:100%; margin:80px auto; overflow:hidden; background:#f5f5f5; padding:80px 0;}
.news_name{ width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:36px; color:#000; line-height:42px; font-weight:bold;}
.news_width{ width:100%; margin:30px auto 0 auto;}
.news_width .tab_title{ border-bottom:#ccc 1px solid; text-align:center;}
.news_width .tab_title span{ font-size:20px; color:#333; line-height:38px; padding:0 18px; margin:0 8px; display:inline-block; cursor:pointer; position:relative;}
.news_width .tab_title span.active:after{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#004da1; content:"";}
.news_width .tab_con{ width:100%; margin:34px auto 0 auto;}
.news_width .t_con{ width:100%; margin:0 auto;}
.news_width .t_con ul{}
.news_width .t_con ul li{ float:left; width:32%; margin:0 2% 0 0; position:relative; background:#fff; transition:all .5s;}
.news_width .t_con ul li a{ color:#666; display:block; overflow:hidden;}
.news_width .t_con ul li a:hover{ text-decoration:none; color:#004da1;}
.news_width .t_con ul li:hover{ box-shadow:0 0 10px #ccc;}
.news_width .t_con ul li:last-child{ margin:0;}
.news_width .t_con ul li .news_img{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .t_con ul li .news_img img{ width:100%; transition:all .5s;}
.news_width .t_con ul li:hover .news_img img{ transform:scale(1.2);}
.news_width .t_con ul li .news_time{ position:absolute; left:0; top:0; width:70px; background:#004da1; padding:10px 0;}
.news_width .t_con ul li .news_time p{ font-size:16px; color:#fff; line-height:22px; text-align:center; text-transform:uppercase;}
.news_width .t_con ul li .news_time p.nt1{ font-size:20px; font-weight:bold;}
.news_width .t_con ul li .news_zti{ width:88%; margin:18px auto 8px auto; font-size:20px; color:#333; font-weight:bold; line-height:32px; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .t_con ul li .news_nr{ width:88%; margin:8px auto 18px auto; font-size:16px; line-height:26px; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_width .t_con ul li .news_times{ width:88%; margin:18px auto 32px auto; font-size:14px; color:#666; line-height:18px;}
.news_width .t_con ul li .news_more{ position:absolute; right:12%; bottom:32px; transition:all 0.5s; opacity:0; width:29px;}
.news_width .t_con ul li .news_more img{ width:100%;}
.news_width .t_con ul li:hover .news_more{ right:6%; opacity:1;}
.news_more{ width:166px; margin:45px auto 0 auto; overflow:hidden;}
.news_more a{ display:block; line-height:48px; font-size:16px; color:#fff; text-align:center; background:#004da1; border-radius:24px; transition:all .35s;}
.news_more a:hover{ text-decoration:none; background:#0058b5;}

/*about_us*/
.about_us{ margin:80px auto;}
.about_us .about_name{ width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:36px; color:#000; line-height:42px; font-weight:bold;}
.about_us .about_name span{ display:block; font-size:16px; color:#333; line-height:26px; font-weight:normal; margin:14px 0 0 0;}
.about_us .about{ width:100%; margin:42px auto 0 auto; overflow:hidden; position:relative;}
.about .about_left{ float:left; width:60%;}
.about .about_left .v_width{ float:left; width:100%;}
.about .about_right{ position:absolute; right:0; top:50%; width:45%; margin:-183px 0 0 0; background:#f8f8f8;}
.about .about_right a{ display:block; color:#666;}
.about .about_right a:hover{ text-decoration:none; color:#004da1;}
.about_right .about_r_name{ width:80%; margin:48px auto 24px auto; overflow:hidden; font-size:30px; color:#004da1; line-height:42px; font-weight:bold; position:relative;}
.about_right .about_r_name span{ display:block; font-size:20px; color:#004da1; line-height:32px; font-weight:normal; margin:14px 0 0 0;}
.about_right .about_r_name:before{ position:absolute; top:48px; left:0; background:#004da1; width:90px; height:3px; content:"";}
.about_right .profiles{ width:80%; margin:24px auto 48px auto; font-size:16px; line-height:30px; height:90px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.about_right .about_more{ width:80%; margin:48px auto 48px auto;}

/*feedback*/
.feedback{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/feedback.jpg) center no-repeat;}
.feedback_width{ float:right; width:40%; margin:60px 0 52px 0;}
.feedback .feedback_name{ width:100%; margin:0 0 24px 0; font-size:30px; color:#000; line-height:42px;}
.feedback .feedback_name span{ display:block; color:#999; font-size:16px; line-height:28px; margin:6px 0 0 0;}
.messages{ width:100%; margin:0 auto; overflow:hidden;}
.messages .mes_name{ font-size:18px; color:#000; line-height:30px; margin:0 0 16px 0;}
.messages ul{ overflow:hidden;}
.messages ul li{ float:left; width:100%; margin:0 0 20px 0;}
.messages ul li:last-child{ margin:0;}
.messages .text-input{ width:97.8%; padding:0 0 0 2%; border:#ddd 1px solid; height:36px; font-size:14px; color:#333; line-height:36px;}
.messages .cont-input{ width:97.8%; padding:6px 0 0 2%; border:#ddd 1px solid; height:74px; font-size:14px; color:#333; line-height:25px;}
.messages .messages-button{ width:166px; line-height:48px; font-size:16px; color:#fff; margin:10px 0 0 0; text-align:center; background:#004da1; cursor:pointer; border-radius:24px; transition:all .35s;}
.messages .messages-button:hover{ background:#0058b5;}

/*footer*/
.links{ width:100%; margin:0 auto; overflow:hidden; border-bottom:#363636 1px solid; background:#272727;}
.links .link{ margin:3px auto;}
.links .link_name{ float:left; width:6%; font-size:14px; line-height:24px; color:#9e9e9e; font-weight:bold; margin:13px 0;}
.links .link_nr{ float:right; width:94%;}
.links .link_nr ul{ height:50px; display:flex; justify-content:left; align-items:center;}
.links .link_nr ul li{ float:left; font-size:14px; line-height:25px; color:#9e9e9e; margin:0 16px 0 0;}
.links .link_nr a{ color:#9e9e9e; display:block;}
.links .link_nr a:hover{ text-decoration:none; color:#fff;}
.footer{ width:100%; margin:0 auto; overflow:hidden; padding:30px 0 48px 0; background:#272727;}
.footer .footer_left{ float:left; width:15%; margin:0 8% 0 0;}
.footer .footer_left img{ width:100%;}
.footer .footer_left .footer_logo{ width:102px; margin:0 0 18px 0;}
.footer .footer_left .footer_erweima{ width:100%; margin:0 auto;}
.footer .footer_left .footer_erweima ul{ overflow:hidden;}
.footer .footer_left .footer_erweima ul li{ float:left; width:48%; margin:0 4% 0 0;}
.footer .footer_left .footer_erweima ul li:last-child{ margin:0;}
.footer .footer_nav{ float:left; width:48%; margin:15px 0 0 0;}
.footer .footer_nav dl{ float:left; width:22.3%;}
.footer .footer_nav dl:nth-child(1){ width:33.1%;}
.footer .footer_nav dl dd{ font-size:14px; color:#fff; font-weight:bold; line-height:26px; margin:0 0 10px 0;}
.footer .footer_nav dl dt{ line-height:26px;}
.footer .footer_nav dl dt a{ font-size:14px; color:#9e9e9e; transition:all .35s; display:block;}
.footer .footer_nav dl dt a:hover{ text-decoration:none; color:#fff;}

.mobile_footer{ display:none;}

.footer .footer_right{ float:right; width:27%; margin:15px 0 0 0;}
.footer .footer_right .footer_contact_n{ font-size:14px; color:#fff; font-weight:bold; line-height:26px; margin:0 0 10px 0;}
.footer .footer_right .footer_contact{ width:100%; margin:0 auto;}
.footer .footer_right .footer_contact ul{ overflow:hidden;}
.footer .footer_right .footer_contact ul li{ font-size:14px; color:#9e9e9e; line-height:32px; margin:0 0 15px 0;}
.footer .footer_right .footer_contact ul li:last-child{ margin:0;}
.footer .footer_right .footer_contact ul li i{ float:left; width:32px; height:32px; background:url(../images/footer_email.jpg) center no-repeat; border-radius:50%; margin:0 8px 0 0;}
.footer .footer_right .footer_contact ul li:nth-child(1){ font-size:22px; font-family:Arial; font-weight:bold; line-height:26px;}
.footer .footer_right .footer_contact ul li:nth-child(1) i{ background:url(../images/footer_tel.jpg) center no-repeat; margin:10px 8px 10px 0;}
.footer .footer_right .footer_contact ul li:nth-child(3) i{ background:url(../images/footer_add.jpg) center no-repeat;}
.footer .footer_right .footer_contact ul li a{ color:#9e9e9e;}
.footer .footer_right .footer_contact ul li a:hover{ text-decoration:none; color:#fff;}

.footer_icp{ width:100%; margin:0 auto; overflow:hidden; background:#1c1c1c; font-size:14px; color:#9e9e9e; line-height:26px; padding:17px 0;}
.footer_icp a{ color:#9e9e9e;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}
.footer_icp .footer_i_left{ float:left;}
.footer_icp .footer_i_right{ float:right;}
.footer_icp .footer_i_right span{ margin:0 8px;}

/*ny_banner*/
.ny_banner{ width:100%; margin:80px auto 0 auto; overflow:hidden; position:relative; z-index:1;}
.ny_banner img{ max-width:100%;}
.ny_wenzi{ position:absolute; left:0; top:50%; width:100%; margin:-45px 0 0 0; overflow:hidden; font-size:40px; color:#fff; text-align:center; font-weight:bold; line-height:52px;}
.ny_wenzi p{ font-size:18px; font-weight:normal; line-height:30px; margin:8px 0 0 0;}

/*lujing*/
.lujing{ width:100%; border-bottom:#eee 1px solid; margin:0 auto; overflow:hidden;}
.l_jing{ float:left; margin:16px 0; overflow:hidden; font-size:14px; color:#999; line-height:25px;}
.l_jing a{ color:#999;}
.l_jing a:hover{ text-decoration:none; color:#004da1;}
.l_jing span{ font-family:宋体; font-weight:bold; margin:0 14px;}
.product_lujing{ width:100%; margin:80px auto 0 auto; overflow:hidden; background:#f5f5f5;}
.p_l_jing{ margin:16px 0; overflow:hidden; font-size:14px; color:#999; line-height:25px;}
.p_l_jing a{ color:#999;}
.p_l_jing a:hover{ text-decoration:none; color:#004da1;}
.p_l_jing span{ font-family:宋体; font-weight:bold; margin:0 14px;}

.search_kuang{ float:right; width:25%; margin:12px 0; border:#dcdfe6 1px solid; line-height:32px; overflow:hidden; border-radius:20px; transition:all .35s;}
.search_kuang:hover{ border:#999 1px solid;}
.search_kuang .search_dw{ float:left; padding:0 0 0 4%; width:68%; line-height:32px; border:0; color:#666; background:none; outline:none;}
.search_kuang .button_dw{ float:right; border:0; width:32px; height:32px; background:url(../images/search_r.png) center no-repeat; background-size:32px 32px; cursor:pointer; outline:none;}

/*ny_nav*/
.product_nav{ margin:0 auto;}
.product_nav ul{ overflow:hidden; text-align:center;}
.product_nav ul li{ display:inline-block; width:12%; margin:0 2%;}
.product_nav ul li p{ height:60px; display:block; background:url(../images/nav_p1.png) center no-repeat; background-size:60px 60px; min-width:60px; transition:all 0.3s;}
.product_nav ul li:nth-child(2) p{ background:url(../images/nav_p2.png) center no-repeat; background-size:60px 60px;}
.product_nav ul li:nth-child(3) p{ background:url(../images/nav_p3.png) center no-repeat; background-size:60px 60px;}
.product_nav ul li:nth-child(4) p{ background:url(../images/nav_p4.png) center no-repeat; background-size:60px 60px;}
.product_nav ul li:nth-child(5) p{ background:url(../images/nav_p5.png) center no-repeat; background-size:60px 60px;}
.product_nav ul li a{ color:#525252; font-size:14px; line-height:25px; display:block; text-align:center; padding:26px 0; transition:all .35s;}
.product_nav ul li a:hover, .product_nav ul li a.hout{ text-decoration:none; background:#f5f5f5; display:block;}

.ny_nav{ width:100%; border-bottom:#eee 1px solid; margin:0 auto; overflow:hidden;}
.ny_nav ul{ margin:17px auto; overflow:hidden; text-align:center; font-size:0;}
.ny_nav ul li{ display:inline-block; margin:0 1%;}
.ny_nav ul li a{ font-size:16px; color:#333; line-height:27px; background:#f5f5f5; transition:all .35s; display:block; padding:5px 20px; border-radius:4px;}
.ny_nav ul li a:hover,.ny_nav ul li a.hort{ text-decoration:none; background:#004da1; color:#fff;}

.ny_n_nav{ width:100%; border-bottom:#eee 1px solid; margin:0 auto; overflow:hidden;}
.ny_n_nav ul{ overflow:hidden; text-align:center; font-size:0;}
.ny_n_nav ul li{ display:inline-block; margin:0 3%;}
.ny_n_nav ul li a{ font-size:16px; color:#333; line-height:66px; position:relative; display:block;}
.ny_n_nav ul li a:hover{ text-decoration:none; color:#004da1;}
.ny_n_nav ul li a.hort{ color:#004da1;}
.ny_n_nav ul li a.hort:before{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#004da1; content:"";}

/*products*/
.products{ margin:36px auto 52px auto;}
.products .product{}
.products .product li{ float:left; width:32%; margin:0 2% 2% 0; background:#fff; transition:all .35s;}
.products .product li:nth-child(3n){ margin:0 0 2% 0;}
.products .product li:hover{ box-shadow:0 0 20px #eee;}
.products .product li a{ color:#666; display:block; overflow:hidden;}
.products .product li a:hover{ text-decoration:none; color:#004da1;}
.products .product li .products_img{ width:100%; margin:0 auto; overflow:hidden;}
.products .product li .products_img img{ width:68%; margin:5% 16% 0 16%; transition:all .5s;}
.products .product li .products_name{ width:88%; margin:18px auto; font-size:18px; color:#050505;  font-weight:bold; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products .product li .products_profile{ width:88%; margin:18px auto; font-size:14px; color:#666; line-height:20px; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.products .product li .products_more{ width:120px; margin:18px auto 36px auto; font-size:16px; color:#fff; line-height:36px; text-align:center; background:#004da1; border-radius:18px; opacity:0; transition:all 0.35s;}
.products .product li:hover .products_more{ opacity:1;}
.products .product li .products_more:hover{ transition:all 0.35s; background:#0058b5;}

.product_banner{ width:100%; margin:80px auto 0 auto; overflow:hidden; position:relative; z-index:1;}
.product_banner img{ width:100%;}
.p_b_wenzi{ position:absolute; left:0; top:6%; width:100%; overflow:hidden; font-size:40px; color:#fff; text-align:center; font-weight:bold; line-height:52px;}
.p_b_wenzi p{ font-size:18px; font-weight:normal; line-height:30px; margin:8px 0 0 0;}

.products_maidian{ margin:60px auto;}
.products_maidian .products_maidian_name{ width:100%; margin:0 auto 36px auto; overflow:hidden; font-size:36px; color:#000; font-weight:bold; line-height:48px; text-align:center;}
.products_maidian ul{}
.products_maidian ul li{ float:left; width:22%; background:#f5f5f5; margin:48px 4% 2.8% 0; position:relative;}
.products_maidian ul li:nth-child(4){ margin:48px 0 2.8% 0;}
.products_maidian ul li:nth-child(5){ margin:48px 4% 0 0;}
.products_maidian ul li:nth-child(6){ margin:48px 4% 0 0;}
.products_maidian ul li:nth-child(7){ margin:48px 4% 0 0;}
.products_maidian ul li:nth-child(8){ margin:48px 0 0 0;}
.products_maidian ul li .products_maidian_time{ position:absolute; left:50%; top:-48px; width:96px; height:96px; margin:0 0 0 -48px; background:#fff; border-radius:50%; font-size:30px; color:#191919; line-height:96px; text-align:center; font-weight:bold; box-shadow:0 0 6px #ccc;}
.products_maidian ul li .products_maidian_zhuti{ width:96%; margin:68px auto 14px auto; font-size:20px; color:#333; line-height:36px; text-align:center; font-weight:bold; position:relative; padding:0 0 8px 0;}
.products_maidian ul li .products_maidian_zhuti:before{ position:absolute; left:50%; bottom:0; width:40px; height:2px; content:""; background:#333; margin:0 0 0 -20px;}
.products_maidian ul li .products_maidian_profiles{ width:78%; margin:14px auto 28px auto; font-size:16px; color:#666; line-height:28px; text-align:center; /*height:50px;*/ display:-webkit-box; text-overflow:ellipsis; overflow:hidden; /*-webkit-line-clamp:2;*/ -webkit-box-orient:vertical;}

.product_why{ width:100%; margin:0 auto; overflow:hidden; background:#f5f5f5;}
.product_why .p_why_name{ font-size:36px; color:#000; text-align:center; line-height:48px; font-weight:bold; width:100%; margin:48px auto 36px auto; overflow:hidden;}
.product_why .p_why_name span{ display:block; font-size:16px; color:#666; line-height:28px; margin:6px 0 0 0; font-weight:normal;}
.product_why .p_why_width{ width:100%; margin:36px auto 48px auto;}
.product_why .p_why_width ul{ overflow:hidden;}
.product_why .p_why_width ul li{ float:left; width:25%;}
.product_why .p_why_width ul li .p_why_img{ width:35%; margin:0 auto;}
.product_why .p_why_width ul li .p_why_img img{ width:100%;}
.product_why .p_why_width ul li .p_why_profiles{ width:88%; margin:0 auto; font-size:16px; color:#666; line-height:28px; text-align:center;}

.product_img_jies{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.product_img_jies img{ width:100%;}
.product_img_hover{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.product_img_jies_xq{ width:100%; margin:0 auto; font-size:16px; color:#fff; line-height:28px;}
.product_img_jies_xq p{ float:right; width:45%;}

.product_img_jies2{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.product_img_jies2 img{ width:100%;}
.product_img_hover2{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.product_img_jies_xq2{ width:100%; margin:0 auto; font-size:16px; color:#666; line-height:28px;}
.product_img_jies_xq2 p{ float:left; width:42%;}

.dayin_jies{ margin:60px auto;}
.dayin_jies_name{ font-size:36px; color:#000; text-align:center; line-height:48px; font-weight:bold; width:100%; margin:0 auto 36px auto; overflow:hidden;}
.dayin_jies_name span{ display:block; font-size:16px; color:#666; line-height:28px; margin:6px 0 0 0; font-weight:normal;}
.dayin_jies_width{ width:100%; margin:36px auto 0 auto;}
.dayin_jies_width ul{ overflow:hidden;}
.dayin_jies_width ul li{ float:left; width:32%; margin:0 2% 0 0;}
.dayin_jies_width ul li:last-child{ margin:0;}
.dayin_jies_width ul li img{ width:100%;}
.dayin_jies_width ul li div{ margin:8px 0 0 0; font-size:16px; color:#666; line-height:28px;}

.xijie{ width:100%; margin:0 auto; overflow:hidden; background:#f5f5f5;}
.xijie .xijie_name{ font-size:36px; color:#000; text-align:center; line-height:48px; font-weight:bold; width:100%; margin:48px auto 28px auto; overflow:hidden;}
.xijie .xijie_name span{ display:block; font-size:16px; color:#666; line-height:28px; margin:6px 0 0 0; font-weight:normal;}
.swiper-container{ width:100%; height:300px; margin-left:auto; margin-right:auto; background:#f5f5f5;}
.swiper-slide{ background-size:cover; background-position:center;}
.gallery-top{ height:80%; width:100%;}
.gallery-thumbs{ height:20%; box-sizing:border-box; padding:10px 0;}
.gallery-thumbs .swiper-slide{ height:100%; opacity:0.4;}
.gallery-thumbs .swiper-slide-thumb-active{ opacity:1;}

.product_canshu{ margin:60px auto;}
.product_cs_left{ float:left; width:48%; background:#f5f5f5;}
.product_cs_left img{ width:100%;}
.product_cs_right{ float:right; width:48%;}
.product_cs_r_name{ font-size:30px; font-weight:bold; line-height:42px; border-bottom:#eee 1px solid; padding:0 0 10px 0; color:#191919;}
.product_cs_r_profiles{ border-bottom:#eee 1px solid; font-size:16px; color:#666; line-height:26px; padding:10px 0;}
.product_cs_r_cs{ margin:12px 0 0 0; font-size:16px; color:#666; line-height:26px;}
.product_cs_r_cs em{ display:block; font-size:20px; color:#333; font-weight:bold; margin:0 0 6px 0;}
.product_cs_r_zixun{ width:160px; height:40px; line-height:40px; text-align:center; font-size:18px; margin-top:20px;}
.product_cs_r_zixun a{ display:block; color:#fff; background:#004da1; transition:all .35s; border-radius:3px;}
.product_cs_r_zixun a:hover{ text-decoration:none; background:#0058b5;}

.yingyong{ width:100%; margin:60px auto; overflow:hidden; background:#f5f5f5;}
.yingyong .yingyong_name{ font-size:36px; color:#000; text-align:center; line-height:48px; font-weight:bold; width:100%; margin:48px auto 36px auto; overflow:hidden;}
.yingyong .yingyong_name span{ display:block; font-size:16px; color:#666; line-height:28px; margin:6px 0 0 0; font-weight:normal;}
.yingyong .yingyong_names{ font-size:20px; color:#000; line-height:32px; font-weight:bold; width:100%; margin:48px auto 30px auto; overflow:hidden;}
.yingyong .yingyong_names span{ display:block; font-size:16px; color:#666; line-height:28px; margin:6px 0 0 0; font-weight:normal;}
.yingyong .yingyong_width{ width:100%; margin:36px auto 48px auto;}
.yingyong .yingyong_width ul{}
.yingyong .yingyong_width ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.yingyong .yingyong_width ul li:last-child{ margin:0;}
.yingyong .yingyong_w_img{ width:100%; margin:0 auto; overflow:hidden;}
.yingyong .yingyong_w_img img{ width:100%;}
.yingyong .yingyong_w_biaoti{ margin:10px auto; font-size:18px; color:#000; line-height:32px; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.yingyong .yingyong_w_jies{ font-size:16px; color:#666; line-height:28px; height:84px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.product_tuijian{ margin:60px auto;}
.product_tuijian .product_tj_name{ font-size:36px; color:#000; text-align:center; line-height:48px; font-weight:bold; margin:0 0 36px 0;}
.product_tuijian .product_tj_names{ font-size:20px; color:#000; line-height:32px; font-weight:bold; margin:0 0 30px 0; border-bottom:#eee 1px solid; padding:0 0 10px 0;}
.product_tuijian ul{}
.product_tuijian ul li{ float:left; width:22%; margin:0 4% 0 0; transition:all .35s; position:relative;}
.product_tuijian ul li:last-child{ margin:0;}
.product_tuijian ul li:hover{ box-shadow:0 0 12px #ccc;}
.product_tuijian ul li a{ display:block;}
.product_tuijian ul li a:hover{ text-decoration:none;}
.product_tuijian ul li .product_tj_img{ width:100%; margin:0 auto; overflow:hidden;}
.product_tuijian ul li .product_tj_img img{ width:100%;}
.product_tuijian ul li .product_tj_biaoti{ width:90%; margin:10px auto; font-size:18px; color:#000; line-height:32px; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product_tuijian ul li .product_tj_jies{ width:90%; margin:10px auto 42px auto; font-size:16px; color:#666; line-height:28px; height:56px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.product_tuijian ul li .product_tj_jiantou{ position:absolute; bottom:14px; left:5%; height:14px;}
.product_tuijian ul li .product_tj_jiantou img{ transition:all 0.5s; opacity:0; width:23px; height:14px; position:absolute; left:-23px; top:0;}
.product_tuijian ul li:hover .product_tj_jiantou img{ left:0; opacity:1;}

.products_show_profiles{ width:100%; margin:0 auto; overflow:hidden; background:#f5f5f5;}
.products_text{ width:100%; margin:30px auto; overflow:hidden;}
.game163{ width:600px; float:left;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:516px; height:516px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:78px;}
.game163 .smallImg{ width:78px; margin:0 auto;}
.game163 .smallImg ul{ overflow:hidden;}
.game163 .smallImg li{ width:78px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:1px solid #ddd; width:76px; height:76px;}
.game163 .smallImg .on img{ border:1px solid #004da1;}
.product_right{ float:right; width:54%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px; font-weight:bold;}
.product_right .p_ggao{ font-size:18px; color:#333; line-height:28px; border:#ddd 1px solid; border-left:none; border-right:none; margin:10px auto; padding:12px 0;}
.product_right .miaoshu{ font-size:16px; color:#666; line-height:28px;}
.product_right .miaoshu em{ display:block; font-size:18px; color:#333; font-weight:bold; margin:0 0 6px 0;}
.products_show_xiangqing{ width:100%; margin:60px auto; overflow:hidden;}
.products_show_xiangqing img{ max-width:100%;}
.products_s_x_name{ font-size:20px; color:#000; line-height:32px; font-weight:bold; margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:#eee 1px solid;}

/*ny_news*/
.ny_news{ margin:20px auto 52px auto;}
.ny_news dl{ border-bottom:#eee 1px solid; padding:20px 20px 20px 0; background:#fff; transition:all .35s; overflow:hidden;}
.ny_news dl:hover{ box-shadow:0 0 20px #eee; padding:20px 0 20px 20px; position:relative; z-index:99;}
.ny_news dl a{ display:block; color:#666;}
.ny_news dl a:hover{ text-decoration:none; color:#004da1;}
.ny_news dl dd{ float:left; width:22.95%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:73%; margin:0 2%;}
.ny_news dl dt .ny_n_name{ margin:3% 0 1% 0; font-size:20px; color:#000; line-height:30px;}
.ny_news dl a:hover dt .ny_n_name{ color:#004da1;}
.ny_news dl dt .ny_n_profiles{ margin:1% 0 1.4% 0; font-size:14px; line-height:22px;}
.ny_news dl dt .ny_n_time{ font-size:14px; color:#999; line-height:22px;}
.ny_news dl dt .ny_n_time span{ margin:0 10px;}
.ny_news dl dt .ny_n_time span.ny_n_t1{ color:#000; margin:0;}
.ny_news dl dt .ny_n_time span.ny_n_t2{ margin:0;}
.ny_news dl dt .ny_n_jiantou{ text-align:right; transition:all .35s; opacity:0;}
.ny_news dl dt .ny_n_jiantou img{ width:29px; height:18px;}
.ny_news dl a:hover dt .ny_n_jiantou{ opacity:1;}

.application_show{ margin:32px auto 60px auto;}
.application_left{ float:left; width:73%;}
.application_left .appli_l_name{ font-size:30px; color:#000; line-height:42px; text-align:center;}
.application_left .appli_l_time{ width:100%; margin:14px auto; overflow:hidden; position:relative; text-align:center;}
.application_left .appli_l_time:before{ width:100%; height:1px; background:#eee; position:absolute; z-index:1; left:0; top:50%; content:"";}
.application_left .appli_l_time p{ position:relative; z-index:1; display:inline-block; background:#fff; padding:0 10px; font-size:14px; color:#999; line-height:25px;}
.application_left .appli_l_profiles{ width:100%; margin:26px auto; overflow:hidden; font-size:16px; color:#666; line-height:24px;}
.application_left .appli_l_profiles img{ max-width:100%;}
.application_left .appli_l_profiles .video_ny{ float:left; width:100%;}
.application_left .appli_l_next{ width:100%; margin:36px auto; overflow:hidden; border-top:#999 1px dotted;}
.application_left .appli_l_next dl{ margin:20px 0 0 0;}
.application_left .appli_l_next dl a{ font-size:14px; color:#666; line-height:25px;}
.application_left .appli_l_next dl a:hover{ text-decoration:none; color:#004da1;}
.application_left .appli_l_next dl dd{ float:left;}
.application_left .appli_l_next dl dt{ float:right;}
.application_left .application_tuijian{ width:100%; margin:0 auto;}
.application_left .application_tuijian .appli_tj_name{ font-size:16px; color:#333; line-height:28px; margin:0 0 16px 0;}
.application_left .application_tuijian ul{}
.application_left .application_tuijian ul li{ float:left; width:32%; margin:0 2% 0 0; transition:all .35s; position:relative;}
.application_left .application_tuijian ul li:last-child{ margin:0;}
.application_left .application_tuijian ul li:hover{ box-shadow:0 0 12px #ccc;}
.application_left .application_tuijian ul li a{ display:block;}
.application_left .application_tuijian ul li a:hover{ text-decoration:none;}
.application_left .application_tuijian ul li .appli_tj_img{ width:100%; margin:0 auto; overflow:hidden;}
.application_left .application_tuijian ul li .appli_tj_img img{ width:100%;}
.application_left .application_tuijian ul li .appli_tj_biaoti{ width:90%; margin:18px auto; font-size:16px; color:#000; line-height:24px; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.application_left .application_tuijian ul li .appli_tj_time{ width:90%; margin:18px auto 24px auto; font-size:14px; color:#999; line-height:24px;}
.application_left .application_tuijian ul li .appli_tj_jiantou{ position:absolute; bottom:29px; right:5%; height:14px;}
.application_left .application_tuijian ul li .appli_tj_jiantou img{ transition:all 0.5s; opacity:0; width:23px; height:14px; position:absolute; right:23px; top:0;}
.application_left .application_tuijian ul li:hover .appli_tj_jiantou img{ right:0; opacity:1;}
.application_right{ float:right; width:25%;}
.appli_r_name{ border:#eee 1px solid; font-size:16px; line-height:60px; padding:0 20px;}
.application_right ul{ border:#eee 1px solid; border-top:none; border-bottom:none;}
.application_right ul li a{ display:block; color:#666;}
.application_right ul li a:hover{ text-decoration:none; color:#004da1;}
.application_right ul li{ border-bottom:#eee 1px solid; padding:20px 0 40px 0;}
.application_right ul li .hot_p_img{ width:61.5%; margin:0 auto; overflow:hidden;}
.application_right ul li .hot_p_img img{ width:100%;}
.application_right ul li .hot_p_name{ width:75%; margin:18px auto; font-size:18px; font-weight:bold; color:#000; line-height:32px; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.application_right ul li .hot_p_profles{ width:75%; margin:0 auto; font-size:14px; line-height:26px; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*ruanjian*/
.ruanjian{ margin:60px auto;}
.ruanjian dl{ width:100%; margin:0 auto 28px auto; overflow:hidden; background:#f5f5f5;}
.ruanjian dl a{ display:block; transition:all .35s;}
.ruanjian dl a:hover{ text-decoration:none;}
.ruanjian dl dd{ float:left; width:38%; background:#ebebeb; text-align:center;}
.ruanjian dl dd img{ max-width:52%; margin:48px 0;}
.ruanjian dl dt{ float:right; width:54%; margin:0 4%;}
.ruanjian dl dt div{ margin:14.5% 0 3% 0; font-size:20px; color:#000; line-height:30px;}
.ruanjian dl dt p{ margin:3% 0 3.5% 0; font-size:16px; color:#888; line-height:26px;}
.ruanjian dl dt span{ width:170px; background:#004da1; font-size:16px; color:#fff; line-height:50px; display:flex; align-items:center; justify-content:center; border-radius:25px;}
.ruanjian dl dt span i{ width:20px; height:20px; background:url(../images/ruanjian_jt.png) center no-repeat; background-size:20px 20px; display:inline-block; margin:0 0 0 18px; transition:all .35s;}
.ruanjian dl:hover dt span{ background:#0058b5;}

/*company_profiles*/
.company_profiles{ margin:60px auto; position:relative;}
.company_left{ float:left; width:43.05%;}
.company_left img{ width:100%;}
.company_right{ position:absolute; right:0; top:50%; width:60%; background:#fff; margin:-259px 0 0 0;}
.company_right .company_r_name{ width:90%; margin:36px auto 22px auto; font-size:36px; color:#000; font-weight:bold; line-height:48px; position:relative; padding:0 0 18px 0;}
.company_right .company_r_name:before{ position:absolute; bottom:0; left:0; width:144px; height:3px; content:""; background:#004da1;}
.company_right .c_profiles{ width:90%; margin:22px auto; font-size:16px; color:#000; line-height:26px;}/* overflow-y:scroll;*/
.company_right .c_p_height{ min-height:390px;}

.jiazhiguan{ margin:88px auto;}
.jiazhiguan_name{ width:100%; margin:0 0 20px 0; overflow:hidden; font-size:36px; color:#000; font-weight:bold; line-height:48px;}
.jiazhiguan_name p{ font-size:16px; font-weight:normal; line-height:28px; margin:4px 0 0 0;}
.jiazhiguan_width{ width:100%; margin:0 auto;}
.jiazhiguan_width dl{ float:left; width:28%; margin:0 2% 2% 0; background:#fff; box-shadow:0 0 10px #ddd; padding:2.6% 2%;}
.jiazhiguan_width dl:nth-child(3n){ margin:0 0 2% 0;}
.jiazhiguan_width dl:nth-child(4n){ margin:0 2% 0 0;clear:left;}
.jiazhiguan_width dl:nth-child(5n){ margin:0 2% 0 0;}
.jiazhiguan_width dl:nth-child(6n){ margin:0;}
.jiazhiguan_width dl dd{ float:left; width:14%;}
.jiazhiguan_width dl dd img{ width:100%;}
.jiazhiguan_width dl dt{ float:right; width:82%;}
.jiazhiguan_width dl dt em{ display:block; margin:0 0 0.8% 0; font-size:18px; color:#000; font-weight:bold; line-height:28px;}
.jiazhiguan_width dl dt p{ font-size:16px; color:#666; line-height:26px;}

.zeren{ margin:88px auto;}
.zeren_name{ width:100%; margin:0 0 20px 0; overflow:hidden; font-size:36px; color:#000; font-weight:bold; line-height:48px;}
.zeren_width{ width:100%; margin:0 auto; overflow:hidden;}
.zeren_width dl{ float:left; width:49%; margin:0 2% 2% 0; background:#f5f5f5; overflow:hidden; display:flex; align-items:center;}
/*.zeren_width dl{ float:left; width:49%; margin:0 2% 2% 0; background:#f5f5f5; overflow:hidden;}*/
.zeren_width dl:nth-child(2n){ margin:0 0 2% 0;}
.zeren_width dl:nth-child(3n){ margin:0 2% 0 0;}
.zeren_width dl:nth-child(4n){ margin:0;}
.zeren_width dl dd{ float:left; width:46%;}
.zeren_width dl dd img{ width:100%;}
.zeren_width dl dt{ float:right; width:46%; margin:0 4% 0 4%;}
.zeren_width dl:nth-child(3n) dd{ float:right;}
.zeren_width dl:nth-child(3n) dt{ float:left;}
.zeren_width dl:nth-child(4n) dd{ float:right;}
.zeren_width dl:nth-child(4n) dt{ float:left;}
.zeren_width dl dt em{ display:block; font-size:20px; color:#000; font-weight:bold; margin-bottom:3%;}
/*.zeren_width dl dt em{ display:block; margin:16% 0 3% 0; font-size:20px; color:#000; font-weight:bold; line-height:32px;}*/
.zeren_width dl dt p{ font-size:14px; color:#666; line-height:22px;}
.huanjing{ margin:88px auto;}
.huanjing_name{ width:100%; margin:0 0 20px 0; overflow:hidden; font-size:36px; color:#000; font-weight:bold; line-height:48px;}
.huanjing_width{ width:100%; margin:0 auto;}
.huanjing_width ul{ overflow:hidden;}
.huanjing_width ul li{ float:left; width:49%; margin:0 2% 2% 0; position:relative; overflow:hidden;}
.huanjing_width ul li:nth-child(2n){ margin:0 0 2% 0;}
.huanjing_width ul li:nth-child(3n){ margin:0 2% 0 0;}
.huanjing_width ul li:nth-child(4n){ margin:0;}
.huanjing_width ul li img{ width:100%;}
.huanjing_width ul li .huanjing_hover{ color:#fff; width:92%; padding:30px 4% 40px 4%; position:absolute; left:0; bottom:0; transition:all .35s; background:rgba(0,0,0,.3); transform:translateY(calc(100% - 84px));}
.huanjing_width ul li:hover .huanjing_hover{ transform:translateY(0);}
.huanjing_width ul li .huanjing_h_name{ font-size:26px; font-weight:bold; line-height:36px;}
.huanjing_width ul li .huanjing_h_profile{ font-size:16px; line-height:24px; margin:24px 0 0 0; transition:all .35s;}
.huanjing_width ul li:hover .huanjing_h_profile{ margin:16px 0 0 0;}

/*contact_us*/
.contact_us{ margin:-58px auto 32px auto; background:#fff; box-shadow:0 0 10px #ddd; border-radius:8px; position:relative; z-index:2;}
.c_us_lujing{ width:100%; margin:0 auto; overflow:hidden; border-bottom:#eee 1px solid;}
.c_us_lj{ width:96%; margin:16px auto; overflow:hidden; font-size:14px; color:#999; line-height:25px;}
.c_us_lj a{ color:#999;}
.c_us_lj a:hover{ text-decoration:none; color:#004da1;}
.c_us_lj span{ font-family:宋体; font-weight:bold; margin:0 14px;}
.contact{ width:88%; border-bottom:#eee 1px solid; margin:36px auto; overflow:hidden;}
.contact dl{ float:left; width:24%; margin:0 4% 0 0;}
.contact dl:nth-child(2){ width:28%;}
.contact dl:nth-child(3){ width:40%; margin:0;}
.contact dl dd{ float:left; width:8%;}
.contact dl:nth-child(3) dd{ width:5.2%;}
.contact dl dd img{ width:100%;}
.contact dl dt{ float:right; width:88%;}
.contact dl:nth-child(3) dt{ width:90.8%;}
.contact dl dt em{ display:block; font-size:20px; color:#000; font-weight:bold; line-height:24px;}
.contact dl dt div{ margin:12px 0; font-size:24px; color:#000; line-height:24px; font-family:Arial;}
.contact dl dt div a{ color:#000;}
.contact dl dt div a:hover{ text-decoration:none; color:#004da1;}
.contact dl dt span{ width:1px; background:#000; height:18px; display:inline-block; margin:0 10px;}
.contact dl dt p{ font-size:16px; color:#999; line-height:24px; margin:12px 0 0 0;}
.suggest{ width:52%; margin:36px auto;}
.suggest ul{ overflow:hidden;}
.suggest li{ margin:0 0 32px 0;}
.suggest li:last-child{ margin:0;}
.suggest .text_suggest{ width:98%; padding:17px 0 17px 2%; border:none; font-size:14px; color:#666; line-height:26px; background:#f5f5f5; border-radius:6px;}
.suggest .cont_suggest{ width:98%; padding:8px 0 8px 2%; border:none; height:104px; font-size:14px; color:#666; line-height:26px; cue-after:none; background:#f5f5f5; border-radius:6px;}
.suggest li p{ display:block; font-size:18px; color:#000; line-height:28px; margin:0 0 6px 0;}
.suggest li span{ color:#f00;}
.suggest .suggest_button{ width:240px; margin:0 auto; line-height:58px; font-size:18px; color:#fff; text-align:center; background:#004da1; cursor:pointer; border-radius:29px; }

/*sitemap*/
.sitemap{ margin:36px auto 52px auto;}
.sitemap dl{ overflow:hidden; border-bottom:#eee 1px solid; margin:0 0 18px 0;}
.sitemap dl:last-child{ margin:0;}
.sitemap dl dd{ margin:0 auto 8px auto; font-size:16px; color:#000; line-height:28px;}
.sitemap dl dd a{ color:#000; font-weight:bold;}
.sitemap dl dd a:hover{ text-decoration:none; color:#004da1;}
.sitemap dl dt{ float:left; margin:0 18px 8px 0; font-size:14px; color:#333; line-height:25px;}
.sitemap dl dd a{ color:#333;}
.sitemap dl dd a:hover{ text-decoration:none; color:#004da1;}

/*yinsi*/
.yinsi{ margin:36px auto 52px auto; font-size:16px; color:#333; line-height:26px;}

/* 分页 */
.pagination { margin-top: 35px; text-align: center; font-size: 0; }
.pagination li { display: inline-block; font-size: 15px; }
.pagination li a, .pagination span { display: block; padding: 5px 15px; margin-left: 3px; border: 1px solid #DDDDDD; margin-right: 3px; }
.pagination li.active span, .pagination a:hover { color: white; background: #003DA1; border-color: #003DA1; text-decoration: none; }
/*ky*/
.ky .contact h2 {
    font-size: 20px;
    color: #1d1d1d;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    font-weight: bold;
}
.ky .form {
    width: 95%;
}
.ky .feedback-group {
    float: left;
    width: calc(50% - 15px);
    margin-top: 15px;
}
.ky .feedback-group:nth-child(2n) {
    float: right;
}
.ky .feedback-group.block {
    width: 100%;
}
.ky .feedback-group label {
    font-size: 14px;
    color: #1d1d1d;
    line-height: unset;
    text-align: left;
    vertical-align: middle;
    float: left;
    line-height: 40px;
    box-sizing: border-box;
}
.ky .feedback-group.required label::after {
    content: "*";
    color: red;
    margin-left: 5px;
}
.ky .feedback-group .input {
    width: 100%;
}
.ky .feedback-group .input input {
    height: 48px;
    font-size: 16px;
    line-height: unset;
    background: #f5f5f5;
    color: #1d1d1d;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 15px 25px;
    width: 100%;
    box-sizing: border-box;
}
.ky .feedback-group .textarea textarea {
    width: 100%;
    height: 120px;
    font-size: 16px;
    line-height: unset;
    background: #f5f5f5;
    color: #1d1d1d;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 15px 25px;
    resize: none;
    box-sizing: border-box;
}
.ky .feedback-group .button button {
    width: 200px;
    height: 50px;
    background: #005bac;
    border-radius: 6px;
    font-size: 14px;
    line-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: opacity .3s;
    margin-top: 30px;
    outline: none;
    border: none;
    margin-bottom: 75px;
}
.f-detail-title li {
    display: inline-block;
    color: #777777;
    margin-right: 27px;
}
.f-detail-title li:hover {
    cursor: pointer;
}
.f-detail-title li.active {
    color: #000000;
}
.f-detail .f-detail-text {
    display: none;
}
.f-detail .f-detail-text.active {
    display: block;
}
.f-detail .f-detail-text iframe {
    position: relative;
    max-width: 100%;
}