@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:#525252; 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:#525252; text-decoration:none;}
a:hover{ color:#2f318b; 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:".";}
.width_all_52{ max-width:45%; margin:0 auto;}
.width_all_52:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto;}
.head_top .logo{ float:left; width:91px; margin:26px auto;}
.head_top .logo img{ width:100%;}
.head_top h1{ float:left; font-size:25px; color:#333; font-weight:bold; line-height:34px; margin:27px 0 27px 12px;}
.head_top h1 span{ display:block; font-size:15px; color:#666; line-height:26px; font-weight:normal; font-family:Arial; text-transform:uppercase; letter-spacing:0.2px;}
.head_top .cnen{ float:right; margin:46px 0 46px 12px; font-size:16px; line-height:22px; color:#888; font-family:Arial;}
.head_top .cnen a{ color:#333; text-transform:uppercase;}
.head_top .cnen a:hover{ text-decoration:none; color:#2f318b;}
.head_top .cnen span{ margin:0 5px;}

/*nav*/
.header{ float:right; position:relative;}
.header:after{ position:absolute; right:0; top:49px; width:1px; height:16px; content:""; background:#b8b8b8;}
.nav{ font-size:0px;}
.nav .m{ display:inline-block; z-index:10;}
.nav li a{ display:block; font-size:16px; color:#333; line-height:114px; padding:0 22px; position:relative; z-index:98;}
.nav li:hover a, .nav li a.cutter{ text-decoration:none; color:#2f318b;}
.nav li:hover a:after, .nav li a.cutter:after{ width:64px; height:2px; background:#2f318b; position:absolute; bottom:0; left:50%; content:""; margin:0 0 0 -32px;}
.nav .sub{ width:100%; position:fixed; left:0; top:114px; background:rgba(255,255,255,.98); padding:30px 0; z-index:999;}
.nav .sub .sub_left{ float:left; width:56%; position:relative;}
.nav .sub .sub_left:before{ position:absolute; right:0; top:0; content:""; width:1px; height:100%; background:#eee;}
.nav .sub .sub_left .xl_name{ color:#2f318b; font-size:18px; font-weight:bold; line-height:40px; margin:0 0 14px 0;}
.nav .sub .sub_left ol{ width:88%; margin:0; overflow:hidden;}
.nav .sub .sub_left ol li{ float:left; width:50%;}
.nav .sub .sub_left ol li i{ float:left; font-family:宋体; line-height:40px; margin:0 10px 0 0; font-style:normal; font-weight:bold; font-size:14px;}
.nav .sub .sub_left ol li a{ display:block; color:#666; font-size:16px; line-height:40px; background:none; padding:0;}
.nav .sub .sub_left ol li a:hover{ color:#2f318b; background:none;}
.nav .sub .sub_left ol li a:after{ display:none;}
.nav .sub .sub_right{ float:right; width:38%;}
.nav .sub .sub_right 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:10001; 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:8px;}
.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 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:60px; border-radius:3px; height:6px; display:block; background:#eee; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#2f318b;}
.flex-control-paging li a.flex-active{ background:#2f318b; 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%;}

/*about_us*/
.about_us{ width:100%; margin:60px auto;  overflow:hidden;}
.about_name{ width:100%; margin:28px auto 48px; text-align:center; position:relative;}
.about_name:before{ position:absolute; left:22%; top:22px; width:18%; height:1px; background:#ccc; content:"";}
.about_name:after{ position:absolute; right:22%; top:22px; width:18%; height:1px; background:#ccc; content:"";}
.about_name i:before{ position:absolute; left:40%; top:20px; width:5px; height:5px; background:#ccc; content:"";}
.about_name i:after{ position:absolute; right:40%; top:20px; width:5px; height:5px; background:#ccc; content:"";}
.about_name h2{ font-size:30px; line-height:45px; color:#333;}
.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:#2f318b; 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;}
.profiles{ width:88%; text-align:center; font-size:16px; color:#666; line-height:28px; margin:48px auto 28px auto;}
.about_more{ width:88%; margin:28px auto; text-align:center; font-size:16px; line-height:28px;}
.about_more a{ color:#666;}
.about_more a:hover{ text-decoration:none; color:#2f318b;}

/*new_product*/
.new_product{ width:100%; margin:60px auto; overflow:hidden; background:#2f318b;}
.new_p_name{ width:100%; margin:52px auto 48px; text-align:center; position:relative;}
.new_p_name:before{ position:absolute; left:22%; top:22px; width:18%; height:1px; background:#fff; content:"";}
.new_p_name:after{ position:absolute; right:22%; top:22px; width:18%; height:1px; background:#fff; content:"";}
.new_p_name i:before{ position:absolute; left:40%; top:20px; width:5px; height:5px; background:#fff; content:"";}
.new_p_name i:after{ position:absolute; right:40%; top:20px; width:5px; height:5px; background:#fff; content:"";}
.new_p_name h3{ font-size:30px; line-height:45px; color:#fff;}
.new_p_name p{ font-size:16px; color:#ccc; line-height:28px; padding:0 5%; margin:6px 0 0 0;}
.img-scroll{ position:relative;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:15px; height:31px; top:50%; margin-top:-30px; z-index:99;}
.img-scroll .prev{ left:-25px; cursor:pointer;}
.img-scroll .next{ right:-25px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/l.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:800%;}
.img-list li{ float:left; width:2.9%; margin:0 0.3% 0 0;}
.img-list li img{ width:100%;}
.img-list li em{ font-size:14px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.img-list li a{ display:block; color:#ccc;}
.img-list li a:hover{ text-decoration:none; color:#fff;}
.new_p_more{ width:218px; margin:30px auto 52px auto; overflow:hidden;}
.new_p_more a{ display:block; text-align:center; font-size:14px; color:#333; line-height:24px; background:#eee; padding:15px 0; border-radius:3px;}
.new_p_more a:hover{ text-decoration:none; background:#fff; color:#2f318b;}

/*why*/
.why_us{ width:100%; margin:60px auto; overflow:hidden; background:#fff url(../images/why_us.png) center no-repeat;}
.why_us_name{ width:100%; margin:28px auto 52px; text-align:center; position:relative;}
.why_us_name:before{ position:absolute; left:22%; top:22px; width:14%; height:1px; background:#ccc; content:"";}
.why_us_name:after{ position:absolute; right:22%; top:22px; width:14%; height:1px; background:#ccc; content:"";}
.why_us_name i:before{ position:absolute; left:36%; top:20px; width:5px; height:5px; background:#ccc; content:"";}
.why_us_name i:after{ position:absolute; right:36%; top:20px; width:5px; height:5px; background:#ccc; content:"";}
.why_us_name h4{ font-size:30px; line-height:45px; color:#333;}
.why_us_name p{ font-size:16px; color:#666; line-height:28px; padding:0 5%; margin:6px 0 0 0;}
.believe_us_w{ width:100%; margin:88px auto; position:relative;}
.believe_us_w div{ width:386px; margin:0 auto;}
.believe_us_w div img{ width:100%;}
.believe_us_w dl{ width:396px; position:absolute; left:5.25%; top:36.528%; overflow:hidden;}
.believe_us_w dl:nth-child(2){ left:inherit; right:21.3333334%; top:-14.13%;}
.believe_us_w dl:nth-child(3){ left:inherit; right:5.25%; bottom:36.528%; top:inherit;}
.believe_us_w dl:nth-child(4){ left:21.3333334%; bottom:-14.13%; top:inherit;}
.believe_us_w dl dd{ float:right; background:#fff; width:100px; height:100px; border:#2f318b 2px solid; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:30px; color:#2f318b; line-height:38px; font-weight:bold; border-radius:8px;}
.believe_us_w dl dt{ float:left; width:270px; height:104px; display:flex; font-size:14px; color:#333; line-height:20px; justify-content:center; align-items:center; flex-direction:column;}
.believe_us_w dl:nth-child(2) dd{ float:left;}
.believe_us_w dl:nth-child(2) dt{ float:right;}
.believe_us_w dl:nth-child(3) dd{ float:left;}
.believe_us_w dl:nth-child(3) dt{ float:right;}

/*news*/
.news{ width:100%; background:#f5f5f5; margin:0 auto; overflow:hidden;}
.news_name{ width:100%; margin:52px auto 30px; text-align:center; position:relative;}
.news_name:before{ position:absolute; left:22%; top:22px; width:18%; height:1px; background:#ccc; content:"";}
.news_name:after{ position:absolute; right:22%; top:22px; width:18%; height:1px; background:#ccc; content:"";}
.news_name i:before{ position:absolute; left:40%; top:20px; width:5px; height:5px; background:#ccc; content:"";}
.news_name i:after{ position:absolute; right:40%; top:20px; width:5px; height:5px; background:#ccc; content:"";}
.news_name h5{ font-size:30px; line-height:45px; color:#333;}
.news_name p{ font-size:16px; color:#666; line-height:28px; padding:0 5%; margin:6px 0 0 0;}
.news_width{ width:100%; margin:30px auto;}
.news_width ul{}
.news_width ul li{ float:left; width:30.6%; margin:0 4.1% 0 0;}
.news_width ul li:last-child{ margin:0;}
.news_width ul li:hover img{ box-shadow:0 3px 9px #999;}
.news_width ul li img{ width:100%;}
.news_width ul li big{ font-size:16px; line-height:24px; margin:10px 0; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width ul li small{ font-size:14px; line-height:22px; color:#525252; height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news_width ul li a{ color:#333;}
.news_width ul li a:hover{ text-decoration:none; color:#2f318b;}
.news .news_more{ width:218px; margin:30px auto 52px auto; overflow:hidden;}
.news .news_more a{ display:block; text-align:center; font-size:14px; color:#fff; line-height:24px; background:#3f3f3f; padding:15px 0; border-radius:3px;}
.news .news_more a:hover{ text-decoration:none; background:#2f318b;}

/*feedback*/
.messages_name{ margin:0 auto 36px auto; font-size:30px; color:#333; line-height:42px; text-align:center; border-top:#ddd 1px solid; padding:52px 0 0 0;}
.messages{ margin:36px auto 60px auto;}
.messages li{ margin:0 2% 2% 0; float:left; width:32%;}
.messages li:nth-child(3n){ margin:0 0 2% 0;}
.messages li:last-child{ margin:0;}
.messages li.mess{ width:100%; float:none;}
.messages .text-input{ width:94%; border:none; border:#ddd 1px solid; padding:0 0 0 6%; font-size:14px; color:#666; line-height:46px; height:46px; background:fff;}
.messages .cont-input{ width:98%; padding:0 0 0 2%; height:48px; font-size:14px; color:#666; line-height:46px; cue-after:none; background:#fff; border:#ddd 1px solid;}
.messages .messages-button{ width:218px; margin:0 auto; line-height:54px; font-size:18px; color:#fff; text-align:center; background:#3f3f3f; cursor:pointer; border-radius:3px; text-transform:uppercase; font-family:Arial;}

/*footer*/
.footer{ width:100%; background:#e3e3e3; padding:30px 0 36px 0; border-top:#ccc 1px solid;}
.footer_left{ float:left; width:28%;}
.footer_c_name{ width:100%; margin:0; overflow:hidden; font-size:16px; color:#333; line-height:32px;}
.footer_contact{ width:100%; margin:10px auto; overflow:hidden; font-size:14px; color:#525252; line-height:28px;}
.footer_right{ float:right; width:40%; position:relative; margin:0 4%;}
.footer_right:after{ position:absolute; right:0; top:0; content:""; background:#ccc; width:1px; height:100%;}
.footer_right dl{ width:28%; float:left; position:relative; margin:0 2% 0 0; padding:0 0 0 4%;}
.footer_right dl:after{ position:absolute; left:0; top:0; content:""; background:#ccc; width:1px; height:100%;}
.footer_right dl:last-child{ margin:0;}
.footer_right dl dd{ margin:0 0 10px 0; font-size:16px; color:#333; line-height:32px; padding:0 2% 0 0;}
.footer_right dl dd a{ color:#333;}
.footer_right dl dd a{ text-decoration:none;}
.footer_right dl dt{ font-size:14px;}
.footer_right dl dt a{ color:#525252; display:block; line-height:28px;}
.footer_right dl dt a:hover{ text-decoration:none; color:#333;}
.footer_erweima{ width:24%; float:right;}
.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:#fff 1px solid; padding:5px;}
.footer_erweima ul li em{ font-size:14px; color:#666; line-height:25px; display:block; text-align:center; margin:5px 0 0 0;}
.footer_icp{ width:100%; background:#636363; font-size:14px; color:#ccc; line-height:20px; padding:16px 0;}
.footer_icp a{ color:#ccc;}
.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:#2f318b;}
.ny_banner .lujing span{ color:#2f318b; 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 4% 0 0; padding:20px 0; transition:all 0.5s; position:relative;}
.ny_nav ul li:after{content:""; width:0px; height:2px; background:#2f318b; position:absolute; top:-1px; left:0; transition:all 0.5s;}
.ny_nav ul li:hover:after{ width:100%;}
.ny_nav ul li a{ color:#525252; display:block;}
.ny_nav ul li a:hover{ text-decoration:none; color:#2f318b;}
.ny_nav ul li.curt:after{ width:100%;}
.ny_nav ul li.curt a{ color:#2f318b;}

/*content*/
.company{ margin:60px auto;}
.company .company_left{ float:left; width:36%;}
.company .company_left img{ width:100%;}
.company .company_right{ float:right; width:60%; font-size:14px; color:#666; line-height:25px;}
.company .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;}

.honor{ margin:60px 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:#ddd 1px solid; padding:2px; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#2f318b;}
.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#2f318b; -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:#2f318b; -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:#2f318b; -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:#2f318b; -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;}

.reference{ margin:60px auto;}
.reference ul{ overflow:hidden;}
.reference ul li{ float:left; width:18%; margin:0 2.5% 2.5% 0;}
.reference ul li:nth-child(5n){ margin:0 0 2.5% 0;}
.reference ul li a{ display:block; border:#ddd 1px solid;}
.reference ul li img{ width:100%;}

/*content*/
.content{ margin:60px auto;}

/*products*/
.products{ margin:60px auto;}
.products li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0;}
.products li:nth-child(4n){ margin:0 0 2% 0;}
.products li a img{ width:100%;}
.products li a{ border:#ddd 1px solid; display:block; text-align:center; transition:all .3s;}
.products li a:hover{ text-decoration:none; box-shadow:0 4px 10px #dfdfdf; transform:translateY(-4px);}
.products li em{ font-size:14px; line-height:52px; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.product_w_name{ margin:60px auto 28px auto; background:#2f318b; 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:#2f318b; 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;}
.products_xg .product_kuang ul li a:hover{ text-decoration:none;}
.products_xg .product_kuang ul li em{ font-size:14px; line-height:25px; margin:8px 0 0 0; height:25px; 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:#ddd 1px solid; text-align:center;}
.products_text img{ max-width:100%;}
.products_text p{ background:#ddd; font-size:16px; color:#000; text-align:left; padding:18px 2.5% 8px 2.5%; font-weight:bold;}
.miaoshu{ background:#ddd; margin:0 auto 28px auto; font-size:14px; color:#333; line-height:25px; text-align:left; padding:0 2.5% 18px 2.5%;}
.products_detwo{ background:#ddd; margin:28px auto 20px auto; overflow:hidden;}
.products_detwo span{ font-size:16px; background:#2f318b; color:#fff; line-height:20px; padding:10px 4%; display:inline-block;}
.pdf{ margin:20px auto 0 auto;}
.pdf img{ width:31px; height:32px; margin:0 16px 0 0; float:left;}
.pdf a{ font-size:14px; color:#eb2f24; line-height:32px;}
.pdf a:hover{ text-decoration:none;}

.products_js{ font-size:14px; color:#666; line-height:25px;}
.products_js img{ max-width:100%;}
.product_xc{ width:100%; margin:28px auto 0 auto;}
.product_xc ul{ overflow:hidden;}
.product_xc ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0;}
.product_xc li:nth-child(4n){ margin:0 0 2% 0;}
.product_xc li img{ width:100%; transition:all .5s;}
.product_xc li:hover img{ transform:scale(1.2);}
.product_xc li a{ border:#ddd 1px solid; display:block; overflow:hidden;}

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

/*news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news .item-box{ position:relative; display:block; float:left; width:49.8%; margin:0 0.4% 0 0;}
.ny_news .item-box:last-child{ margin:0;}
.ny_news .item-box .img{ overflow:hidden;}
.ny_news .item-box .img img{ width:100%; transition:.4s;}
.ny_news .item-box .text{ position:absolute; width:92%; left:0; bottom:0; padding:2% 4%; z-index:3; color:#fff; font-size:14px; line-height:24px;}
.ny_news .item-box .text h2{ margin-bottom:4px;}
.ny_news .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;}
.ny_news .item-box:hover .img img{ transition:.4s; transform:scale(1.1);}
.ny_news .item-box:hover .filter{ height:100%; transition:.4s;}
.ny_news dl{ overflow:hidden; margin:36px 0 0 0;}
.ny_news dl dd{ float:left; width:28%; overflow:hidden;}
.ny_news dl dd img{ width:100%; transition:.4s;}
.ny_news dl:hover dd img{ transform:scale(1.1);}
.ny_news dl dt{ float:right; width:68%;}
.ny_news dl a{ color:#333; display:block;}
.ny_news dl a:hover{ color:#2f318b;}
.ny_news dl dt em{ font-size:20px; line-height:32px;}
.ny_news dl dt p{ font-size:14px; color:#525252; line-height:24px; margin:8px 0 18px 0; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news dl dt span{ display:block; color:#888; font-size:14px; line-height:24px; margin:4px 0 8px 0;}
.ny_news dl dt p.ny_news_more{ color:#888; margin:0; height:24px;}

.news_xqing{ margin:48px auto 48px auto;}
.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:#2f318b; 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:#2f318b;}
.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_us*/
.contact_us{ margin:60px auto;}
.contact_name{ font-size:18px; color:#fff; font-weight:bold; background:#2f318b; 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;}