@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:#525252; 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:#525252; text-decoration:none;}
a:hover{ color:#1da2da; 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{ background:#f7f8f9; width:100%; margin:0 auto; overflow:hidden;}
.head_top .welcome{ float:left; font-size:12px; color:#525252; line-height:30px;}
.head_top .cnen{ float:right; margin:4px 0;}
.head_top .cnen a{ font-size:12px; color:#333; line-height:20px; padding:0 10px; border:#ccc 1px solid; border-radius:3px; display:block;}
.head_top .cnen a:hover{ text-decoration:none; color:#1da2da;}
.head_top .cnen a img{ width:15px; float:left; margin:5px 7px 0 0;}

.head_nav{ margin:0 auto; background:#fff;}
.head_nav .logo{ float:left; width:144px; margin:3px 0;}
.head_nav .logo img{ width:100%;}
.head_nav h1{ display:none;}
.head_nav .search_pc{ float:right; width:130px; height:30px; background:url(../images/search.png) left top no-repeat; margin:29px 0 29px 1%;}
.head_nav .search_pc .search{ float:left; padding:0 0 0 10px; width:90px; font-size:12px; line-height:30px; border:0; background:none; outline:none;}
.head_nav .search_pc .button{ float:right; border:0; width:30px; height:30px; background:none; cursor:pointer; outline:none;}
.head_nav .search_pc .search::-webkit-input-placeholder{ color:#666;}
.head_nav .search_pc .search::-moz-placeholder{ color:#666;}

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

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin-top: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: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 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;}

.m_nav .cnen{ width:100%; margin:0 auto 10px auto;}
.m_nav .cnen ul{ overflow:hidden; padding:0 20px;}
.m_nav .cnen ul li{ float:left; margin:0 16px 0 0; overflow:hidden;}
.m_nav .cnen ul li a{ font-size:14px; color:#666; line-height:22px;}
.m_nav .cnen ul li span{ float:right;}
.m_nav .cnen ul li i{ float:left; width:18px; height:12px; background:url(../images/cn.jpg) center no-repeat; margin:5px 8px 0 0;}
.m_nav .cnen ul li:last-child i{ background:url(../images/en.jpg) center no-repeat;}

/*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:16px; height:10px; display:block; background:#fff; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#1da2da; }
.flex-control-paging li a.flex-active{ background:#1da2da; 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,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.18)));}
.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;}

/*why_us*/
.why_us{ margin:30px auto 20px auto;}
.why_us_name{ font-size:22px; color:#000; line-height:36px; margin:0 0 10px 0;}
.why_us_w{ width:100%; margin:0 auto;}
.why_us_w ul{ overflow:hidden;}
.why_us_w ul li{ float:left; width:29.6%; margin:0 0.8% 0.8% 0; background:#f7f8f9; padding:1.1% 1.6%;}
.why_us_w ul li:nth-child(3n){ margin:0 0 0.5% 0;}
.why_us_w ul li .why_us_bt{ font-size:18px; color:#333; line-height:30px; margin:0 0 6px 0; height:30px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.why_us_w ul li .why_us_sm{ font-size:14px; color:#666; line-height:26px; height:104px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.why_us_w ul li a{ font-size:18px; color:#666; line-height:30px; height:140px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.why_us_w ul li a span{ display:block; font-size:52px; line-height:60px;}
.why_us_w ul li a:hover{ text-decoration:none; color:#1da2da;}

/*home_content*/
.home_content{ width:100%; margin:20px auto 30px auto; overflow:hidden; background:#f7f8f9;}

.new_product{ width:100%; margin:30px auto; overflow:hidden;}
.new_p_name{ font-size:22px; color:#000; line-height:36px; margin:0 0 10px 0;}
.new_p_b{ width:100%; margin:0 auto 0.8% auto; overflow:hidden; position:relative;}
.new_p_b img{ width:100%;}
.new_p_b dl{ position:absolute; left:0; bottom:0; width:49.6%; background:#fff;}
.new_p_b dl a{ display:block; color:#666;}
.new_p_b dl a:hover{ text-decoration:none; color:#1da2da;}
.new_p_b dl dd{ float:left; width:49.2%;}
.new_p_b dl dt{ float:right; width:46%; font-size:14px; line-height:25px;}
.new_p_b dl dt em{ display:block; font-size:16px; color:#000; line-height:28px; margin:10% 0 1.6% 0;}
.new_p_p{ width:100%; margin:0 auto;}
.new_p_p ul{ overflow:hidden;}
.new_p_p ul li{ float:left; width:24.4%; margin:0 0.8% 0 0; background:#fff;}
.new_p_p ul li:last-child{ margin:0;}
.new_p_p ul li img{ width:100%;}
.new_p_p ul li em{ font-size:16px; line-height:48px; text-align:center; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_p ul li a{ display:block; color:#666;}
.new_p_p ul li a:hover{ text-decoration:none; color:#1da2da;}

.about_us{ width:100%; margin:30px auto; overflow:hidden;}
.about_name{ font-size:22px; color:#000; line-height:36px; margin:0 0 10px 0;}
.linian{ float:left; width:24.4%; margin:0 0.8% 0 0; background:#fff;}
.linian a{ display:block; color:#666;}
.linian a:hover{ text-decoration:none; color:#1da2da;}
.linian .linian_img{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.linian .linian_img img{ width:100%;}
.linian .linian_name{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5);}
.linian .linian_name em{ float:left; font-size:16px; color:#fff; line-height:28px; margin:9px 0 9px 20px;}
.linian .linian_name i{ float:right; width:27px; height:17px; background:url(../images/about_jt.png) center no-repeat; margin:15px 26px 14px 0;}
.linian .linian_js{ width:86%; margin:18px auto 28px auto; font-size:12px; line-height:24px; height:72px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.fangan{ float:left; width:24.4%; margin:0 0.8% 0 0; background:#fff;}
.fangan a{ display:block; color:#666;}
.fangan a:hover{ text-decoration:none; color:#1da2da;}
.fangan .fangan_img{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.fangan .fangan_img img{ width:100%;}
.fangan .fangan_name{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5);}
.fangan .fangan_name em{ float:left; font-size:16px; color:#fff; line-height:28px; margin:9px 0 9px 20px;}
.fangan .fangan_name i{ float:right; width:27px; height:17px; background:url(../images/about_jt.png) center no-repeat; margin:15px 26px 14px 0;}
.fangan .fangan_js{ width:86%; margin:18px auto 28px auto; font-size:12px; line-height:24px; height:72px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.hezuo{ float:left; width:24.4%; margin:0 0.8% 0 0; background:#fff;}
.hezuo a{ display:block; color:#666;}
.hezuo a:hover{ text-decoration:none; color:#1da2da;}
.hezuo .hezuo_img{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.hezuo .hezuo_img img{ width:100%;}
.hezuo .hezuo_name{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5);}
.hezuo .hezuo_name em{ float:left; font-size:16px; color:#fff; line-height:28px; margin:9px 0 9px 20px;}
.hezuo .hezuo_name i{ float:right; width:27px; height:17px; background:url(../images/about_jt.png) center no-repeat; margin:15px 26px 14px 0;}
.hezuo .hezuo_js{ width:86%; margin:18px auto 4px auto;}
.hezuo .hezuo_js ul{ overflow:hidden;}
.hezuo .hezuo_js ul li{ float:left; width:49%; margin:0 2% 2% 0;}
.hezuo .hezuo_js ul li:nth-child(2n){ margin:0 0 2% 0;}
.hezuo .hezuo_js ul li img{ width:100%;}

.news{ float:left; width:24.4%; background:#fff;}
.news a{ display:block; color:#666;}
.news a:hover{ text-decoration:none; color:#1da2da;}
.news .news_img{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.news .news_img img{ width:100%;}
.news .news_name{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5);}
.news .news_name em{ float:left; font-size:16px; color:#fff; line-height:28px; margin:9px 0 9px 20px;}
.news .news_name i{ float:right; width:27px; height:17px; background:url(../images/about_jt.png) center no-repeat; margin:15px 26px 14px 0;}
.news .news_js{ width:86%; margin:18px auto 28px auto; font-size:12px; line-height:24px; height:72px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/*footer*/
.footer_nav{ margin:32px auto 46px auto;}
.footer_nav .f_nav_left{ float:left; width:72%; overflow:hidden;}
.footer_nav .f_nav_left dl{ float:left; margin:0 9% 0 0;}
.footer_nav .f_nav_left dl dd{ margin:0 0 10px 0;}
.footer_nav .f_nav_left dl dd a{ font-size:16px; line-height:22px; color:#333;}
.footer_nav .f_nav_left dl dd a:hover{ text-decoration:none; color:#1da2da;}
.footer_nav .f_nav_left dl dt{ line-height:24px;}
.footer_nav .f_nav_left dl dt a{ font-size:14px; color:#666; display:block;}
.footer_nav .f_nav_left dl dt a:hover{ text-decoration:none; color:#333;}
.footer_nav .footer_contact{ float:right; width:28%;}
.footer_nav .footer_contact .footer_c_name{ font-size:16px; color:#333; line-height:22px; margin:0 0 10px 0;}
.footer_nav .footer_contact .footer_c_us{ font-size:14px; line-height:24px; color:#666;}

.links{ margin:46px auto 32px auto; border-bottom:#eee 1px solid; border-top:#eee 1px solid; position:relative;}
.links:before{ position:absolute; top:20px; left:9%; width:1px; height:20px; background:#dedede; content:"";}
.links_name{ float:left; width:9%; font-size:16px; color:#333; line-height:60px; text-align:center;}
.link{ float:right; width:89%; display:flex; justify-content:left; align-items:center; height:60px;}
.link ul{ width:100%; margin:0 auto; overflow:hidden;}
.link ul li{ float:left; margin:0 2% 0 0;}
.link ul li a{ font-size:14px; color:#666; line-height:24px;}
.link ul li a:hover{ text-decoration:none; color:#333;}

.footer{ background:#f7f8f9; overflow:hidden;}
.footer .footer_icp{ margin:19px auto; overflow:hidden; font-size:12px; color:#666; line-height:22px;}
.footer .footer_left{ float:left;}
.footer .footer_right{ float:right;}
.footer .footer_icp a{ color:#666;}
.footer .footer_icp a:hover{ text-decoration:none; color:#333;}

/*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:#eee; font-size:14px; color:#333; line-height:22px; padding:7px 0;}
.lujing a{ color:#666; transition:all .5s;}
.lujing a:hover{ text-decoration:none; color:#333;}
.lujing span{ color:#999; margin:0 14px;}

/*content*/
.content{ width:100%; margin:0 auto; overflow:hidden; background:#f7f8f9;}
.all_profiles{ margin:46px auto;}
.ny_nav{ width:100%; margin:0 auto 28px auto;}
.ny_nav ul{ font-size:0px;}
.ny_nav ul li{ display:inline-block; font-size:14px; border:#eee 1px solid; margin:0 2% 0 0; line-height:42px; position:relative;}
.ny_nav ul li a{ display:block; color:#333; padding:0 28px;}
.ny_nav ul li a:hover{ text-decoration:none; background:#1da2da; color:#fff;}
.ny_nav ul li a.current{ color:#fff; background:#1da2da;}
.content_name{ font-size:22px; color:#000; line-height:36px; margin:0 0 10px 0;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:23.5%; margin:0 2% 2% 0; background:#fff;}
.products ul li:nth-child(4n){ margin:0 0 2% 0;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:16px; line-height:48px; text-align:center; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ display:block; color:#666;}
.products ul li a:hover{ text-decoration:none; color:#1da2da;}

.productshow{ width:100%; margin:0 auto 30px auto; overflow:hidden; padding:0 0 30px 0; border-bottom:#eee 1px solid;}
.products_sming{ float:left; width:75%;}
.products_sming .products_text{ border:#eee 1px solid; border-bottom:none; text-align:center;}
.products_sming .products_text img{ max-width:52%;}
.products_sming .products_text p{ background:#fff; font-size:16px; color:#000; text-align:left; padding:18px 2.5% 8px 2.5%; font-weight:bold;}
.products_sming .miaoshu{ border:#eee 1px solid; border-top:none; background:#fff; margin:0 auto 28px auto; font-size:14px; color:#333; line-height:25px; text-align:left; padding:0 2.5% 18px 2.5%;}
.products_xg{ float:right; width:22%;}
.products_xg .product_kuang{ border:#eee 1px solid;}
.products_xg .p_xg_name{ width:88%; margin:12px auto; border-bottom:#eee 1px solid; font-size:18px; color:#333; line-height:42px; font-weight:bold;}
.products_xg .p_xg_name i{ width:2px; height:18px; background:#1da2da; float:left; margin:13px 12px 11px 0;}
.products_xg .product_kuang ul{ width:88%; margin:12px auto;}
.products_xg .product_kuang ul li{ width:100%; margin:0 0 12px 0;}
.products_xg .product_kuang ul li a img{ width:100%;}
.products_xg .product_kuang ul li a{ display:block; text-align:center;}
.products_xg .product_kuang ul li a:hover{ text-decoration:none;}
.products_xg .product_kuang ul li em{ font-size:14px; line-height:24px; margin:8px 0 0 0; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.productshow_name{ width:100%; margin:0 auto; overflow:hidden; background:#eee;}
.productshow_name a{ float:left; font-size:18px; color:#333; line-height:30px; font-weight:bold; padding:8px 30px; cursor:pointer;}
.productshow_name a:hover{ text-decoration:none;}
.productshow_name a.cur{ background:#1da2da; color:#fff;}
.borleft{ width:100%; margin:0 auto;}
.productshow_quanbu{ width:100%; margin:0 auto; overflow:hidden; background:#f7f8f9;}
.productshow_id{ display:none; width:100%; margin:20px auto 0 auto; font-size:14px; color:#525252; line-height:25px; overflow:hidden;}
.productshow_id img{ max-width:100%;}
.productshow_id table{ width:100%; border:#eee 1px solid; margin:0 auto; overflow:hidden;}
.productshow_id table td{ border:#eee 1px solid; padding:4px;}

.messages_width{ width:100%; margin:0 auto; overflow:hidden;}
.messages_name{ font-size:22px; color:#000; line-height:36px; margin:0 0 10px 0;}
.messages{ width:100%; margin:0;}
.messages li{ float:left; width:32.8%; margin:0 0.8% 0.8% 0;}
.messages li:nth-child(3n){ margin:0 0 0.8% 0;}
.messages li:last-child{ margin:0;}
.messages li.mess{ width:100%; float:none;}
.messages .text-input{ width:96.7%; border:#eee 1px solid; padding:0 0 0 3%; font-size:14px; color:#666; line-height:46px; height:46px; background:fff;}
.messages .cont-input{ width:98.9%; padding:10px 0 0 1%; height:96px; font-size:14px; color:#666; line-height:24px; background:#fff; border:#eee 1px solid;}
.messages .messages-button{ width:218px; line-height:48px; font-size:18px; color:#fff; text-align:center; background:#1da2da; cursor:pointer;}

/*services*/
.services{ position:relative;}
.services:before{ position:absolute; left:-20px; top:0; width:54px; height:2px; background:#1da2da; content:"";}
.services:after{ position:absolute; left:-20px; top:0; width:2px; height:54px; background:#1da2da; content:"";}
.services dl{ overflow:hidden; border-bottom:#1da2da 1px solid; padding:16px 0;}
.services dl dd{ font-size:18px; color:#1da2da; line-height:32px; font-weight:bold;}
.services dl dt{ font-size:16px; color:#333; line-height:28px;}

/*join_us*/
.join_us{ width:100%; margin:0 auto 28px auto;}
.join_us ul{ background:#1da2da; 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:#1da2da; 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:#1da2da; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:100%; margin:28px auto 0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:20px; color:#333; font-weight:bold; line-height:36px; display:block; margin:0 0 10px 0;}

/*about*/
.jingying{ font-size:16px; color:#333; line-height:28px; position:relative; padding:16px 0;}
.jingying:before{ position:absolute; left:-20px; top:0; width:54px; height:2px; background:#1da2da; content:"";}
.jingying:after{ position:absolute; left:-20px; top:0; width:2px; height:54px; background:#1da2da; content:"";}

.partner{ width:100%; margin:0 auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:15.5%; margin:0 1.4% 1.4% 0;}
.partner ul li span{ display:block; border:#ddd 1px solid;}
.partner ul li:nth-child(6n){ margin:0 0 0.8% 0;}
.partner ul li img{ width:100%;}

.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:32%; margin:0 2% 2% 0; background:#fff;}
.ny_news ul li:nth-child(3n){ margin:0 0 2% 0;}
.ny_news ul li a{ display:block; border:#eee 1px solid; color:#666;}
.ny_news ul li a:hover{ text-decoration:none; color:#1da2da;}
.ny_news ul li .ny_n_img{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news ul li .ny_n_img img{ width:100%;}
.ny_news ul li .ny_n_zt{ width:92%; margin:12px auto 0 auto; font-size:16px; color:#333; line-height:22px; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_jj{ width:92%; margin:0 auto 12px auto; font-size:14px; line-height:20px; height:60px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_time{ width:100%; margin:0 auto; border-top:#eee 1px solid; text-align:center; font-size:14px; color:#767676; line-height:20px; padding:8px 0;}
.news_xqing{ width:100%; margin:0 auto; overflow:hidden;}
.news_show{ float:left; width:72%;}
.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0; border-bottom:#eee 1px solid;}
.news_bt p{ font-size:14px; color:#666;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.news_js table{ width:100% !important; border:#ccc 1px solid;}
.news_js table td{ border:#ccc 1px solid; padding:1% 2%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#eee 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#1da2da; text-decoration:none;}
.news_biaoqian{ float:right; width:24%;}
.news_bq_name{ font-size:22px; color:#333; line-height:42px; border-bottom:#eee 1px solid;}
.n_biaoqian{ width:100%; margin:20px auto; overflow:hidden;}
.n_biaoqian a{ float:left; width:32%; margin:0 2% 2% 0; background:#f2f2f2; display:block; text-align:center; line-height:30px; transition:all .5s;}
.n_biaoqian a:nth-child(3n){ margin:0 0 2% 0;}
.n_biaoqian a:hover{ color:#fff; text-decoration:none; background:#1da2da;}
.news_ts{ width:100%; margin:20px auto 0 auto;}
.news_ts .item-box{ position:relative; display:block; margin:0 0 8px 0;}
.news_ts .item-box .img{ overflow:hidden;}
.news_ts .item-box .img img{ width:100%; transition:.4s;}
.news_ts .item-box .text{ position:absolute; width:92%; left:0; bottom:0; padding:2% 4%; z-index:3; color:#fff;}
.news_ts .item-box .text h2{ margin-bottom:4px;}
.news_ts .item-box .filter{ position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); transition:.4s;}
.news_ts .item-box:hover .img img{ transition:.4s; transform:scale(1.1);}
.news_ts .item-box:hover .filter{ height:100%; transition:.4s;}

.contact_size{ width:100%; margin:0 auto; overflow:hidden;}