@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:Arial,"sans-serif"; overflow-x:hidden;}
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% 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:#595959; text-decoration:none;}
a:hover{ color:#023d6c; text-decoration:underline;}
.width_all{ max-width:1400px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

#topcontrol{ z-index:99;}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:10000; padding:0px 0; transition:all .35s; border-bottom:#f2f2f2 1px solid;}
.h_active{ background:#fff; position:fixed; box-shadow:0 1px 5px #ccc;}
.head_top .logo{ float:left; width:181px; margin:18px 0;}
.head_top .logo img{ width:100%;}
.head_top .cnen{ float:right; margin:28px 0 28px 1.5%;}
.head_top .cnen a{ font-size:16px; color:#333; line-height:34px; display:block; transition:all .5s;}
.head_top .cnen a:hover{ text-decoration:none; color:#023d6c;}
.head_top .cnen a i{ width:20px; height:20px; background:url(../images/globe.png) center no-repeat; float:left; margin:7px 7px 7px 0; transition:all .5s;}
.head_top .cnen a:hover i{ background:url(../images/globe_h.png) center no-repeat;}
.head_top .cnen span{ float:right;}

/*nav*/
.header{ float:right; margin:0 1.5% 0 0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:16px; color:#023d6c; line-height:90px; padding:0 26px; font-weight:bold;}
.nav li span{ float:left;}
.nav li:hover a, .nav li a.cutter{ color:#023d6c; text-decoration:none;}
.nav li a:before{ content:""; width:0px; height:2px; visibility:hidden; transition:.8s; background:#023d6c; position:absolute; bottom:4px; left:0;}
.nav li:hover a::before{ width:100%; height:2px; visibility:visible;}
.nav .sub{ width:218px; position:absolute; left:0; top:90px; background:rgba(255, 255, 255, 1);}
.nav .sub li{ text-align:left; padding:0 0 0 16px; position:relative; overflow:hidden;}
.nav .sub li a{ color:#525252; font-size:13px; line-height:42px; display:block; background:none; padding:0; position:relative; z-index:2; -webkit-transition:.35s; transition:.35s;}
.nav .sub li a:hover{ text-decoration:none; color:#fff;}
.nav .sub li a::before{ display:none;}
.nav .sub li:before{ content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin:40px 0 0 -60px; background:#023d6c; width:0; height:0; border-radius:50%; -webkit-transition:.8s; transition:.8s; opacity:0;}
.nav .sub li:hover:before{width:500px;height:500px;opacity:1;}

#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: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 a{ display:block; text-decoration:none; color:#333; font-size:18px; 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:42px; font-size:16px; line-height:42px; 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{ width:100%; margin:0 auto; overflow:hidden;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet{ opacity:1; background:#595959;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#023d6c;}
.m-Pic{ text-align:center; display:block; font-size:0;}
.m-Pic b{ display:inline-block; height:100%; vertical-align:middle;}
.m-Pic img{ vertical-align:middle; max-width:100%; max-height:100%;}

/*new_product*/
.new_product{ margin:68px auto 30px auto;}
.new_p_name{ width:60%; margin:0 auto 42px auto; text-align:center; font-size:36px; color:#333; line-height:48px; position:relative; padding:6px 0 10px 0;}
.new_p_name:after{ width:72px; height:3px; background:#023d6c; content:""; left:50%; bottom:0; position:absolute; margin:0 0 0 -36px; z-index:2;}
.new_p_name:before{ width:248px; height:100%; border:#ccc 1px solid; content:""; left:50%; bottom:1px; position:absolute; margin:0 0 0 -125px; z-index:1;}
.new_p_name i:after{ position:absolute; left:0; top:46%; width:38%; height:1px; background:#ccc; content:"";}
.new_p_name i:before{ position:absolute; right:0; top:46%; width:38%; height:1px; background:#ccc; content:"";}
.categories{ margin:42px auto 0 auto;}
.categories ul{ overflow:hidden;}
.categories ul li{ float:left; width:22.9%; margin:0 2.8% 2.8% 0; position:relative;}
.categories ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.categories ul li img{ width:100%;}
.categories ul li p{ display:block; border:#ccc 1px solid;}
.categories ul li .new_p_k{ display:none;}
.categories ul li:hover .new_p_k{ background:rgba(2,61,108,.6); position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; flex-direction:column;}
.new_p_k .new_p_k_name{ width:88%; margin:0 auto 6% auto; font-size:20px; line-height:30px; color:#fff; text-align:center;}
.new_p_k .new_p_more{ width:120px; margin:6% auto 0 auto;}
.new_p_k .new_p_more a{ width:100%; border:#fff 1px solid; border-radius:15px; line-height:28px; display:inline-block; font-size:14px; color:#fff; text-align:center;}
.new_p_k .new_p_more a:hover{ text-decoration:none; border:#c5061a 1px solid; background:#c5061a; color:#fff;}
.categories ul li .p_more{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; display:flex; justify-content:center; align-items:center; font-size:36px; line-height:42px; text-align:center;}
.categories ul li .p_more a{ color:#666;}
.categories ul li .p_more a:hover{ text-decoration:none; color:#c5061a;}
.categories ul li .p_more span{ display:block; font-size:72px; line-height:72px;}

/*advantage*/
.advantage_name{ width:100%; margin:68px auto 42px auto; background:#023d6c; font-size:36px; color:#fff; line-height:48px; text-align:center; padding:10px 0;}
.advantage_name span{ display:block; color:#999; font-size:20px; line-height:32px; margin:2px 0 0 0;}
.advantage01{ width:100%; position:relative;}
.advantage01_l{ width:45%; float:left;}
.advantage01_la{ width:100%; margin:0 auto; overflow:hidden;}
.advantage01_la_l{ float:left; width:66px; height:77px; background:#023d6c; color:#fff; text-align:center;} 
.advantage01_la_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family: "impact"; font-size:40px;}
.advantage01_la_r{ float:right; width:83%;}
.advantage01_la_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage01_la_r p:nth-child(1) span{ color:#023d6c;}
.advantage01_la_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage01_lb{ padding-left:60px; padding-top:30px;}
.advantage01_lb ul li{ line-height:25px; margin-bottom:22px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage01_lc{ margin-top:50px; margin-left:58px;} 
.advantage01_lc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage01_lc a i{ display:inline-block; font-style:normal;transition:all 1s;}
.advantage01_lc a:hover{ border:1px solid #023d6c; color:#fff; background:#023d6c; text-decoration:none;}
.advantage01_lc a:hover i{ padding-left:20px; transition:all 1s;}
.advantage01_r{ position:absolute; right:0; top:0; width:50%;}
.advantage01_r img{ width:100%;}

.advantage02{ margin:42px auto}
.advantage02_l{ float:left; width:52%;}
.advantage02_l img{ width:100%;}
.advantage02_r{ float:right; width:45%;}
.advantage02_ra{ width:100%; margin:0 auto; overflow:hidden;}
.advantage02_ra_l{ float:left; width:66px; height:77px; background:#023d6c; color:#fff; text-align:center;} 
.advantage02_ra_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family:"impact"; font-size:40px;}
.advantage02_ra_r{ float:right; width:83%;}
.advantage02_ra_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage02_ra_r p:nth-child(1) span{ color:#023d6c;}
.advantage02_ra_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage02_rb{ padding-left:60px; padding-top:30px;}
.advantage02_rb ul li{ line-height:25px; margin-bottom:30px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage02_rc{ margin-top:50px; margin-left:58px;} 
.advantage02_rc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage02_rc a i{ display:inline-block; font-style:normal; transition:all 1s;}
.advantage02_rc a:hover{ border:1px solid #023d6c; color:#fff; text-decoration:none; background:#023d6c;}
.advantage02_rc a:hover i{ padding-left:20px; transition:all 1s;}

.advantage03{ margin:42px auto}
.advantage03_r{ float:right; width:50%;}
.advantage03_r img{ width:100%;}
.advantage03_l{ float:left; width:45%;}
.advantage03_la{ width:100%; margin:0 auto; overflow:hidden;}
.advantage03_la_l{ float:left; width:66px; height:77px; background:#023d6c; color:#fff; text-align:center;} 
.advantage03_la_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family:"impact"; font-size:40px;}
.advantage03_la_r{ float:right; width:83%;}
.advantage03_la_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage03_la_r p:nth-child(1) span{ color:#023d6c;}
.advantage03_la_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage03_lb{ padding-left:60px; padding-top:30px;}
.advantage03_lb ul li{ line-height:25px; margin-bottom:22px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage03_lc{ margin-top:50px; margin-left:58px;} 
.advantage03_lc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage03_lc a i{ display:inline-block; font-style:normal;transition:all 1s;}
.advantage03_lc a:hover{ border:1px solid #023d6c; color:#fff; text-decoration:none; background:#023d6c;}
.advantage03_lc a:hover i{ padding-left:20px; transition:all 1s;}

.advantage04{ width:100%; margin:42px auto 52px auto; position:relative; overflow:hidden;}
.advantage04_l{ position:absolute; left:0; top:0; width:50%;}
.advantage04_l img{ width:100%;}
.advantage04_r{ float:right; width:45%;}
.advantage04_ra{ width:100%; margin:0 auto; overflow:hidden;}
.advantage04_ra_l{ float:left; width:66px; height:77px; background:#023d6c; color:#fff; text-align:center;} 
.advantage04_ra_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family:"impact"; font-size:40px;}
.advantage04_ra_r{ float:right; width:83%;}
.advantage04_ra_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage04_ra_r p:nth-child(1) span{ color:#023d6c;}
.advantage04_ra_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage04_rb{ padding-left:60px; padding-top:30px;}
.advantage04_rb ul li{ line-height:25px; margin-bottom:30px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage04_rc{ margin-top:50px; margin-left:58px;} 
.advantage04_rc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage04_rc a i{ display:inline-block; font-style:normal;transition:all 1s;}
.advantage04_rc a:hover{ border:1px solid #023d6c; color:#fff; text-decoration:none; background:#252a7e;}
.advantage04_rc a:hover i{ padding-left:20px; transition:all 1s;}

/*about_us*/
.about_us{ margin:68px auto;}
.about_name{ width:60%; margin:0 auto 42px auto; text-align:center; font-size:36px; color:#333; line-height:48px; position:relative; padding:6px 0 10px 0;}
.about_name:after{ width:72px; height:3px; background:#023d6c; content:""; left:50%; bottom:0; position:absolute; margin:0 0 0 -36px; z-index:2;}
.about_name:before{ width:320px; height:100%; border:#ccc 1px solid; content:""; left:50%; bottom:1px; position:absolute; margin:0 0 0 -160px; z-index:1;}
.about_name i:after{ position:absolute; left:0; top:46%; width:33%; height:1px; background:#ccc; content:"";}
.about_name i:before{ position:absolute; right:0; top:46%; width:33%; height:1px; background:#ccc; content:"";}
.about_width{ width:100%; margin:42px auto 0 auto; overflow:hidden;}
.about_width .about_left{ float:left; width:49%;}
.about_width .about_biaoti{ font-size:30px; color:#333; position:relative; line-height:60px; padding:0 0 10px 0;}
.about_width .about_biaoti:before{ position:absolute; left:0; bottom:0; width:52px; height:1px; background:#023d6c; content:"";}
.about_width .about_jies{ width:100%; margin:36px 0 52px 0; font-size:14px; color:#666; line-height:28px;}
.about_width .about_more{ width:132px; text-align:center;}
.about_width .about_more img{ width:25px; height:12px; margin:15px 0 0 10px;}
.about_width .about_more a{ display:block; line-height:42px; font-size:14px; color:#fff; background:#e60213;}
.about_width .about_more a:hover{ text-decoration:none; color:#fff;}
.about_width .about_right{ float:right; width:42.8%; position:relative; padding:13px 13px 0 0;}
.about_width .about_right:after{ position:absolute; right:0; top:0; width:50%; height:56%; background:#023d6c; content:""; z-index:1;}
.about_width .about_right img{ width:100%; z-index:2; position:relative;}
.about_width .about_right i:after{ content:""; position:absolute; right:0; top:-80px; width:13px; height:80px; background-image:linear-gradient(180deg,transparent,#fff); animation:lineMove 2s ease-in-out infinite; z-index:3; animation-delay:1.6s;}
.about_width .about_right i:before{ content:""; position:absolute; left:0; top:0; width:80px; height:13px; background-image:linear-gradient(90deg,transparent,#fff); animation:lineMove2 2s ease-in-out infinite; z-index:3; animation-delay:0s;}
@keyframes lineMove{to{top:100%;}}
@keyframes lineMove2{to{left:100%;}}

/*shili*/
.shengchan{ width:100%; margin:68px auto; overflow:hidden; background:#eee; padding:48px 0 60px 0;}
.shengchan .shengchan_name{ font-size:30px; color:#333; position:relative; line-height:60px; padding:0 0 10px 0;}
.shengchan .shengchan_name:before{ position:absolute; left:0; bottom:0; width:52px; height:1px; background:#023d6c; content:"";}
.shengchan .shengchan_sw{ width:100%; margin:36px auto 0 auto;}
.shengchan .shengchan_sw ul{ overflow:hidden;}
.shengchan .shengchan_sw ul li{ float:left; width:22.9%; margin:0 2.8% 0 0;}
.shengchan .shengchan_sw ul li img{ width:100%;}
.shengchan .shengchan_sw ul li:nth-child(4n){ margin:0;}
.shengchan .shengchan_sw ul li em{ display:block; text-align:center; background:#023d6c; font-size:14px; line-height:28px; padding:4px 0;}
.shengchan .shengchan_sw ul li a{ color:#fff;}
.shengchan .shengchan_sw ul li a:hover{ text-decoration:none;}

/*partner*/
.partner{ margin:68px auto 42px auto;}
.partner .partner_name{ width:60%; margin:0 auto 42px auto; text-align:center; font-size:36px; color:#333; line-height:48px; position:relative; padding:6px 0 10px 0;}
.partner .partner_name:after{ width:72px; height:3px; background:#023d6c; content:""; left:50%; bottom:0; position:absolute; margin:0 0 0 -36px; z-index:2;}
.partner .partner_name:before{ width:248px; height:100%; border:#ccc 1px solid; content:""; left:50%; bottom:1px; position:absolute; margin:0 0 0 -125px; z-index:1;}
.partner .partner_name i:after{ position:absolute; left:0; top:46%; width:38%; height:1px; background:#ccc; content:"";}
.partner .partner_name i:before{ position:absolute; right:0; top:46%; width:38%; height:1px; background:#ccc; content:"";}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.partner ul li:nth-child(5n){ margin:0 0 2% 0;}
.partner ul li img{ width:100%;}
.partner ul li a{ display:block; border:#ccc 1px solid;}

/*news*/
.news{ width:100%; margin:0 auto; overflow:hidden; background:#f5f5f5; padding:60px 0;}
.news .news_name{ width:60%; margin:0 auto 42px auto; text-align:center; font-size:36px; color:#333; line-height:48px; position:relative; padding:6px 0 10px 0;}
.news .news_name:after{ width:72px; height:3px; background:#023d6c; content:""; left:50%; bottom:0; position:absolute; margin:0 0 0 -36px; z-index:2;}
.news .news_name:before{ width:248px; height:100%; border:#ccc 1px solid; content:""; left:50%; bottom:1px; position:absolute; margin:0 0 0 -125px; z-index:1;}
.news .news_name i:after{ position:absolute; left:0; top:46%; width:38%; height:1px; background:#ccc; content:"";}
.news .news_name i:before{ position:absolute; right:0; top:46%; width:38%; height:1px; background:#ccc; content:"";}
.news ul{}
.news ul li{ float:left; width:22.9%; margin:0 2.8% 0 0; background:#fff;}
.news ul li:hover{ box-shadow:0 3px 9px #ccc;}
.news ul li:last-child{ margin:0;}
.news ul li img{ width:100%;}
.news ul li a{ display:block; color:#262626;}
.news ul li a:hover{ text-decoration:none; color:#023d6c;}
.news ul li .news_zt{ width:88%; margin:26px auto; font-size:18px; line-height:30px; height:30px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news ul li .news_time{ width:88%; margin:12px auto; color:#666; font-size:14px; line-height:25px;}
.news ul li .news_more{ width:88%; margin:12px auto 26px auto; color:#023d6c; font-size:16px; line-height:36px;}
.news ul li .news_more i{ font-size:28px; font-style:normal; float:left; width:32px; height:32px; line-height:32px;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#023d6c;}
.footer_nav{ width:100%; margin:36px auto 28px auto; text-align:center; font-size:18px; line-height:24px; overflow:hidden;}
.footer_nav a{ color:#fff; margin:0 20px;}
.footer_nav a:hover{ text-decoration:none; color:#eee;}
.footer .erweima{ width:300px; margin:28px auto;}
.footer .erweima ul{ overflow:hidden;}
.footer .erweima ul li{ float:left; width:41%; margin:0 18% 0 0;}
.footer .erweima ul li:last-child{ margin:0;}
.footer .erweima ul li img{ width:100%;}
.footer .erweima ul li span{ display:block; font-size:14px; color:#fff; line-height:25px; text-align:center; margin:3px 0 0 0;}
.footer_contact{ width:100%; margin:28px auto 36px auto; overflow:hidden; text-align:center; font-size:14px; color:#fff; line-height:22px;}
.footer_contact p{ display:inline-block; margin:0 18px;}
.footer_contact p i{ width:22px; height:22px; float:left; background:url(../images/footer_tel.png) center no-repeat; margin:0 10px 0 0;}
.footer_contact p.f_c1 i{ background:url(../images/footer_fax.png) center no-repeat;}
.footer_contact p.f_c2 i{ background:url(../images/footer_web.png) center no-repeat;}
.footer_icp{ width:100%; margin:0 auto; overflow:hidden; border-top:#034479 1px solid; background:#023d6c; font-size:14px; color:#fff; line-height:24px; text-align:center; padding:18px 0;}
.footer_icp a{ color:#fff;}
.footer_icp a:hover{ text-decoration:none; color:#eee;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

/*subnav*/
.subnav{ text-align:center; margin:48px auto 18px auto;}
.subnav ul{ font-size:0px;}
.subnav ul li{ display:inline-block; font-size:14px; border:#eee 1px solid; margin:0 1% 2% 1%; line-height:48px; position:relative;}
.subnav ul li a{ display:block; color:#333; padding:0 32px;}
.subnav ul li a:hover{ text-decoration:none; background:#023d6c; color:#fff;}
.subnav ul li a.current{ color:#fff; background:#023d6c;}

/*about*/
.profiles{ margin:18px auto 52px auto; font-size:14px; color:#666; line-height:25px;}
.profiles img{ max-width:100%;}

/*products*/
.products{ margin:18px auto 52px auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:22.9%; margin:0 2.8% 2.8% 0; position:relative;}
.products ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.products ul li img{ width:100%;}
.products ul li p{ display:block; border:#ccc 1px solid;}
.products ul li .product_k{ display:none;}
.products ul li:hover .product_k{ background:rgba(2,61,108,.6); position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; flex-direction:column;}
.product_k .product_k_name{ width:88%; margin:0 auto 6% auto; font-size:20px; line-height:30px; color:#fff; text-align:center;}
.product_k .product_more{ width:120px; margin:6% auto 0 auto;}
.product_k .product_more a{ width:100%; border:#fff 1px solid; border-radius:15px; line-height:28px; display:inline-block; font-size:14px; color:#fff; text-align:center;}
.product_k .product_more a:hover{ text-decoration:none; border:#c5061a 1px solid; background:#c5061a; color:#fff;}

.content{ margin:18px auto 52px auto;}
.products_text{ width:100%; margin:0 auto; overflow:hidden;}
.game163{ width:568px; float:left; margin:0 0 0 5%;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:450px; height:450px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:68px; height:290px; position:relative; padding-top:36px;}
.game163 .sPrev, .game163 .sNext{ position:absolute; left:50%; margin:0 0 0 -13px;}
.game163 .sPrev{ top:0px; background:url(../images/product_top.png) center no-repeat; width:27px; height:14px;}
.game163 .sNext{ bottom:-36px; background:url(../images/product_bottom.png) center no-repeat; width:27px; height:14px;}
.game163 .smallImg{ width:68px; margin:0 auto; height:100%; overflow:hidden;}
.game163 .smallImg ul{ overflow:hidden; position:relative; top:0; -webkit-transition:0.5s;transition:0.5s;}
.game163 .smallImg li{ width:68px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:1px solid #f2f2f2; width:66px; height:66px;}
.game163 .smallImg .on img{ border:1px solid #888;}

.pro_sj{ display:none;}

.product_right{ float:right; width:45%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px;}
.product_right .p_ggao{ font-size:18px; color:#023d6c; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#eee 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:14px; color:#666; line-height:25px; padding:12px 0;}

.products_titel{ width:100%; margin:26px auto 18px auto; overflow:hidden; border-bottom:#ccc 1px solid;}
.products_titel span{ float:left; font-size:16px; color:#333; line-height:30px; font-weight:bold;}
.products_decon{ width:100%; overflow:hidden; margin: 18px auto 26px auto; font-size:14px; color:#525252; line-height:25px;}
.products_decon img{ max-width:100%;}
.products_decon table{ width:100% !important; border:#eee 1px solid;}
.products_decon table td{ border:#eee 1px solid; font-size:14px; color:#525252; line-height:25px; text-align:center; padding:3px 0;}

.pro_xiangguan{ margin:26px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:40px; font-weight:bold; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#e60213; float:left; margin:13px 10px 0 10px;}
.pro_xgcp{ margin:20px 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:#023d6c 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:#023d6c;}

/*honor*/
.honor{ margin:18px auto 52px auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:22.8%; float:left; margin:0 2.8% 2.8% 0; position:relative;}
.honor ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.honor ul li img{ width:100%;}
.honor ul li em{ font-size:16px; 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:#110f0e; border:#eee 1px solid; padding:1%; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#023d6c;}
.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#023d6c; -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:#023d6c; -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:#023d6c; -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:#023d6c; -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;}

/*ny_news*/
.ny_news{ margin:18px auto 52px auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; position:relative; border-bottom:#ddd 1px dashed; padding:30px 0;}
.ny_news ul li i{ width:39px; height:39px; position:absolute; left:0; top:30px; background:url(../images/news_time_a.png) center no-repeat; z-index:9;}
.ny_news ul li:hover i{ background:url(../images/news_time.png) center no-repeat;}
.ny_news ul li .news_time{ float:left; width:12%; height:108px; font-size:30px; color:#525252; line-height:36px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ny_news ul li .news_time span{ display:block; font-size:14px; color:#888; line-height:20px; margin:4px 0 0 0;}
.ny_news ul li .news_images{ float:left; width:15%; margin:0 3%; overflow:hidden;}
.ny_news ul li .news_images img{ width:100%; transition:all .35s;}
.ny_news ul li:hover .news_images img{ transform:scale(1.2);}
.ny_news ul li .news_show{ float:right; width:67%;}
.ny_news ul li .news_show div{ margin:4px 0 0 0; width:100%; overflow:hidden;}
.ny_news ul li .news_show div font{ border:#333 1px solid; padding:0 8px; color:#333; line-height:22px; float:right;}
.ny_news ul li .news_show span{ height:25px; font-size:18px; color:#333; margin:0 0 4px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li a{ color:#525252; font-size:14px; line-height:25px; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#023d6c;}

.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width p{ font-size:24px; color:#333; line-height:32px; border-bottom:none; margin:0; padding:0; text-align:center;}
.news_width .ns_1{ font-size:14px; color:#999; line-height:25px; margin:10px 0 20px 0; border-bottom:none;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.news_xq p{ color:#666; font-size:14px; line-height:25px; text-align:left;}
.news_xq table{ width:100%; border:#ccc 1px solid;}
.news_xq table td{ font-size:14px; color:#666; line-height:26px; padding:8px; border:#ccc 1px solid;}
.p_next{ width:100%; margin:28px auto 0 auto;}
.p_next ol{ width:42%; margin:0 auto; overflow:hidden;}
.p_next ol li{ float:left; width:32%; margin:0 2% 0 0;}
.p_next ol li:nth-child(3n){ margin:0;}
.p_next ol li a{ display:block; border:#ddd 1px solid; font-size:14px; line-height:28px; color:#666; text-align:center;}
.p_next ol li a:hover{ text-decoration:none; background:#e60213; border:#e60213 1px solid; color:#fff;}

/*contact_us*/
.contact_us{ margin:18px auto 52px auto; background:#f2f2f2;}
.contact_left{ float:left; width:44%; margin:3%; font-size:14px; color:#333; line-height:28px;}
.contact_right{ float:right; width:50%;}
.contact_right iframe{ width:100%; height:488px; padding:0; margin:0; float:left;}