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

/*head_top*/
.head_top{ width:100%; margin:0 auto; background:#fff; position:relative; z-index:1000; transition:all .5s;}
.head_top .logo{ position:absolute; top:0; left:0; width:312px; transition:all .5s;}
.head_top .logo img{ width:100%;}
.head_top h1{ display:none;}
.head_top .rexian{ position:absolute; top:22px; right:2%; color:#0053a2; font-size:24px; line-height:34px; transition:all .5s;}
.head_top .rexian i{ float:left; margin:0 12px 0 0; background:url(../images/rexian.png) center no-repeat; width:28px; height:34px;}
.h_active{ position:fixed; left:0; top:0; transition:all .5s;}

/*nav*/
.header{ width:100%; margin:0 auto; text-align:center; transition:all .5s;}
.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:#0053a2; transition:all .35s;}
.nav .m:hover:after{ width:100%;}
.nav a{ display:block; font-size:16px; color:#333; line-height:78px; padding:0 20px;}
.nav li:hover a, .nav li a.cutter{ color:#0053a2; text-decoration:none;}
.nav .sub{ width:152px; position:absolute; left:0; top:78px; background:rgba(255,255,255,.88); padding:18px 20px;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#525252; font-size:14px; line-height:32px; display:block; background:none; padding:0;}
.nav .sub li a:hover{ text-decoration:none; color:#333;}
.nav .sub2{ width:100%; position:fixed; left:0; top:78px;}
.nav .sub2 .width_all{ background:rgba(255,255,255,.88);}
.nav .sub2_tab{ float:left; width:24%; border-right:#eee 2px solid; margin:2%;}
.nav .sub2_tab li{ text-align:left;}
.nav .sub2_tab li a{ font-size:14px; line-height:32px; color:#525252; padding:0;}
.nav .sub2_tab li a:hover,.nav .sub2_tab li.cur a{ text-decoration:none; color:#0053a2;}
.nav .sub2_width{ float:right; width:67%; margin:2%;}
.nav .sub2_width dl{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.nav .sub2_width dl dd{ float:left; width:68%; text-align:left;}
.nav .sub2_width dl dd p{ font-size:14px; color:#525252; line-height:25px;}
.nav .sub2_width dl dd p.sub2_zt{ font-size:15px; color:#333; font-weight:bold; margin:0 0 6px 0;}
.nav .sub2_width dl dd p.sub2_more{ position:absolute; left:0; bottom:0;}
.nav .sub2_width dl dd p.sub2_more a{ width:118px; border:#333 1px solid; border-radius:5px; font-size:14px; color:#333; line-height:32px; display:block; text-align:center;}
.nav .sub2_width dl dd p.sub2_more a:hover{ background:#0053a2; border:#0053a2 1px solid; color:#fff;}
.nav .sub2_width dl dt{ float:right; width:27.8%;}
.nav .sub2_width dl dt img{ width:100%;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1001; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin-top:10px;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){ -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8){ -webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size: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:80px; height:3px; display:block; background:#fff; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#0053a2; }
.flex-control-paging li a.flex-active{ background:#0053a2; 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:40px; height:40px; margin:-20px 0 0 -20px;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*why_us*/
.why_us{ margin:60px auto;}
.why_us_name{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.why_us_name:before{ position:absolute; top:50%; left:0; width:100%; height:2px; background:#ddd; content:""; z-index:1; margin:-1px 0 0 0;}
.why_us_name span{ color:#0053a2; font-size:30px; line-height:42px; font-weight:bold; background:#fff; position:relative; z-index:2; padding:0 12px 0 0;}
.why_us_wz{ width:100%; margin:0 auto 26px auto; overflow:hidden; font-size:18px; color:#333; line-height:28px; font-weight:bold;}
.why_us_width{ width:100%; margin:0 auto;}
.why_us_width ul{ overflow:hidden;}
.why_us_width ul li{ float:left; width:32%; margin:0 2% 0 0;}
.why_us_width ul li:last-child{ margin:0;}
.why_us_width ul li img{ width:100%;}
.why_us_width ul li h2{ font-size:16px; color:#333; line-height:28px; margin:10px 0 4px 0;}
.why_us_width ul li h3{ font-size:14px; color:#666; line-height:24px;}

/*center_home*/
.center_home{ width:100%; margin:60px auto; overflow:hidden; background:url(../images/center.jpg) center no-repeat;}
.center_home .center_home_w{ position:relative;}
.center_home .center_rexian{ position:absolute; top:-20px; right:0;}
.center_home .center_rexian_z{ padding:0 0 0 10px; font-size:18px; color:#333; line-height:28px; margin:0 0 6px 0;}
.center_home .center_rexian_m{ font-size:30px; color:#0053a2; line-height:46px; font-family:Arial; border:#0053a2 2px solid; padding:0 8px;}
.center_home .center_name{ width:432px; margin:52px auto 26px auto; font-size:36px; color:#0053a2; text-align:center; line-height:64px; background-image:linear-gradient(to left, rgba(0,83,162,0.000000001)15%, rgba(0,83,162,.1)50%, rgba(0,83,162,0.000000001)85%); border-radius:32px;}
.center_home .center_profiles{ width:100%; margin:26px auto 36px auto; font-size:26px; color:#333; line-height:42px; text-align:center;}

/*new_product*/
.new_product{ margin:60px auto;}
.new_product2{ width:100%; margin:60px auto; overflow:hidden; background:#efefef;}
.new_product2 .new_p_left{ float:right !important;}
.new_product2 .new_p_right{ float:left !important;}
.new_product2 .new_p_more{ left:0; right:inherit !important;}
.new_products{ width:100%; margin:0 auto 36px auto; overflow:hidden; position:relative;}
.new_product .new_p_left{ float:left; width:58%;}
.new_product .new_p_left img{ width:100%;}
.new_product .new_p_right{ float:right; width:39%;}
.new_product .new_p_right h4{ font-size:30px; color:#0053a2; font-weight:bold; line-height:42px;}
.new_product .new_p_right h5{ font-size:18px; color:#333; line-height:30px; margin:14px 0 0 0;}
.new_product .new_p_more{ position:absolute; right:0; bottom:0; width:148px;}
.new_product .new_p_more a{ font-size:14px; color:#fff; display:block; line-height:46px; background:#0053a2; text-align:center; transition:all .5s;}
.new_product .new_p_more a:hover{ text-decoration:none; color:#eee;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ float:left; width:23.5%; margin:0 2% 0 0; position:relative;}
.new_product ul li:last-child{ margin:0;}
.new_product ul li img{ width:100%; transition:all .75s;}
.new_product ul li:hover img{ transform:scale(1.2);}
.new_product ul li a{ display:block; border:#efefef 1px solid; overflow:hidden;}
.new_product ul li em{ position:absolute; left:0; bottom:0; width:100%; font-size:16px; color:#fff; line-height:42px; background:rgba(0,83,162,.68); text-align:center; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*case*/
.case{ width:100%; margin:60px auto; overflow:hidden; background:#efefef;}
.case .case_name{ width:100%; margin:52px auto 18px auto; overflow:hidden; font-size:30px; color:#0053a2; line-height:42px; font-weight:bold; text-align:center;}
.case .case_nav{ width:100%; margin:18px auto 32px auto; overflow:hidden; text-align:center;}
.case .case_nav a{ display:inline-block; border:#ccc 1px solid; background:#fff; line-height:40px; font-size:18px; color:#333; transition:all .5s; padding:0 3%; margin:0 0.4%;}
.case .case_nav a:hover{ text-decoration:none; background:#0053a2; border:#0053a2 1px solid; color:#fff;}
.case .case_width{ width:100%; margin:32px auto 60px auto;}
.case .case_width ul{ overflow:hidden;}
.case .case_width ul li{ float:left; width:25%; position:relative;}
.case .case_width ul li:before{ position:absolute; left:0; bottom:0; height:0; width:100%; content:""; background:rgba(0,83,162,.88); transition:all .35s; z-index:2;}
.case .case_width ul li:hover:before{ height:55%;}
.case .case_width ul li a{ display:block; color:#333; z-index:3; transition:all .35s;}
.case .case_width ul li:hover a{ text-decoration:none; color:#fff;}
.case .case_width .case_img{ width:100%; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.case .case_width .case_img img{ width:100%;}
.case .case_width .case_zhuti{ width:88%; margin:14px auto; font-size:16px; font-weight:bold; line-height:28px; text-align:center; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:relative; z-index:3;}
.case .case_width .case_wenzi{ width:88%; margin:14px auto 26px auto; font-size:14px; line-height:24px; text-align:center; height:96px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; position:relative; z-index:3;}

/*news*/
.news{ margin:60px auto;}
.news_name{ width:100%; margin:0 auto 26px auto; overflow:hidden; position:relative;}
.news_name:before{ position:absolute; top:50%; left:0; width:100%; height:2px; background:#ddd; content:""; z-index:1; margin:-1px 0 0 0;}
.news_name span{ color:#0053a2; font-size:30px; line-height:42px; font-weight:bold; background:#fff; position:relative; z-index:2; padding:0 12px 0 0;}
.news .news_golds{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.news .news_golds:before{ position:absolute; top:0; right:25%; height:100%; width:2px; background:#ddd; content:"";}
.news .news_home{ float:left; width:75%;}
.news .news_home ul{ overflow:hidden;}
.news .news_home ul li{ float:left; width:43%; margin:0 7% 4% 0; position:relative;}
.news .news_home ul li:nth-child(3){ margin:0 7% 0 0;}
.news .news_home ul li:nth-child(4){ margin:0 7% 0 0;}
.news .news_home ul li:before{ position:absolute; left:13%; top:0; height:0; width:2px; content:""; background:#0053a2; transition:all .35s;}
.news .news_home ul li:hover:before{ height:100%;}
.news .news_home ul li a{ display:block; color:#333;}
.news .news_home ul li a:hover{ text-decoration:none; color:#0053a2;}
.news .news_home ul li .news_shuzi{ float:left; width:11%; font-size:30px; color:#333; line-height:48px; font-family:Arial;}
.news .news_home ul li .news_jieshao{ float:right; width:85%;}
.news .news_home ul li .news_mingcheng{ font-size:16px; font-weight:bold; color:#222; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .news_home ul li .news_time{ margin:0 0 6px 0; font-size:14px; color:#525252; line-height:25px;}
.news .news_home ul li .news_profiles{ font-size:14px; line-height:25px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news .services{ float:right; width:22%;}
.news .services_name{ width:100%; margin:0 auto 8px auto; font-size:24px; color:#0053a2; line-height:36px; text-align:center; font-weight:bold;}
.news .services_wenzi{ border:#ddd 2px solid; font-size:14px; line-height:24px; padding:4% 6%;}
.news .services_rexian{ margin:22px auto 0 auto; font-size:16px; color:#666; line-height:26px; background:url(../images/services_rexian.png) left center no-repeat; padding:6px 0 4px 80px;}
.news .services_rexian span{ display:block; color:#0053a2; font-size:24px; margin:2px 0 0 0;}

/*about_us*/
.about_us{ width:100%; margin:60px auto; background:url(../images/about_us.jpg) center no-repeat; overflow:hidden; padding:52px 0 60px 0;}
.about_us .about_name{ width:100%; margin:0 auto; font-size:30px; color:#fff; text-align:center; line-height:42px;}
.about_us .about_more{ width:188px; margin:14px auto 28px auto;}
.about_us .about_more a{ font-size:14px; color:#fff; text-align:center; border:#fff 1px solid; display:block; line-height:34px;}
.about_us .about_more a:hover{ text-decoration:none;}
.about_us .about_more span{ font-family:宋体; font-weight:bold; margin:0 0 0 8px;}
.about_us .about{ background:rgba(255,255,255,.88); overflow:hidden; padding:2%;}
.about .about_left{ float:left; width:35%;}
.about .about_left img{ width:100%;}
.about .about_right{ float:right; width:62%; font-size:14px; color:#333; line-height:28px;}

/*q_navigation*/
.q_navigation{ margin:60px auto;}
.q_navigation_name{ width:100%; margin:0 auto 26px auto; overflow:hidden; position:relative;}
.q_navigation_name:before{ position:absolute; top:50%; left:0; width:100%; height:2px; background:#ddd; content:""; z-index:1; margin:-1px 0 0 0;}
.q_navigation_name span{ color:#0053a2; font-size:30px; line-height:42px; font-weight:bold; background:#fff; position:relative; z-index:2; padding:0 12px 0 0;}
.q_navigation_w{ width:100%; margin:16px auto; overflow:hidden;}
.q_navigation_zt{ float:left; width:11.6%; border:#ccc 1px solid; font-size:18px; color:#333; font-weight:bold; text-align:center; line-height:42px;}
.q_navigation_ml{ float:right; width:86%;}
.q_navigation_ml ul{ height:44px; display:flex; align-items:center;}
.q_navigation_ml ul li{ float:left; margin:0 18px 0 0;}
.q_navigation_ml ul li a{ font-size:14px; color:#333; line-height:22px;}
.q_navigation_ml ul li a:hover{ text-decoration:none; color:#0053a2;}

/*footer*/
.footer{ width:100%; margin:0 auto; background:#eee; overflow:hidden;}
.footer .footer_nav{ width:100%; margin:20px auto; overflow:hidden; border:#ccc 1px solid; border-left:none; border-right:none; text-align:center; font-size:16px; color:#333; line-height:26px; padding:11px 0;}
.footer .footer_nav span{ margin:0 12px;}
.footer .footer_nav a{ color:#333;}
.footer .footer_nav a:hover{ text-decoration:none; color:#0053a2;}
.footer .footer_width{ width:100%; margin:36px auto; overflow:hidden;}
.footer .footer_contact{ float:left; width:72%; font-size:14px; color:#333; line-height:30px;}
.footer .footer_erweima{ float:right; width:22%;}
.footer .footer_erweima ul{ overflow:hidden;}
.footer .footer_erweima ul li{ float:left; width:46%; margin:0 8% 0 0;}
.footer .footer_erweima ul li:last-child{ margin:0;}
.footer .footer_erweima ul li img{ width:100%;}
.footer .footer_erweima ul li em{ display:block; font-size:14px; color:#333; text-align:center; line-height:22px; margin:4px 0 0 0;}

.footer_icp{ width:100%; margin:0 auto; overflow:hidden; background:#0053a2; 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%; padding:60px 0 0 0; overflow:hidden; background:url(../images/ny_banner.jpg) center center no-repeat;}
.ny_banner .ny_banner_zt{ color:#333; font-size:30px; line-height:34px;}
.ny_banner .lujing{ width:100%; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#666; line-height:25px;}
.ny_banner .lujing a{ color:#525252;}
.ny_banner .lujing a:hover{ text-decoration:none; color:#0053a2;}
.ny_banner .lujing span{ color:#0053a2; font-weight:bold;}

/*ny_nav*/
.ny_nav{ width:100%; margin:48px 0 0 0; border-top:#ccc 1px solid;}
.ny_nav ul{ margin:0 auto;}
.ny_nav ul li{ float:left; font-size:16px; line-height:20px; margin:0 3% 0 0; padding:20px 0; transition:all 0.5s; position:relative;}
.ny_nav ul li:after{content:""; width:0px; height:2px; background:#0053a2; position:absolute; top:-1px; left:0; transition:all 0.5s;}
.ny_nav ul li:hover:after{ width:100%;}
.ny_nav ul li a{ display:block; color:#525252;}
.ny_nav ul li a:hover{ text-decoration:none; color:#0053a2;}
.ny_nav ul li.curt:after{ width:100%;}
.ny_nav ul li.curt a{ color:#0053a2;}

/*content*/
.content{ margin:60px auto;}
.company{ font-size:14px; color:#666; line-height:25px;}
.company img{ max-width:100%;}
.company_left{ float:left; width:36%;}
.company_left ul{ overflow:hidden;}
.company_left ul li{ width:100%; margin:0 0 10px 0;}
.company_left ul li:last-child{ margin:0;}
.company_left ul li img{ width:100%;}
.company_right{ float:right; width:60%; font-size:14px; color:#666; line-height:25px;}
.company_right em{ display:block; border-bottom:#eee 1px solid; font-size:24px; color:#333; font-weight:bold; line-height:48px; margin:0 0 18px 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; position:relative;}
.products ul li:nth-child(4n){ margin:0 0 2% 0;}
.products ul li em{ position:absolute; left:0; bottom:0; background:rgba(0,83,162,.68); width:96%; padding:0 0 0 4%; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li img{ width:100%; transition:all .75s;}
.products ul li:hover img{ transform:scale(1.2);}
.products ul li a{ color:#fff; line-height:40px; display:block; overflow:hidden; border:#ccc 1px solid;}
.products ul li a:hover{ text-decoration:none; color:#fff;}

.product_w_name{ margin:60px auto 28px auto; background:#0053a2; font-size:18px; color:#fff; line-height:48px; text-indent:1em; font-weight:bold;}
.productshow{ margin:28px auto 60px auto;}
.products_xg{ float:right; width:22%;}
.products_xg .product_kuang{ border:#ddd 1px solid;}
.products_xg .p_xg_name{ width:88%; margin:12px auto 20px auto; border-bottom:#ddd 1px solid; font-size:18px; color:#333; line-height:42px; font-weight:bold;}
.products_xg .p_xg_name i{ width:2px; height:18px; background:#0053a2; float:left; margin:13px 12px 11px 0;}
.products_xg .product_kuang ul{ width:88%; margin:20px auto;}
.products_xg .product_kuang ul li{ width:100%; margin:0 0 20px 0;}
.products_xg .product_kuang ul li a img{ width:100%;}
.products_xg .product_kuang ul li a{ display:block; text-align:center; border:#eee 1px solid;}
.products_xg .product_kuang ul li a:hover{ text-decoration:none;}
.products_xg .product_kuang ul li em{ font-size:14px; line-height:42px; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products_sming{ float:left; width:75%;}
.products_text{ border:#eee 1px solid; text-align:center;}
.products_text img{ max-width:52%;}
.miaoshu{ background:#eee; margin:0 auto 28px auto; font-size:14px; color:#333; line-height:25px; text-align:left; padding:2% 2.5%;}
.miaoshu em{ display:block; font-size:16px; font-weight:bold; margin:0 0 6px 0;}
.products_detwo{ background:#ddd; margin:28px auto 20px auto; overflow:hidden;}
.products_detwo span{ font-size:16px; background:#0053a2; color:#fff; line-height:20px; padding:10px 4%; display:inline-block;}
.products_profiles{ margin:20px auto 0 auto; font-size:14px; color:#333; line-height:25px;}
.products_profiles table{ width:100%; border:#ccc 1px solid; margin:0; padding:0;}
.products_profiles table td{ border:#ccc 1px solid; padding:4px;}

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

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:46%; margin:0 8% 4% 0; position:relative;}
.ny_news ul li:nth-child(2n){ margin:0 0 4% 0;}
.ny_news ul li:before{ position:absolute; left:13%; top:0; height:0; width:2px; content:""; background:#0053a2; transition:all .35s;}
.ny_news ul li:hover:before{ height:100%;}
.ny_news ul li a{ display:block; color:#333;}
.ny_news ul li a:hover{ text-decoration:none; color:#0053a2;}
.ny_news ul li .news_shuzi{ float:left; width:11%; font-size:30px; color:#333; line-height:48px; font-family:Arial;}
.ny_news ul li .news_jieshao{ float:right; width:85%;}
.ny_news ul li .news_mingcheng{ font-size:16px; font-weight:bold; color:#222; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li .news_time{ margin:0 0 6px 0; font-size:14px; color:#525252; line-height:25px;}
.ny_news ul li .news_profiles{ font-size:14px; line-height:25px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:18px; color:#333; line-height:28px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#888; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#333; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 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:#333;}
.p_next a:hover{ color:#0053a2;}

/*ny_case*/
.ny_case{ width:100%; margin:0 auto;}
.ny_case ul{ overflow:hidden;}
.ny_case ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.ny_case ul li:nth-child(4n){ margin:0 0 2% 0;}
.ny_case ul li a{ display:block; border:#eee 1px solid; color:#333;}
.ny_case ul li a:hover{ text-decoration:none; color:#0053a2;}
.ny_case ul li .ny_c_img{ width:100%; margin:0 auto; overflow:hidden;}
.ny_case ul li .ny_c_img img{ width:100%;}
.ny_case ul li .ny_c_zt{ width:92%; margin:12px auto 6px auto; font-size:16px; color:#333; line-height:24px; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_case ul li .ny_c_jj{ width:92%; margin:6px auto 12px auto; font-size:14px; line-height:22px; height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_case ul li .ny_c_more{ width:100%; margin:0 auto; border-top:#eee 1px solid; text-align:center; font-size:14px; line-height:20px; padding:8px 0;}

/*join_us*/
.join_us{ width:100%; margin:0 auto 28px auto;}
.join_us ul{ background:#0053a2; 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:#0053a2; 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:#0053a2; 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;}

/*contact_us*/
.contact_name{ font-size:18px; color:#fff; font-weight:bold; background:#0053a2; line-height:48px; text-indent:1em;}
.contact_cnt{ font-size:16px; color:#000; line-height:30px; margin:18px auto 6px auto;}
.contact{ width:100%; margin:0 auto; overflow:hidden; background:#f2f2f2; font-size:14px; color:#333; line-height:25px; padding:18px 0;}
.contact dl{ overflow:hidden; width:96%; margin:0 auto;}
.contact dl dd{ float:left; width:90px;}
.contact dl dt{ float:left;}
.contact_size{ width:100%; margin:30px auto 0 auto; overflow:hidden;}
.contact_size iframe{ font-size:0; float:left;}