/*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:#929292;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;}
.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; }
/*header*/
.header{ height: 42px; line-height: 42px; background: #e6e6e6; overflow: hidden; }
.header .fl p{ font-size: 14px; color: #686666; padding-left: 20px; background: url(../images/ico_map.png) no-repeat left center; }
.header .fr ul{ overflow: hidden; float: right; padding:3px 0; height: 42px; box-sizing: border-box; }
.header .fr li{ float: left; height: 36px; line-height: 36px; padding:0 15px; border-left: 1px solid #d7d7d7; }
.header .fr li a{ display: inline-block; font-size: 14px; color: #666; padding-left: 24px; }
.header .fr li:nth-child(1) a{ background: url(../images/ico_msg.png) no-repeat left center; }
.header .fr li:nth-child(2) a{ background: url(../images/ico_tel.png) no-repeat left center; }
.header .fr li a:hover{ color: #fe0000; }
/*toper*/
.toper{ overflow: hidden; padding:30px 0; }
.toper .tel{ text-align: right; margin-top: 12px; }
/*daohang*/
.daohang{ height: 56px; line-height: 56px; background: #0344a5; }
.daohang li{ display: inline-block; float: left; text-align: center; overflow: hidden; position: relative; }
.daohang li a{ text-align: center; display: inline-block; padding:0 49px; font-size: 18px; color: #ffffff; position: relative; }
.daohang li::after{ content: ""; display: inline-block; width: 1px; height: 16px; border:0; background: #fff; position: absolute; left: 0; top:20px; }
.daohang li:first-child::after{ display: none; }
.daohang li a::after{ content: ""; display: block; height: 2px; background: #ff9934; border:0; width: 0; position: absolute; left: 50%; bottom: 0; transition: all .3s; }
.daohang li:hover a::after{ transition: all .3s; left: 0; width: 100%; }
/*banner*/
#banner{ width: 100%; height: 640px; }
#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: 640px; width: 1200px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:120px; left: 100px; }
#banner .swiper-slide .b1_p{position: absolute; top:210px; left: 6px; }
#banner .swiper-slide .b1_4{position: absolute; top:310px; left: 98px; }
#banner .swiper-slide .b1_a{position: absolute; top:454px; left: 336px; }
#banner .swiper-slide .b1_a small{ display: inline-block; padding:10px 36px; font-size: 18px; color: #fcf9f5; border:3px solid #fff; border-radius: 25px; }
#banner .swiper-slide .b1_a small:hover{ border-color: #ff8800; background: #ff8800; color: #fff; }
#banner .swiper-slide .b2_tit{ position: absolute; top:112px; left: 0; }
#banner .swiper-slide .b2_span{ position: absolute; top:208px; left: 0; }
#banner .swiper-slide .b2_span{ position: absolute; top:208px; left: 0; }
#banner .swiper-slide .b2_p{ position: absolute; font-size: 18px; color:#333333; text-shadow: 1px 1px #fff; padding-left:30px; line-height:20px; background:url(../images/b2_ico_p.png) no-repeat left center; left:5px; }
#banner .swiper-slide .b2_p1{ top:336px; }
#banner .swiper-slide .b2_p2{ top:383px; }
#banner .swiper-slide .b2_p3{ top:430px; }
#banner .swiper-slide .b2_img1{ position: absolute; top:83px; left: 50%; }
#banner .swiper-slide .b2_img2{ position: absolute; top:83px; right: -74px; }
#banner .swiper-slide .b2_img3{ position: absolute; top:318px; right: -74px; }
#banner .swiper-slide .b3_tit{ position: absolute; top:77px; left: 215px; }
#banner .swiper-slide .b3_p{ position: absolute; top:172px; left: 355px; }
#banner .swiper-slide .b3_logo{ position: absolute; top:55px; right: 160px; }
#banner .swiper-slide .b3_honor{ position: absolute; top:264px; left: -138px; }
.sub_banner{ width: 100%; height:350px; text-align:center; }
.sub_banner strong{ font-size:40px; color:#fff; text-shadow: 2px -1px #000; display: block; padding:80px 0 26px; font-weight: bold; }
.sub_banner p{ font-size:18px; color:#fff; text-shadow: 1px 1px #000; line-height: 1; }
.sub_banner a{ display: inline-block; line-height: 1; padding:14px 30px; background:#0344a5; font-size:20px; font-weight: bold; color:#fff; margin-top:36px; }
.sub_banner a:hover{ background:#ff8800; }
/*location*/
.location{ line-height: 56px; background: #eeeeee; }
.location strong{ font-size: 18px; color: #333333; font-weight: bold; }
.location p{ font-size: 14px; color: #666666; }
.location a{ color: #666666; }
.location a:hover{ color: #0344a5; }
/*cpzx*/
.cpzx{ overflow: hidden; background: url(../images/m_probg.jpg) no-repeat top center; padding:60px 0 40px; }
.cpzx .inner > .hd{ text-align: center; padding-bottom: 45px; }
.cpzx .inner > .hd strong{ display: block; height: 64px; text-indent: -9999px; background: url(../images/m_protit.png) no-repeat center; }

.s_type{ width: 280px; overflow: hidden; margin-bottom: 20px; }
.s_type > .hd{ height: 94px; text-align: center; text-indent: -9999px; background: #ff8800 url(../images/s_typetit.png) no-repeat center; }
.o_type > .hd{ height: 100px; text-align: center; text-indent: -9999px; background: #ff8800 url(../images/o_type_tit.png) no-repeat center; }
.s_menu{ overflow: hidden; background: #ffffff; }
.s_menu h3{ height: 45px; line-height: 45px; background: #0344a5; box-sizing: border-box; text-align: center; font-size: 18px; color: #ffffff; font-weight: 400; }
.s_menu ul{ box-sizing: border-box; border-left: 1px solid #e1e1e6; border-right: 1px solid #e1e1e6; padding:12px 0; }
.s_menu li a{ display: block; box-sizing: border-box; height: 55px; line-height: 55px; padding-left: 40px; font-size: 16px; color: #333333; background: url(../images/ico_right.png) no-repeat 236px center; transition: all .3s; }
.s_menu li a:hover{ background:#0344a5 url(../images/ico_righth.png) no-repeat 242px center; color: #fff; transition: all .3s; }
.s_type > .bd{ background: #0344a5; box-sizing: border-box; padding:40px 30px; }
.s_type > .bd strong{ font-size: 24px; color: #ff8800; font-weight: bold; display: block; line-height: 1; margin-bottom: 16px; }
.s_type > .bd p{ box-sizing: border-box; padding-left: 24px; line-height: 32px; font-size: 14px; color: #fff; }
.s_type > .bd p:nth-of-type(1){ background: url(../images/ico_user.png) no-repeat 4px 9px; }
.s_type > .bd p:nth-of-type(3){ background: url(../images/ico_ctel.png) no-repeat 3px 9px; }
.s_type > .bd p:nth-of-type(2){ background: url(../images/ico_mob.png) no-repeat 5px 9px; }
.s_type > .bd p:nth-of-type(4){ background: url(../images/ico_address.png) no-repeat left 9px; }
.m_plist{ width: 882px; overflow: hidden; }
.m_plist a{ display: block; width: 100%; overflow: hidden; border:1px solid #e1e1e6; }
.m_plist a .img{ height: 200px; width: 100%; overflow: hidden; }
.m_plist a .img img{ width: 100%; height: 100%; object-fit: cover;}
.m_plist a .txt{ text-align: center; background: #fff;  box-sizing: border-box; padding:6px 18px 18px; }
.m_plist a .txt strong{ line-height: 45px; font-size: 18px; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_plist a .txt p{ font-size: 14px; color: #666666; line-height: 24px; text-align: left; }
.m_plist a .txt span{ display: inline-block; padding:10px 20px; line-height: 1; font-size: 14px; color: #3e474d; background: #f0f0f0; border:1px dashed #c6cdd3; border-radius: 3px; transition: all .3s; }
.m_plist a:hover .txt span{ background: #0344a5; color: #fff; border-color: #95a9c4; transition: all .3s; }
/*hengfu*/
.hengfu{ height: 253px; background: url(../images/hengfubg.png) no-repeat top center; position: relative; z-index: 3; }
.hengfu .fl img{ margin:70px 0 0 410px; }
.hengfu .fr img{ margin:87px 24px 0 0; }
/*youshi*/
.youshi{ margin-top: -38px; padding:90px 0; background: url(../images/super_bg.jpg) no-repeat top center; }
.youshi .hd{ text-align: center; padding-bottom: 32px; }
.youshi .hd strong{ display: block; height: 41px; text-indent: -9999px; background: url(../images/super_tit.png) no-repeat center; }
.youshi .hd span{ display: block; height: 2px; background: url(../images/super_span.png) no-repeat center; margin:21px 0 16px; }
.youshi .hd p{ font-size: 18px; color: #333333; line-height: 1; }
.youshi .bd{ overflow: hidden; background: url(../images/super_bdg.png) no-repeat top center; position: relative; }
.youshi .bd .txt{ overflow: hidden; position: relative; width: 100%; height: 550px; }
.youshi .bd .txt li{ display: block; position: absolute; }
.youshi .bd .txt li strong{ display: block; overflow: hidden; position: relative; margin-bottom: 15px; }
.youshi .bd .txt li strong span{ display: inline-block; width: 48px; height: 54px; border:3px solid #0344a5; font-size: 30px; color: #333333; font-weight: bold; font-family: "Times New Roman"; box-sizing: border-box; padding:12px 0 0 6px; line-height: 1; }
.youshi .bd .txt li strong b{ font-size: 24px; color: #0344a5; background: #eeedee; padding:9px 0 2px 7px; position: absolute; top:20px; left: 38px; }
.youshi .bd .txt li p{ font-size: 16px; color: #333333; line-height: 30px; }
.youshi .bd .txt li:nth-child(1){ width: 228px; left:0; top:13px; }
.youshi .bd .txt li:nth-child(2){ width: 258px; left:0; top:213px; }
.youshi .bd .txt li:nth-child(3){ width: 224px; left:0; top:385px; }
.youshi .bd .txt li:nth-child(4){ width: 242px; right:0; top:13px; }
.youshi .bd .txt li:nth-child(5){ width: 210px; right:0; top:213px; }
.youshi .bd .txt li:nth-child(6){ width: 220px; right:0; top:424px; text-align: right; }
.youshi .bd .txt li:nth-child(4) strong span, .youshi .bd .txt li:nth-child(5) strong span{ float: right; }
.youshi .bd .txt li:nth-child(4) strong b, .youshi .bd .txt li:nth-child(5) strong b{ right: 38px; left: unset; padding:9px 7px 2px 0; }
.youshi .bd .txt li:nth-child(4) p, .youshi .bd .txt li:nth-child(5) p{ text-align: right; }
.youshi .bd .txt li:nth-child(6) span{ font-size: 18px; color: #0344a5; display: inline-block; padding-right: 33px; background: url(../images/super_icotel.png) no-repeat 110px center; line-height: 26px; }
.youshi .bd .txt li:nth-child(6) strong{ display: inline-block; margin-top: 10px; padding:10px 24px; background: #0344a5; font-size: 26px; color: #ffffff; border-radius: 25px; }
.youshi .bd .img{ position: absolute; left:0; top:0; width: 100%; height: 100%; }
.youshi .bd .img li{ width: 91px; height: 91px; border-radius: 50%; background: #cdced0; padding:8px; box-sizing: border-box; position: absolute; }
.youshi .bd .img li span{ width: 100%; height: 100%; background: #0344a5; color: #fff; font-size: 45px; display: block; width: 100%; height: 100%; text-align: center; line-height: 75px; border-radius: 50%; }
.youshi .bd .img li:nth-child(1){ top:48px; left: 385px; }
.youshi .bd .img li:nth-child(2){ top:48px; right: 385px; }
.youshi .bd .img li:nth-child(3){ top:242px; left:315px; }
.youshi .bd .img li:nth-child(4){ top:242px; right: 310px; }
.youshi .bd .img li:nth-child(5){ top:420px; left: 410px; }
.youshi .bd .img li:nth-child(6){ top:420px; right:410px; }
/*hengfu2*/
.hengfu2{ overflow: hidden; margin-top: -78px; height: 278px; background: url(../images/hf_bg.jpg) no-repeat bottom center; }
.hengfu2 .fl{ width: 230px; }
.hengfu2 .fl img{ margin-left: 0; }
.hengfu2 .fr{ width: 950px; padding-top: 110px; position: relative; }
.hengfu2 .fr img:nth-child(2){ margin:16px 0; }
.hengfu2 .fr a{ display: inline-block; padding:12px 30px 12px 52px; background: #ffcc00 url(../images/hf_icomsg.png) no-repeat 24px center; font-size: 16px; color: #383007; font-weight: bold; border-radius: 3px; position: absolute; top:112px; right: 0px; }
.hengfu2 .fr a:hover{ color: #fff; }
/*hzlc*/
.hzlc{ overflow: hidden; padding:60px 0 60px; background: url(../images/flow_bg.jpg) no-repeat top center; }
.hzlc .hd{ text-align: center; padding-bottom: 64px; }
.hzlc .hd strong{ display: block; height: 62px; text-indent: -9999px; background: url(../images/flow_tit.png) no-repeat center; margin-bottom: 20px; }
.hzlc .hd p{ font-size: 18px; color: #333333; line-height: 1; }
.hzlc .bd{ overflow: hidden; }
.hzlc .bd li{ display: inline-block; cursor: pointer; overflow: hidden; width: 128px; height: 128px; border-radius: 50%; border:5px solid #0344a5; text-align: center; }
.hzlc .bd li + li{ margin-left: 34px; }
.hzlc .bd li span{ display: inline-block; padding:10px; border:2px solid #848484; border-radius: 50%; margin:20px 0 0; font-size: 26px; color: #646464; }
.hzlc .bd li strong{ display: block; font-size: 20px; color: #333333; font-weight: bold; line-height: 1; margin-top: 12px; }
.hzlc .bd li:hover span{ color: #0344a5; border-color: #0344a5; }
/*gyot*/
.gyot{ overflow: hidden; background: url(../images/about_bg.jpg) no-repeat top center; padding-top: 65px; }
.gyot .hd{ background: #fff; overflow: hidden; }
.gyot .hd .fl, .gyot .hd .fr{ width: 600px; }
.gyot .hd .fr{ box-sizing: border-box; padding:40px; }
.gyot .hd .fr strong{ display: block; height: 38px; text-align: left; text-indent: -9999px; background: url(../images/about_tit.png) no-repeat left center; margin-bottom: 16px; }
.gyot .hd .fr small{ font-size: 18px; color: #333333; line-height: 1; display: block;  }
.gyot .hd .fr span{ display: inline-block; width: 64px; height: 2px; background: #0344a5; margin:14px 0; }
.gyot .hd .fr p{ font-size: 14px; color: #666666; line-height: 28px; }
.gyot .hd .fr a{ display: inline-block; margin-top: 42px; padding:15px 32px; background: #0344a5; font-size: 14px; color: #ffffff; line-height: 1; }
.gyot .bd, .c_zy{ overflow: hidden; clear: both; margin-top: 20px; }
.gyot .bd li, .c_zy li{ display: inline-block; cursor: pointer; text-align: center; overflow: hidden; width: 236px; height: 200px; float: left; background: #f0f0f0; }
.gyot .bd li span, .c_zy li span{ display: block; font-size: 42px; color: #999999; margin:30px 0 15px; }
.gyot .bd li strong, .c_zy li strong{ display: block; font-size: 18px; color: #333333; line-height: 1; margin-bottom: 32px; position: relative; }
.gyot .bd li strong::after, .c_zy li strong::after{ content: "— — —"; font-size: 7px; position: absolute; left: 50%; margin-left: -21px; top:26px; color: #a9a9a9; }
.gyot .bd li p, .c_zy li p{ font-size: 14px; color: #666666; }
.gyot .bd li + li, .c_zy li + li{ margin-left: 5px; }
.gyot .bd li:nth-child(1), .c_zy li:nth-child(1){ background: #0344a5; text-align: center; }
.gyot .bd li:nth-child(1) img, .c_zy li:nth-child(1) img{ margin:32px 0 24px; }
.gyot .bd li:nth-child(1) p, .c_zy li:nth-child(1) p{ font-size: 16px; color: #f0f0f0; }
.gyot .bd li:hover, .c_zy li:hover{ background: #3c7be6; }
.gyot .bd li:hover span, .gyot .bd li:hover strong, .gyot .bd li:hover p, .gyot .bd li:hover strong::after{ color: #fff; }
.c_zy li:hover span, .c_zy li:hover strong, .c_zy li:hover p, .c_zy li:hover strong::after{ color: #fff; }
.c_zy{ overflow: hidden; margin:20px 0; }
/*qysl*/
.qysl{ overflow: hidden; margin: 20px 0 60px; }
#qysl{ width:100%; overflow: hidden; }
#qysl .hd{ height:45px; line-height:45px; background:#f0f0f0; }
#qysl .hd ul li{ display: inline-block; float: left; padding:0 24px; cursor:pointer; font-size: 18px; color: #333333; font-weight: bold; position: relative; transition: all .3s; }
#qysl .hd ul li::after{ content: ""; position: absolute; left: 50%; margin-left: -11px; bottom: 0px; opacity: 0; display: inline-block; width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-top:9px solid #0344a5; transition: all .3s; }
#qysl .hd ul li + li{ margin-left: 5px; }
#qysl .hd ul li.on{ height:45px; background:#0344a5; color: #fff; transition: all .3s; }
#qysl .hd ul li.on::after{ bottom: -9px; opacity: 1; transition: all .3s; }
#qysl .bd{ margin-top: 25px; overflow: hidden; }
#qysl .bd a{ display: block; overflow: hidden; width: 100%; height: 200px; position: relative; }
#qysl .bd a img{ width: 100%; height: 100%; object-fit: cover; }
#qysl .bd a p{ box-sizing: border-box; height: 36px; line-height: 36px; text-align: center; background: rgba(0,0,0,.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 15px; font-size: 18px; color: #fff; font-weight: bold; position: absolute; bottom:0; width: 100%;  }
/*zizhi*/
.zizhi{ overflow: hidden; background: #d2e9f9; padding:60px 0; }
.zizhi .hd{ text-align: center; padding-bottom: 46px; }
.zizhi .hd strong{ display: block; height: 36px; text-indent: -9999px; background: url(../images/honor_tit.png) no-repeat center; margin-bottom: 15px; }
.zizhi .hd p{ font-size: 16px; color: #333333; line-height: 1; }
.zizhi .bd{ position: relative; overflow: hidden; padding:0 52px; }
.zizhi .bd a{ display: block; width: 100%;  }
.zizhi .bd a .img{ width: 100%; height: 264px;}
.zizhi .bd a .img img{ width: 100%; height: 100%; object-fit: cover; }
.zizhi .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; }
.zizhi .bd a:hover p{ color: #0344a5; }
.zizhi .bd .swiper-button-next,.zizhi .bd .swiper-button-prev{ outline: none; text-align: center; width: 43px; height: 43px; transition: all .3s; }
.zizhi .bd .swiper-button-prev{ background: url(../images/c-h-l.png) no-repeat center; left: 0; }
.zizhi .bd .swiper-button-next{ background: url(../images/c-h-r.png) no-repeat center; right: 0; }
.zizhi .bd .swiper-button-prev:hover{ background: url(../images/c-h-l-h.png) no-repeat center; transition: all .3s; }
.zizhi .bd .swiper-button-next:hover{ background: url(../images/c-h-r-h.png) no-repeat center; transition: all .3s; }
/*xwzx*/
.xwzx{ overflow: hidden; background: url(../images/news_bg.jpg) no-repeat top center; padding:60px 0 20px; }
.xwzx .inner > strong{ display: block; height: 56px; text-indent: -9999px; background: url(../images/news_tit.png) no-repeat center; margin-bottom: 26px; }
#xwzx .hd{ height:44px; line-height:44px; text-align: center; }
#xwzx .hd ul li{ display: inline-block; width: 150px; text-align: center; border:1px solid #e4e3e3; cursor:pointer; font-size: 18px; color: #333333; position: relative; transition: all .3s; }
#xwzx .hd ul li + li{ margin-left: 8px; }
#xwzx .hd ul li.on{ height:44px; background:#0344a5; border-color: #0344a5; color: #fff; transition: all .3s; }
#xwzx .bd{ margin-top: 25px; overflow: hidden; }
#xwzx .bd .fl{ width: 482px; }
#xwzx .bd .fl .img{ height: 326px; width: 100%; overflow: hidden; }
#xwzx .bd .fl .img img{ width: 100%; height: 100%; object-fit: cover; }
#xwzx .bd .fl .txt{ overflow: hidden; padding-top: 10px; }
#xwzx .bd .fl .txt span{ font-size: 14px; color: #666666; line-height: 1; }
#xwzx .bd .fl .txt strong{ font-size: 18px; color: #333333; line-height: 1; display: block; padding:18px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#xwzx .bd .fr{ width: 678px; }
#xwzx .bd .fr li{ padding-bottom: 25px; overflow: hidden; margin-bottom: 25px; border-bottom: 1px solid #babbbb; }
#xwzx .bd .fr .img{ height: 104px; width: 144px; float: left; margin-right: 15px; overflow: hidden; }
#xwzx .bd .fr .img img{ width: 100%; height: 100%; object-fit: cover; }
#xwzx .bd .fr .txt{ overflow: hidden; width: 505px; float: left; }
#xwzx .bd .fr .txt span{ font-size: 14px; color: #666666; line-height: 1; }
#xwzx .bd .fr .txt strong{ font-size: 18px; color: #333333; line-height: 1; display: block; padding:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#xwzx .bd .fr .txt p{ font-size: 16px; line-height: 1.3;}
/*yqlj*/
.yqlj{ height: 58px; line-height: 58px; background: #0344a5; }
.yqlj strong{ font-size: 18px; color: #ffffff; font-weight: bold; }
.yqlj a{ display: inline-block; font-size: 16px; color: #dce6f6; margin:0 20px; }
.yqlj a:hover{ color: #ff8800; }
/*footer*/
.f_top{ overflow: hidden; background: #1f1f1f; padding:54px 0 20px; }
.f_top .inner{ height: 280px; }
.f_nav > strong, .f_contact > strong, .f_msg > strong { font-size: 20px; font-weight: bold; color: #fcfbfb; line-height: 1; display: block; margin-bottom: 36px; }
.f_nav{ width: 550px; }
.f_nav div a{ display: inline-block; float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #8d8f90; box-sizing: border-box; padding-left: 20px; line-height: 1; margin-bottom: 32px; position: relative; }
.f_nav div a:nth-child(even){ margin-left: 20px; }
.f_nav div a::before{ content: ""; display: inline-block; position: absolute; top:5px; left:0; width:0; height:0; border-top:3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #e8ebf0; transition: all .3s; }
.f_nav div a:hover{ color: #ff8800; }
.f_nav div a:hover::before{ left: 5px; border-left: 5px solid #ff8800; transition: all .3s; }
.f_contact{ width: 400px; }
.f_contact div p{ font-size: 14px; color: #8c9093; line-height: 24px; }
.f_contact div p strong{ font-size: 30px; color: #fefefe; font-weight: bold; line-height: 1; }
.f_contact ul{ margin-top: 28px; }
.f_contact li{ width: 100px; text-align: center; height: 54px; float: left; position: relative; }
.f_contact li + li{ border-left: 1px solid #293038; }
.f_contact li .hd{ text-align: center; }
.f_contact li .hd span{ font-size: 26px; color: #636568; }
.f_contact li .hd p{ font-size: 14px; color: #a9adb0; line-height: 1; margin-top: 8px; }
.f_contact li .bd{ display: none; position: absolute; left:0; top:0; }
.f_contact li .bd p{ display: inline-block; float: left; font-size: 18px; color: #333333; }
.f_contact li:nth-child(1) .bd{ top:116%; left: 36px; background: #e8ebf0; padding:10px 15px; width: 130px; border-radius: 3px; }
.f_contact li:nth-child(1) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 10px; }
.f_contact li:nth-child(1) .bd img{ float: left; margin-right: 10px; }
.f_contact li:nth-child(2) .bd{ top:116%; left: -52px; background: #e8ebf0; padding:10px 15px; width: 178px; border-radius: 3px; }
.f_contact li:nth-child(2) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 46%; }
.f_contact li:nth-child(3) .bd{ top:116%; left: -176px; background: #e8ebf0; padding:10px 15px; width: 220px; border-radius: 3px; }
.f_contact li:nth-child(3) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 89%; }
.f_contact li:hover .bd{ display: block; }
.f_msg{ width: 152px; }
.f_msg .bd div{ border:1px solid #fff; padding:12px; text-align: center; display: inline-block; float: left; }
.f_msg .bd div img{ width: 126px; height: 126px; background: #fff; object-fit: contain; }
.f_msg .bd div p{ font-size: 14px; color: #fff; margin-top:12px; line-height: 1; }
.f_msg .bd div + div{ margin-left: 20px; }

/*.f_msg input{ width: 100%; height: 42px; background: unset; line-height: 42px; box-sizing: border-box; padding:0 24px; border:1px solid #5a5a5a; font-size: 14px; color: #cccccc; }
.f_msg input + input{ margin-top: 10px; }
.f_msg input:last-child{ background: #0344a5; border-color: #0344a5; cursor: pointer; }
.f_msg input:last-child:hover{ background: #ff8800; border-color: #ff8800; }*/
.f_copy{ line-height: 48px; background: #000204; }
.f_copy p{ color: #929292; font-size: 14px; }
/*article*/
.main{ overflow: hidden; padding-top: 30px; }
.news_content{ overflow: hidden; margin:30px 0; }
.news_title h2{ font-size: 24px; color: #333; text-align:center; 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: 840px; background: #fff; box-sizing: border-box; padding:30px; }
.news_content .fl p{ font-size: 16px; color: #333; line-height: 1.5; margin-bottom: 10px; }
.news_content .fr{ width: 330px; box-sizing: border-box; }
.news_content .fr div{ font-size: 16px; color: #666; padding:20px; background: #fff; margin-bottom: 20px; }
.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; }
#dplayer{ width: 92.5%; height: 460px; margin:0 auto 20px; padding:20px 0 0; }

/*pro-bd*/
.article{ width: 880px; overflow: hidden; }
.pro-bd li{ width: 278px; border:1px solid #e1e1e6; float: left; margin:0 20px 20px 0; }
.pro-bd li:nth-child(3n+0){ margin-right: 0; }
.pro-bd li a{ display: block; width: 100%; overflow: hidden; }
.pro-bd li a .img{ height: 214px; width: 100%; overflow: hidden; }
.pro-bd li a .img img{ width: 100%; height: 100%; object-fit: cover; }
.pro-bd li a .txt{ text-align: center; background: #fff; box-sizing: border-box; padding:6px 18px 18px; }
.pro-bd li a .txt strong{ line-height: 45px; font-size: 18px; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-bd li a .txt p{ font-size: 14px; color: #666666; line-height: 24px; text-align: left; }
.pro-bd li a .txt span{ display: inline-block; margin-top: 16px; padding:10px 20px; line-height: 1; font-size: 14px; color: #3e474d; background: #f0f0f0; border:1px dashed #c6cdd3; border-radius: 3px; transition: all .3s; }
.pro-bd li a:hover .txt span{ background: #0344a5; color: #fff; border-color: #95a9c4; transition: all .3s; }
/*案例*/
.case_list li{ width: 280px; 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; }
.case_list li a .txt{ border-top:1px solid #dedada; height: 120px; box-sizing: border-box; padding:50px 12px 0;  }
.case_list li a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; }
.case_list li a > span{ display: inline-block; width: 82px; height: 82px; background: #fff; padding:4px; border-radius: 50%; position: absolute; left: 50%; margin-left: -41px; bottom:76px; }
.case_list li a > span i{ display: block; height: 100%; background: #0344a5 url(../images/case_ico.png) no-repeat center; border-radius: 50%; }
/*新闻列表*/
.news_list{ overflow: hidden; }
.news_list li{ width: 880px; margin-bottom: 20px; float: left; margin-right: 0; box-sizing: border-box; padding:30px; border:2px dashed #eee; transition: .36s all ease; position: relative; top:0; }
.news_list li strong{ font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li span{ display: block; line-height: 40px; color: #ddd; font-size: 14px; height: 40px; }
.news_list li p{ line-height: 28px; font-size: 16px; margin: 10px 0; height: 56px; }
.news_list li small{ padding: 15px 30px; margin-top: 10px; color: #666; border: 1px solid #ddd; display: inline-block; }
.news_list li:hover{ border:2px dashed #0344a5;top:2px; transition: .36s all ease; }
.news_list li:hover strong{ color: #0344a5; }
.news_list li:hover small{ background: #0344a5; color: #fff; }
/*产品详情内页*/
.p_focus{ overflow: hidden; margin:24px 0 30px; }
.p_focus .fl{ width: 462px; }
.p_focus .fl img{ width: 100%; height: 354px; object-fit: cover; }
.p_focus .fr{ width: 378px; }
.p_focus .p_info > strong{ display: block; width: 100%; line-height: 65px; font-size: 22px; font-weight: bold; float: left; color: #0344a5; }
.p_focus .p_info > div{ background: #f1f2f4; padding:18px; clear: both; }
.p_focus .p_info > div p{ font-size: 14px; color: #666666; line-height: 30px; }
.p_focus .p_info > div p span{ color: #333333; font-weight: bold; }
.p_focus .p_info > div p i{ color: #ff8800; }
.p_focus .p_info > p{ overflow: hidden; margin:25px 0 30px; line-height: 1; }
.p_focus .p_info > p span{ font-size: 14px; color: #333333; font-weight: bold;  }
.p_focus .p_info > p b{ font-size: 36px; color: #ff8800; font-weight: bold;  }
.p_focus .p_info > a{ border-radius: 30px; display: inline-block; padding:12px 40px; background: #ff8800; font-size: 16px; color: #ffffff; }
.p_focus .p_info > a span{ font-size: 20px; color: #fff; display: inline-block; margin-right: 10px; }
.p_focus .p_info > a + a{ background: #3a3939; margin-left: 10px; }
.p_tit{ clear: both; text-align: center;  }
.p_tit h2{ font-size: 30px; color: #0344a5; font-weight: bold; line-height: 1; margin-bottom: 24px; }
.p_tit p{ font-size: 16px; color: #666666; line-height: 1; margin-bottom: 14px; }
.t_strong{ width: 100%; border-bottom: 1px solid #0344a5; margin-bottom: 24px; }
.t_strong strong{ display: inline-block; background: #0344a5; padding:12px 18px; line-height: 1; font-size: 18px; color: #fefcfc; font-weight: bold; }
.p_album{ overflow: hidden; }
#album{ overflow: hidden; padding:0 0 52px; }
#album a{ display: block; width: 100%; height: 170px; }
#album a img{ width: 100%; height: 100%; object-fit: cover; }
.p_content{ overflow: hidden; padding:0 45px; }
.p_content strong{ font-weight: bold; }
.p_content p, .article p{ font-size: 20px; color: #000000; line-height: 36px; }
.p_content h4{ height: 54px; line-height: 54px; background: #dad7d7; text-align: center; font-size: 22px; color: #333333; border-radius: 4px; margin:12px 0; }
.p_content .parm{ width: 50%; float: left; padding-right: 20px; box-sizing:border-box; }
.p_content .parm p{ height: 32px; line-height: 32px; background: #eeeeee; font-size: 22px; color: #333333; }
.p_content .parm p + p{ margin-top: 5px; }
.p_content .parm p span{ display: inline-block; width: 35%; box-sizing:border-box; padding:0 15px; text-align: center; margin-right: 10px; background: #124da5; color: #fff; }
.p_content .parm_img{ width: 50%; float: left; }
.p_content .parm_img img{ width: 100%; }
.p_content #dplayer{ width: 100%; }
.p_super{ overflow: hidden; }
.o_tit{ height: 50px; line-height: 50px; background: url(../images/o_tit_bg.jpg) no-repeat left center; margin: 30px 0; }
.o_tit strong{ font-size: 28px; color: #fefcfc; line-height: 50px; display: inline-block; padding-left: 18px; font-weight: bold; height: 50px; }
.p_super .hd{ text-align: center; position: relative; margin:8px 0 24px; }
.p_super .hd span{ display: block; width: 100%; color: #e5ebf4; text-transform: uppercase; font-size: 58px; font-family: Arial; line-height: 1; font-weight: 900; }
.p_super .hd strong{ font-size: 36px; color: #353536; font-weight: bold; position: absolute; top:14px; left: 0; width: 100%; }
.p_super .hd p{ font-size: 16px; color: #848484; line-height: 1; margin-top: 20px; }
.p_super ul{ overflow: hidden; padding:0 90px 12px; text-align: center; }
.p_super ul li{ display: inline-block; margin-right: 35px; }
.p_super ul li:nth-child(5){ margin-right: 0; }
.p_super ul li:nth-child(3){ clear: left; }
.p_super .bd p{ height: 62px; line-height: 68px; background: url(../images/p_super_p.png) no-repeat left center; font-size: 22px; color: #fffefe; margin-bottom: 10px; }
.p_super .bd p strong{ padding:0 26px 0 30px; display: inline-block; font-size: 24px; position: relative; top:-6px; font-weight: bold; }
.p_case a{ display: block; width: 100%; height: 316px; box-sizing: border-box; border:3px solid #0344a5; }
.p_case a img{ width: 100%; height: 100%; object-fit: cover; }
.p_honor{ overflow: hidden; padding:60px 0; }
.p_honor .hd{ text-align: center; position: relative; padding-bottom: 70px; }
.p_honor .hd span{ display: block; width: 100%; color: rgba(3,68,165,.23); text-transform: uppercase; font-size: 62px; font-family: Arial; line-height: 1; font-weight: 900; }
.p_honor .hd strong{ font-size: 40px; color: #0344a5; font-weight: bold; position: absolute; top:18px; left: 50%; margin-left: -80px; }
.p_honor .bd a{ display: block; width: 100%;height: 388px; }
.p_honor .bd a img{ width: 100%; height: 100%;  object-fit: cover; }
#prev_next{ margin: 40px 0; padding:15px 0; }
#prev_next li{ color: #929292; width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#prev_next li + li{ text-align: right; }
#prev_next li a:hover{ color: #088683; }
/*contact us*/
.u_info{ overflow: hidden; clear: both;  padding-top: 20px; }
.u_info .fl{ width: 1000px; }
.u_info .fr{ width: 200px; text-align: right; }
.u_info .fr img{ max-width: 100%; float: right; padding-top: 40px; }
.u_info .tit, .u_map .tit, .u_msg .tit{ overflow: hidden; margin-bottom: 42px; }
.u_info .tit strong, .u_map .tit strong, .u_msg .tit strong{ line-height: 1; font-size: 36px; color: #333333; font-weight: normal; }
.u_info .tit p, .u_map .tit p, .u_msg .tit p{ line-height: 1; margin-top: 10px; font-size: 16px; color: #666666; position: relative; padding-left: 30px; text-transform: uppercase; }
.u_info .tit p::before, .u_map .tit p::before, .u_msg .tit p::before{ content: ""; display: inline-block; border:0; width: 24px; height: 2px; background: #333; position: absolute; left:0; top:50%; margin-top: -1px; }
.u_info .txt p{ width: 50%; float: left; font-size: 18px; line-height:36px; color: #333333;}
.u_info .txt p a{ color: #333; }
.u_info .txt p a:hover{ color: #f99901; }
.u_map{ overflow: hidden; margin-top: 20px; }
.u_map #dituContent{ width: 1396px; height: 576px; border:2px solid #f1f1f1; }
.u_msg{ overflow: hidden; margin: 38px 0; background: #f0f0f1; box-sizing: border-box; padding:80px; }
.u_msg .fl{ width: 100%; }
#u_msg{ overflow: hidden; }
#u_msg .form-top{ overflow: hidden; margin-bottom: 20px; }
#u_msg .form-top input{ width: 510px; float: left; height: 60px; box-sizing: border-box; padding:0 20px; font-size: 16px; color: #666666; background: #fff; }
#u_msg .form-top input + input{ margin-left: 20px; }
#u_msg .form-con textarea{ width: 100%; height: 60px; resize: none; margin-bottom: 20px; box-sizing: border-box; padding:22px 20px 0; font-size: 16px; color: #666666; background: #fff; }
#u_msg .form-top .verify{ margin-left: 20px;  height: 62px; float: left; }
#u_msg .form-top .verify img{ height: 60px; }
#u_msg .form-top > a{ display: inline-block; width: 224px; float: left; margin-left: 20px; height: 60px; line-height: 60px; text-align: center; background: #0856c9; font-size: 18px; color: #fff; outline: none; cursor: pointer; }
#u_msg .form-top > a:hover{ background: #0344a5; color: #fff; }
/*公司简介*/
.c_info{ overflow: hidden;  }
.c_info .fl, .c_info .fr{ width: 585px; height: 400px; }
.c_info .fl a{ display: block; width: 100%; height: 100%; }
#show,#compamy{ width: 100%; height: 100%; }
.c_info .fl img{ width: 100%; height: 100%; object-fit: cover; }
#compamy .swiper-slide { font-size: 16px; line-height: 26px; font-weight: bold; margin-top: 12px; text-align: justify;  height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; }
/*资质页面*/
.honor_list{ overflow: hidden; }
.honor_list li{ width: 285px; float: left; margin-right: 20px; margin-bottom: 20px; }
.honor_list li:nth-child(4n+0){ margin-right: 0; }
.honor_list li a{ display: block; width: 100%; overflow: hidden; }
.honor_list li a img{ width: 100%; height: 100%; height: 386px;  object-fit: contain; background: #fafafa; }
.honor_list li a h3{ font-size: 18px; font-weight: bold; color: #333333; line-height: 1; padding: 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; }
.honor_list li:hover h3{ color: #0344a5; }

.show_list{ overflow: hidden; }
.show_list li{ width: 285px; float: left; margin-right: 20px; margin-bottom: 20px; }
.show_list li:nth-child(4n+0){ margin-right: 0; }
.show_list li a{ display: block; width: 100%; overflow: hidden; }
.show_list li a img{ width: 100%; height: 100%; height: 220px;  object-fit: cover; background: #fafafa; }
.show_list li a h3{ font-size: 18px; font-weight: bold; color: #333333; line-height: 1; padding: 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; }
.show_list li:hover h3{ color: #0344a5; }
/*侧边浮窗*/
.scrollsidebar{position:absolute; z-index:999; top:150px; width: 130px; overflow: hidden; transition: all .3s; }
.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_hd img{ width: 100%; position: relative; bottom: -3px; }
.scrollsidebar .s_center{ width: 130px; border:5px solid #1d3f9f; background: #fff; text-align: center; box-sizing: border-box; padding:0 3px; }
.scrollsidebar .s_center p{ font-size: 14px; color: #1d3f9f; padding:20px 0 15px;  }
.scrollsidebar .s_center h3{ font-size: 16px; color: #1d3f9f; font-weight: bold; margin-bottom: 15px; }
.scrollsidebar .s_center a{ display: inline-block; border-radius: 30px; background: #1d3f9f; padding:10px 14px; font-size: 14px; color: #fff; }
.scrollsidebar .s_center a span{ font-size: 14px; color: #fff; display: inline; }
.scrollsidebar .s_center .close_btn{ cursor: pointer; padding:0; 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 img{ margin:14px 0 12px; max-width: 100%; }
.scrollsidebar .s_center span{ display: block; font-size: 14px; color: #666666; padding-bottom: 10px; }
.scrollsidebar .s_center .cd-top{  width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #1d3f9f; position: absolute; bottom:5px; cursor: pointer; left: 50%; margin-left: -8px; }
.pages{ margin-bottom:30px;}
#pagelist{ line-height:42px;color:#666; padding:15px;}
#pagelist a{ width:62px; text-align:center; float:left; border:1px solid #e5e5e5;background:#fff; height:44px; font-size:14px;color:#666; line-height:44px; margin-left:5px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#0344a5;border:1px solid #0344a5;color:#fff;}
#pagelist a:hover{background:#0344a5;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:44px; font-size:13px; height:44px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.clearfix{ clear:both;}
/*rightFix*/
.rightFix{width: 65px; position: fixed; right: 10px; top: 50%; margin-top: -120px; z-index: 999;}
.rightFix a{width: 65px; height: auto; background: #0344a5; text-align: center; display: block; margin-bottom: 1px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px;}
.rightFix a h3{color: #fff; font-weight: 400; font-size: 12px; margin: 0 auto;}
.rightFix .ico{width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto; margin-bottom: 1px; padding: 0px; background: url(../images/fix-ico.png) no-repeat 0 0;}
.rightFix .img{width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #ff8800; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px;}
.rightFix .img p{padding-top: 5px;}
.rightFix a:hover .img{opacity: 1; filter: alpha(opacity=100); left: -140px; display: block;}
.rightFix .img img{width: 110px; height: 110px;}
.rightFix a span{width: 210px; text-align: center; height: 62px; line-height: 31px; position: absolute; left: -78px; top: 0px; background: #ff8800; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px;}
.rightFix a:hover{background-color: #ff8800; overflow: visible;}
.rightFix a:hover h3{color: #fff;}
.rightFix a.fix-ewm:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix a:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel:hover .ico{background-position: -32px 0;}
.rightFix .fix-xcx .ico{background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico{background-position: -32px -32px;}
.rightFix .fix-ewm .ico{background-position: 0px -64px;}
.rightFix .fix-ewm:hover .ico{background-position: -32px -64px;}
.rightFix .mess .ico{background-position: 0 -96px;}
.rightFix .mess:hover .ico{background-position: -32px -96px;}
.rightFix .fix_top .ico{background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico{background-position: -32px -128px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}

.ewmbox{width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none;}
.ewmbox .close{width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 260px; height: 260px; display: block; margin: 0 auto 10px;}
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}