@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:Microsoft Yahei;}
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% 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:#666; text-decoration:none;}
a:hover{ color:#db241e; text-decoration:underline;}
.width_all{ max-width:1400px; 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; overflow:hidden; background:#f3f3f3; border-bottom:#e5e5e5 1px solid; padding:7px 0;}
.welcome{ float:left; font-size:12px; color:#333; line-height:22px;}
.sitemap{ float:right;}
.sitemap ul{ overflow:hidden;}
.sitemap ul li{ float:left; position:relative;}
.sitemap ul li:after{ width:1px; height:12px; position:absolute; top:5px; right:0; content:""; background:#666;}
.sitemap ul li:last-child:after{ display:none;}
.sitemap ul li a{ font-size:12px; color:#333; line-height:22px; padding:0 16px;}
.sitemap ul li a:hover{ text-decoration:none; color:#db241e;}
.company_h{ margin:24px auto;}
.company_h .logo{ float:left; width:80px;}
.company_h .logo img{ width:100%;}
.company_h h1{ float:left; font-size:30px; color:#333; line-height:36px; font-weight:bold; margin:9px 0 9px 20px; letter-spacing:11px;}
.company_h h1 span{ display:block; font-weight:normal; font-size:16px; text-transform:uppercase; font-family:arial; line-height:22px; margin:4px 0 0 0; letter-spacing:0;}
.company_h .company_gg{ border-left:#ccc 1px solid; float:left; font-size:24px; color:#333; line-height:30px; font-weight:bold; margin:10px 0 10px 10px; padding:0 0 0 20px;}
.company_h .company_gg span{ display:block; font-weight:normal; font-size:20px; color:#666; line-height:26px; margin:4px 0 0 0;}
.company_h .alibaba{ float:right; width:176px; margin:15px 0 15px 2%; box-shadow:0 0 3px #fff;}
.company_h .alibaba img{ max-width:100%;}
.company_h .rexian{ float:right; font-size:14px; color:#666; line-height:25px; margin:15px 0; padding:0 0 0 60px; background:url(../images/rexian.png) left center no-repeat;}
.company_h .rexian span{ font-size:22px; color:#db241e; display:block;}

/*nav*/
.nav{ width:100%; margin:0 auto; background:url(../images/nav_bg.png); line-height:55px;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:9%; background:url(../images/nav_right.png) right center no-repeat;}
.navbar_nav li:nth-child(1){ width:6.5%;}
.navbar_nav li:nth-child(3){ width:11.5%;}
.navbar_nav li:nth-child(6){ width:10%;}
.navbar_nav li:last-child{ background:none;}
.navbar_nav li a{ text-decoration:none; display:block; color:#fff; font-size:18px; text-transform:uppercase;}
.navbar_nav li:hover a,.navbar_nav li.active{ color:#fff; background:url(../images/nav_hover.png) left center no-repeat;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:55px; background:#db241e; box-shadow:0 3px 9px 0 rgba(167,165,165,0.38); width:96.5%; left:5px;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#fff; padding:0 2px; line-height:40px; text-align:center; text-transform:inherit; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#fff; background:#0193de;}

#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: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:nth-child(9){ -webkit-transition:all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(10){ -webkit-transition:all 2.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 2.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(11){ -webkit-transition:all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 2.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;}
.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 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:39px; height:8px; display:block; background:#f2f2f2; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#0193de;}
.flex-control-paging li a.flex-active{ background:#0193de; 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:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),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,.2)));}
.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;}

/*search*/
.search{ width:100%; margin:0 auto; overflow:hidden; background:#f3f3f3; padding:11px 0;}
.search .s_inp01{ width:267px; height:36px; display:inline; float:right;}
.search .s_inp01 .ip01{ width:160px; height:36px; float:left; line-height:36px; background:url(../images/search_left.png) no-repeat; padding:0 0 0 31px; border:0; overflow:hidden; color:#333; font-size:14px; outline:none;}
.search .s_inp01 .ip02{ width:70px; height:36px; border:0; background:url(../images/search_right.jpg) no-repeat; line-height:36px; text-align:center; cursor:pointer; overflow:hidden; float:right;}
.search .s_zi{ float:left; width:600px;}
.search .s_biaoti{ float:left; width:98px; font-size:14px; color:#333; line-height:36px; font-weight:bold;}
#s_width{ float:right; width:502px; margin:0 auto; overflow:hidden;}
#s_width #in_s_width{ float:left; width:1000%;}
#s_width #in_s_width #s_width1{ float:left;}
#s_width #in_s_width #s_width2{ float:left;}
#s_width ul{ overflow:hidden;} 
#s_width ul li{ float:left; margin:0 20px 0 0;}
#s_width ul li img{ width:100%;}
#s_width ul li a{ font-size:14px; color:#333; line-height:36px; display:block;}
#s_width ul li a:hover{ text-decoration:none; color:#0193de;}

/*new_product*/
.new_product{ margin:52px auto;}
.new_p_name{ width:100%; margin:0 auto 36px auto; text-align:center; position:relative;}
.new_p_name:before{ position:absolute; left:33%; top:32px; width:6%; height:1px; background:#a6a6a6; content:"";}
.new_p_name:after{ position:absolute; right:33%; top:32px; width:6%; height:1px; background:#a6a6a6; content:"";}
.new_p_name h2{ font-size:48px; line-height:65px; color:#000;}
.new_p_name span{ color:#0193de;}
.new_p_name p{ font-size:16px; color:#666; line-height:28px; padding:0 5%; margin:6px 0 0 0;}
.new_product .new_p_tab{ margin:36px 0 20px 0px; overflow: hidden; text-align:center;}
.new_product .new_p_tab li{ position:relative; width:22%; margin:0 1%; display:inline-block; text-align:center; background:#0193de;}
.new_product .new_p_tab li a{ display:inline-block; text-decoration:none; padding:24px 0 16px 0; color:#fff;}
.new_product .new_p_tab li i{ width:88px; display:inline-block;}
.new_product .new_p_tab li i img{ width:100%; border-radius:50%;}
.new_product .new_p_tab li p{ line-height:40px; font-size:24px; margin:6px 0 0 0;}
.new_product .new_p_tab li:hover, .new_product .new_p_tab li.hout{ background:#db241e;}
.new_product .new_p_menu{ width:100%; margin:20px auto 36px auto; border-bottom:#ddd 1px solid; overflow:hidden; padding:0 0 6px 0;}
.new_product .new_p_menu a{ display:inline-block; font-size:16px; color:#333; line-height:28px; margin:0 20px 0 0;}
.new_product .new_p_menu a:hover{ text-decoration:none; color:#0193de;}
.new_products{ width:100%; margin:0 auto;}
.new_products ul{ overflow:hidden;}
.new_products ul li{ float:left; width:23.5%; margin:0 2% 2% 0; background:#f8f6fb;}
.new_products ul li:nth-child(4n){ margin:0 0 2% 0;}
.new_products ul li img{ width:100%; transition:all .5s;}
.new_products ul li:hover img{ transform:scale(1.2);}
.new_products ul li p{ overflow:hidden;}
.new_products ul li em{ width:88%; margin:6px auto; text-align:center; font-size:20px; line-height:32px; color:#000; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_products ul li span{ width:88%; margin:6px auto; text-align:center; font-size:16px; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_products ul li a{ color:#525252; display:block; padding:8px;}
.new_products ul li a:hover{ text-decoration:none;}

/*home_center*/
.home_center{ width:100%; margin:52px auto; overflow:hidden;}
.home_center img{ max-width:100%; text-align:center;}

/*solution*/
.solution{ margin:52px auto; position:relative;}
.solution .solution_name{ font-size:16px; color:#666; line-height:32px; position:absolute; top:0; left:0;}
.solution .solution_name em{ display:block; font-size:36px; color:#000; line-height:42px; margin:0 0 6px 0;}
.solution .solution_name span{ color:#0193de;}
.solution_menu{ width:26%; float:right; border:#0193de 5px solid; margin:0 3% 0 0; padding:96px 0 96px 15%;}
.solution_menu ul{ border-left:#ccc 1px solid; margin:0 -13% 0 4%; padding:0 0 92px 0;}
.solution_menu ul li{ cursor:pointer; margin:0 0 0 -10px; padding:0 0 0 32px; font-size:18px; line-height:46px; color:#333;}
.solution_menu .qiehuan{ background:#db241e; color:#fff;}
.solution_width{ position:absolute; left:0; top:81px; width:68%;}
.solution_image{ width:100%; margin:0 auto; overflow:hidden; padding:20px 0; background:#fff;}
.solution_image img{ width:100%; height:368px;}
.solution_wz{ width:75%; font-size:14px; color:#666; line-height:25px;}

/*youshi*/
.youshi{ width:100%; margin:52px auto; overflow:hidden; background:url(../images/youshibg.jpg) center no-repeat; padding:42px 0 52px 0;}
.youshi_name{ width:100%; margin:0 auto 36px auto; text-align:center; position:relative;}
.youshi_name:before{ position:absolute; left:26%; top:32px; width:6%; height:1px; background:#a6a6a6; content:"";}
.youshi_name:after{ position:absolute; right:26%; top:32px; width:6%; height:1px; background:#a6a6a6; content:"";}
.youshi_name h3{ font-size:48px; line-height:65px; color:#000;}
.youshi_name span{ color:#0193de;}
.youshi_name p{ font-size:16px; color:#666; line-height:28px; padding:0 5%; margin:6px 0 0 0;}
.youshi .ys_tab{ margin:36px 0 42px 0px; overflow:hidden; text-align:center;}
.youshi .ys_tab li{ position:relative; width:16.8%; margin:0 1%; display:inline-block; text-align:center; background:#fff;}
.youshi .ys_tab li a{ display:inline-block; text-decoration:none; padding:26px 0 20px 0; color:#333;}
.youshi .ys_tab li i{ width:42px; height:42px; background:url(../images/ys_xtb1.png) center no-repeat; display:inline-block;}
.youshi .ys_tab li:nth-child(2) i{ background:url(../images/ys_xtb2.png) center no-repeat;}
.youshi .ys_tab li:nth-child(3) i{ background:url(../images/ys_xtb3.png) center no-repeat;}
.youshi .ys_tab li:nth-child(4) i{ background:url(../images/ys_xtb4.png) center no-repeat;}
.youshi .ys_tab li:hover i{ background:url(../images/ys_xtb1_hover.png) center no-repeat;}
.youshi .ys_tab li:hover:nth-child(2) i{ background:url(../images/ys_xtb2_hover.png) center no-repeat;}
.youshi .ys_tab li:hover:nth-child(3) i{ background:url(../images/ys_xtb3_hover.png) center no-repeat;}
.youshi .ys_tab li:hover:nth-child(4) i{ background:url(../images/ys_xtb4_hover.png) center no-repeat;}
.youshi .ys_tab li p{ line-height:40px; font-size:24px; margin:8px 0 0 0;}
.youshi .ys_tab li:hover, .youshi .ys_tab li.cur{ background:#0193de;}
.youshi .ys_tab li.cur i{ background:url(../images/ys_xtb1_hover.png) center no-repeat;}
.youshi .ys_tab li.cur:nth-child(2) i{ background:url(../images/ys_xtb2_hover.png) center no-repeat;}
.youshi .ys_tab li.cur:nth-child(3) i{ background:url(../images/ys_xtb3_hover.png) center no-repeat;}
.youshi .ys_tab li.cur:nth-child(4) i{ background:url(../images/ys_xtb4_hover.png) center no-repeat;}
.youshi .ys_tab li:hover, .youshi .ys_tab li.cur a{ color:#fff;}

.youshi .youshi_qj{ width:100%; margin:42px auto 0 auto;}
.youshi_bot{ margin:0 auto; height:100%; position:relative;}
.youshi_qj .youshi_img{ float:right; width:60%;}
.youshi_qj .youshi_img img{ width:100%;}
.youshi_bot .ys_text{ width:50%; height:auto; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.3); position:absolute; top:0; left:0; z-index:9;}
.youshi_bot .ys_text .youshi_biaoti{ width:88%; margin:6% auto 4% auto; font-size:24px; color:#000; line-height:36px; position:relative; padding:0 0 8px 0;}
.youshi_bot .ys_text .youshi_biaoti:before{ position:absolute; background:#0193de; width:48px; height:2px; bottom:0; left:0; content:""; z-index:3;}
.youshi_bot .ys_text .ys1{ width:88%; font-size:18px; color:#333; font-weight:bold; line-height:30px; margin:4% auto 5% auto;}
.youshi_bot .ys_text .youshi_js{ width:88%; margin:5% auto; color:#666; font-size:16px; line-height:26px; height:130px;}

/*about_us*/
.about_us{ width:100%; margin:52px auto; background:#fff url(../images/about_us.png) center no-repeat; overflow:hidden;}
.about_name{ width:100%; margin:0 auto 48px auto; text-align:center; position:relative;}
.about_name:before{ position:absolute; left:33%; top:32px; width:6%; height:1px; background:#a6a6a6; content:"";}
.about_name:after{ position:absolute; right:33%; top:32px; width:6%; height:1px; background:#a6a6a6; content:"";}
.about_name h4{ font-size:48px; line-height:65px; color:#000;}
.about_name span{ color:#0193de;}
.about_name p{ font-size:16px; color:#666; line-height:28px; padding:0 5%; margin:6px 0 0 0;}
.about{ width:100%; margin:48px auto; overflow:hidden;}
.about dl{ float:left; width:25%; overflow:hidden; text-align:center; position:relative;}
.about dl:before{ content:""; width:1px; height:100%; background:#ccc; position:absolute; top:0; right:0;}
.about dl:nth-child(4):before{ display:none;}
.about dl dd{ color:#db241e; font-size:42px; font-weight:bold; line-height:60px;}
.about dl dd .about_up{ font-size:20px; vertical-align:top; font-weight:normal; line-height:30px; margin:0 0 0 4px;}
.about dl dt{ font-size:16px; color:#666; line-height:28px; padding:0 10%; height:56px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.profiles{ width:88%; text-align:center; font-size:14px; color:#666; line-height:25px; margin:48px auto 36px auto;}
.about_width{ width:100%; margin:36px auto; overflow:hidden;}
.about_width .about_left{ float:left; width:49.5%; position:relative; overflow:hidden;}
.about_width .about_left em{ position:absolute; left:0; bottom:0; background:rgba(1,147,222,.8); font-size:14px; color:#fff; line-height:26px; width:100%; padding:8px 0 8px 2%;}
.about_width .about_left img{ width:100%; transition:all .35s;}
.about_width .about_left:hover img{ transform:scale(1.2);}
.about_width .about_right{ float:right; width:48.5%;}
.about_width .about_right ul{ overflow:hidden;}
.about_width .about_right ul li{ float:left; width:48%; margin:0 4% 4% 0; position:relative; overflow:hidden;}
.about_width .about_right ul li:nth-child(2){ margin:0 0 4% 0;}
.about_width .about_right ul li:nth-child(3){ margin:0 4% 0 0;}
.about_width .about_right ul li:nth-child(4){ margin:0;}
.about_width .about_right ul li em{ position:absolute; left:0; bottom:0; background:rgba(1,147,222,.8); font-size:14px; color:#fff; line-height:26px; width:100%; padding:8px 0 8px 4%;}
.about_width .about_right ul li img{ width:100%; transition:all .35s;}
.about_width .about_right ul li:hover img{ transform:scale(1.2);}
.about_more{ width:288px; margin:0 auto;}
.about_more a{ color:#fff; text-align:center; font-size:16px; line-height:42px; display:block; background:#db241e;}
.about_more a:hover{ text-decoration:none; background:#0193de;}

/*partner*/
.partner{ width:100%; margin:52px auto; overflow:hidden; background:#0193de; padding:46px 0 56px 0;}
.partner .partner_name{ position:relative; font-size:48px; color:#fff; line-height:65px; text-align:center;}
.partner .partner_name:before{ position:absolute; background:#fff; width:6%; height:1px; top:50%; left:29%; content:"";}
.partner .partner_name:after{ position:absolute; background:#fff; width:6%; height:1px; top:50%; right:29%; content:"";}
.partner span{ color:#db241e;}
.partner_width{ width:100%; margin:28px auto 0 auto;}
.partner_width img{ width:100%;}

/*news*/
.news{ margin:56px auto;}
.news .news_name{ position:relative; font-size:48px; color:#000; line-height:65px; text-align:center;}
.news .news_name:before{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:50%; left:34%; content:"";}
.news .news_name:after{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:50%; right:34%; content:"";}
.news .news_tab{ height:42px; margin:26px 0 36px 0px; overflow: hidden; text-align:center; font-size:0px;}
.news .news_tab li{ position:relative; margin:0 10px; display:inline-block; text-align:center; background:#fff;}
.news .news_tab li a{ display:inline-block; width:133px; line-height:40px; border:#ccc 1px solid; text-decoration:none; font-size:16px; color:#333;}
.news .news_tab li a:hover, .news .news_tab li.cur{ background:#0193de;}
.news .news_tab li a:hover, .news .news_tab li.cur a{ color:#fff; border:#0193de 1px solid;}

.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:47.5%;}
.news_width .news_img{ width:100%; margin:0 auto 48px auto;}
.news_width .news_img img{ width:100%;}
.news_width .news_zti{ width:100%; margin:0 auto;}
.news_width .news_zti dl{ overflow:hidden; position:relative;}
.news_width .news_zti dl:after{ position:absolute; left:20%; top:0; width:1px; height:100%; background:#ebebeb; content:"";}
.news_width .news_zti dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0;}
.news_width .news_zti dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_zti dl dt{ float:right; width:73%; font-size:14px; line-height:24px;}
.news_width .news_zti dl dt em{ font-size:16px; height:24px; color:#000; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_zti dl dt p{ height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_width .news_zti dl a{ display:block;}
.news_width .news_right{ float:right; width:47.5%;}
.news_width .news_right dl{ border:#ebebeb 1px solid; margin:0 0 20px 0; padding:17px 0; overflow:hidden;}
.news_width .news_right dl:last-child{ margin:0;}
.news_width .news_right dl a{ display:block;}
.news_width .news_right dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0; border-right:#ebebeb 1px solid;}
.news_width .news_right dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_right dl dt{ float:right; width:72%; font-size:14px; line-height:24px; margin:0 3% 0 0;}
.news_width .news_right dl dt em{ font-size:16px; height:24px; color:#000; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_right dl dt p{ height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*services*/
.services{ width:100%; margin:52px auto 36px auto; overflow:hidden; background:url(../images/services.jpg) center bottom no-repeat;}
.service{ margin:68px auto 52px auto;}
.service ul{ overflow:hidden;}
.service ul li{ float:left; width:10.15%; margin:0 7.82% 0 0;}
.service ul li:last-child{ margin:0;}
.service ul li img{ width:100%;}
.service ul li span{ background:#fff500; border-radius:50%; display:block;}
.service ul li em{ display:block; font-size:18px; text-align:center; color:#fff; line-height:26px; margin:12px 0 0 0;}

/*links*/
.links{ margin:36px auto;}
.links .links_name{ width:100%; margin:0 auto; font-size:18px; color:#0193de; line-height:28px; font-weight:bold;}
.links .link{ width:100%; margin:14px auto 0 auto;}
.links .link ul{ overflow:hidden;}
.links .link ul li{ float:left; margin:0 16px 0 0;}
.links .link ul li a{ font-size:14px; color:#666; line-height:25px;}
.links .link ul li a:hover{ text-decoration:none; color:#db241e;}

/*footer*/
.footer{ width:100%; margin:0 auto; background:#eee; overflow:hidden;}
.footer .footer_width{ margin:52px auto;}
.footer .footer_left{ float:left; width:70%;}
.footer .footer_left dl{ float:left; width:20%;}
.footer .footer_left dl dd{ font-size:16px; color:#333; line-height:20px; position:relative; margin:0 0 12px 0; padding:0 0 14px 0;}
.footer .footer_left dl dd:before{ position:absolute; left:0; bottom:0; width:30px; height:2px; content:""; background:#0193de;}
.footer .footer_left dl dd a{ color:#333;}
.footer .footer_left dl dd a:hover{ text-decoration:none; color:#333;}
.footer .footer_left dl dt{ line-height:26px; font-size:14px; color:#666;}
.footer .footer_left dl dt a{ display:block; font-size:14px; color:#666;}
.footer .footer_left dl dt a:hover{ text-decoration:none; color:#333;}
.footer .footer_right{ float:right; width:30%;}
.footer .footer_contact{ float:left; width:68%;}
.footer .footer_contact dl{ overflow:hidden;}
.footer .footer_contact dl dd{ font-size:16px; color:#333; line-height:20px; position:relative; margin:0 0 12px 0; padding:0 0 14px 0;}
.footer .footer_contact dl dd:before{ position:absolute; left:0; bottom:0; width:30px; height:2px; content:""; background:#0193de;}
.footer .footer_contact dl dd a{ color:#333;}
.footer .footer_contact dl dd a:hover{ text-decoration:none; color:#333;}
.footer .footer_contact dl dt{ line-height:26px; font-size:14px; color:#666;}
.footer .footer_contact dl dt a{ display:block; font-size:14px; color:#666;}
.footer .footer_contact dl dt a:hover{ text-decoration:none; color:#333;}
.footer .footer_erweima{ float:right; width:28%; margin:32px 0 0 0;}
.footer .footer_erweima img{ width:100%;}

.footer_icp{ width:100%; margin:0 auto; background:#0193de; overflow:hidden; font-size:14px; color:#eee; line-height:24px; padding:18px 0;}
.footer_icp a{ color:#eee;}
.footer_icp 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{ width:100%; margin:0 auto; overflow:hidden; background:#f8f8f8; border-bottom:#ddd 1px solid;}
.all_name{ float:left; width:19%; font-size:24px; color:#fff; font-weight:bold; line-height:24px; padding:16px 0 16px 1%; background:#0193de;}
.location{ float:right; font-size:14px; color:#333; line-height:24px; display:flex; align-items:center; height:56px;}
.location span{ margin:0 8px;}
.location a{ color:#333;}
.location a:hover{ text-decoration:none; color:#0193de;}

/*content*/
.content{ margin:52px auto; position:relative; border-bottom:#ddd 1px solid;}
.content:before{ position:absolute; left:0; top:0; width:20%; height:100%; content:""; background:linear-gradient(#fff, #f2f2f2); z-index:-1;}
.content2{ margin:52px auto; border-bottom:#ddd 1px solid;}
.content2 h2{ font-size:18px; line-height:36px; color:#000; font-weight:bold; margin:0 0 28px 0; border-top:#ddd 1px solid;}
.cont_left{ width:20%; float:left;}
.cont_left_name{ font-size:24px; color:#fff; font-weight:bold; line-height:24px; padding:16px 0 16px 5%; background:#0193de;}
.cont_left ul{ overflow:hidden; border-top:#ddd 1px solid; margin:0 0 18px 0;}
.cont_left ul li{ line-height:36px; border-bottom:#ddd 1px solid;}
.cont_left ul li a{ font-size:15px; color:#333; display:block; transition:all .5s; padding:0 0 0 5%;}
.cont_left ul li a:hover,.cont_left ul li a.hout{ color:#0193de; text-decoration:none; background:#ddd;}
.cont_left ul li dl{ padding:0 0 0 5%; margin:6px 0;}
.cont_left ul li dl dd{ line-height:30px;}
.cont_left ul li dl dd a{ font-size:14px; color:#666; display:block; padding:0 0 0 5%;}
.cont_left ul li dl dd a:hover,.cont_left ul li dl dd a.hort{ color:#0193de; background:none;}
.cont_right{ width:75%; float:right; border-top:#ddd 1px solid;}
.cont_right .cont_right_name{ width:100%; margin:4px auto 28px auto; overflow:hidden;}
.cont_right h2{ float:left; font-size:18px; line-height:36px; color:#000; font-weight:bold;}
.cont_right .locations{ float:right; font-size:14px; color:#333; line-height:24px; display:flex; align-items:center; margin:9px 0 0 0;}
.cont_right .locations span{ margin:0 8px;}
.cont_right .locations a{ color:#333;}
.cont_right .locations a:hover{ text-decoration:none; color:#0193de;}

/*company*/
.company{ margin:24px auto; font-size:14px; color:#333; line-height:25px;}
.company img{ max-width:100%;}

.canguan{ width:100%; margin:28px auto;}
.canguan ul{}
.canguan ul li{ width:22.9%; float:left; margin:0 2.8% 2.8% 0;}
.canguan ul li:nth-child(4n){ margin:0 0 2.8% 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:#0193de; border:#0193de 1px solid; box-shadow:0 2px 5px #888;}

.licheng{ width:100%; margin:28px auto; overflow:hidden;}
.licheng dl{ width:45%; position:relative; overflow:hidden; border-bottom:#eee 1px solid; padding:0 0 0 55%;}
.licheng dl:nth-child(2n){ padding:0 55% 0 0;}
.licheng dl:before{ position:absolute; top:0; left:50%; background:#eee; height:100%; width:2px; content:""; margin:0 0 0 -1px;}
.licheng dl i:before{ position:absolute; left:50%; top:12px; background:#fff; border:#0193de 4px solid; content:""; width:10px; height:10px; border-radius:50%; margin:0 0 0 -9px; z-index:2;}
.licheng dl i:after{ position:absolute; left:50%; top:20px; background:#0193de; width:3%; height:2px; content:""; z-index:1;}
.licheng dl:nth-child(2n) i:before{ left:inherit; right:50%; margin:0 -9px 0 0;}
.licheng dl:nth-child(2n) i:after{ left:inherit; right:50%;}
.licheng dl dd{ width:100%; font-size:18px; color:#0193de; line-height:42px; overflow:hidden;}
.licheng dl:nth-child(2n) dd{ text-align:right;}
.licheng dl:nth-child(2n) dt{ text-align:right;}
.licheng dl:nth-child(2n) dt div{ float:right;}
.licheng dl:nth-child(2n) dt p{ float:right;}
.licheng dl dt{ position:relative; overflow:hidden; margin:0 0 8px 0;}
.licheng dl dt div{ float:left; width:9%; font-size:14px; color:#db241e; line-height:24px;}
.licheng dl dt p{ float:left; width:91%; font-size:14px; color:#525252; line-height:24px;}

.hezuo{ width:100%; margin:28px auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:22.9%; margin:0 2.8% 2.8% 0; background:#fff; position:relative;}
.hezuo ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.hezuo ul li a{ display:block; border:#ccc 1px solid; padding:5px;}
.hezuo ul li a:hover{ text-decoration:none;}
.hezuo ul li img{ width:100%;}
.hezuo ul li em{ font-size:14px; line-height:32px; height:32px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.hezuo ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.hezuo ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.hezuo ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.hezuo ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.hezuo ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.hezuo ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.hezuo ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.hezuo ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

/*products*/
.products{ width:100%; margin:28px auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:22.9%; margin:0 2.8% 2.8% 0; background:#f8f6fb;}
.products ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.products ul li img{ width:100%; transition:all .5s;}
.products ul li:hover img{ transform:scale(1.2);}
.products ul li p{ overflow:hidden;}
.products ul li em{ width:88%; margin:6px auto; text-align:center; font-size:20px; line-height:32px; color:#000; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li span{ width:88%; margin:6px auto; text-align:center; font-size:16px; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#525252; display:block; padding:8px;}
.products ul li a:hover{ text-decoration:none;}

.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:548px; 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:338px; 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:43%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px;}
.product_right .p_ggao{ font-size:18px; color:#0193de; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#eee 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:16px; color:#666; line-height:30px; padding:12px 0;}
.product_right .miaoshu p{ font-size:24px; color:#0193de; font-weight:bold; font-family:Arial;}

.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:14px; color:#525252; line-height:25px;}
.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:14px; color:#525252; line-height:25px; text-align:center; padding:3px 0;}

.products_details{ margin:28px auto; position:relative; border:1px solid #e0e0e0; box-sizing:border-box;}
.products_details_title{ position:absolute; top:-1px; left:0px; display:inline-block; font-size:18px; line-height:40px; padding:0px 30px; color:#0193de; background:#fafafa; border-top:2px solid #0193de;}
.products_details_date{ width:94.2%; margin:68px auto 28px auto; font-size:14px; color:#666; line-height:25px;}
.products_details_date img{ max-width:100%;}

.pro_xiangguan{ margin:28px auto 18px auto; overflow:hidden; background:#f4f4f4; line-height:38px; border-bottom:#ddd 1px solid; font-size:18px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#0193de; float:left; margin:12px 10px 0 8px;}
.pro_xgcp{ margin:18px auto 28px 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:#0193de 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:#0193de;}

/*yingyong*/
.yingyong{ width:100%; margin:28px auto;}
.yingyong ul{ overflow:hidden;}
.yingyong ul li{ float:left; width:32%; background:#eee; margin:0 2% 2% 0;}
.yingyong ul li:nth-child(3n){ margin:0 0 2% 0;}
.yingyong ul li a{ padding:4.5%; width:91%; display:block; font-size:14px; line-height:25px; color:#333;}
.yingyong ul li a:hover{ text-decoration:none; color:#0193de;}
.yingyong ul li img{ width:100%;}
.yingyong ul li em{ font-size:16px; text-align:center; margin:14px 0; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*ny_news*/
.ny_news{ width:96%; margin:0 auto; background:#f2f2f2; overflow:hidden; padding:2%;}
.ny_news .n_left{ float:left; width:28%;}
.ny_news .n_left img{ width:100%;}
.ny_news .n_right{ float:right; width:69%;}
.ny_news a{ font-size:14px; color:#666; line-height:22px;}
.ny_news a:hover{ color:#0193de;}
.ny_news .n_right span{ display:block; color:#525252; font-size:16px; font-weight:bold;}
.ny_news .n_right i{ display:block; color:#888; font-size:14px; font-style:normal; margin:0 0 5px 0;}
.ny_news .n_right .p_more{ border:#ccc 1px solid; width:108px; text-align:center; margin:8px 0 0 0; font-size:14px; color:#666; padding:5px 0; border-radius:6px;}
.ny_news:hover .n_right .p_more{ border:#0193de 1px solid; color:#0193de;}
.ny_n_bt{ width:100%; margin:26px auto;}
.ny_n_bt ul{ overflow:hidden;}
.ny_n_bt ul li{ border-bottom:#eee 1px solid; overflow:hidden; font-size:16px; line-height:24px; padding:8px 0;}
.ny_n_bt ul li span{ float:right; color:#888; font-size:14px;}
.ny_n_bt ul li a{ display:block;}
.ny_n_bt ul li a:hover{ color:#0193de; text-decoration:none;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:20px; color:#525252; line-height:28px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:14px; line-height:22px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:26px auto; overflow:hidden; background:#f2f2f2; 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:#0193de;}

/*download*/
.download{ width:100%; margin:28px auto;}
.download ul{ overflow:hidden;}
.download ul li{ border-bottom:#e9e5e6 1px solid; overflow:hidden; padding:10px 0;}
.download ul li a{ font-size:14px; color:#666; line-height:28px; display:block;}
.download ul li span{ float:left; width:80%; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.download ul li i{ float:left; width:22px; height:22px; background:url(../images/faq_jt.png) center no-repeat; margin:3px 10px 3px 0;}
.download ul li a:hover{ text-decoration:none; color:#0193de;}

.download_show{ width:100%; margin:28px auto; overflow:hidden;}
.download_show .download_name{ width:100%; margin:0 auto 22px auto; font-size:14px; line-height:25px; color:#666; text-align:center; border-bottom:#d1cfcf 1px dotted;}
.download_show .download_name span{ font-size:24px; line-height:36px; color:#333; display:block; margin:0 0 6px 0;}
.download_show .download_bti{ width:100%; margin:22px auto 0 auto;}
.download_show .download_dj{ text-align:right; margin:0 0 8px 0;}
.download_show .download_dj a{ font-size:14px; line-height:25px; color:#0193de;}
.download_show .download_dj a:hover{ font-weight:bold;}
.download_show .download_xq{ font-size:14px; line-height:25px; color:#666;}
.download_show .download_xq img{ max-width:100%;}
.download_show .download_xq table{ width:100%; border:#ccc 1px solid;}
.download_show .download_xq table td{ border:#ccc 1px solid; padding:6px;}

/*join_us*/
.join_us{ width:100%; margin:28px auto;}
.join_us ul{ background:#0193de; overflow:hidden; border-bottom:#eee 1px solid;}
.join_us ul li{ line-height:28px; margin:6px 0; overflow:hidden;}
.join_us ul li span{ font-size:18px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#eee 1px solid;}
.join_us dl dt{ overflow:hidden; background:#fff;}
.join_us dl dt em{ float:left; font-size:20px; color:#333; font-weight:bold; line-height:36px; margin:0 0 0 2%;}
.join_us dl.cur dt{ background:#eee; border-bottom:#eee 1px solid;}
.join_us span{ float:left; width:20%; text-align:center; font-size:14px; color:#525252; line-height:28px; padding:8px 0;}
.join_us span a{ color:#0193de; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#0193de; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:100%; margin:28px auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:18px; color:#000; font-weight:bold; line-height:36px; display:block; margin:0 0 10px 0;}

/*contact_us*/
.contact_us{ width:100%; margin:24px auto; overflow:hidden; font-size:14px; color:#333; line-height:28px;}
.contact_left{ float:left; width:45%; background:#f6f6f6; padding:1.5% 2%; min-height:188px;}
.contact_right{ float:right; width:45%; background:#f6f6f6; padding:1.5% 2%; min-height:188px;}
.messages{ width:100%; margin:36px 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:49%; margin:0 2% 1.2% 0;}
.messages ul li:nth-child(2n){ margin:0 0 1.2% 0;}
.messages ul li:nth-child(5){ float:none; width:100%; margin:0 0 1.2% 0; overflow:hidden;}
.messages ul li:last-child{ margin:0;}
.messages .text-input{ width:96.8%; padding:0 0 0 3%; border:#ddd 1px solid; height:48px; font-size:14px; color:#333; line-height:48px;}
.messages .cont-input{ width:98.4%; padding:11px 0 0 1.5%; border:#ddd 1px solid; height:136px; font-size:14px; color:#333; line-height:25px;}
.messages .messages-button{ width:160px; line-height:50px; font-size:16px; color:#fff; text-align:center; background:#0193de; cursor:pointer; text-transform:uppercase;}
.contact{ width:100%; margin:24px auto; overflow:hidden;}
.contact .contact_name{ font-size:18px; color:#000; line-height:30px; margin:0 0 16px 0; text-align:center;}
.contact .kfm_map{ width:100%; margin:0 auto; overflow:hidden;}
.contact .kfm_map iframe{ width:100%; height:468px; padding:0; margin:0; float:left;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-90px; z-index:99;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-76px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#0193de; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #0193de; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:6px; left:-76px;}
.four-con ul li.a-w2 .f-all-con{ top:-15px; left:-175px;}
.four-con ul li.a-w3 .f-all-con{ top:-43px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon2, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon2{ background:url(../images/ficon2.png) no-repeat 0 -51px;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon2, .four-con ul li:hover a.f-icon1{ background-position:0 0;}