/*!
 * @ Author: weiwei
 * @ Date: 2019-04-22 09:39:04
 */
/*Css Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}html,body{width:100%;font-family:"Arial","Microsoft YaHei","微软雅黑","黑体","宋体",sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}.clearfix:before,.clearfix:after{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.dn{display:none;}.fl{float:left;}.fr{float:right;}
html,body{overflow:hidden;overflow-y:auto; font-family: "Microsoft YaHei"; }
.inner{ width: 1200px; margin:0 auto; overflow: hidden; box-sizing: border-box; }
iframe{ width: 100%; height: 460px; }
.page{ clear: both; margin:30px 0; text-align: center; }
.page a{ display: inline-block; padding:0 7px; margin:0 2px; border:1px solid #ccc; text-align: center; line-height: 32px; border-radius: 30px; }
.page .current{ display: inline-block; margin:0 2px; text-align: center; line-height: 32px; width: 32px; height: 32px; border-radius: 50%; background: #0344a5; color: #fff; }
img{ max-width: 100%; }
.fl{ float: left; }
.fr{ float: right; }
.text-center{ text-align: center; }
@font-face{ font-family: DIN; src: url('./fonts/DIN-Medium.ttf'); }
/*h_top*/
.h_top{ height: 116px; border-bottom: 1px solid #d1dbf1; }
.h_top .inner{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
/*h_menu*/
.h_menu{ height: 50px; line-height: 50px; background: #174db7; }
.h_menu .inner{ overflow: visible; }
.h_menu .nav{ width: 100%; height: 100%; display: flex; justify-content: space-around; }
.h_menu .nav li{ display: block; width: 100%; text-align: center; position: relative; }
.h_menu .nav li a{ display: block; font-size: 18px; color: #fff; transition: all .3s; }
.h_menu .nav li div{ width: 100%; background: #fff; position: absolute; top:120%; left:0; transition: all .3s; z-index: 0; opacity: 0; transition: all .6s; }
.h_menu .nav li div a{ border-bottom: 1px solid #f1f1f1; font-size: 14px; color: #000000; display: block; overflow: hidden; height: 36px; line-height: 36px; }
.h_menu .nav li a::after{ content: ""; display: block; width:100%; height: 0; border:0; transition: all .3s; background: #ec8c34; position: absolute; left: 0; bottom:0; }
.h_menu .nav li a:hover{ background: #e9a641; color: #fff;transition: all .3s; }
.h_menu .nav li a:hover::after{ height: 2px; transition: all .3s; }
.h_menu .nav li:hover div{ transition: all .6s; top:100%; opacity: 1; z-index: 33; }
/*banner*/
#banner{ width: 100%; height: 622px; }
#banner .swiper-slide{ min-width: 1200px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .inner{ overflow:visible; position: relative; height: 622px; width: 1200px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:94px; left: -99px; }
#banner .swiper-slide .b1_img1{position: absolute; top:260px; left: 120px; }
#banner .swiper-slide .b1_img2{position: absolute; top:260px; left: 460px; }
#banner .swiper-slide .b1_img3{position: absolute; top:260px; left: 798px; }
#banner .swiper-slide .b1_tel{position: absolute; top:503px; left: 340px; }
#banner .swiper-slide .b2_tit{ position: absolute; top:78px; left: 60px; z-index: 3; }
#banner .swiper-slide .b2_p{ position: absolute; top:297px; left: 240px; z-index: 2; }
#banner .swiper-slide .b2_flow{ position: absolute; top:160px; left: 240px; }
#banner .swiper-slide .b3_tit{ position: absolute; top:60px; left: 30px; }
#banner .swiper-slide .b3_img{ position: absolute; top:198px; left: -360px; width: 1920px; }
#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 66px; height: 66px; text-align: center; line-height: 66px; border:1px solid #7babd4; border-radius: 50%; margin-top:-33px; }
#banner .swiper-button-prev{ left: 220px; }
#banner .swiper-button-next{ left: auto; right: 220px; }
/*#banner .swiper-button-prev::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -2px; }*/
/*#banner .swiper-button-next::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -4px;  }*/
#banner .swiper-button-prev span{ color: #fff; font-size: 26px; }
#banner .swiper-button-next span{ color: #fff; font-size: 26px; }
#banner .swiper-button-prev:hover{ background: #e9a641; border-color: #e9a641; }
#banner .swiper-button-next:hover{ background: #e9a641; border-color: #e9a641; }
#banner .swiper-button-prev:hover::before{ border-right:6px solid #fff; }
#banner .swiper-button-next:hover::before{ border-left:6px solid #fff; }
#banner .swiper-pagination{ bottom: 20px; }
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border:1px solid transparent; position: relative; opacity: .8; }
#banner .swiper-pagination-bullet::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: transparent; position: absolute; left:2px; top:2px; }
#banner .swiper-pagination-bullet-active{ background: transparent;  border:1px solid #174db7; }
#banner .swiper-pagination-bullet-active::before{ background: #174db7;  }
/*h-key*/
.h-key{ background: #fff; padding:10px 0; overflow: hidden; }
.h-keys{ line-height: 50px; }
.h-keys strong{ display: inline-block; float: left; font-size: 16px; color: #000000; margin-right: 12px; }
.h-keys a{ display: inline-block; font-size: 14px; color: #908f8f; }
.h-keys a + a{ margin-left: 16px; }
.h-keys a:hover{ color: #ee6f2e; }
.h-search{ overflow: hidden; }
.h-search form{ width: 225px; height: 38px; border:1px solid #b7b7b7; }
.h-search .search_text{ width: 178px; height: 38px; background: transparent; border:0; outline: none; float: left; padding-left: 16px; box-sizing: border-box; line-height: 38px; font-size: 14px; color: #999999; }
.h-search .search_btn{ width: 47px; height: 38px; border:0; outline: none; cursor: pointer; background: url(../images/ico_search.png) no-repeat center; }
/*m_type*/
.m_type{ overflow: hidden; background: #174db7; padding:40px 0; }
.m_type .fl{ width: 244px; height: 284px; background: #dfe3ed; float: left; margin-left: 13px; box-sizing: border-box; padding:58px 28px; }
.m_type .fl strong{ display: block; font-size: 34px; color: #000000; font-weight: normal; line-height: 1; margin-bottom: 16px; }
.m_type .fl span{ font-size: 22px; color: #000000; text-transform: uppercase; line-height: 26px }
.m_type .fl small{font-size: 22px; color: rgba(0,0,0,.6); text-transform: uppercase; font-weight: 200; display: block;  }
.m_type .fl a{ display: inline-block; font-size: 14px; color: #4d4d4d; line-height: 1; padding:8px 24px; border:1px solid #174db7; margin-top: 44px; }
.m_type .fr{ box-sizing: border-box; width: 930px; height: 284px; background: #3c66f6; float: left; padding:58px 25px; }
.m_type .fr a{ display: inline-block; width: 164px; height: 69px; background: #82adf9; text-align: center; float: left; margin:0 15px 30px 0; transition: all .3s; }
.m_type .fr a strong{ display: block; line-height: 48px; text-align: center; font-size: 16px; color: #ffffff; transition: all .3s; }
.m_type .fr a small{ display: block; line-height: 18px; height: 18px; font-size: 9px; background: #6197f8; color: rgba(255,255,255,.5); text-transform: uppercase; text-align: center;  transition: all .3s;}
.m_type .fr a small span{ font-size: 10px; color: rgba(255,255,255,.5); margin-left: 6px; transition: all .3s; }
.m_type .fr a:nth-child(5n+0){ margin-right: 0; }
.m_type .fr a:hover{ transition: all .3s; background: #295ebc;  }
.m_type .fr a:hover small{ background: #1c4595; transition: all .3s; }
/*p_tit*/
.p_tit{ border-bottom: 1px solid #5370a7; margin-bottom: 22px; }
.p_tit strong{ display: inline-block; padding:16px 0; font-size: 26px; color: #000000; position: relative; }
.p_tit strong::after{ content: ""; display: inline-block; width: 100%; height: 4px; background:#153d87; border:0; position: absolute; bottom:-2px; left:0; }
.p_tit a{ transition: all .3s; padding:16px 0; line-height:26px; display: inline-block; float: right; font-size: 14px; color: #525252; }
.p_tit a:hover{ transition: all .3s; color: #153d87; letter-spacing: 2px; }
/*m_pro*/
.m_pro{ overflow: hidden; padding:40px 0; background: url(../images/pro_bg.jpg); }
.m_pro .box{ overflow: hidden; }
.m_pro .box .left{ width: 496px; float: left; }
.p_focus_small{ display: block; width: 100%; overflow: hidden; }
.p_focus_small .img{ display: block; width: 100%; height: 428px; overflow: hidden; box-sizing: border-box; border:1px solid #f1f1f1; }
.p_focus_small .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.p_focus_small .txt{ overflow: hidden; box-sizing: border-box; padding:20px; background: #eae8e8; transition: all .3s; }
.p_focus_small .txt strong{ display: block; margin-bottom: 10px; font-size: 18px; color: #000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p_focus_small .txt p{ font-size: 14px; color: #000; line-height: 24px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.p_focus_small .txt a{ transition: all .3s; margin-top: 20px; display: inline-block; float: right; padding:10px 30px; border:1px solid #d1d1d1; border-radius: 20px; font-size: 14px; color: #000000; line-height: 1; }
.p_focus_small:hover .txt a{ transition: all .3s; background: #f08e36; border-color: #f08e36; color: #fff; }
.p_focus_small:hover .txt{ background: #164db8; color: #fff;  transition: all .3s; }
.p_focus_small:hover .txt strong, .p_focus_small:hover .txt p{ color: #fff; }

.m_pro .box .right{ width: 675px; float: right; }
.m_pro .box .right ul{ overflow: hidden; width: 100%; }
.m_pro .box .right li{ width: 324px; margin-right: 27px; float: left; margin-bottom: 20px; }
.m_pro .box .right li:nth-child(even){ margin-right: 0; }
.pro_box{ box-sizing: border-box; border:1px solid #d1d1d1; overflow: hidden; }
.pro_box .img{ display: block; width: 100%; height: 235px; overflow: hidden; }
.pro_box .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.pro_box .txt{ transition: all .3s; height: 64px; line-height: 64px; background: #eae8e8; width: 100%; box-sizing: border-box; padding:0 20px; }
.pro_box .txt strong{ display: block; width: 60%; float: left; font-size: 14px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_box .txt a{ transition: all .3s; margin-top: 16px; display: inline-block; float: right; padding:8px 20px; border:1px solid #d1d1d1; border-radius: 20px; font-size: 14px; color: #000000; line-height: 1; }
.pro_box:hover a{ transition: all .3s; background: #f08e36; border-color: #f08e36; color: #fff; }
.pro_box:hover .txt{ background: #164db8; padding:0 15px; transition: all .3s; }
.pro_box:hover .txt strong{ color: #fff; }
.pro_box:hover img{ transition: all .3s; transform: scale(1.05); }

.product_list{ width: 100%; overflow: hidden; clear: both; }
.product_list li{ width: 380px; margin:0 30px 30px 0; float: left; }
.product_list li:nth-child(3n+0){ margin-right: 0; }
.product_list li .img{ height: 285px; }
.p_focus_big{ display: block; width: 100%; margin-bottom: 36px; overflow: hidden; }
.p_focus_big .img{ width: 740px; height: 500px; overflow: hidden; float: left; box-sizing: border-box; border:1px solid #f1f1f1; }
.p_focus_big .img img{ width: 100%; height: 100%; object-fit: contain; }
.p_focus_big .txt{ width: 460px; height: 500px; float: left; box-sizing: border-box; padding:100px 38px; background: #eae8e8; }
.p_focus_big .txt strong{ display: block; margin-bottom: 30px; font-size: 18px; color: #000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p_focus_big .txt p{ font-size: 14px; color: #000; line-height: 24px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.p_focus_big .txt a{ transition: all .3s; margin-top: 20px; display: inline-block; float: right; padding:10px 30px; border:1px solid #d1d1d1; border-radius: 20px; font-size: 14px; color: #000000; line-height: 1; }
.p_focus_big:hover .txt a{ transition: all .3s; background: #f08e36; border-color: #f08e36; color: #fff; }
.p_focus_big:hover .txt{ background: #164db8; color: #fff;  transition: all .3s; }
.p_focus_big:hover .txt strong, .p_focus_big:hover .txt p{ color: #fff; }

/*m_solution*/
.m_solution{ overflow: hidden; padding:50px 0 0; background: url(../images/solution_bg.jpg) no-repeat top center; }
.m_solution .inner .hd{ text-align: center; }
.m_solution .inner .hd > strong{ line-height: 1; font-weight: normal; font-size: 45px; color: #ffffff; display: inline-block; }
.m_solution .inner .hd > strong span{ color: #f68f39; }
.m_solution .inner .hd > p{ margin:20px 0 40px; font-size: 14px; color: #ffffff; display: block; position: relative; background: url(../images/p_bg.png) no-repeat center; }
.m_solution .slideGroup{ overflow: hidden; }
.m_solution .bd{ margin-bottom: 110px; overflow: hidden; height: 584px; }
.slideGroup .parHd{ overflow: hidden; height: 84px; margin-bottom: 10px; }
.slideGroup .parHd ul{ height: 100%; overflow: hidden; }
.slideGroup .parHd li{ width: 195px; float: left; height: 100%; text-align: center; background: #bfbfbf; transition: all .3s; cursor: pointer; }
.slideGroup .parHd li span{ color: #fff; font-size: 32px; line-height: 1; margin:16px 0 8px; display: inline-block; }
.slideGroup .parHd li strong{ font-size: 16px; color: #ffffff; line-height: 1; font-weight: normal; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slideGroup .parHd li + li{ margin-left: 6px; }
.slideGroup .parHd li.on{ background: #1d59c1; transition: all .3s; }
.slideGroup .parBd{ overflow: hidden; }
.slideGroup .parBd ul{ overflow: hidden; width: 100%; }
.slideGroup .parBd .slideBox{ position: relative; width: 100%; height: 100%; }
.slideGroup .parBd .slideBox .sNext{ display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; }
.slideGroup .parBd .slideBox .sNext span{ font-size: 24px; color: #c2c2c2; line-height: 1; display: inline-block; }
.slideGroup .parBd .slideBox .sPrev{ display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; }
.slideGroup .parBd .slideBox .sPrev span{ font-size: 24px; color: #c2c2c2; line-height: 1; display: inline-block; }
.slideGroup .parBd .left{ width: 188px; height: 490px; background: #fff; float: left; box-sizing: border-box; padding:12px; }
.slideGroup .parBd .left li{ overflow: hidden; margin-bottom: 32px; }
.slideGroup .parBd .left li .img{ width: 100%; height: 124px; overflow: hidden; }
.slideGroup .parBd .left li .img img{ width: 100%; height: 100%; transition: all .3s; }
.slideGroup .parBd .left li strong{ display: block; line-height: 36px; font-size: 12px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slideGroup .parBd .right{ width: 1008px; float: right; background: #fff; }
.slideGroup .parBd .right .img{ width: 650px; height: 490px; overflow: hidden; float: left; }
.slideGroup .parBd .right .img img{ width: 100%; height: 100%; transition: all .3s; }
.slideGroup .parBd .right .txt{ width: 358px; box-sizing: border-box; padding:30px; float: right; }
.slideGroup .parBd .right .txt strong{ padding:25px 0; line-height: 1; font-size: 22px; color: #333333; font-weight: normal; display: block; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; position: relative; }
.slideGroup .parBd .right .txt strong::after{ content: ""; display: inline-block; width: 134px; height: 2px; background: #999999; border:0; position: absolute; left:0; bottom:0; }
.slideGroup .parBd .right .txt p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; font-size: 14px; color: #333333; line-height: 24px; margin-top: 36px; }
.slideGroup .parBd .right .txt a{ display: inline-block; padding:9px 36px; background: #f08e36; border:1px solid #f08e36; border-radius: 25px; margin-top: 68px; font-size: 14px; color: #ffffff; line-height: 1; }
.slideGroup .parBd .right .txt a + a{ border:1px solid #bababa; font-size: 14px; color: #333333; background: #fff; margin-left: 20px; padding:9px 20px; }
/*m_flow*/
.m_flow{ width: 1200px; overflow: hidden; background: #fff; margin:-86px auto 90px; box-sizing: border-box; padding:22px; }
.m_flow > strong{ display: block; font-size: 18px; color: #333333; font-weight: normal; height: 44px; line-height: 44px; position: relative; margin-bottom: 30px; }
.m_flow > strong::after{ content: ""; display: inline-block; width: 66px; height: 3px; background: #f78f39; position: absolute; left: 0; bottom:0; border-radius: 0; }
.m_flow .bd{ overflow: hidden; width: 100%; padding:0 70px; box-sizing: border-box; }
.m_flow .bd li{ width: 12.5%; float: left; box-sizing: border-box; text-align: center; padding:10px 0; }
.m_flow .bd li span{ font-size: 40px; line-height: 1; color: #2350b0; transition: all .3s; display: block; }
.m_flow .bd li strong{ display: block; font-size: 14px; color: #000000; margin-top: 15px; line-height: 1; }
.m_flow .bd li + li{ border-left: 2px solid #999999; }
.m_flow .bd li:hover span{ transition: all .3s; transform: rotate(360deg); }
/*m_super*/
.m_super{ overflow: hidden; }
.m_super .inner > .hd{ position: relative; text-align: center; overflow: hidden; padding-bottom: 42px; }
.m_super .inner > .hd span{ font-size: 72px; color: #ececec; font-weight: bold; text-transform: uppercase; }
.m_super .inner > .hd strong{ font-size: 48px; color: #000000; font-weight: normal; position: absolute; left: 50%; top:26px; margin-left: -240px; }
.m_super .inner > .hd strong small{ font-size: 48px; color: #174db7; }
.m_super .inner > .hd p{ text-align: center; font-size: 18px; color: #000000; margin-top: 10px; }
.m_super .inner > .bd{ overflow: hidden; }
.super_list{ overflow: hidden; position: relative; padding-bottom: 120px; }
.super_list .hd{ margin-bottom: 6px; }
.super_list .hd ul{ overflow: hidden; }
.super_list .hd li{ cursor: pointer; width: 195px; height: 90px; box-sizing: border-box; border:1px solid #585858; text-align: center; float: left; background: #fff; transition: all .6s; }
.super_list .hd li + li{ margin-left: 6px; }
.super_list .hd li span{ display: inline-block; font-size: 40px; line-height: 1; margin:10px 0; color: #000000; }
.super_list .hd li strong{ display: block; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #000000; transition: all .6s;  }
.super_list .hd li.on, .super_list .hd li:hover{ background: #1d59c1; transition: all .6s; border-color: #1d59c1; }
.super_list .hd li.on span, .super_list .hd li:hover span{ color: #fff; transition: all .6s; }
.super_list .hd li.on strong, .super_list .hd li:hover strong{ color: #fff; transition: all .6s; }

.super_list .bd .img{ width: 100%; height: 470px; overflow: hidden; transition: all .3s; }
.super_list .bd .img img{ width: 100%; height: 100%; object-fit: cover; }
.super_list .info{ background: #fff; width: 480px; height: 340px; box-shadow: 0 0 10px rgba(0,0,0,.6); box-sizing: border-box; padding:46px; position: absolute; left:36px; top:332px; } 
.super_list .info strong{ font-size: 40px; color: #000; font-weight: normal; display: block; line-height: 1; margin-bottom: 50px; }
.super_list .info > p{ font-size: 14px; color: #000000; line-height: 24px; padding-left: 10px; border-left: 4px solid #000; margin-bottom: 30px; }
.super_list .info ul{ overflow: hidden; }
.super_list .info li{ width: 33.3%; padding-top: 20px; text-align: center; float: left; position: relative; }
.super_list .info li span{ font-size: 48px; color: #000000; }
.super_list .info li p{ font-size: 12px; color: #000000; }
.super_list .info li small{ position: absolute; right:0; top:0; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #000; text-align: center; line-height: 24px; font-size: 12px; color: #fff; }
.super_list > a{ float: right; margin-top: 50px; display: inline-block; padding:14px 40px; background: #1d59c1; font-size: 14px; color: #ffffff; }
.super_list > a span{ transition: all .3s; font-size: 26px; color: #fff; margin-left: 10px; line-height: .5; position: relative; top:3px; }
.super_list > a:hover{ background: #f08e36; }
.super_list > a:hover span{ transition: all .3s; margin-left: 15px; }

/*m_quality*/
.m_quality{ overflow: hidden; }
.m_quality .inner{ overflow: visible; }
.m_quality .hd{ text-align: center; }
.m_quality .hd strong{ font-size: 45px; color: #000000; font-weight: normal;  }
.m_quality .hd p{ margin:18px 0 0; font-size: 14px; color: #000000; background: url(../images/quality_p_bg.png) no-repeat center; }
.m_quality .bd{ padding:40px 0; }
.m_quality .bd li{ width: 282px; float: left; box-shadow: 0 0 16px rgba(0,0,0,.4); position: relative; top:0; transition: all .6s; }
.m_quality .bd li + li{ margin-left: 24px; }
.m_quality .bd li .img{ width: 100%; height: 330px; overflow: hidden; }
.m_quality .bd li .img img{ width: 100%; height: 100%; object-fit: cover; }
.m_quality .bd li .txt{ text-align: center; width: 100%; height: 246px; background: #335cb9; box-sizing: border-box; padding:16px; }
.m_quality .bd li .txt span{ border-radius: 50%; display: inline-block; width: 110px; height: 110px; background: #335cb9; text-align: center; line-height: 110px; font-size: 46px; color: #fff; margin-top: -70px; transition: all .6s; }
.m_quality .bd li .txt b{ display: block; font-size: 22px; color: #eaa440; margin: 16px 0; }
.m_quality .bd li .txt p{ font-size: 14px; color: #ffffff; line-height: 24px; text-align: left; }
.m_quality .bd li:hover{ transition: all .6s; top:-16px; }
.m_quality .bd li:hover .txt span{ background: #f08e36; transition: all .6s; transform: rotate(360deg); }
/*m_divs*/
.m_divs{ overflow: hidden; margin:32px 0 92px; position: relative; height: 284px; }
.m_divs > img{ position: absolute; top:0; width: 100%; height: 100%; object-fit: cover; }
.m_divs > .inner{ position: relative; z-index: 33; text-align: right; }
.m_divs a{ border-radius: 20px; background: #fff; display: inline-block; font-size: 16px; color: #f18e36; padding:5px 16px; border:1px solid #f08e36; margin-top: 210px; }
.m_divs a span{ font-size: 28px; color: #f08e36; margin-right: 10px;  }
.m_divs a small{ position: relative; top:-5px; }
.m_divs a + a{ margin:0 18px 0 20px; background: #f08e36; color: #fff; padding:8px 16px; }
.m_divs a + a span{ font-size: 24px; color: #fff; }
/*m_about*/
.m_about{ overflow: hidden; }
.m_about .hd{ text-align: center; }
.m_about .hd strong{ font-size: 45px; color: #000000; font-weight: normal;  }
.m_about .hd strong span{ color: #26417e; }
.m_about .hd p{ margin:18px 0 38px; font-size: 14px; color: #000000; background: url(../images/quality_p_bg.png) no-repeat center; }
.m_about .bd{ overflow: hidden; }
.m_about .bd ul{ overflow: hidden; padding:32px 0; }
.m_about .bd li{ position: relative; width: 20%; text-align: center; float: left; height: 96px; box-sizing: border-box; }
.m_about .bd li + li{ border-left: 2px solid #e0e0e0; }
.m_about .bd li strong{ display: block; font-size: 45px; color: #000000; font-weight: 200; line-height: 1; margin:15px 0; }
.m_about .bd li p{ font-size: 16px; color: #000000; line-height: 1; font-weight: 200; }
.m_about .bd li small{ display: inline-block; width: 20px; height: 20px; background: #f18e36; border-radius: 50%; text-align: center; line-height: 20px; font-size: 12px; color: #fff; position: absolute; top:0; right: 18px; }
.m_about .bd p{ font-size: 16px; color: #000; line-height: 24px; margin-bottom: 12px; }
/*m_show*/
.m_show{ width: 1200px; margin:0 auto 36px; }
.m_show .hd{ text-align: center; margin:24px 0; }
.m_show .hd li{ display: inline-block; padding:12px 44px; background: #335cb9; line-height: 1; font-size: 16px; color: #fffefe; border-radius: 30px; }
.m_show .hd li + li{ margin-left: 12px; }
.m_show .hd li.on{ background: #f08e35; }
.m_show .bd{ overflow: visible; position: relative; }
.m_show .bd ul{ position: relative; }
.m_show .bd a{ display: block; overflow: hidden; position: relative; width: 100%; height: 206px; }
.m_show .bd a img{ width: 100%; height: 100%; object-fit: cover; }
.m_show .bd a strong{ display: block; height: 36px; line-height: 36px; width: 100%; position: absolute; bottom:0; left: 0; background: rgba(0,0,0,.5); text-align: center; font-size: 14px; color: #ffffff; }
.m_show .bd .swiper-button-next, .m_show .bd .swiper-button-prev{ background-image: none; width: 33px; height: 56px; background: #eaad3f; text-align: center; line-height: 56px; }
.m_show .bd .swiper-button-next{ right: -50px; }
.m_show .bd .swiper-button-prev{ left: -50px; }
.m_show .bd .swiper-button-next span, .m_show .bd .swiper-button-prev span{ font-size: 25px; color: #fff; }
/*footer*/
.footer{ overflow: hidden; clear: both; }
.f_menu{ height: 55px; line-height: 55px; background: #335db9; line-height: 55px; }
.f_menu .inner{ display: flex; align-items: center; justify-content: space-around; }
.f_menu a{ position: relative; display: inline-block; width: 11%; text-align: center; font-size: 18px; color: #ffffff; }
.f_menu a + a::after{ content: ""; height: 30px; width: 1px; border:0; background: #99aedc; position: absolute; left: 0; top:12px; }
.f_info{ overflow: hidden; background: #303030; }
.f_info .logo{ display: block; margin:54px 0; text-align: left; }
.f_link{ width: 506px; height: 200px; float: left; }
.f_link strong{ height: 32px; color: #d9d9d9; font-size: 16px; padding-left: 36px; line-height: 32px; margin-bottom: 20px; display: block; background: url(../images/ico_link.png) no-repeat left center; }
/*.f_link a{ display: block; width: 250px; font-size: 14px; color: #fff; margin-bottom: 20px; }*/
.f_link b{ font-size: 24px; color: #ff5600; font-family: 'webfont'; font-weight: bold; }
.f_link a{ font-size: 18px; color: #ffffff; line-height: 30px; display: inline-block; padding:0 7px; transition: all .3s; line-height: 2; margin-bottom: 10px; }
.f_link a:hover{ color: #ff5600; transition: all .3s; }
.f_ewm{ float: left; width: 320px; }
.f_contact{ width: 374px; float: left; }
.f_contact li{ overflow: hidden; margin-bottom: 20px; font-size: 16px; color: #d9d9d9; }
.f_contact span{ display: inline-block; font-size: 32px; color: #df7640; margin-right: 18px; }
.f_contact li small{ font-size: 16px; color: #d9d9d9; margin-right: 20px; }
.f_contact li b{ font-size: 26px; color: #d9d9d9; }


/*飘窗*/
.scrollsidebar{right: 0px;top: 237px;position: absolute;z-index: 999;width: 200px;overflow: hidden;}
.scrollsidebar .hd{height: 86px;position: relative;background: url(../images/msg-tit.jpg) no-repeat top center;}
.close_btn {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ico-close.png) no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    text-indent: -999px;
}
.scrollsidebar .s_center {
    width: 200px;
    border-left: 7px solid #17acfe;
    border-right: 7px solid #17acfe;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 0 8px;
}
.scrollsidebar .s_center p {
    font-size: 14px;
    color: #333333;
    padding: 20px 0 12px;
}
.scrollsidebar .s_center .tel-p {
    font-size: 22px;
    color: #17acfe;
    font-weight: bold;
    font-family: impact;
    margin-bottom: 8px;
}
.scrollsidebar .s_center a {
    display: inline-block;
    border-radius: 30px;
    background: url(../images/ico-msg.png) no-repeat center;
    display: inline-block;
    width: 146px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
}
.scrollsidebar .s_center img {
    margin: 22px 0 6px;
}

.scrollsidebar .s_center span {
    display: block;
    font-size: 14px;
    color: #666666;
    padding-bottom: 10px;
}

.scrollsidebar .bd {
    text-align: center;
    height: 60px;
    background: url(../images/msg-bd.jpg) no-repeat top center;
}

.scrollsidebar .bd a {
    margin-top: 22px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
}


/*f_copy*/
.f_copy{ text-align: center; height: 36px; line-height: 36px; background: #8f8f8f; }
.f_copy p{ font-size: 14px; color: #ffffff; }
.f_copy p a{ font-size: 14px; color: #ffffff; }
.f_copy p a:hover{ color: #f00; }
/*g_sider*/
.g_sider{ width: 307px; overflow: hidden; }
.g_sider > div{ background: url(../images/sider_hd_bg.png) no-repeat top center; margin-bottom: 36px; }
.g_sider .hd{ text-align: center; padding:30px 0; }
.g_sider .bd{ width: 100%; box-sizing: border-box; padding:0 24px; }
.g_sider .bd > div{ width: 100%; box-sizing: border-box; background: #eae8e8; padding:15px 24px 72px; }
.g_class .bd > div a{ transition: all .6s; font-size: 18px; color: #525252; display: block; line-height: 60px; border-bottom: 1px dashed #cecece; box-sizing: border-box; padding:0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_class .bd > div a span{ font-size: 14px; color: #525252; margin-right: 16px; transition: all .6s; }
.g_class .bd > div a:hover{ transition: all .6s; color: #2350b1; font-weight: bold; }
.g_class .bd > div a:hover span{ transition: all .6s;  margin-right: 10px;  color: #2350b1;}
.g_class .bd > span{ width: 70px; height: 70px; display: block; border-radius: 5px; text-align: center; line-height: 70px; background: #2350b1; font-size: 46px; color: #fff; margin: -35px auto 0; }
.g_contact .bd > div{ padding:18px; }
.g_contact .bd > div .tel{ overflow: hidden; }
.g_contact .bd > div .tel span{ font-size: 46px; color: #2450b1; float: left; margin-right: 10px; }
.g_contact .bd > div .tel small{ font-size: 24px; color: #174db7; font-family: "思源黑体 CN"; line-height: 1; float: left; margin: 8px 0; }
.g_contact .bd > div > small{ font-size: 12px; color: #525252; font-family: webfont; display: block; text-align: right; margin-bottom: 30px; }
.g_contact .bd > div .txt p{ font-size: 13px; color: #525252; line-height: 30px; font-family: webfont; }
.g_contact .bd > div > img{ margin:20px auto; display: block; }
.g_info{ width: 870px;  position: relative; }
.g_info > strong{ display: block; text-align: center; font-size: 26px; color: #333; padding: 20px 0; }
.g_info .bdsharebuttonbox{ position: absolute; right: 0; top:0; z-index: 33; }
#gfocus{ overflow: hidden; height: 300px; }
#gfocus img{ width: 100%; height: 100%; object-fit: contain; }
#gfocus .swiper-button-next, #gfocus .swiper-button-prev{ background-image: none; width: 28px; height: 46px; background: #7f7f7f; border-radius: 5px; text-align: center; top:50%; margin-top: -23px;  }
#gfocus .swiper-button-next span, #gfocus .swiper-button-prev span{ font-size: 20px; color: #fff; line-height: 46px; }
.g_content{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.4); margin:30px 0; padding:12px; }
.g_list{ margin:0 12px 12px; border-top:2px solid #cecece; padding:24px 0; overflow: hidden; }
.g_list .tel{ overflow: hidden; }
.g_list .tel span{ font-size: 72px; color: #2350b0; display: inline-block; line-height: 1; float: left; margin-right: 20px; }
.g_list .tel b{ font-size: 36px; color: #2350b1; font-weight: bold; display: block; margin:20px 0; }
#glist{ width: 56%; float: left; }
#glist .swiper-slide{ opacity: .7; }
#glist .swiper-slide:hover{ opacity: 1; }
.g_txt{ overflow: hidden; }
.g_txt p{ max-width: 750px; margin:10px auto; font-size: 16px; line-height: 24px; }
.g_txt p > strong{ display: inline-block; padding: 6px 36px; background: #4894f2; color: #fff; border-radius: 5px; }

.g_txt .g_tit{ margin-bottom: 15px; height: 46px; line-height: 46px; background: #efefef; border:1px solid #d0d0d0; }
.g_txt .g_tit strong{ float: left; background: #2350b1; display: inline-block; height: 100%; padding:0 82px; font-size: 16px; color: #ffffff; border-right: 1px solid #d0d0d0; }
.g_txt .g_tit i{ float: left; background: #2350b1; display: inline-block; width: 4px; height: 100%; margin-left: 5px; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
.g_strength{ overflow: hidden; }
.g_strength > strong{ margin:26px 0 36px; text-indent: -9999px; display: block; height: 73px; background: url(../images/strength_tit.jpg) no-repeat center; }
.g_strength > b{ display: block; text-align: center; font-size: 50px; color: #0d0d0d; font-family: webfont; line-height: 1; }
.g_strength > small{ display: block; text-align: center; font-size:18px; color: #0d0d0d; text-transform: capitalize; line-height: 1; margin:15px 0 40px; }
.g_strength ul{ overflow: hidden; padding:20px; }
.g_strength li{ overflow: hidden; margin-bottom: 20px; }
.g_strength li > div, .g_strength li > img{ width: 50%; float: left; }
.g_strength li > div{ box-sizing: border-box; padding:12px; }
.g_strength li > div strong{ text-indent: -9999px; display: block; height: 30px; margin-bottom: 22px; }
.g_strength li > div p{ font-size: 16px; color: #666767; line-height: 24px; }
.g_strength li:nth-child(1) > div strong{ background: url(../images/strength_tit01.jpg) no-repeat left center; }
.g_strength li:nth-child(2) > div strong{ background: url(../images/strength_tit02.jpg) no-repeat left center; }
.g_strength li:nth-child(3) > div strong{ background: url(../images/strength_tit03.jpg) no-repeat left center; }
.g_strength li:nth-child(4) > div strong{ background: url(../images/strength_tit04.jpg) no-repeat left center; }
.g_strength li:nth-child(5) > div strong{ background: url(../images/strength_tit05.jpg) no-repeat left center; }
.g_strength li:nth-child(6) > div strong{ background: url(../images/strength_tit06.jpg) no-repeat left center; }
.g_strength li:nth-child(6){ margin-bottom: 0; }
.g_field{ overflow: hidden; }
.g_field .hd{ width: 100%; clear: both; text-align: center; padding:0 0 15px; }
.g_field .hd strong{ display: block; position: relative; font-size: 48px; color: #333333; font-family: webfontlight;  padding-bottom: 28px; box-sizing: border-box; }
.g_field .hd strong::after{ content: ""; display: block; width: 168px; height: 4px; background: #4894f2; position: absolute; bottom:0; left: 50%; margin-left: -84px; }
.g_field .hd span{ font-size: 18px; color: #63605f; margin-top: 18px; display: inline-block; }
.g_field .bd{ text-align: center; overflow: hidden; background: #f5f5f5; overflow: hidden; padding:36px 0; margin:0 60px; }
.g_field .bd li{ display: inline-block; margin-right: 12px; margin-bottom: 12px; }
.g_field .bd li:nth-child(4n+0){ margin-right: 0; }
.g_field .bd li strong{ display: block; text-align: center; line-height: 46px; font-size: 18px; color: #333333; font-family: webfont; }
.g_service{ overflow: hidden; padding:0 40px;  }
.g_service > strong{ margin:30px 0; text-indent: -9999px; display: block; height: 70px; background: url(../images/service_tit.jpg) no-repeat center; }
.g_service > b{ font-size: 24px; color: #181818; line-height: 48px; font-weight: normal; }
.g_service ul{ overflow: hidden; }
.g_service li{ margin:30px 0; overflow: hidden; }
.g_service li span{ float: left; border-radius: 50%; margin-right: 10px; display: inline-block; width: 58px; height: 58px;  text-align: center; line-height: 58px; text-indent: -9999px; }
.g_service li p{ width: 90%; float: left; font-size: 18px; line-height: 30px; }
.g_service li:nth-child(1) span{ background: #4894f2 url(../images/service_tit01.png) no-repeat center; }
.g_service li:nth-child(2) span{ background: #4894f2 url(../images/service_tit02.png) no-repeat center; }
.g_service li:nth-child(3) span{ background: #4894f2 url(../images/service_tit03.png) no-repeat center; }
/*g_case*/
.g_case, .g_xgcp{ overflow: hidden; overflow: hidden; margin:20px 0; }
.g_case a, .g_xgcp a{ display: block; width: 100%; height: 100%; overflow: hidden; height: 200px; position: relative; }
.g_case a img, .g_xgcp a img{ width: 100%; height: 100%; object-fit: cover; }
.g_case a strong, .g_xgcp a strong{ display: block; background: rgba(23,77,183,.7); width: 100%; box-sizing: border-box; padding:0 15px; line-height: 46px; text-align: center; font-size: 16px; color: #ffffff; line-height: 46px; position: absolute; left:0; bottom:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_case a:hover img, .g_xgcp a:hover img{ transition: all .3s; transform: scale(1.05); }

/*m_honor*/
.m_honor{ margin:20px 0 0; background: url(../images/flow_bg.jpg) no-repeat top center; background-size: cover; padding:40px 0; }
.m_honor .hd strong{ padding-bottom: 0; font-size: 32px; font-weight: normal; display: inline-block; position: relative; }
.m_honor .hd strong::before{ content: ""; display: inline-block; width: 40px; height: 2px; background: #666; border:0; position: absolute; left: -60px; top:50%; margin-top: -1px; }
.m_honor .hd strong::after{ content: ""; display: inline-block; width: 40px; height: 2px; background: #666; border:0; position: absolute; left: auto; right: -60px; top:50%; margin-top: -1px; }
.m_honor .hd{ padding-bottom: 40px; text-align: center; }
.m_honor .bd{ overflow: hidden; }
.m_honor .bd a{ display: block; width: 100%;  }
.m_honor .bd a .img{ width: 100%; height: 390px; background: #fff; }
.m_honor .bd a .img img{ width: 100%; height: 100%; object-fit: contain; }
.m_honor .bd a p{ font-size: 14px; color: #333333; line-height: 1; padding:15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.m_honor .bd a:hover p{ color: #0344a5; }
.m_honor .bd .swiper-button-next,.m_honor .bd .swiper-button-prev{ background-image: none; width: 40px; height: 60px; background: rgba(0,0,0,.5); text-align: center; margin-top: -30px; line-height: 60px; }
.m_honor .bd .swiper-button-prev span, .m_honor .bd .swiper-button-next span{ font-size: 30px; color: #fff; line-height: 60px; }
.m_honor .bd .swiper-button-next{ right: -60px; transition: all .3s; }
.m_honor .bd .swiper-button-prev{ left: -60px; transition: all .3s; }
.m_honor .bd:hover .swiper-button-next{ right: 0; transition: all .3s; }
.m_honor .bd:hover .swiper-button-prev{ left: 0; transition: all .3s; }

/*新闻列表*/
.news_list{ overflow: hidden; }
.news_list li{ overflow: hidden; width: 100%; box-sizing:border-box; padding:20px 0; border-bottom: 1px solid rgba(0, 0, 0, .06); overflow: hidden; }
.news_list li .img{ width: 20%; float: left; height: 130px; overflow: hidden; }
.news_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .36s ease;  }
.news_list li .txt{ width: 80%; float: left; }
.news_list li .txt .fl{ width: 85%; float: left; box-sizing:border-box; padding:15px 30px;  transition: all .36s ease; }
.news_list li .txt .fl strong{ font-size: 18px; color: #575757; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:12px; display: block; }
.news_list li .txt .fl p{ font-size: 14px; color: #999; line-height: 24px; overflow: hidden; }
.news_list li .txt .fr{ width: 15%; float: right; }
.news_list li .txt .fr small{ font-size:30px; display: block; font-family: DinMedium; color: #999; margin-bottom:20px; }
.news_list li .txt .fr span{ font-size: 36px; color: #999; margin-left:3px; transition: all .36s ease; }
.news_list li:hover img{ transform: scale(1.05); transition: all .36s ease; }
.news_list li:hover .fl{ padding:15px 45px;  transition: all .36s ease;}
.news_list li:hover .txt strong, .news_list li:hover .txt small{  color: #2350b1; transition: all .36s ease; }
.news_list li:hover .txt .fr span{ margin-left: 10px; color: #2350b1; transition: all .36s ease; }
/*news_content*/
.news_content{ overflow: hidden; margin:30px 0; }
.news_title h2{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 12px; line-height: 1.5; }
.news_title p{ font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.news_content .fl{ width: 100%; background: #fff; box-sizing: border-box; padding:30px; }
.news_content .fl p{ font-size: 16px; color: #333; line-height: 2; margin-bottom: 10px; }
.news_content .fr{ width: 100%; box-sizing: border-box; }
.news_content .fr div{ float: left; font-size: 16px; color: #666; padding:20px; background: #fff; margin-bottom: 20px; }
.news_content .fr div + div{ float: right; }
.news_content .fr div a{ display: block; margin:12px 0; font-size: 18px; color: #666; line-height: 1.5; }
.news_content .fr div a:hover{ color: #0344a5; }
.case_info img{ width: 100%; height: 460px; object-fit: cover; border:1px solid #c5c5c5; padding:5px; margin-bottom: 25px; }
.case_info .fl p strong{ font-weight: bold; font-size: 18px; }
#dplayer{ width: 92.5%; height: 460px; margin:0 auto 20px; padding:20px 0 0; }
/*案例*/

.case_list li{ width: 278px; float: left; margin:0 20px 20px 0; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list li a{ display: block; overflow: hidden; border:1px solid #dedada; position: relative; }
.case_list li a .img{ width: 100%; height: 236px; overflow: hidden; }
.case_list li a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.case_list li a .txt{ border-top:1px solid #dedada; box-sizing: border-box; padding:14px 12px;  }
.case_list li a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_list li a:hover p{ color: #2350b1; font-weight: bold; }

#contact_msg, .c_tit{ overflow: hidden; padding:0 0 20px; width: 100%; }
#contact_msg .hd, .c_tit .hd{ text-align: center; }
#contact_msg .hd strong, .c_tit .hd strong{ position: relative; font-size: 36px; color: #333; line-height: 1; margin:12px 0 20px; display: block; font-weight: normal;  }
#contact_msg .hd strong::after, .c_tit .hd strong::after{ content: ""; display: inline-block; width: 60px; height: 4px; border:0; background: #2350b1; position: absolute; left: 50%; margin-left: -30px; bottom:-20px; }
#contact_msg .hd p, .c_tit .hd p{ font-size: 14px; color: #999; padding:20px 0; }
#contact_msg .bd{ background: #f7f7f7; padding:40px; overflow: hidden; margin:10px 0 30px; }
#contact_msg .bd .col-md-6{ width:48%; float: left; }
#contact_msg .bd .col-md-6:nth-child(odd){ margin-left: 4%; }
#contact_msg .bd .form_item{ margin-bottom: 30px; background: #fff; height: 46px; border:1px solid #eee; }
#contact_msg .bd .form_item label{ line-height: 46px; font-size: 16px; color: #666; width: 10%; text-align: center; float: left; }
#contact_msg .bd .form_item input{ width: 90%; float: left; height: 100%; outline: none; border:0; }
#contact_msg .bd .form_box{ overflow: hidden; margin-bottom: 30px; background: #fff; height: 100px; border:1px solid #eee; }
#contact_msg .bd .form_box label{ display: block; text-align: left; box-sizing: border-box; padding-left: 17px; line-height: 46px; font-size: 16px; color: #666;  }
#contact_msg .bd .form_box textarea{ width: 100%; height: 100%; padding:5px 17px; font-size: 14px; color: #333; border:0; }
#contact_msg .bd .form_item:last-child label{ width: auto; padding:0 17px; }
#contact_msg .bd .form_item:last-child img{ height: 34px; float: left; margin-top: 6px; }
#contact_msg .bd .form_item:last-child input{ width: 82%; float: left; box-sizing: border-box; padding-left: 5px; }
#contact_msg .bd .submit{ display: block; width: 100%; padding:24px 0; line-height: 1; font-size: 16px; color: #fff; background: #2350b1; text-align: center; border-radius: 5px; }
#contact_msg .bd .submit:hover{ background: #e9a641; transition: all .3s; }

/*contact*/
.t_info{ overflow: hidden; margin-bottom: 40px; }
.t_info .fl{ width: 750px; }
.t_info .fl li{ width: 350px; float: left; background: #f1f1f1; margin-bottom: 25px; box-sizing:border-box; padding:15px; }
.t_info .fl li span{ font-size: 46px; color: #999; float: left; margin-right: 15px; }
.t_info .fl li div{ width: 80%; float: left; }
.t_info .fl li strong{ font-size: 18px; color: #333; display: block; margin:0 0 10px; }
.t_info .fl li p{ font-size: 14px; color: #999; line-height: 1.5; }
.t_info .fl li:nth-child(2n+0){ margin-left: 25px; }
.t_info .fl li:nth-child(5), .t_info .fl li:nth-child(6){ margin-bottom: 0; }
.t_info .fl li p{ margin-bottom: 0; }
.t_info .fr img{ height: 283.33px; object-fit: cover; width:100%; }
#dituContent{ width:100%; box-sizing:border-box; height:460px; overflow:hidden; margin:20px 0; border:1px solid #ccc;}
#dituContent p{ margin-bottom: 0; }
.main .catname{ font-size: 28px; color: #333; height: 42px; line-height: 28px; margin:28px 0; }
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #2350b1; background: #2350b1;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333;}
/*main*/
.main .article{ width:875px; }
.main .inner{ overflow: visible; }
.pro_list{ overflow: hidden;  }
.pro_list li{ width: 278px; float: left; margin:0 20px 20px 0; }
.pro_list li:nth-child(3n+0){ margin-right: 0; }
.pro_list .pro_box .txt{ padding:0 10px; }

.honor_list{ overflow: hidden; }
.honor_list li{ width: 278px; float: left; margin:0 20px 20px 0; }
.honor_list li:nth-child(3n+0){ margin-right: 0; }
.honor_list li a{ display: block; overflow: hidden; border:1px solid #dedada; position: relative; }
.honor_list li a .img{ width: 100%; height: 390px; overflow: hidden; }
.honor_list li a .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; }
.honor_list li a .txt{ border-top:1px solid #dedada; box-sizing: border-box; padding:14px 12px;  }
.honor_list li a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.honor_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.honor_list li a:hover p{ color: #2350b1; font-weight: bold; }