@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:#333; font-size:14px; font-family:Microsoft Yahei; overflow-x:hidden;}
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:#333; text-decoration:none;}
a:hover{ color:#eb1c24; 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; z-index:99; transition:all .35s; position:fixed; background:rgba(0,0,0,.1);}
.head_top .logo{ float:left; width:60px; margin:20px 0; transition:all .35s;}
.head_top .logo img{ width:100%;}
.head_top .head_name{ float:left; margin:20px 0 20px 14px; font-size:14px; line-height:26px; letter-spacing:0.22px;}
.head_top .head_name h1{ font-size:20px; color:#333; line-height:34px; letter-spacing:0;}
.head_top .head_en{ float:right; padding:0 0 0 28px; transition:all .35s; position:relative;}
.head_top .head_en:after{ background:#fff; width:1px; height:22px; content:""; position:absolute; left:0; top:39px; transition:all .35s;}
.head_top .head_en a{ color:#fff; font-size:18px; line-height:100px;}
.head_top .head_en a:hover{ text-decoration:none; color:#eb1c24;}

.h_active{ background:#fff; box-shadow:0 0 3px #ccc;}
.h_active .head_en:after{ background:#eee;}
.h_active .head_en a{ color:#888;}
.h_active .navbar_nav li p a{ color:#333;}
.h_active .navbar_nav li:hover p a,.h_active .navbar_nav li p .active{ color:#1b61a3;}

/*nav*/
.nav{ float:right;}
.navbar_nav{ font-size:0;}
.navbar_nav li{ display:inline-block; text-transform:uppercase;}
.navbar_nav li p{ line-height:100px; padding:0 28px;}
.navbar_nav li p a{ display:block; color:#fff; font-size:18px; position:relative;}
.navbar_nav li p a:before{ position:absolute; bottom:0; left:0; width:0; height:2px; background:#1b61a3; content:""; transition:all .35s;}
.navbar_nav li:hover p a:before{ width:100%;}
.navbar_nav li p .active:before{ position:absolute; bottom:0; left:0; width:100%; height:2px; background:#1b61a3; content:"";}
.navbar_nav li:hover p a,.navbar_nav li p .active{ color:#fff; text-decoration:none;}
.navbar_nav li dl{ visibility:hidden; position:absolute; background:#fff; box-shadow:0 1px 2px #ccc; transition:all 0.3s; opacity:0; z-index:100;}
.navbar_nav li:hover dl{ visibility:visible; top:100px; opacity:1; text-transform:capitalize; width:200px;}
.navbar_nav li:nth-child(3):hover dl{ width:368px;}
.navbar_nav li dl dd span{ line-height:48px; padding:0;}
.navbar_nav li dl dd span a{ display:block; font-size:16px; color:#333; padding:0 0 0 16px;}
.navbar_nav li dl dd:hover span a{ color:#1b61a3; text-decoration:none; background:#ebebec url(../images/nav_hover.png) right center no-repeat;}
.navbar_nav dd{ position:relative;}
.navbar_nav li:hover dl.nav3{ display:none;}
.navbar_nav li dl dl.nav3{ top:0px; left:100%; width:100%;}
.navbar_nav li dl dd:hover dl.nav3{ display:block; background:#fff;}
.navbar_nav dl dd dd a{ display:block; line-height:48px; font-size:14px; padding:0 0 0 16px; transition:all 0.3s;}
.navbar_nav dl dd dd:hover a{ color:#1b61a3; text-decoration:none;}

#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:30px;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:20px; 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 dl{ border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu dl:last-child{ border:none;}
.m_nav .ul li .dropdown_menu dl dd{ color:#1b61a3; font-size:18px; line-height:42px; padding:0 0 0 20px;}
.m_nav .ul li .dropdown_menu dl dd a{ color:#333; font-size:18px;}
.m_nav .ul li .dropdown_menu dl dt{ line-height:36px; padding:0 0 0 38px;}
.m_nav .ul li .dropdown_menu dl dt a{ display:block; font-size:16px; color:#525252;}

/*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:10px;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; border-radius:7px; height:14px; display:block; background:#1b61a3; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#eb1c24;}
.flex-control-paging li a.flex-active{ background:#eb1c24; cursor:default;}
.flex-direction-nav li a{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*technology*/
.technology{ margin:60px auto;}
.technology_name{ width:100%; margin:0 auto; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#1b61a3; padding:0 0 6px 0;}
.technology_name span{ display:block; font-size:16px; color:#666; font-weight:normal;}
.technology_name:after{ width:12px; height:2px; background:#1b61a3; position:absolute; left:0; bottom:0; content:"";}
.technology_name:before{ width:12px; height:2px; background:#eb1c24; position:absolute; left:12px; bottom:0; content:"";}
.project{ width:100%; margin:36px auto 0 auto; overflow:hidden;}
.project dl{ float:left; width:31%; margin:0 3.5% 0 0;}
.project dl:last-child{ margin:0;}
.project dl dd{ float:left; width:21%;}
.project dl dd img{ max-width:100%;}
.project dl dt{ float:right; width:74%; font-size:16px; color:#666; line-height:24px;}
.project dl dt em{ display:block; font-size:18px; color:#333; font-weight:bold; margin:0 0 6px 0;}

.new_p_box{ width:100%; margin:0 auto; overflow:hidden; background:url(../pic/new_product.jpg) center no-repeat; text-align:center; padding:68px 0;}
.new_p_box .b1{ font-size:26px; font-weight:bold; color:#fff; margin:0 0 10px 0;}
.new_p_box .b2{ color:#fff; font-size:18px;}

/*new_product*/
.new_product{ margin:60px auto;}
.new_p_name{ width:100%; margin:0 auto; overflow:hidden;}
.new_p_left{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#1b61a3; padding:0 0 6px 0;}
.new_p_left span{ display:block; font-size:16px; color:#666; font-weight:normal;}
.new_p_left:after{ width:12px; height:2px; background:#1b61a3; position:absolute; left:0; bottom:0; content:"";}
.new_p_left:before{ width:12px; height:2px; background:#eb1c24; position:absolute; left:12px; bottom:0; content:"";}
.new_p_more{ float:right; margin:22px 0 0 0;}
.new_p_more a{ font-size:16px; line-height:40px; padding:0 18px; background:#1b61a3; color:#fff; display:inline-block;}
.new_p_more a:hover{ text-decoration:none; background:#eb1c24;}
.new_product_all{ width:100%; margin:36px auto 0 auto;}
.new_product_all dl{ overflow:hidden; margin:0 0 28px 0; position:relative;}
.new_product_all dl:last-child{ margin:0;}
.new_product_all dl dd{ float:left; width:48%;}
.new_product_all dl dd img{ width:100%;}
.new_product_all dl:nth-child(2n) dd{ float:right;}
.new_product_all dl dt{ float:right; width:48%;}
.new_product_all dl dt img{ width:100%;}
.new_product_all dl:nth-child(2n) dt{ float:left;}
.new_product_all dl a{ display:block; overflow:hidden; color:#333; transition:all .7s;}
.new_product_all dl a:hover{ text-decoration:none; color:#1b61a3;}
.new_product_all .new_p_jies{ width:100%; margin:0 auto; font-size:14px; line-height:28px;}
.new_product_all .new_p_jies em{ display:block; font-size:24px; margin:2px 0 10px 0; line-height:36px; font-weight:bold;}
.new_product_all .new_p_jies p{ color:#666;}
.new_product_all .new_p_img{ width:48%; margin:0; position:absolute; bottom:0; right:0;}
.new_product_all dl:nth-child(2n) dt .new_p_img{ left:0; right:inherit;}
.new_product_all .new_p_img ul{ overflow:hidden;}
.new_product_all .new_p_img ul li{ float:left; width:22.9%; margin:0 2.8% 0 0;}
.new_product_all .new_p_img ul li:last-child{ margin:0;}

/*solution*/
.solution{ width:100%; margin:0 auto; background:#f0f0f0; overflow:hidden; padding:60px 0;}
.solution_t{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
.solution_name{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#1b61a3; padding:0 0 6px 0;}
.solution_name span{ display:block; font-size:16px; color:#666; font-weight:normal;}
.solution_name:after{ width:12px; height:2px; background:#1b61a3; position:absolute; left:0; bottom:0; content:"";}
.solution_name:before{ width:12px; height:2px; background:#eb1c24; position:absolute; left:12px; bottom:0; content:"";}
.solution_more{ float:right; width:87px; text-align:center; background:url(../images/ico_down2.png) center bottom no-repeat; margin:24px 0 0 0;}
.solution_more a{ font-size:14px; color:#1b61a3; line-height:30px;}
.solution_more a:hover{ text-decoration:none;}
.solution_width{ width:100%; margin:36px auto 0 auto; position:relative;}
.solution_width .pre,.solution_width .next{ position:absolute; display:block; width:55px; height:110px; top:50%; margin:-55px 0 0 0; z-index:10;}
.solution_width .pre{ left:-85px; cursor:pointer; background:url(../images/next.png) left center no-repeat;}
.solution_width .next{ right:-85px; cursor:pointer; background:url(../images/prev.png) left center no-repeat;}
.solution_width .pre:hover{ background:url(../images/next.png) -55px center no-repeat;}
.solution_width .next:hover{ background:url(../images/prev.png) -55px center no-repeat;}
.solution_w_id{ width:100%; margin:0 auto; overflow:hidden; z-index:9; padding:10px 0 18px 0;}
.solution_w_id ul{ width:800%;}
.solution_w_id ul li{ float:left; width:3.9%; margin:0 0.4% 0 0; position:relative; background:#fff;}
.solution_w_id ul li:hover{ background:#e6e9eb;}
.solution_w_id ul li .solution_img{ width:100%; margin:0 auto; overflow:hidden;}
.solution_w_id ul li .solution_img img{ width:100%;}
.solution_w_id ul li a{ display:block; color:#fff;}
.solution_w_id ul li:hover a{ text-decoration:none;}
.solution_w_id ul li .solution_sz{ position:absolute; top:-10px; right:10px; background:url(../images/fang.png) center no-repeat; font-size:18px; line-height:42px; width:45px; padding:0 0 0 12px; text-align:center;}
.solution_w_id ul li .solution_jies{ margin:0 auto; width:100%; color:#333; line-height:26px; position:relative;}
.solution_w_id ul li .solution_jies em{ width:88%; margin:12px auto; font-size:16px; color:#333; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.solution_w_id ul li .solution_jies p{ width:88%; margin:12px auto 38px auto; height:78px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.solution_w_id ul li .solution_more{ width:130px; position:absolute; bottom:-18px; left:50%; margin:0 0 0 -65px; background:#ddd; text-align:center; color:#424242; border-radius:18px; font-size:14px; line-height:36px;}
.solution_w_id ul li:hover .solution_more{ background:#1b61a3; color:#fff;}

/*strength*/
.strength{ width:100%; margin:0 auto; background:url(../pic/strength.jpg) center no-repeat; overflow:hidden; padding:60px 0;}
.strength_name{ width:100%; margin:0 auto 36px auto; overflow:hidden;}
.strength_n_left{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#1b61a3; padding:0 0 6px 0;}
.strength_n_left span{ display:block; font-size:16px; color:#666; font-weight:normal;}
.strength_n_left:after{ width:12px; height:2px; background:#1b61a3; position:absolute; left:0; bottom:0; content:"";}
.strength_n_left:before{ width:12px; height:2px; background:#eb1c24; position:absolute; left:12px; bottom:0; content:"";}
.strength_n_more{ float:right; margin:22px 0 0 0;}
.strength_n_more a{ font-size:16px; line-height:40px; padding:0 18px; background:#1b61a3; color:#fff; display:inline-block;}
.strength_n_more a:hover{ text-decoration:none; background:#eb1c24;}
.about_width{ width:100%; margin:0 auto; overflow:hidden;}
.about_width .about_right{ float:left; width:50%;}
.about_width .about_right img{ width:100%;}
.about_width .about_left{ float:right; width:45%;}
.about_width .about_l_name{ font-size:24px; color:#1b61a3; font-weight:bold; border-bottom:#c6c6c6 1px solid; line-height:42px;}
.about_width .company{ font-size:14px; color:#333; line-height:28px; margin:16px 0 24px 0;}

/*news_list*/
.news_list{ margin:0 auto 60px auto; border-top:#dcdcdc 1px solid;}
.news_name{ width:100%; margin:60px auto 36px auto; overflow:hidden;}
.news_n_left{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#1b61a3; padding:0 0 6px 0;}
.news_n_left span{ display:block; font-size:16px; color:#666; font-weight:normal;}
.news_n_left:after{ width:12px; height:2px; background:#1b61a3; position:absolute; left:0; bottom:0; content:"";}
.news_n_left:before{ width:12px; height:2px; background:#eb1c24; position:absolute; left:12px; bottom:0; content:"";}
.news_n_more{ float:right; margin:22px 0 0 0;}
.news_n_more a{ font-size:16px; line-height:40px; padding:0 18px; background:#1b61a3; color:#fff; display:inline-block;}
.news_n_more a:hover{ text-decoration:none; background:#eb1c24;}
.news_width{ width:100%; margin:36px auto 0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:47.5%; position:relative;}
.news_width .news_left img{ width:100%;}
.news_width .news_left a{ border:#ebebeb 1px solid; display:block; color:#666;}
.news_width .news_left a:hover{ color:#1b61a3;}
.news_width .news_left dl{ overflow:hidden; position:absolute; left:0; bottom:0; width:100%; background:rgba(255,255,255,.88);}
.news_width .news_left dl:after{ position:absolute; left:20%; top:0; width:1px; height:100%; background:#ebebeb; content:"";}
.news_width .news_left dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:14px 0;}
.news_width .news_left dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_left dl dt{ float:right; width:67%; margin:0 6% 0 0; font-size:14px; line-height:24px;}
.news_width .news_left dl dt em{ font-size:16px; height:24px; color:#333; margin:8px 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_left dl dt p{ margin:0 0 8px 0; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_width .news_right{ float:right; width:47.5%;}
.news_width .news_right dl{ border:#ebebeb 1px solid; margin:0 0 28px 0; padding:20px 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 a:hover{ color:#1b61a3;}
.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:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*footer*/
.footer{ width:100%; background:#686868; padding:30px 0 36px 0;}
.footer_left{ float:left; width:20%;}
.footer_c_name{ width:100%; margin:0 0 10px 0; overflow:hidden; font-size:16px; color:#fff; line-height:32px;}
.footer_contact{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#ccc; line-height:28px;}
.footer_right{ float:right; width:54%; margin:0 3%;}
.footer_right dl{ width:21%; float:left; position:relative; margin:0 0 0 2%;}
.footer_right dl:nth-child(2){ width:30%;}
.footer_right dl:nth-child(3){ width:13%;}
.footer_right dl:nth-child(4){ width:13%;}
.footer_right dl:nth-child(5){ width:13%;}
.footer_right dl:after{ position:absolute; right:0; top:0; content:""; background:#999; width:1px; height:100%;}
.footer_right dl dd{ margin:0 0 10px 0; font-size:16px; color:#fff; line-height:32px; padding:0 2% 0 0;}
.footer_right dl dt{ font-size:14px; padding:4px 6% 4px 0;}
.footer_right dl dt a{ color:#ccc; display:block; line-height:20px;}
.footer_right dl dt a:hover{ text-decoration:none; color:#fff;}
.footer_erweima{ float:right; width:20%;}
.footer_erweima ul{ overflow:hidden;}
.footer_erweima ul li{ float:left; width:46%; margin:0 8% 0 0;}
.footer_erweima ul li:last-child{ margin:0;}
.footer_erweima ul li img{ width:100%;}
.footer_erweima ul li p{ border:#999 1px solid; padding:5px;}
.footer_erweima ul li em{ font-size:14px; color:#ccc; line-height:25px; display:block; text-align:center; margin:5px 0 0 0;}
.footer_icp{ width:100%; background:#525252; font-size:14px; color:#ccc; line-height:20px; padding:20px 0;}
.footer_icp a{ color:#ccc;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.ny_banner img{ width:100%;}
.lujing{ position:absolute; bottom:4.8%; left:0; width:100%; margin:0 auto; font-size:14px; color:#fff; line-height:25px; text-shadow:0 0 7px #666;}
.lujing a{ text-transform:uppercase; text-decoration:underline; color:#fff;}
.lujing a:hover{ text-decoration:none; color:#1b61a3;}

/*ny_nav*/
.ny_nav{ margin:48px auto 22px auto;}
.ny_nav li{ float:left; margin:0 10px 10px 0;}
.ny_nav li a{ background:#fff; display:block; border:#ddd 1px solid; padding:6px 18px; line-height:28px; font-size:16px; color:#000;}
.ny_nav li a.hrdt{ background:#1b61a3; color:#fff; border:#1b61a3 1px solid;}
.ny_nav li:hover a.hrdt{ color:#fff;}
.ny_nav li a:hover{ text-decoration:none; color:#1b61a3;}

/*products*/
.products{ margin:22px auto 52px auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31.6%; margin:0 2.6% 2.6% 0;}
.products ul li:nth-child(3n){ margin:0 0 2.6% 0;}
.products ul li a{ display:block; border:#eee 1px solid; color:#333; transition:all .7s;}
.products ul li a:hover{ text-decoration:none; color:#1b61a3;}
.products ul li .p_img{ width:100%; margin:0 auto; overflow:hidden;}
.products ul li .p_img img{ width:100%; transition:all .7s;}
.products ul li:hover .p_img img{ transform:scale(1.2);}
.products ul li .p_jies{ width:88%; margin:22px auto 10px auto; font-size:14px; line-height:25px;}
.products ul li .p_jies em{ font-size:16px; margin:0 0 4px 0; line-height:28px; height:28px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.products ul li .p_jies p{ color:#666; height:75px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.products ul li .p_more{ width:88%; margin:10px auto 22px auto;}
.products ul li .p_more p{ width:120px; border:#e4e4e4 1px solid; background:#f8f8f8; color:#666; line-height:38px; text-align:center; transition:all .7s;}
.products ul li:hover .p_more p{ border:#1b61a3 1px solid; background:#1b61a3; color:#fff;}

.content{ margin:22px auto 52px auto;}
.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.product_width .product_l{ width:42%; float:left; border:#eee 1px solid;}
.product_width .product_l img{ width:100%;}
.product_width .product_r{ float:right; width:54%;}
.product_width .product_r .p_name_k{ font-size:22px; color:#1b61a3; line-height:28px;}
.product_width .product_r dl{ overflow:hidden; margin:10px 0 0 0;}
.product_width .product_r dl dd{ background:#eee; font-size:17px; line-height:46px; padding:0 0 0 16px; color:#eb1c24;}
.product_width .product_r dl dt{ font-size:14px; color:#525252; line-height:25px; margin:14px 0 0 0;}

.p_yingy{ width:100%; margin:26px auto 0 auto; overflow:hidden;}
.p_yingy dl{ overflow:hidden;}
.p_yingy dl dd{ background:#eee; font-size:18px; line-height:42px; color:#000; padding:0 0 0 16px;}
.p_yingy dl dt{ font-size:14px; color:#525252; line-height:25px; margin:16px 0 0 0;}
.p_yingy dl dt img{ max-width:100%;}
.p_yingy dl dt table{ width:100%; margin:0 auto; border:0; border:#ddd 1px solid;}
.p_yingy dl dt table td{ font-size:14px; color:#525252; line-height:24px; border:#ddd 1px solid; padding:6px; text-align:center;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#eee; line-height:42px; border-bottom:#ddd 1px solid; font-size:18px; color:#000;}
.pro_xiangguan i{ width:4px; height:18px; background:#1b61a3; float:left; margin:12px 10px 0 8px;}
.pro_xgcp{ margin:16px auto 0 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:#1b61a3 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:#1b61a3;}

/*ny_news*/
.ny_news{ margin:22px auto 52px auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:48%; margin:0 4% 2.8% 0; position:relative;}
.ny_news ul li:nth-child(2n){ margin:0 0 2.8% 0;}
.ny_news ul li a{ display:block; border:#ccc 1px solid; padding:14px;}
.ny_news ul li dl{ overflow:hidden; position:relative;}
.ny_news ul li dl dd{ float:left; width:45%;}
.ny_news ul li dl dd img{ width:100%;}
.ny_news ul li dl dt{ float:right; width:52%; font-size:14px; color:#525252; line-height:22px;}
.ny_news ul li dl dt em{ font-size:18px; color:#333; margin:0 0 8px 0; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news ul li:hover dl dt em{ color:#1b61a3;}
.ny_news ul li dl dt p{ height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li dl dt div{ position:absolute; right:0; bottom:0; width:52%; overflow:hidden;}
.ny_news ul li dl dt div span{ float:left; font-size:14px; color:#666; line-height:25px;}
.ny_news ul li dl dt div img{ width:31px; height:9px; float:right; margin:8px 0;}

.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0;}
.news_bt p{ font-size:14px; color:#666;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#ccc 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:#1b61a3; text-decoration:none;}

/*download*/
.download{ margin:22px auto 52px auto;}
.down_width{ width:100%; margin:0 auto;}
.down_width ul{ overflow:hidden;}
.down_width ul.d_title li{ font-size:16px; color:#525252; font-weight:bold; line-height:28px; border-bottom:#cdcdcd 2px solid;}
.down_width ul.xiangxi li{ font-size:16px; line-height:28px; color:#333; border-bottom:#e1e1e1 2px solid; height:56px; word-break:break-all; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.down_width ul li.model{ width:30%; float:left; justify-content:left !important; padding:0 2% 0 2%;}
.down_width ul li.prodt{ width:35%; float:left; justify-content:left !important; padding:0 2% 0 2%;}
.down_width ul li p{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.down_width ul li.prodt2{ width:15%; float:left; text-align:center;}
.down_width ul li.pwm{ width:12%; float:left; text-align:center;}
.down_width ul li a{ font-size:16px; color:#1b61a3; display:block; line-height:28px;}
.down_width ul li a:hover{ color:#1b61a3; text-decoration:underline;}

.faq{ margin:22px auto 52px auto;}
.faq dl{ border-bottom:#ccc 1px dotted; margin:0 0 20px 0; padding:0 0 16px 0;}
.faq dl dd{ margin:0 0 10px 0; font-size:14px; color:#333; line-height:23px; font-weight:bold;}
.faq dl dd font{ background:#1b61a3; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-weight:normal; font-family:Arial; margin:0 12px 0 0;}
.faq dl dt{ font-size:14px; color:#666; line-height:23px;}
.faq dl dt font{ background:#eb1c24; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-family:Arial; margin:0 12px 0 0;}

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

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

.contact_us{ margin:22px auto 52px auto;}
.contact_name{ font-size:18px; color:#000; line-height:32px; margin:0 0 8px 0;}
.cnt{ margin:26px auto 8px auto;}
.contact{ width:100%; margin:0 auto; overflow:hidden; background:#f2f2f2; font-size:14px; color:#333; line-height:25px; padding:20px 0;}
.contact dl{ overflow:hidden; width:94%; margin:6px auto;}
.contact dl dd{ float:left; width:88px;}
.contact dl dt{ float:left;}
.contact_size{ width:100%; margin:30px auto 0 auto; overflow:hidden;}

.join_us{ margin:22px auto 52px auto;}
.join_us dl{ overflow:hidden; border-bottom:#ccc 1px solid; padding:27px 0;}
.join_us dl dt{ overflow:hidden; position:relative;}
.join_us dl dt:before{ position:absolute; width:75%; height:1px; border-bottom:#ccc 1px dashed; top:17px; left:12.5%; content:"";}
.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 dt span{ float:right; width:100px; margin:3px 2% 3px 0;}
.join_us dl dt span a{ display:block; text-align:center; font-size:14px; color:#fff; background:#1b61a3; line-height:30px;}
.join_us dl dt 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:#1b61a3; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ margin:48px auto; 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 18px 0;}

/*fudong*/
.footer_fixed{ bottom:8%; right:2%; position:fixed; z-index:99;}
.fixed_top{ width:45px; height:45px; display:flex; justify-content:center; align-items:center; background:#ffffff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .02);}
.fix_contact{ margin:0 0 18px 0;}
.fix_wrapper{ position:relative;}
.fix_wrapper a{ display:block;}
.fix_wrapper .c_title{ text-align:center; padding:10px; box-sizing:border-box; width:45px; font-size:14px; color:#1b61a3; background:#ffffff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .02); cursor:pointer;}
.fix_wrapper .c_title img{ width:25px; height:25px; margin:0 0 5px 0;}
.fix_wrapper .c_title:hover{ text-decoration:none;}
.fix_wrapper .c_list{ position:absolute; width:260px; height:240px; background:#ffffff; right:60px; bottom:40px; box-sizing:border-box; padding-top:10px; display:none;}
.fix_wrapper .c_list a{ line-height:25px; background:url(.) 20px 2px no-repeat; background-size:25px; padding:0 0 0 55px; display:block; box-sizing:border-box; margin-top:20px;}
.fix_wrapper .c_list a:hover{ text-decoration:none;}
.fix_wrapper .c_list .close{ position:absolute; top:-20px; right:10px; z-index:6;}
.fix_wrapper .cl1{ font-size:16px; color:#333333;}
.fix_wrapper .cl2{ font-size:14px; color:#666;}