@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,iframe{ margin:0; padding:0;}
body{ color:#333; font-size:14px; font-family:Microsoft Yahei,Arial,"sans-serif";}
section,article,aside,header,footer,nav,dialog,figure,iframe{ 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% Microsoft Yahei,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:#4646eb; text-decoration:underline;}
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; background:rgba(0,0,0,.2); position:fixed; left:0; top:0; z-index:1000; transition:all .75s;}
.head_top .logo{ float:left; width:236px; margin:14px 0;}
.head_top .logo img{ width:100%;}
.head_top h1{ display:none; float:left; font-size:30px; color:#fff; font-weight:bold; line-height:42px; margin:19px 0 19px 16px;}
.head_top .rexian{ position:absolute; top:22px; right:2%; color:#4646eb; font-size:24px; line-height:34px; transition:all .5s;}
.head_top .rexian i{ float:left; margin:0 12px 0 0; background:url(../images/rexian.png) center no-repeat; width:28px; height:34px;}
.h_active{ box-shadow:0 0 3px #999 !important; background:rgba(255,255,255,1) !important;}
.h_active .nav a{ color:#333;}
.h_active h1{ color:#333;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; margin:0 0 0 78px;}
.nav .m:after{ position:absolute; bottom:0; left:0; content:""; width:0; height:2px; background:#4646eb; transition:all .35s;}
.nav .m:hover:after{ width:100%;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:80px;}
.nav li:hover a, .nav li a.cutter{ color:#4646eb; text-decoration:none;}
.nav .sub{ width:168px; position:absolute; left:0; top:80px; background:rgba(255,255,255,.88); padding:18px 20px;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#333; font-size:14px; line-height:32px; display:block; background:none; padding:0;}
.nav .sub li a:hover{ text-decoration:none; color:#4646eb;}

#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:1001; 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:10px;}
.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:16px; 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 a{	display:block; height:50px; line-height:50px; padding:0 20px; 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;}
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden; position:relative;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
.flexslider .slides > li .fd_wz{ position:absolute; left:0; top:25%; width:100%; font-size:18px; color:#fff; line-height:30px; text-shadow:0 0 30px #333;}
.flexslider .slides > li .fd_wz em{ display:block; margin:0 0 2% 0; font-size:52px; line-height:68px;}
.flexslider .slides > li .fd_wz p{ width:66%;}
.flexslider .slides > li .fd_wz span{ width:188px; margin:3.5% 0 0 0; display:inline-block; background:#fff; border-radius:4px; font-size:14px; color:#9f46eb; line-height:48px; text-align:center;}
.flexslider .slides > li.flex-active-slide .fd_wz{ animation-name:bounceInUp; -moz-animation-name:bounceInUp; -ms-animation-name:bounceInUp; -o-animation-name:bounceInUp; -webkit-animation-name:bounceInUp; opacity:1;}
.swiper-slide-active .fd_wz{ display:block; animation-duration:1.5s; animation-delay:.5s; -moz-animation-duration:1.5s; -moz-animation-delay:.5s; -ms-animation-duration:1.5s; -ms-animation-delay:.5s; -o-animation-duration:1.5s; -o-animation-delay:.5s; -webkit-animation-duration:1.5s; -webkit-animation-delay:.5s; animation-fill-mode:both; opacity:0;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:80px; height:3px; display:block; background:#9f46eb; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#4646eb; }
.flex-control-paging li a.flex-active{ background:#4646eb; cursor:default;}	
.banner .flex-direction-nav a{ width:8%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 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_zhuti{ width:100%; margin:0 auto 40px auto; overflow:hidden;}
.new_p_zhuti .new_p_name{ float:left; font-size:24px; color:#666; font-family:Arial; line-height:40px;}
.new_p_zhuti .new_p_name font{ font-size:36px; margin:0 18px;}
.new_p_zhuti .new_p_name span{ font-size:36px; color:#4646eb;}
.new_p_zhuti .new_p_nav{ float:right;}
.new_p_zhuti .new_p_nav ul{ overflow:hidden;}
.new_p_zhuti .new_p_nav ul li{ float:left; margin:0 0 0 30px; position:relative;}
.new_p_zhuti .new_p_nav ul li:nth-child(1){ margin:0;}
.new_p_zhuti .new_p_nav ul li a{ font-size:18px; color:#fff; background:#4646eb; line-height:40px; display:block; text-align:center; padding:0 14px; border-radius:6px;}
.new_p_zhuti .new_p_nav ul li a:hover{ text-decoration:none; background:#9f46eb;}
.new_p_width{ width:100%; margin:0 auto;}
.new_p_width ul{ overflow:hidden;}
.new_p_width ul li{ float:left; width:23.5%; margin:0 2% 0 0; background:#4646eb; border-radius:10px; text-align:center; position:relative;}
.new_p_width ul li:last-child{ width:49%; margin:0;}
.new_p_width ul li img{ width:282px; }
.new_p_width ul li p{ width:88%; margin:0 auto; font-size:14px; color:#fff; line-height:25px; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_width ul li .new_p_n1{ font-size:16px; margin:6px auto;}
.new_p_width ul li .new_p_n2{ margin:6px auto 36px auto;}
.new_p_width ul li .new_p_hover{ display:none;}
.new_p_width ul li:hover .new_p_hover{ display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(159,70,235); border-radius:10px;}
.new_p_width ul li .new_p_xilie{ width:88%; margin:0 auto; font-size:16px; color:#fff; line-height:28px; text-align:center; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_width ul li .new_p_profiles{ width:88%; margin:10px auto 24px auto; font-size:14px; color:#fff; line-height:25px; text-align:center; height:100px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.new_p_width ul li .new_p_more{ width:106px; margin:0 auto; overflow:hidden; text-transform:uppercase;}
.new_p_width ul li .new_p_more a{ display:block; font-size:14px; color:#fff; line-height:34px; border:#fff 1px solid; text-align:center; transition:all .35s; border-radius:6px;}
.new_p_width ul li .new_p_more a:hover{ text-decoration:none; color:#4646eb; background:#fff;}

/*applications*/
.applications{ width:100%; margin:80px auto; background:#fafafa; overflow:hidden; position:relative;}
.applications_name{ width:100%; margin:68px auto 36px auto; overflow:hidden; font-size:24px; color:#666; font-family:Arial; line-height:40px;}
.applications_name font{ font-size:36px; margin:0 18px;}
.applications_name span{ font-size:36px; color:#4646eb;}
.applications_width{ width:100%; margin:36px auto 52px auto;}
.applications_width ul{ overflow:hidden;}
.applications_width ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative; transition:all .5s;}
.applications_width ul li:nth-child(4n){ margin:0 0 2% 0;}
.applications_width ul li img{ width:100%;}
.applications_width ul li .application_hover{ display:none;}
.applications_width ul li:hover .application_hover{ display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(70,70,235,.8);}
.applications_width ul li .application_zhuti{ width:88%; margin:0 auto 28px auto; font-size:16px; color:#fff; line-height:38px; text-align:center; height:39px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.applications_width ul li .application_zhuti span{ border-bottom:#fff 1px solid; display:inline-block;}
.applications_width ul li .application_more{ width:160px; margin:0 auto; overflow:hidden; text-transform:uppercase;}
.applications_width ul li .application_more a{ display:block; font-size:14px; color:#fff; line-height:36px; border:#fff 1px solid; text-align:center; transition:all .35s;}
.applications_width ul li .application_more a:hover{ text-decoration:none; color:#4646eb; background:#fff;}
.applications_width ul li p{ position:absolute; bottom:0; left:0; font-size:16px; line-height:46px; text-align:center; background:rgba(70,70,235,.8); color:#fff; width:100%; height:46px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.applications_width ul li:hover p{ display:none;}

/*news*/
.news{ margin:80px auto;}
.news_zhuti{ width:100%; margin:0 auto 40px auto; overflow:hidden;}
.news_zhuti .news_name{ float:left; font-size:24px; color:#666; font-family:Arial; line-height:40px;}
.news_zhuti .news_name font{ font-size:36px; margin:0 18px;}
.news_zhuti .news_name span{ font-size:36px; color:#4646eb;}
.news_zhuti .news_nav{ float:right;}
.news_zhuti .news_nav ul{ overflow:hidden;}
.news_zhuti .news_nav ul li{ float:left; margin:0 0 0 30px; width:136px; position:relative;}
.news_zhuti .news_nav ul li a{ font-size:18px; color:#fff; background:#4646eb; line-height:40px; display:block; text-align:center;}
.news_zhuti .news_nav ul li a:hover{ text-decoration:none; background:#9f46eb;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width ul{ overflow:hidden;}
.news_width ul li{ float:left; width:25%; position:relative;}/* cursor:pointer;*/
.news_width ul li img{ width:100%;}
.news_width ul li .news_hover{ position:absolute; left:0; top:0; width:100%; height:100%; flex-direction:column; display:flex; justify-content:center; align-items:center; background:rgba(255,255,255,.68);}
.news_width ul li:hover .news_hover{ background:rgba(255,255,255,.88);}
.news_width ul li .news_time{ width:75%; margin:0 auto; overflow:hidden; font-size:16px; color:#333; line-height:25px; text-align:center; font-weight:bold;}
.news_width ul li .news_time span{ display:block; color:#999; font-size:14px;}
.news_width ul li .news_biaoti{ width:84%; margin:10px auto 8px auto; font-size:16px; color:#333; line-height:28px; font-weight:bold; height:28px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width ul li .news_profiles{ width:84%; margin:8px auto 22px auto; font-size:14px; color:#666; line-height:25px; height:100px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news_width ul li .news_more{ width:88px; margin:0 auto; overflow:hidden;}
.news_width ul li .news_more a{ display:block; color:#4646eb; border:#4646eb 1px solid; font-size:24px; line-height:30px; text-align:center;}
.news_width ul li .news_more a:hover{ text-decoration:none; background:#4646eb; color:#fff;}

/*contact_us*/
.contact_us{ width:100%; background:#fafafa; margin:0 auto; overflow:hidden; padding:80px 0;}
.contact_name{ font-size:24px; color:#666; font-family:Arial; line-height:40px;}
.contact_name font{ font-size:36px; margin:0 18px;}
.contact_name span{ font-size:36px; color:#4646eb;}
.contact_width{ width:100%; margin:40px auto 36px auto;}
.contact_width ul li{ float:left; width:24.1%; margin:0 1.2% 0 0; position:relative;}
.contact_width ul li:last-child{ margin:0;}
.contact_width ul li:before{ display:none;}
.contact_width ul li:hover:before{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:#4646eb; background:-webkit-gradient(linear,left top, right top,from(#4646eb),to(#9f46eb)); background:linear-gradient(to right,#4646eb,#9f46eb); z-index:1; border-radius:10px;}
.contact_width ul li a{ border:#4646eb 2px solid; display:block; border-radius:10px;}
.contact_width ul li:hover a{ text-decoration:none; box-shadow:0 0 10px rgba(70,70,235,.6);}
.contact_width ul li .contact_imag{ width:88px; height:88px; margin:36px auto 18px auto; background:url(../images/contact1.png) center no-repeat; position:relative; z-index:2;}
.contact_width ul li:nth-child(2) .contact_imag{ background:url(../images/contact2.png) center no-repeat;}
.contact_width ul li:nth-child(3) .contact_imag{ background:url(../images/contact3.png) center no-repeat;}
.contact_width ul li:nth-child(4) .contact_imag{ background:url(../images/contact4.png) center no-repeat;}
.contact_width ul li:hover .contact_imag{ background:url(../images/contact1_hover.png) center no-repeat;}
.contact_width ul li:hover:nth-child(2) .contact_imag{ background:url(../images/contact2_hover.png) center no-repeat;}
.contact_width ul li:hover:nth-child(3) .contact_imag{ background:url(../images/contact3_hover.png) center no-repeat;}
.contact_width ul li:hover:nth-child(4) .contact_imag{ background:url(../images/contact4_hover.png) center no-repeat;}
.contact_width ul li .contact_zhuti{ width:88%; margin:18px auto 8px auto; font-size:18px; color:#333; line-height:28px; text-align:center; position:relative; z-index:2;}
.contact_width ul li:hover .contact_zhuti{ color:#fff;}
.contact_width ul li .contact_jies{ width:88%; margin:8px auto 18px auto; font-size:14px; color:#666; line-height:25px; text-align:center; position:relative; z-index:2; height:50px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.contact_width ul li:hover .contact_jies{ color:#fff;}
.contact_us .contact_more{ width:168px; margin:52px auto 0 auto; overflow:hidden;}
.contact_us .contact_more a{ display:block; border:#4646eb 2px solid; border-radius:10px; line-height:44px; text-align:center;}
.contact_us .contact_more a:hover{ text-decoration:none; background:#4646eb; color:#fff;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#a9bcd1; line-height:24px; padding:18px 0; background:#4646eb; background:-webkit-gradient(linear,left top, right top,from(#4646eb),to(#9f46eb)); background:linear-gradient(to right,#4646eb,#9f46eb);}
.footer_left{ float:left;}
.footer_right{ float:right;}
.footer_right span{ margin:0 12px;}
.footer a{ color:#a9bcd1;}
.footer a:hover{ text-decoration:none; color:#fff;}

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

/*lujing*/
.lujing{ border:#ececec 1px solid; border-left:none; border-top:none; box-shadow:0 2px 5px #ececec; padding:16px 0;}
.lujing a{ font-size:14px; color:#323232; line-height:20px; float:left; font-weight:bold;}
.lujing a:hover{ color:#4646eb; text-decoration:none;}
.lujing i{ width:5px; height:10px; background:url(../images/lj_jt.png) center no-repeat; float:left; margin:5px 15px;}

/*content_nav*/
.content_nav{ width:100%; margin:0 auto; overflow:hidden; border-bottom:#eee 1px solid;}
.content_nav ul{ overflow:hidden; font-size:0;}
.content_nav ul li{ display:inline-block; font-size:16px; margin:0 4% 0 0;}
.content_nav ul li a{ display:block; line-height:59px; color:#525252;}
.content_nav ul li a:hover{ text-decoration:none; color:#4646eb;}

/*content*/
.content{ margin:68px auto;}

/*company*/
.company_profiles{ font-size:16px; color:#666; line-height:28px;}

.canguan{ width:100%; margin:0 auto;}
.canguan ul{}
.canguan ul li{ width:23.2%; float:left; margin:0 2.4% 2.4% 0;}
.canguan ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.canguan ul li img{ width:100%;}
.canguan 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;}
.canguan ul li a{ color:#333; border:#eee 1px solid; padding:2px; display:block;}
.canguan ul li a:hover{ text-decoration:none; color:#4646eb; border:#4646eb 1px solid; box-shadow:0 0 8px #ccc;}

.shijian{ width:100%; margin:0 auto; overflow:hidden;}
.shijian dl{ width:45%; position:relative; overflow:hidden; border-bottom:#eee 1px solid; padding:0 0 0 55%;}
.shijian dl:nth-child(2n){ padding:0 55% 0 0;}
.shijian dl:before{ position:absolute; top:0; left:50%; background:#eee; height:100%; width:2px; content:""; margin:0 0 0 -1px;}
.shijian dl i:before{ position:absolute; left:50%; top:12px; background:#fff; border:#4646eb 4px solid; content:""; width:10px; height:10px; border-radius:50%; margin:0 0 0 -9px; z-index:2;}
.shijian dl i:after{ position:absolute; left:50%; top:20px; background:#4646eb; width:3%; height:2px; content:""; z-index:1;}
.shijian dl:nth-child(2n) i:before{ left:inherit; right:50%; margin:0 -9px 0 0;}
.shijian dl:nth-child(2n) i:after{ left:inherit; right:50%;}
.shijian dl dd{ width:100%; font-size:18px; color:#4646eb; line-height:42px; overflow:hidden;}
.shijian dl:nth-child(2n) dd{ text-align:right;}
.shijian dl:nth-child(2n) dt{ text-align:right;}
.shijian dl dt{ position:relative; overflow:hidden; margin:0 0 10px 0; font-size:14px; color:#333; line-height:25px;}

/*products*/
.products{ width:100%; margin:0 auto; overflow:hidden;}
.products_ejfl{ width:100%; margin:0 auto 24px auto; font-size:24px; line-height:36px; font-weight:bold; background:#f8f8f8; padding:8px 0 8px 16px;}
.products_ejfl a{ color:#4646eb;}
.products_gshu{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:28px; font-weight:bold;}
.products_profile{ width:100%; margin:10px auto 30px auto; font-size:16px; color:#666; line-height:28px;}
.movefix{ position:fixed; max-width:1200px !important; left:50%; z-index:9999; margin:0 0 0 -600px !important;}
.products_name{ width:100%; margin:0 auto; background:#f5f5f5;}
.products_name ul{ overflow:hidden;}
.products_name ul li{ float:left;}
.products_name ul li a{ font-size:18px; color:#333; line-height:30px; font-weight:bold; padding:10px 30px; display:block;}
.products_name ul li a.cutt{ background:#4646eb; color:#fff;}
.products_name ul li a:hover{ text-decoration:none;}
.products_quanbu{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}
.products_id{ width:100%; margin:48px auto; font-size:16px; color:#666; line-height:28px;}
.products_zhuti{ width:100%; margin:0 auto 24px auto; font-size:24px; color:#333; line-height:36px; font-weight:bold; border-bottom:#ccc 1px solid; padding:0 0 14px 0;}
.products_profiles{ width:100%; margin:24px auto 30px auto; font-size:16px; color:#666; line-height:28px;}
.products_fl{ width:100%; margin:30px auto 14px auto; font-size:16px; color:#333; line-height:28px; font-weight:bold;}
.products_ctr{ width:100%; margin:14px auto 0 auto;}
.products_ctr ul{ overflow:hidden;}
.products_ctr ul li{ float:left; width:50%; line-height:28px; margin:0 0 6px 0;}
.products_ctr ul li a{ font-size:16px; color:#666; display:block;}
.products_ctr ul li a:hover{ text-decoration:none; color:#4646eb;}

.products_id2{ width:100%; margin:48px auto; font-size:16px; color:#666; line-height:28px;}
.products2_zhti{ width:100%; margin:0 auto 18px auto; font-size:24px; color:#333; line-height:36px; font-weight:bold; border-bottom:#ccc 1px solid; padding:0 0 10px 0;}
.down_width{ width:100%; margin:0 auto;}
.down_width ul{ overflow:hidden;}
.down_width ul.d_title li{ font-size:16px; color:#333; line-height:22px; padding:8px 0; border-bottom:#ddd 1px solid;}
.down_width ul.xiangxi li{ font-size:16px; line-height:22px; color:#333; padding:8px 0; height:40px; word-break:break-all; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.down_width ul li.model{ width:16%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt{ width:12%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt2{ width:50%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.pwm{ width:6%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li a{ font-size:16px; color:#4646eb; display:block; line-height:22px;}
.down_width ul li a:hover{ color:#4646eb;}

.products_id3{ width:100%; margin:48px auto; font-size:16px; color:#666; line-height:28px;}
.products3_zhuti{ width:100%; margin:0 auto 24px auto; font-size:24px; color:#333; line-height:36px; font-weight:bold; border-bottom:#ccc 1px solid; padding:0 0 10px 0;}
.products_applications{ width:100%; margin:0 auto;}
.products_applications ul{ overflow:hidden;}
.products_applications ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative;}
.products_applications ul li:nth-child(4n){ margin:0 0 2% 0;}
.products_applications ul li img{ width:100%;}
.products_applications ul li em{ position:absolute; background:rgba(70,70,235,.8); left:0; bottom:0; display:block; width:100%; font-size:16px; line-height:28px; text-align:center; padding:6px 0;}
.products_applications ul li a{ display:block; border:#eee 1px solid; color:#fff;}
.products_applications ul li a:hover{ text-decoration:none;}

.productshow_widith{ width:100%; margin:48px auto 24px auto; overflow:hidden;}
.productshow_left{ float:left; width:48%;}
.productshow_left .p_left_name{ font-size:30px; color:#333; line-height:42px; margin-top:7%; margin-bottom:7%;}
.productshow_left .p_left_profiles{ margin:14px 0 32px 0; font-size:16px; color:#666; line-height:250%;}
.productshow_left .p_left_download{ line-height:28px;}
.productshow_left .p_left_download a{ font-size:16px; color:#4646eb; display:block;}
.productshow_left .p_left_download a:hover{ color:#4646eb;}
.productshow_right{ float:right; width:42%; text-align:center;}
.productshow_right img{ max-width:100%;}
.productshow_tedian{ width:100%; margin:24px auto 48px auto; overflow:hidden; font-size:16px; color:#666; line-height:28px;}
.productshow_tedian img{ max-width:100%;}

/*forum*/
.forum{ width:100%; margin:0 auto;}
.forum dl{ overflow:hidden; margin:0 0 20px 0;}
.forum dl dd{ background:#f6f6f6; font-size:14px; line-height:25px; color:#333; font-weight:bold; padding:9px 20px;}
.forum dl dt{ border:#f6f6f6 1px solid; font-size:14px; line-height:25px; padding:14px 20px;}
.forum dl a{ display:block; color:#666;}
.forum dl a:hover{ text-decoration:none; color:#4646eb;}
.forum dl .forum_more{ width:100%; margin:8px auto 0 auto; overflow:hidden;}
.forum dl a .forum_more{ color:#4646eb;}

/*ny_news*/
.ny_news{ width:100%; margin:0 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:#4646eb;}
.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:#4646eb;}
.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;}

.news_xqing{ width:100%; margin:0 auto;}
.news_xqing .news_x_name{ font-size:30px; color:#000; line-height:42px; text-align:center;}
.news_xqing .news_x_time{ width:100%; margin:14px auto; overflow:hidden; position:relative; text-align:center;}
.news_xqing .news_x_time:before{ width:100%; height:1px; background:#eee; position:absolute; z-index:1; left:0; top:50%; content:"";}
.news_xqing .news_x_time p{ position:relative; z-index:1; display:inline-block; background:#fff; padding:0 10px; font-size:14px; color:#999; line-height:25px;}
.news_xqing .news_x_profiles{ width:100%; margin:26px auto; overflow:hidden; font-size:16px; color:#666; line-height:24px;}
.news_xqing .news_x_profiles img{ max-width:100%;}
.news_xqing .news_x_profiles .video_ny{ float:left; width:100%;}
.news_xqing .news_x_next{ width:100%; margin:36px auto; overflow:hidden; border-top:#999 1px dotted;}
.news_xqing .news_x_next dl{ margin:20px 0 0 0;}
.news_xqing .news_x_next dl a{ font-size:14px; color:#666; line-height:25px;}
.news_xqing .news_x_next dl a:hover{ text-decoration:none; color:#004da1;}
.news_xqing .news_x_next dl dd{ float:left;}
.news_xqing .news_x_next dl dt{ float:right;}
.news_xqing .news_x_tuijian{ width:100%; margin:0 auto;}
.news_xqing .news_x_tuijian .news_tj_name{ font-size:16px; color:#333; line-height:28px; margin:0 0 16px 0;}
.news_xqing .news_x_tuijian ul{}
.news_xqing .news_x_tuijian ul li{ float:left; width:23.5%; margin:0 2% 0 0; transition:all .35s; position:relative;}
.news_xqing .news_x_tuijian ul li:last-child{ margin:0;}
.news_xqing .news_x_tuijian ul li:hover{ box-shadow:0 0 12px #ccc;}
.news_xqing .news_x_tuijian ul li a{ display:block;}
.news_xqing .news_x_tuijian ul li a:hover{ text-decoration:none;}
.news_xqing .news_x_tuijian ul li .news_tj_img{ width:100%; margin:0 auto; overflow:hidden;}
.news_xqing .news_x_tuijian ul li .news_tj_img img{ width:100%;}
.news_xqing .news_x_tuijian ul li .news_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;}
.news_xqing .news_x_tuijian ul li .news_tj_time{ width:90%; margin:18px auto 24px auto; font-size:14px; color:#999; line-height:24px;}
.news_xqing .news_x_tuijian ul li .news_tj_jiantou{ position:absolute; bottom:29px; right:5%; height:14px;}
.news_xqing .news_x_tuijian ul li .news_tj_jiantou img{ transition:all 0.5s; opacity:0; width:23px; height:14px; position:absolute; right:23px; top:0;}
.news_xqing .news_x_tuijian ul li:hover .news_tj_jiantou img{ right:0; opacity:1;}

/*contact*/
.contact{ width:100%; margin:0 auto; overflow:hidden;}
.contact dl{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.contact dl:nth-child(3n){ margin:0 0 3.5% 0;}
.contact dl dd{ font-size:24px; color:#333; line-height:36px; border-bottom:#ccc 1px solid; margin:0 0 18px 0; padding:0 0 10px 0;}
.contact dl dt{ font-size:16px; color:#666; line-height:28px; height:56px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.feeback{ width:100%; margin:48px auto; overflow:hidden; border-top:#ccc 1px solid;}
.feedback_name{ font-size:16px; color:#666; line-height:28px; text-align:center; margin:48px auto 32px auto;}
.feedback_name span{ display:block; font-size:30px; color:#333; font-weight:bold; line-height:42px; margin:0 0 6px 0;}
.message{ width:100%; margin:0 auto; overflow:hidden; background:#f2f2f2;}
.message ul{ padding:4% 4% 0 4%; overflow:hidden;}
.message li{ margin:0 4% 4% 0; float:left; width:48%;}
.message li:nth-child(2n){ margin:0 0 4% 0;}
.message li:nth-child(5n){ margin:0 0 4% 0;}
.message li.mess{ width:100%; float:none; overflow:hidden;}
.message .text-input{ width:95.6%; border:none; border:#dddee1 1px solid; padding:0 0 0 4%; font-size:14px; color:#666; line-height:46px; height:46px; background:fff;}
.message .cont-input{ width:97.8%; padding:14px 0 0 2%; height:150px; font-size:14px; color:#666; line-height:25px; cue-after:none; background:#fff; border:#dddee1 1px solid;}
.message li span{ display:block; font-size:16px; color:#666; text-align:center; line-height:28px; margin:0 0 6px 0;}
.message .messages-button{ width:168px; margin:0 auto; line-height:56px; font-size:18px; color:#333; text-align:center; background:#e5e5e5; cursor:pointer; border-radius:5px; text-transform:uppercase; font-family:Arial;}
.contact_map{ width:100%; margin:0 auto; overflow:hidden;}
.contact_map iframe{ float:left;}


.sp-wrap{ width:100%; margin:0 auto; display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%; text-align:left;}
.sp-thumbs img{ max-width:98%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:24%; height:123px; border:#ddd 1px solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:99.8% !important; margin:0 0 2% 0; border:#ddd 1px solid;}
.sp-large a img{}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}