@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:Arial, sans-serif;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Arial, sans-serif; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#00c5ff; text-decoration:underline;}
.width_all{ max-width:1482px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}


.btn-danger{ 
    padding:10px 25px; 
	margin-top:40px; 
	width:160px; 
	text-align:center; 
	background:#00a2ea;
}
.btn-danger a{ 
    color:#fff;
}
.btn-danger:hover{ 
    background:#e60012;
}


/*news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news dl dd{ float:left; width:40%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:57%; font-size:12px; color:#666; line-height:22px;}
.ny_news dl dt em{ display:block; font-size:14px; color:#333;}
.ny_news dl dt small{ display:block; font-size:12px; color:#888; margin:0 0 8px 0;}
.ny_news dl dt .n_more{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.ny_news dl dt .n_more a{ font-size:14px; color:#feba22; line-height:22px; display:block;}
.ny_news ul{ overflow:hidden; margin:16px auto 0 auto;  font-size:16px;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.ny_news ul li a{ font-size:16px; color:#333; line-height:42px; display:block;}
.ny_news ul li a:hover{ color:#feba22; text-decoration:none;}
.ny_news ul li i{ width:3px; height:14px; background:#feba22; float:left; margin:14px 10px 0 0;}
.ny_news ul li span{ width:68%; float:left; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ float:right; color:#999;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto;}
.news_name_n strong{ font-size:15px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:22px auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#feba22;}




/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:1000; position:fixed; left:0; top:0; background:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0)));}
.head_top .logo{ float:left; width:350px; margin:26px auto;}
.head_top .logo img{ width:100%;}
.head_top .logo_h{ display:none; float:left; width:350px; margin:26px auto;}
.head_top .logo_h img{ width:100%;}
.head_top .logo_xian{ display:none; width:66px; float:left; margin:0 0 0 24px;}
.head_top .logo_xian img{ width:100%;}
.head_top h1{ display:none;}
.h_active{ background:#fff; position:fixed; box-shadow:0 0 3px #999;}
.h_active .logo_xian{ display:block;}
.h_active .logo{ display:none;}
.h_active .logo_h{ display:block;}
.h_active .nav li a{ color:#333;}
.h_active .nav li:hover a, .h_active .nav li a.cutter{ color:#333;}
.h_active .cnen a{ background:#5f5d5d !important; color:#fff !important;}
.h_active .cnen a:hover{ background:#00c5ff !important;}
.h_active .top_r_ss .top_r_s{ display:none;}
.h_active .top_r_ss .top_r_h{ display:block;}

.top_r_spz{ float:right;}
.top_r_ss{ float:left; width:28px; height:28px; cursor:pointer; position:relative; margin:41px 0; padding:0 13px 0 0;}
.top_r_ss:after{ position:absolute; right:0; top:6px; width:1px; height:16px; content:""; background:#b8b8b8;}
.top_r_ss .top_r_h{ display:none;}
.ss_xl{ position:absolute; right:0; top:-6px; padding:0; width:0; overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
.top_r_ss:hover .ss_xl{ width:280px;}
.top_r_ss:hover img{ display:none;}
.ss_xl *{ box-sizing:border-box;}
.ss_xl form{ position:relative; z-index:99;}
.ss_xl input{ display:block; font-size:14px; line-height:40px; color:#666; background:#f2f2f2; width:100%; padding:0 40px 0 20px; border-radius:20px; border:none;outline-style:none;}
.ss_xl a{ position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/ss_dw.png) center no-repeat; background-size:40px 40px;}
.head_top .cnen{ float:right; margin:44px 0 44px 12px;}
.head_top .cnen a{ background:#fff; font-size:14px; line-height:22px; color:#333; display:block; transition:all .35s; text-transform:uppercase; padding:0 8px;}
.head_top .cnen a:hover{ text-decoration:none; background:#00c5ff; color:#fff;}

/*nav*/
.header{ float:right; margin:0 2% 0 0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav li a{ display:block; font-size:16px; color:#fff; font-weight:bold; line-height:110px; padding:0 32px; 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:#00c5ff; position:absolute; bottom:4px; left:0;}
.nav li:hover a::before{ width:100%; height:2px; visibility:visible;}
.nav .sub{ width:218px; position:absolute; left:0; top:110px; background:rgba(255, 255, 255, 1);}
.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:block; background:none; padding:0; position:relative; z-index:2; -webkit-transition:.35s; transition:.35s; text-transform:inherit;}
.nav .sub li a:hover{ text-decoration:none; color:#fff;}
.nav .sub li a::before{ display:none;}
.nav .sub li:before{ content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin:40px 0 0 -60px; background:#00c5ff; width:0; height:0; border-radius:50%; -webkit-transition:.8s; transition:.8s; opacity:0;}
.nav .sub li:hover:before{ width:500px; height:500px; opacity:1;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin: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 a{ display:block; text-decoration:none; color:#333; font-size:18px; 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:42px; line-height:42px; font-size:16px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden; overflow:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px; position:relative; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:48px; height:6px; border-radius:3px; display:block; background:rgba(255,255,255,.68); cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a.flex-active{ background:#fff; cursor:default;}
.banner_sj{ display:none;}

/*product*/
.product{ margin:60px auto;}
.product ul{ overflow:hidden;}
.product ul li{ float:left; width:25%; text-align:center;}
.product ul li p{ display:block; width:160px; margin:0 auto 8px auto;}
.product ul li p img{ width:100%; border-radius:50%;}
.product ul li em{ display:block; font-size:24px; line-height:36px; font-weight:bold;}
.product ul li a{ display:block; color:#000;}
.product ul li a:hover{ text-decoration:none; color:#00c5ff;}

/*solution*/
.solution{ width:100%; margin:60px auto; background:#f5f5f5; overflow:hidden; padding:52px 0;}
.solution_name{ font-size:36px; color:#000; font-weight:bold; text-align:center; line-height:48px;}
.solution_width{ width:100%; margin:26px auto 0 auto;}
.solution_width ul{ overflow:hidden;}
.solution_width ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.solution_width ul li:nth-child(4n){ margin:0 0 2% 0;}
.solution_width ul li div{ background:#ddd; display:block; padding:12px;}
.solution_width ul li img{ width:100%; transition:all .5s;}
.solution_width ul li:hover img{ transform:scale(1.12);}
.solution_width ul li p{ overflow:hidden;}
.solution_width ul li em{ font-size:18px; color:#333; text-align:center; line-height:32px; margin:8px 0 0 0; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*cooperation_brand*/
.cooperation_brand{ margin:60px auto;}
.cooperation_b_name{ font-size:36px; color:#000; font-weight:bold; text-align:center; line-height:48px;}
.cooperation_b_width{ width:100%; margin:18px auto 0 auto;}
.cooperation_b_width ul{ overflow:hidden; border:#e9e9e9 1px solid;}
.cooperation_b_width ul li{ float:left; width:20%;}
.cooperation_b_width ul li a{ display:block; border:#e9e9e9 1px solid; overflow:hidden;}
.cooperation_b_width ul li img{ width:100%; transition:all .5s;}
.cooperation_b_width ul li:hover img{ transform:scale(1.12);}

/*sales_network*/
.sales_network{ width:100%; margin:60px auto 0 auto; overflow:hidden;}
.sales_n_name{ font-size:36px; color:#000; font-weight:bold; text-align:center; line-height:48px;}
.sales_n_img{ width:100%; margin:18px auto 0 auto; overflow:hidden;}
.sales_n_img img{ width:100%;}

/*footer*/
.footer{ width:100%; background:url(../images/footer.jpg) center bottom no-repeat; border-top:#d6d6d6 1px solid;}
.footer_left{ float:left; width:75%; margin:52px 0 60px 0;}
.footer_left dl{ float:left; margin:0 8% 0 0;}
.footer_left dl:last-child{ margin:0;}
.footer_left dl dd{ margin:0 0 10px 0; font-size:16px; color:#000; font-weight:bold; text-transform:uppercase; line-height:32px;}
.footer_left dl dt{ font-size:14px;}
.footer_left dl dt a{ color:#666; display:block; line-height:30px;}
.footer_left dl dt a:hover{ text-decoration:none; color:#333;}
.footer_right{ float:right; width:22%; margin:52px 0 60px 0;}
.footer_s_name{ width:100%; overflow:hidden; font-size:16px; color:#000; font-weight:bold; text-transform:uppercase; line-height:32px;}
.footer_subscribe{ width:100%; margin:10px auto; overflow:hidden; font-size:14px; color:#666; line-height:24px;}
.footer .subscription{ width:100%; margin:16px auto; overflow:hidden;}
.footer .subscription .text_input{ width:96%; font-size:14px; color:#666; line-height:38px; border:#e1e6eb 1px solid; background:#fff; padding:0 0 0 4%;}
.footer .subscription .text_inp{ float:left; width:82%;}
.footer .subscription .subscribe_button{ float:right; width:18%; height:40px; text-align:center; background:#f80014; cursor:pointer;}
.footer .subscription .subscribe_button img{ width:15px; height:13px; margin:14px 0 13px 0;}
.footer .follow_us{ width:100%;}
.footer .follow_us .follow_left{ float:left; font-size:14px; color:#525252; line-height:30px;}
.footer .follow_us .follow_link{ float:left; margin:0 0 0 8px;}
.footer .follow_us .follow_link ul{ overflow:hidden;}
.footer .follow_us .follow_link ul li{ float:left; width:30px; margin:0 15px 0 0;}
.footer .follow_us .follow_link ul li:last-child{ margin:0;}
.footer .follow_us .follow_link ul li img{ width:100%; border-radius:50%;}
.footer_icp{ width:100%; font-size:14px; color:#666; line-height:24px; padding:28px 0; border-top:#d6d6d6 1px solid;}
.footer_icp a{ color:#666;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}

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

/*lujing*/
.lujing{ margin:8px auto; font-size:16px; color:#666; line-height:28px;}
.lujing span{ color:#00c5ff;}

/*content*/
.content{ width:100%; margin:0 auto; overflow:hidden; border-top:#ececec 1px solid;}
.content_width{ margin:30px auto 52px auto;}
.content_name{ font-size:26px; color:#000; line-height:36px; text-align:center; font-weight:bold; position:relative; padding:0 0 6px 0; margin:30px auto;}
.content_name:after{ position:absolute; left:50%; bottom:0; margin:0 0 0 -24px; width:48px; height:1px; background:#00c5ff; content:"";}
.content_nav{ width:100%; text-align:center; margin:30px auto;}
.content_nav ul li{ display:inline-block; font-size:16px; margin:0 0.5%;}
.content_nav ul li a{ border:1px solid #ccc; color:#333; padding:0 18px; line-height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content_nav ul li a:hover{ text-decoration:none; color:#00c5ff;}
.content_nav ul li a.current{ color:#fff; background:#00c5ff; border:1px solid #00c5ff;}

/*profiles*/
.profiles{ font-size:16px; color:#333; line-height:28px;}
.profiles img{ max-width:100%;}
.profiles p{ margin:0 0 10px 0;}

.certificate{ width:100%; margin:0 auto;}
.certificate ul{ overflow:hidden;}
.certificate ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.certificate ul li:nth-child(4n){ margin:0 0 2% 0;}
.certificate ul li img{ width:100%;}
.certificate 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;}
.certificate ul li a{ color:#333; border:#ccc 1px solid; padding:1%; display:block;}
.certificate ul li a:hover{ text-decoration:none; color:#00c5ff;}
.certificate ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#00c5ff; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.certificate ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.certificate ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#00c5ff; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.certificate ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.certificate ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#00c5ff; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.certificate ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.certificate ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#00c5ff; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.certificate ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products dl{ float:left; width:49%; margin:0 2% 2% 0;}
.products dl:nth-child(2n){ margin:0 0 2% 0;}
.products dl a{ display:block; border:#ddd 1px solid; overflow:hidden; padding:2%;}
.products dl a:hover{ box-shadow:0 0 6px #ddd;}
.products dl dd{ float:left; width:36%;}
.products dl dd img{ width:100%;}
.products dl dt{ float:right; width:60%;}
.products dl dt em{ display:block; font-size:18px; color:#333; text-decoration:underline; line-height:30px; margin:0 0 10px 0;}
.products dl dt p{ display:block; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.products dl dt div{ margin:12px 0 0 0; background:#00c5ff; width:114px; border-radius:15px; font-size:14px; color:#fff; line-height:30px; text-align:center;}

.products_text{ width:94%; margin:0 auto; overflow:hidden;}
.game163{ width:568px; float:left;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:450px; height:450px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:68px; height:290px; position:relative; padding-top:36px;}
.game163 .sPrev, .game163 .sNext{ position:absolute; left:50%; margin:0 0 0 -13px;}
.game163 .sPrev{ top:0px; background:url(../images/product_top.png) center no-repeat; width:27px; height:14px;}
.game163 .sNext{ bottom:-36px; background:url(../images/product_bottom.png) center no-repeat; width:27px; height:14px;}
.game163 .smallImg{ width:68px; margin:0 auto; height:100%; overflow:hidden;}
.game163 .smallImg ul{ overflow:hidden; position:relative; top:0; -webkit-transition:0.5s;transition:0.5s;}
.game163 .smallImg li{ width:68px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:1px solid #f2f2f2; width:66px; height:66px;}
.game163 .smallImg .on img{ border:1px solid #888;}

.pro_sj{ display:none;}

.product_right{ float:right; width:56%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px;}
.product_right .p_ggao{ font-size:18px; color:#00c5ff; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#eee 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:14px; color:#666; line-height:25px; padding:12px 0;}

.products_titel{ width:94%; margin:48px auto 22px auto; overflow:hidden; border-bottom:#ccc 1px solid;}
.products_titel span{ float:left; font-size:16px; color:#333; line-height:30px; font-weight:bold;}
.products_decon{ width:94%; overflow:hidden; margin:22px auto 48px auto; font-size:16px; color:#525252; line-height:28px;}
.products_decon img{ max-width:100%;}
.products_decon table{ width:100% !important; border:#eee 1px solid;}
.products_decon table td{ border:#eee 1px solid; font-size:16px; color:#525252; line-height:28px; text-align:center; padding:3px 0;}

.pro_xiangguan{ width:94%; margin:48px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:34px; font-weight:bold; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#00c5ff; float:left; margin:10px 10px 0 8px;}
.pro_xgcp{ width:94%; margin:18px auto 48px auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#00c5ff 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#00c5ff;}

.messages_width{ width:94%; margin:48px auto 0 auto; border-top:#ccc 1px solid;}
.messages_name{ margin:36px auto; font-size:20px; color:#333; line-height:36px; text-align:center; position:relative; padding:0 0 8px 0;}
.messages_name:after{ content:""; position:absolute; bottom:0; left:50%; width:88px; height:2px; background:#00c5ff; z-index:99; visibility:inherit; margin:0 0 0 -44px;}
.messages{ width:100%; margin:0;}
.messages li{ margin:0 2% 2% 0; float:left; width:32%;}
.messages li:nth-child(3n){ margin:0 0 2% 0;}
.messages li:last-child{ margin:0;}
.messages li.mess{ width:100%; float:none;}
.messages .text-input{ width:94%; border:none; border:#dddee1 1px solid; padding:0 0 0 6%; font-size:14px; color:#666; line-height:46px; height:46px; background:fff;}
.messages .cont-input{ width:98%; padding:0 0 0 2%; height:48px; font-size:14px; color:#666; line-height:46px; cue-after:none; background:#fff; border:#dddee1 1px solid;}
.messages .messages-button{ width:188px; margin:0 auto; line-height:52px; font-size:18px; color:#333; text-align:center; background:#e5e5e5; cursor:pointer; border-radius:5px; text-transform:uppercase; font-family:Arial;}

/*inventory*/
.inventory_img{ width:100%; margin:30px auto 10px auto;}
.inventory_img ul{ overflow:hidden;}
.inventory_img ul li{ float:left; width:9.1%; margin:0 1% 1% 0;}
.inventory_img ul li:nth-child(10n){ margin:0 0 1% 0;}
.inventory_img ul li img{ width:100%;}
.inventory_img ul li a{ display:block; border:#ccc 1px solid;}
.inventory_select{ width:100%; margin:10px auto;}
.inventory_select select{ border:1px solid #b5b5b5; width:100%; padding:0 2%; height:32px; line-height:32px;}
.inventory_select p{ float:left; width:15%; overflow:hidden; margin:0 2% 0 0; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.inventory_select p:last-child{ margin:0;}

.inventory{ margin:30px auto 0 auto; font-size:14px; color:#333; line-height:24px;}
.inventory .product_h{ background:#00c5ff; font-weight:bold; color:#fff; border-bottom:1px solid #ccc;}
.product_h span{ padding:12px 1% !important;}
.product_h span, .inventory .ul li span{ display:block; float:left; min-height:24px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; padding:10px 1%; position:relative;}
.product_h span:before, .inventory .ul li span:before{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc; content:"";}
.product_h span:last-child:before, .inventory .ul li span:last-child:before{ display:none;}
.inventory .ul li{ border-bottom:1px solid #ccc;}
.inventory .ul li{ display:block;}
.inventory .ul li:nth-child(2n-1){ background:#f2f2f2;}
.inventory .pro1{ width:5%;}
.inventory .pro2{ width:15%;}
.inventory .pro3{ width:5%;}
.inventory .pro4{ width:7%;}
.inventory .pro5{ width:7%;}
.inventory .pro6{ width:7%;}
.inventory .pro7{ width:5%;}
.inventory .pro8{ width:7%;}
.inventory .pro9{ width:6%;}
.inventory .pro10{ width:6%;}
.inventory .pro11{ width:7%;}

/*contact*/
.messages_box{ width:100%; margin:0 auto;}
.messages_box ul{ overflow:hidden;}
.messages_box ul li{ float:left; width:49%; margin:0 2% 2% 0;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages_box ul li:last-child{ margin:0;}
.messages_box ul li.m_bfb{ width:100%; float:none;}
.messages_box .text-input{ width:98%; border:none; padding:12px 0 12px 2%; font-size:14px; color:#666; line-height:26px; background:#f2f2f2;}
.messages_box .cont-input{ width:99%; padding:12px 0 12px 1%; height:156px; border:none; font-size:14px; color:#666; line-height:26px; cue-after:none; background:#f2f2f2;}
.messages_box .messages-button{ width:256px; margin:0 auto; line-height:48px; font-size:16px; color:#fff; text-align:center; background:#00c5ff; cursor:pointer; text-transform:uppercase;}

/*faq*/
.faq{ width:100%; margin:0 auto;}
.faq dl{ overflow:hidden; margin:0 0 20px 0;}
.faq dl dd{ background:#eee; font-size:16px; line-height:24px; color:#000; font-weight:bold; padding:9px 20px;}
.faq dl dt{ border:#eee 1px solid; font-size:16px; line-height:24px; color:#000; padding:14px 20px;}


.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #333 url(../images//side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #333 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #333 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #333 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #333 url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #25a8c6 url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #25a8c6 url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #25a8c6 url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #25a8c6 url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #25a8c6 url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #25a8c6; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #25a8c6; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}

/*lxwm*/
.lxwm{margin:3% auto 0 auto; overflow: hidden;}
.lxwm-t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:50px;border: 1px solid #efefef;}
.lxwm-t-l{width:50%;height:450px;}
.lxwm-t-r{width:50%;box-sizing:border-box;padding:0 6%;}
.lxwm-t-r .cbt{position:relative;line-height:100%;padding-bottom: 4%;font-size: 30px;border-bottom: 1px solid #e5e5e5;margin-bottom:37px;}
.lxwm-t-r .cbt span{position:absolute;display:block;left:0;bottom:-2px;height:3px;width: 50px;background: #208bcd;}
.lxwm-t-r .cwz{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom: 3%;}
.lxwm-t-r .cwz:last-child{margin-bottom:0;}
.lxwm-t-r .cwz i{display:block;width:16px;display:flex;justify-content:center;align-items:center;height: 18px;}
.lxwm-t-r .cwz p{width:calc(100% - 35px);color: #5f5f5f;font-size:16px;line-height: 18px;}

.map{width: 100%; overflow: hidden;}
.map #map_container{height:450px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}