/* CSS Document */

body{ position:relative;}
.wrap{ overflow:hidden; position:relative;}

/*头部*/
.header{ width:100%; position:fixed; z-index:1000; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.14);}
.header .head{ width:70.625vw; min-width:1200px; height:102px; margin:0 auto;}
.header h1.logo{ float:left;}
.header h1.logo a{ display:block;}
.header h1.logo img{ display:block; height:102px;}
.header p.tel{ display:block; line-height:32px; color:#f23c3b; font-size:22px; float:right; padding-left:2.9em; background:url(../image/head_tel.png) left center no-repeat; margin:19px 0 0 8px;}
.header p.tel a{ display:block;}

.nav_list{ overflow:hidden;}
.nav_list ul{ display:block; text-align:center;}
.nav_list li{ display:inline-block; padding:30px 16px; vertical-align:top;}
.nav_list li a{ display:block; line-height:40px; color:#3b3b3b; font-size:16px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
.nav_list li a:hover,
.nav_list li.nav_cur a{ color:#0b3678; border-color:#0b3678;}

.banner{ width:100vw; height:292px; background-size:cover !important; overflow:hidden; margin-top:102px;}

.footer{ background:url(../image/foot_bg.jpg) center no-repeat; background-size:cover; padding:60px 0 0;}
.footer .foot{ width:70.625vw; min-width:1200px; margin:0 auto; overflow:hidden;}
.footer .contact{ float:right;}
.footer a.logo{ display:block; float:left; margin-bottom:22px;}
.footer a.logo img{ display:block; height:32px;}
.footer p.code{ display:block; color:#fff; font-size:13px; text-align:center; overflow:hidden; clear:both;}
.footer p.code span{ display:block; padding:0 0 0 2em; float:left;}
.footer p.code span:first-child{ padding-left:0;}
.footer p.code img{ display:block; height:10.35em; border-radius:10px; margin:0 auto 10px;}
.footer .addr{ line-height:2.385; color:#fff; font-size:13px; overflow:hidden; padding:2em 0;}
.footer dl{ display:block; color:#fff; font-size:13px; float:left; margin-left:6%;}
.footer dl:nth-child(2){ margin-left:0;}
.footer dl dt{ display:block; font-size:1.3em; padding:0 0 2em;}
.footer dl dt a{ display:block; line-height:1.12;}
.footer dl dt a:hover{ text-decoration:underline;}
.footer dl dd{ display:block; overflow:hidden;}
.footer dl dd a{ display:block; line-height:2.385;}
.footer dl dd a:hover{ text-decoration:underline;}
.footer dl.tel dd a{ width:9.5em; color:#0b3678; text-align:center; background:#fff url(../image/foot_tel.png) left 1.2em center no-repeat; padding-left:2em; border-radius:1.2em; margin-bottom:2em;}
.footer dl.tel dd a:hover{ text-decoration:none;}
.footer .copyright{ line-height:1.85; color:#fff; font-size:13px; text-align:center; overflow:hidden; padding:1.725em 0; clear:both;}

/*底部菜单*/
ul.footNav{ display:none; width:100%; overflow:hidden; background:#143980; position:fixed; left:0; bottom:0; z-index:99;}
ul.footNav li{ display:block; width:25%; float:left; position:relative;}
ul.footNav li::before{ content:''; width:1px; height:36px; border-left:1px dashed #23478e; position:absolute; left:0; top:50%; margin-top:-18px;}
ul.footNav li:first-child::before{ display:none;}
ul.footNav li a{ display:block; overflow:hidden; padding:8px 0 6px; box-sizing:content-box;}
ul.footNav li a img{ display:block; height:20px; margin:0 auto;}
ul.footNav li a span{ display:block; line-height:18px; color:#fff; font-size:12px; text-align:center;}

/*返回顶部*/
.toTop{ display:none; position:fixed; right:3%; bottom:10%; z-index:10000; background:url(../image/getback.png) no-repeat center center; width:50px; height:50px; cursor:pointer;}

/*主体样式*/
.main{ background:#f6f6f6;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.location{ line-height:5.625em; color:#444; font-size:16px; background:#fff; border-bottom:2px solid #ddd;}
.location ul.menu{ display:block; float:left;}
.location ul.menu::before,
.location ul.menu::after{ content:''; display:block; overflow:hidden; clear:both;}
.location ul.menu li{ display:block; float:left;}
.location ul.menu li::before{ display:inline-block; vertical-align:top; content:'|'; color:#d8d8d8; margin:0 2em;}
.location ul.menu li:first-child::before{ display:none;}
.location ul.menu li a{ display:inline-block; vertical-align:top; position:relative;}
.location ul.menu li a:hover,
.location ul.menu li.cur a{ color:#0b3678; font-weight:bold;}
.location ul.menu li.cur a::after{ content:''; display:block; width:100%; height:2px; background:#0b3678; position:absolute; left:0; bottom:0; transform:translateY(100%);}
.location p{ display:block; font-size:0.875em; text-align:right; overflow:hidden;}
.location p a{ margin:0 0.5em;}
.location p a:hover{ color:#d82d46;}

/*内容样式*/
.main .attr{ width:70.625vw; min-width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr>.box{ overflow:hidden;}
.main .attr h2.title{ display:block; line-height:1; font-size:18px; font-weight:normal; text-align:center; padding:3.7em 0 1.666666666em;}
.main .attr h2.title em{ display:block; color:#333; font-size:1.8888em;}
.main .attr h2.title span{ display:block; color:#999; text-transform:uppercase; padding:0.85em 0 0;}
.main .attr h2.title font{ display:block; line-height:1.75; color:#666; font-size:0.9em; padding:1.625em 0 0;}
.main .attr h2.title i{ display:block; width:2em; height:2px; background:#0b3678; margin:1.1em auto 0;}
.main .attr h3.title{ display:block; line-height:1.8; color:#333; font-size:25px; font-weight:normal; text-align:center; padding:1.75em 0 0.5em;}
.main .attr p.mark{ display:block; line-height:2.5; color:#444; font-size:14px; text-align:center; padding:0 0 1em; border-bottom:1px dashed #dbdbdb;}
.main .attr p.mark font{ padding:0.5em 0; margin:0 1em;}
.main .article{ line-height:2.25; color:#444; font-size:14px; text-align:justify; overflow:hidden; padding:1.75em 0 2.5em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ line-height:1.72; font-size:14px; overflow:hidden; background:#f3f3f3; padding:1em 1.5em; margin:0 0 3.5em;}
.main .change::after{ content:''; display:block; width:1px; height:1.72em; background:#cfcfcf; margin:0 auto;}
.main .change p{ display:block; width:44%; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.main .change p:last-child{ float:right;}
.main .change p em{ color:#0b3678;}
.main .change p a:hover{ color:#0b3678;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 64px; clear:both; margin:-22px 0;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:14px; color:#808080; height:24px; line-height:24px; text-align:center; padding:7px 13px; border:1px solid #d9d9d9; border-radius:0.375em; margin:0 8px;}
.pages a:hover{ color:#fff; background:#0b3678; border-color:#0b3678;}
.pages span{ color:#fff; background:#0b3678; border-color:#0b3678;}

/*产品列表*/
.main ul.proList{ display:block; padding:4px 0 64px; margin:0 -16px;}
.main ul.proList::before,
.main ul.proList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.proList li{ display:block; width:33.33%; float:left;}
.main ul.proList li a{ display:block; background:#fff; margin:32px 16px 0; transition:all ease 0.5s;}
.main ul.proList li em{ display:block; overflow:hidden;}
.main ul.proList li em img{ display:block; width:100%; height:auto; transition:all ease 0.5s;}
.main ul.proList li span{ display:block; line-height:3.625; color:#333; font-size:16px; text-align:center; padding:0 1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.main ul.proList li span::after{ content:''; display:block; width:100%; height:5px; background:#0b3678; position:absolute; left:0; bottom:0; transition:all ease 0.5s; transform:scale(1,0); transform-origin:center bottom;}

/*产品详情*/
.main .probox{ background:#fff; padding:26px 0 12px; padding-top:44px; margin-bottom:-12px; position:relative;}
.main .prointro{ font-size:16px; overflow:hidden;}
.main .prointro h4{ display:block; line-height:1.85; color:#333; font-size:1.625em; font-weight:normal; overflow:hidden; padding:0.75em 0 0; padding:1.22em 0 0;}
.main .prointro h4::after{ content:''; display:block; width:1em; height:2px; background:#0b3678; margin:0.75em 0 0;}
.main .prointro .txt{ display:block; min-height:15em; min-height:14.938em; line-height:2.134; color:#444; font-size:0.9375em; margin:1.25em 0 0; margin:1.34em 0 0.4em;}
.main .prointro p.btn{ display:block; line-height:1; color:#0b3678; font-size:1.375em; background:url(../image/pro_tel.png) left center no-repeat; padding:0.5em 0; padding-left:2.8em;}
.main .prointro p.btn em{ display:block; color:#444; font-size:0.727272em; padding:0 0 0.5em;}
.main .probox .sub{ line-height:3; color:#0b3678; font-size:18px; box-shadow:0 2px 9px rgba(0,0,0,0.14); margin:44px 0 0;}
.main .probox .sub em{ display:block; padding:0 1.5em; position:relative; float:left;}
.main .probox .sub em::after{ content:''; display:block; width:6px; height:6px; background:#0b3678; background-clip:content-box; padding:4px; border:3px solid #0b3678; border-radius:50%; position:absolute; left:50%; bottom:0; transform:translate(-50%,50%);}

/*产品图片放大镜*/
.prozoom{ width:648px; float:left; margin-right:44px;}
.preview{ overflow:hidden;}
.preview .jqzoom{ display:block; position:relative; cursor/:pointer;}
.preview .jqzoom .count{ display:none; line-height:28px; color:#fff; font-size:14px; padding:0 16px 0 32px; background:rgba(0,0,0,0.7) url(../image/view.png) 10px center no-repeat; border-radius:14px; position:absolute; right:0; bottom:0; z-index:9; margin:12px 16px;}
.preview .jqzoom img{ display:block; width:100%; height:324px;}
.preview .jqzoom .jqZoomPup{ display:none !important; width:20px; height:20px; background:#e52626; border:1px solid #e52626; visibility:hidden; position:absolute; top:0; left:0; opacity:0.4; z-index:3; -moz-opacity:0.4; -khtml-opacity:0.4; filter:alpha(Opacity=40);}
.preview .zoomdiv{ display:none !important; width:350px; height:350px; background:#fff; overflow:hidden; position:absolute; top:0px; left:0px; z-index:100; margin:0 0 0 6px;}
.scroll{ overflow:hidden; margin:20px 0 0; position:relative;}
.scroll a.prev,
.scroll a.next{ display:block; width:34px; height:100%; position:absolute; top:0; z-index:9; text-indent:-999em;}
.scroll a.prev{ left:0; background:#666 url(../image/zoom_prev.png) center no-repeat;}
.scroll a.next{ right:0; background:#666 url(../image/zoom_next.png) center no-repeat;}
.scroll .items{ width:570px; height:100px; position:relative; overflow:hidden; margin:0 auto;}
.scroll .items ul{ display:block; width:8000%; overflow:hidden; position:absolute;}
.scroll .items ul li{ display:block; cursor:pointer; float:left; position:relative;}
.scroll .items ul li img{ display:block; width:180px; height:100px; object-fit:cover; margin:0 5px;}
.scroll .items ul li i{ display:none; width:82px; height:56px; border:2px solid #e52626; position:absolute; left:6px; top:0;}
.scroll .items ul li.cur::before{ content:''; display:block; width:180px; height:100px; border:2px solid #0b3678; box-sizing:border-box; position:absolute; left:5px; top:0; z-index:1;}

.main .white{ background:#fff;}
.main .protxt{ line-height:2.125; line-height:2.266; color:#333; font-size:16px; font-size:15px; overflow:hidden; background:#f8f8f8; padding:1.75em 1.875em; padding:1.8666em 2em; border:1px solid #efefef;}
.main ul.propic{ display:block; overflow:hidden; margin:-20px -10px 0;}
.main ul.propic li{ display:block; width:33.33%; width:25%; float:left;}
.main ul.propic li a{ display:block; overflow:hidden; padding:10px; border:1px solid #ebebeb; margin:20px 10px 0; transition:all ease 0.5s;}
.main ul.propic li a em{ display:block; overflow:hidden;}
.main ul.propic li a img{ display:block; width:100%; transition:all ease 0.5s;}
.main p.protab{ display:block; width:75%; font-size:24px; background:#fff; overflow:hidden; box-shadow:0 2px 24px rgba(0,0,0,0.14); position:relative; z-index:3; margin:-1.75em auto 60px;}
.main p.protab a{ display:block; width:25%; line-height:3.5; color:#333; font-weight:bold; text-align:center; overflow:hidden; cursor:pointer; float:left;}
.main p.protab a::before{ content:''; display:inline-block; vertical-align:top; width:1.25em; height:3.5em; background-size:100% auto !important; margin-right:0.625em;}
.main p.protab a:nth-child(1)::before{ background:url(../image/tab01.png) center no-repeat;}
.main p.protab a:nth-child(2)::before{ background:url(../image/tab02.png) center no-repeat;}
.main p.protab a:nth-child(3)::before{ background:url(../image/tab03.png) center no-repeat;}
.main p.protab a:nth-child(4)::before{ background:url(../image/tab04.png) center no-repeat;}
.main p.protab a.on{ color:#fff; background-color:#0b3678;}
.main p.protab a.on:nth-child(1)::before{ background-image:url(../image/tab01_h.png);}
.main p.protab a.on:nth-child(2)::before{ background-image:url(../image/tab02_h.png);}
.main p.protab a.on:nth-child(3)::before{ background-image:url(../image/tab03_h.png);}
.main p.protab a.on:nth-child(4)::before{ background-image:url(../image/tab04_h.png);}
.main .protbox{ margin:52px 0 0;}
.main .protbox .box{ display:none; flex-direction:row-reverse; box-shadow:0 2px 24px rgba(0,0,0,0.14);}
.main .protbox .box.on{ display:flex;}
.main .protbox a.pic{ display:block; flex:auto; overflow:hidden;}
.main .protbox a.pic img{ display:block; width:100%; height:534px; object-fit:cover;}
.main .protbox .info{ width:21em; font-size:16px; margin:5% 5% 0; flex-shrink:0;}
.main .protbox .info h4{ display:block; line-height:1; color:#0b3678; font-size:2.875em;}
.main .protbox .info h5{ display:block; line-height:1; color:#333; font-size:1em; white-space:nowrap; padding:1.25em 0 2.375em; border-bottom:4px double #dadada; margin:0 0 2.5em;}
.main .protbox .info p{ display:block; line-height:2.125; color:#333; padding-left:1em; position:relative;}
.main .protbox .info p::before{ content:''; display:block; width:1em; height:2.125em; background:url(../image/dot.png) left 1px center no-repeat; position:absolute; left:0; top:0;}

.main .relate{ background:#fff; padding:48px 0 60px; padding:56px 0 60px;}
.main .relate h4{ display:block; line-height:1.5em; font-size:14px; font-weight:normal; overflow:hidden; padding:0 0 1.5em;}
.main .relate h4 em{ display:block; color:#333; font-size:1.5em; padding-left:0.5em; border-left:4px solid #0b3678; float:left;}
.main .relate h4 span{ display:block; color:#999; text-transform:uppercase; padding:0 1em; float:left;}
.main .relate h4 a{ display:block; color:#333; float:right;}
.main .relate ul{ display:block; overflow:hidden; margin:0 -14px;}
.main .relate ul li{ display:block; width:33.33%; width:25%; float:left;}
.main .relate ul li a{ display:block; overflow:hidden; margin:0 14px; transition/:all ease 0.5s;}
.main .relate ul li a em{ display:block; overflow:hidden;}
.main .relate ul li a img{ display:block; width:100%; object-fit:cover; transition:all ease 0.5s;}
.main .relate ul li a span{ display:block; line-height:3; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.main .relate ul li a i{ display:block; width:100%; height:0; overflow:hidden; position:absolute; left:0; top:0; z-index:2; transition:all ease 0.5s;}
.main .relate ul li a font{ display:block; width:100%; color:#fff; background:#0b3678; position:absolute; left:0; top:0; z-index:2;}

/*案例列表*/
.main dl.caseType{ display:block; line-height:2.125; font-size:16px; padding:1.875em 0; position:relative;}
.main dl.caseType::before{ content:''; display:block; width:120vw; height:100%; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.main dl.caseType.nobg::before{ display:none;}
.main dl.caseType::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.caseType dt{ display:block; font-weight:bold; float:left; position:relative; z-index:2;}
.main dl.caseType dd{ display:block; overflow:hidden; position:relative; z-index:2;}
.main dl.caseType dd a{ display:block; color:#333; padding-left:1.25em; background:url(../image/check.png) left center no-repeat; float:left; margin:0 1.05em 0 1.125em;}
.main dl.caseType dd a.checked{ color:#0b3678; background-image:url(../image/checked.png);}

/*案例详情*/
.main .prointro h4.case{ border-bottom:1px solid #d9d9d9;}
.main .prointro h4.case::after{ background:none;}
.main ul.factory{ display:block; overflow:hidden; margin:10px -5px; margin:10px -5px -5px;}
.main ul.factory li{ display:block; width:25%; float:left;}
.main ul.factory li:nth-child(1){ width:75%;}
.main ul.factory li:nth-child(5){ width:50%;}
.main ul.factory li a{ display:block; overflow:hidden; margin:4px;}
.main ul.factory li a img{ display:block; width:100%; height:270px; object-fit:cover;}

/*视频列表*/
.main ul.videoList{ display:block; padding:4px 0 64px; margin:0 -16px;}
.main ul.videoList::before,
.main ul.videoList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.videoList li{ display:block; width:33.33%; float:left;}
.main ul.videoList li a{ display:block; margin:32px 16px 0; transition:all ease 0.5s;}
.main ul.videoList li em{ display:block; overflow:hidden; background:#0b3678; border-radius:6px; position:relative;}
.main ul.videoList li em img{ display:block; width:100%; height:auto; transition:all ease 0.5s;}
.main ul.videoList li em::after{ content:''; display:block; width:100%; height:100%; background:url(../image/video1.png) center no-repeat; position:absolute; left:0; top:0; opacity:0; transition:all ease 0.5s;}
.main ul.videoList li span{ display:block; line-height:1; color:#333; font-size:16px; text-align:center; padding:1.25em 1em 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}

/*关于我们*/
.main .about_bg{ background:url(../image/about_bg.jpg) center no-repeat; background-size:cover;}
.main h2.about{ display:block; line-height:1; font-size:50px; padding:1.08em 0 0.12em;}
.main h2.about span{ display:block; color:#c6c6c6; text-transform:uppercase; padding:0 0 0.36em;}
.main h2.about em{ display:block; color:#333; font-size:0.68em;}
.main h2.about::after{ content:''; display:block; width:0.64em; height:3px; background:#0b3678; margin:0.5em 0 0;}
.main ul.counter{ display:block; font-size:16px; background:rgba(255,255,255,0.55); padding:0 3%; overflow:hidden; margin:0 0 4em;}
.main ul.counter li{ display:block; width:25%; text-align:center; padding:3em 0 3.5em; float:left;}
.main ul.counter li img{ display:block; height:2.25em; margin:0 auto 2em;}
.main ul.counter li em{ display:block; line-height:1; color:#333; font-size:1.375em; font-weight:bold;}
.main ul.counter li b{ color:#0b3678; font-size:2.3636em;}
.main ul.counter li span{ display:block; line-height:1; color:#444; padding:1.625em 0 0;}
.main ul.yuanqu{ display:block; overflow:hidden;}
.main ul.yuanqu li{ display:block; width:25%; height:400px; background:#0b3678 url(../image/mark.png) center no-repeat; overflow:hidden; position:relative; float:left;}
.main ul.yuanqu li:nth-child(1){ width:50%;}
.main ul.yuanqu li:nth-child(6){ width:50%;}
.main ul.yuanqu li img{ display:block; width:100%; height:400px; object-fit:cover; transition:all ease 0.5s;}
.main ul.yuanqu li h4{ display:block; line-height:1; color:#fff; font-size:34px; font-weight:normal; white-space:nowrap; position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0);}
.main ul.yuanqu li h4::before{ content:''; display:block; width:1em; height:3px; background:#fff; margin-bottom:0.6em;}
.main ul.srv{ display:block; overflow:hidden;}
.main ul.srv li{ display:block; width:25%; color:#444; font-size:20px; text-align:center; padding:2.4em 0 2.8em; float:left; cursor:pointer;}
.main ul.srv li img{ display:block; height:3.1em; margin:0 auto 1em; transition:all ease 0.5s;}

/*资质列表*/
.main ul.honorList{ display:block; overflow:hidden; padding:0 0 52px; margin:0 -8px;}
.main ul.honorList li{ display:block; width:25%; float:left;}
.main ul.honorList li a{ display:block; margin:10px 8px; transition:all ease 0.5s;}
.main ul.honorList li em{ display:block; overflow:hidden; border:1px solid #d9d9d9; position:relative; transition:all ease 0.5s;}
.main ul.honorList li i{ display:block; overflow:hidden; margin:8px; position:relative;}
.main ul.honorList li img{ display:block; width:100%; height:auto; transition:all ease 0.5s;}
.main ul.honorList li span{ display:block; line-height:3; color:#444; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#e6e6e6; transition:all ease 0.5s;}

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.4s;}
.shadow.open{ opacity:1; visibility:visible;}
.honorShow{ position:fixed; left:50%; top:50%; z-index:9999; transform:translate3d(-50%,-50%,0) scale(0); opacity:0; visibility:hidden; transition:all ease 0.4s;}
.honorShow.open{ opacity:1; visibility:visible; transform:translate3d(-50%,-50%,0) scale(1);}
.honorShow img{ display:block; max-width:86vw; max-height:84vh;}
.honorShow span{ display:block; width:100%; line-height:1; color:#fff; font-size:17px; text-align:center; padding:1em 0 0; position:absolute; left:0; top:100%;}
.honorShow a{ display:block; width:18px; height:18px; background:url(../image/close.png) center no-repeat; background-size:contain; position:absolute; right:0; top:0; transform:translate(34px,2px);}

/*企业文化*/
.main .culture{ padding:48px 0 0;}
.main .culture .yj1{ text-align:center;}
.main .culture .yj1 em{ display:inline-block; line-height:1.5; color:#fff; font-size:36px; text-align:center; background:#0b3678; padding:0 0.4em;}
.main .culture .yj1::after{ content:''; display:block; width:0; height:0; border:7px solid #0b3678; border-width:7px 7px 0; border-color:#0b3678 transparent; margin:0 auto;}
.main .culture .yj2{ line-height:2.75; color:#333; font-size:36px; font-weight:bold; text-align:center;}

.main .culture .txt{ line-height:1.75; color:#444; font-size:16px; padding:1.5em 1.5em 1.875em; border:1px solid #d8d8d8; margin:0 0 60px; transition:all ease 0.5s; cursor:default;}
.main .culture .txt>b:first-child{ display:block; font-size:1.1875em; transition:all ease 0.5s;}

.main .culture img.pic{ display:block; width:73%; margin:0 7.5%;}

.main .intro{ display:flex; justify-content:space-between; line-height:1.75; color:#444; font-size:16px; margin-left:7.5%; margin-right:5.5%;}
.main .intro>div{ width:28.8%; width:29.4%; flex-shrink:0;}

.main .shiming{ overflow:hidden; position:relative; margin:60px 0 0;}
.main .shiming img{ display:block; width:100%; transition:all ease 0.5s;}
.main .shiming p{ display:block; line-height:1.6; color:#fff; font-size:26px; background:rgba(11,54,120,0.72); padding:1.385em 1.77em; position:absolute; left:4.6%; top:10%; z-index:2; transition:all ease 0.5s; cursor:default;}
.main .shiming b{ display:block; line-height:1.4; font-size:1.385em;}

.main ul.linian{ display:flex; flex-wrap:wrap; background:url(../image/linian.jpg) center no-repeat; background-size:cover; overflow:hidden; padding:7% 5% 6%; margin:0 0 80px;}
.main ul.linian li{ display:flex; width:25%; font-size:22px;}
.main ul.linian li p{ display:block; line-height:1.65; color:#fff; text-align:center; padding:1em 0 1.25em; margin:0 1.25em; background:rgba(11,54,120,0.85); flex:auto; transition:all ease 0.5s; cursor:default;}
.main ul.linian li:nth-child(even) p{ background:rgba(232,68,68,0.85);}
.main ul.linian li p b{ display:block; line-height:1.75; font-size:1.55em;}

/*历程列表*/
.main dl.licheng{ max-width:1160px; overflow:hidden; position:relative; margin:0 auto 40px;}
.main dl.licheng::after{ content:''; display:block; width:1px; height:100%; background:#cacaca; position:absolute; left:50%; top:0; z-index:1; transform:translate3d(-50%,0,0);}
.main dl.licheng dt{ display:block; position:relative; z-index:3;}
.main dl.licheng dt em{ display:block; width:15px; height:15px; background:#fff; border:1px solid #cacaca; border-radius:50%; margin:0 auto;}
.main dl.licheng dt.btn{ width:5em; font-size:16px; text-align:center; margin:0 auto; cursor:pointer;}
.main dl.licheng dt.btn font{ display:block; line-height:1.5; color:#0b3678; background:#eee;}
.main dl.licheng dt.btn::after{ content:''; display:block; width:3.25em; height:3.25em; background:url(../image/open.png) #eee center no-repeat; background-size:100% 100%; border-radius:50%; margin:1.75em auto 0;}
.main dl.licheng dd{ display:flex; justify-content:space-between; align-items:center; width:50%; padding:6px 0 32px;}
.main dl.licheng dd:nth-child(odd){ margin-left:50%; flex-direction:row-reverse;}
.main dl.licheng dd:nth-child(even){ margin-right:50%;}
.main dl.licheng dd:nth-child(n+6){ display:none;}
.main dl.licheng dd:last-child{ padding-bottom:48px;}
.main dl.licheng dd a.pic{ display:flex; align-items:center; justify-content:center; flex-shrink:0; width:238px; height:184px;}
.main dl.licheng dd a.pic img{ display:block; max-width:100%; max-height:100%;}
.main dl.licheng dd .box{ flex:auto; font-size:14px; padding:0 9%; position:relative;}
.main dl.licheng dd:nth-child(even) .box{ text-align:right;}
.main dl.licheng dd .box i{ display:block; width:7px; height:7px; background:#fff; padding:4px; border:1px solid #cacaca; border-radius:50%; position:absolute; top:1.5em; z-index:3;}
.main dl.licheng dd .box i::after{ content:''; display:block; width:100%; height:100%; background:#0b3678; border-radius:50%;}
.main dl.licheng dd:nth-child(odd) .box i{ left:0; transform:translate(-50%,-50%);}
.main dl.licheng dd:nth-child(even) .box i{ right:0; transform:translate(50%,-50%);}
.main dl.licheng dd .box i::after{ content:''; display:block; width:100%; height:100%; background:#0b3678; border-radius:50%;}
.main dl.licheng dd .box b{ display:block; line-height:1; color:#0b3678; font-size:3em;}
.main dl.licheng dd .box i::after{ content:''; display:block; width:100%; height:100%; background:#0b3678; border-radius:50%;}
.main dl.licheng dd .box .txt{ line-height:1.72; color:#333; padding:1.5em 0 0;}
.main dl.licheng.open dt.btn{ display:none;}
.main dl.licheng.open dd:nth-child(n+6){ display:flex;}

/*品牌列表*/
.main ul.brand{ display:block; overflow:hidden; margin:0 -10px 10px;}
.main ul.brand li{ display:block; width:16.66%; overflow:hidden; float:left;}
.main ul.brand li div{ margin:10px; position:relative; cursor:pointer;}
.main ul.brand li img{ display:block; width:100%;}
.main ul.brand li a{ display:block; width:100%; height:100%; line-height:1.5; color:#fff; font-size:15px; text-align:center; background:rgba(11,54,120,0.95); position:absolute; left:0; top:0; z-index:2; transition:all ease 0.5s; opacity:0;}
.main ul.brand li span{ display:block; width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.main ul.jingcai{ display:block; overflow:hidden; margin:0 -4px 70px;}
.main ul.jingcai li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.jingcai li a{ display:block; overflow:hidden; margin:4px; position:relative; cursor:pointer;}
.main ul.jingcai li img{ display:block; width:100%; transition:all ease 0.5s;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; padding:6px 22px; background:#fcfcfc; border:1px solid #f3f3f3; margin:36px 0 64px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:1em 0; border-bottom:1px dashed #dadada;}
.main ul.newsList li:last-child{ border:0;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:1.875em;}
.main ul.newsList li a.pic img{ display:block; width:230px; height:156px; transition:all ease 0.5s;}
.main ul.newsList li a.title{ display:block; line-height:2.75; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s;}
.main ul.newsList li .txt{ display:block; height:3em; line-height:1.5; color:#444; font-size:0.875em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li span{ display:block; line-height:1; color:#444; font-size:0.875em; overflow:hidden; padding:1em 0 0;}

.main ul.recomd{ display:block; width:312px; font-size:16px; overflow:hidden; margin:36px 0 0 30px; float:right;}
.main ul.recomd li{ display:block; overflow:hidden; padding:0 0 1.5em;}
.main ul.recomd li a.pic{ display:block; overflow:hidden;}
.main ul.recomd li a.pic img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.recomd li a.title{ display:block; line-height:2.5; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s; margin:0.25em 0.875em 0;}
.main ul.recomd li span{ display:block; line-height:1; color:#444; font-size:0.875em; overflow:hidden; padding:0.2em 1em 0;}

/*联系我们*/
.main ul.srvbox{ display:flex; justify-content:space-between; background:#fff; margin:0 0 30px; margin:28px 0 42px;}
.main ul.srvbox li{ display:block; font-size:16px; padding:3em 3.75em;}
.main ul.srvbox li h4{ display:block; line-height:1.55; color:#333; font-size:1.375em;}
.main ul.srvbox li h4::after{ content:''; display:block; width:0.55em; height:2px; background:#333; margin:0.5em 0.1em 0.875em;}
.main ul.srvbox li p{ display:block; line-height:2.375; overflow:hidden;}
.main ul.srvbox li p img{ display:inline-block; vertical-align:top; height:1em; margin:0.6875em 0.625em 0 0;}
.main ul.srvbox li p.code{ line-height:7.5; padding-bottom:0.375em;}
.main ul.srvbox li p.code img{ display:block; height:7.5em; float:left; margin:0 0.625em 0 0;}
.main ul.srvbox li.addr{ display:flex; flex-direction:column; justify-content:center; color:#fff; background:#18498e;}
.main ul.srvbox li.addr p{ line-height:2.125; font-weight:bold;}
.main ul.srvbox li.addr p::before{ content:''; display:block; width:1em; height:2px; background:#fff; margin:2em 0;}
.main ul.srvbox li.addr p:first-child::before{ display:none;}

.main ul.media{ display:block; width:904px; overflow:hidden; margin:20px auto 64px; margin:32px auto 80px;}
.main ul.media li{ display:block; width:25%; font-size:16px; float:left;}
.main ul.media li .box{ overflow:hidden; position:relative; margin:0 0.75em; cursor:pointer;}
.main ul.media li p.icon{ display:block; width:100%; height:100%; line-height:1; background:#fff; padding:0 1.625em; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:0; z-index:1; transition:all ease 0.3s; visibility:visible;}
.main ul.media li p.icon img{ display:block; height:2.875em; margin:2.25em 0 0 1em;}
.main ul.media li p.icon em{ display:block; color:#333; font-size:1.625em; padding:1.25em 0 0.7em;}
.main ul.media li p.icon span{ display:block; color:#444; font-size:0.8125em;}
.main ul.media li p.pic{ height:13.25em; overflow:hidden; position:relative; z-index:2; transition:all ease 0.3s; transform:scale(1.33); opacity:0; visibility:hidden;}
.main ul.media li p.pic img{ display:block; height:6em; margin:2.25em auto 0;}
.main ul.media li p.pic span{ display:block; line-height:1; color:#666; text-align:center; padding:1.75em 0 0;}

@media only screen and (min-width:1025px){
.main ul.proList.pro li a:hover{ box-shadow:0 2px 9px 0 rgba(0,0,0,0.54);}
.main ul.proList.pro li a:hover img{ transform:scale(1.15);}
.main ul.proList.pro li a:hover span::after{ transform:scale(1,1);}

.main .prointro p.btn a:hover{ color:#8d1a0f;}

.scroll a.prev:hover,
.scroll a.next:hover{ background-color:#0b3678;}
/*
.main ul.propic li a:hover{ border-color:#0b3678;}
.main ul.propic li a:hover img{ transform:scale(1.15);}
*/
.main .relate h4 a:hover{ color:#0b3678; text-decoration:underline;}

.main .relate ul li a:hover img{ transform:scale(1.15);}
.main .relate ul li a:hover i{ height:100%;}

.main ul.videoList li a:hover em::after{ opacity:1;}
.main ul.videoList li a:hover img{ transform:scale(1.15); opacity:0.35;}

.main ul.yuanqu li:hover img{ transform:scale(1.15);}

.main ul.srv li:hover img{ transform:rotateY(180deg);}

.main ul.honorList li a:hover em{ border-color:#0b3678;}
/*.main ul.honorList li a:hover img{ transform:scale(1.05);}*/
.main ul.honorList li a:hover span{ color:#fff; background:#0b3678;}
/*
.main .culture .txt:hover{ border-color:#0b3678;}
.main .culture .txt:hover>b:first-child{ color:#0b3678;}

.main .shiming:hover img{ transform:scale(1.15);}
.main .shiming:hover p{ background:rgba(11,54,120,0.9);}
*/
.main ul.linian li p:hover{ transform:translateY(-10%);}
/*
.main ul.brand li div:hover a{ opacity:1;}
*/
.main ul.jingcai li a:hover img{ transform:scale(1.15);}

.main ul.newsList li:hover a.pic img{ transform:scale(1.12);}
.main ul.newsList li:hover a.title{ color:#0b3678;}

.main ul.recomd li:hover a.pic img{ transform:scale(1.12);}
.main ul.recomd li:hover a.title{ color:#0b3678;}

.main ul.media li .box:hover p.icon{ transform:scale(0.8); opacity:0; visibility:hidden;}
.main ul.media li .box:hover p.pic{ opacity:1; visibility:visible; transform:scale(1);}
}

@media only screen and (max-width:1232px){
.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 32px); min-width:0;}
}

@media only screen and (max-width:1024px){
.header p.tel{ display:none;}
.nav_list ul{ text-align:right;}
.banner{ height:204px;}
.footer dl{ margin-left:3.5%;}
.footer p.code img{ height:8em;}
.location ul.menu li::before{ margin:0 1.5em;}

.main ul.factory li a img{ height:210px;}

.main ul.yuanqu li,
.main ul.yuanqu li img{ height:216px;}
.main ul.yuanqu li h4{ font-size:28px;}
.main ul.srv li{ font-size:18px;}

.main .culture img.pic{ margin-left:5%;}
.main .intro{ margin:0 2.5% 0 5%;}
.main ul.linian li{ font-size:20px;}

.main ul.srvbox li{ padding-right:3em; padding-left:0;}
.main ul.srvbox li:first-child{ padding-left:3em;}
.main ul.srvbox li.addr{ box-sizing:border-box; max-width:34%; flex-shrink:0; padding-left:3em;}
}


@media only screen and (max-width:768px){
.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 24px); min-width:0;}

.header .head{ height:60px;}
.header h1.logo img{ height:60px;}
.header a.menu{ display:block; width:36px; height:60px; background:url(../image/head_menu.png) center no-repeat; background-size:70%; float:right;}

.nav_list{ width:34vw; background:rgba(11,54,120,0.88); position:absolute; right:0; top:100%; z-index:99; transform:translateX(110%); transition:all ease 0.5s;}
.nav_list.show{ transform:translateX(0);}
.nav_list ul{ text-align:center;}
.nav_list li{ display:block; padding:0; border-bottom:1px solid rgba(255,255,255,0.2);}
.nav_list li a{ color:#fff; border:0; font-size:14.5px; line-height:2.8;}
.nav_list li a:hover,
.nav_list li.nav_cur a{ color:#fff;}

.banner{ margin-top:60px; height:21vw;}

.footer{ padding:42px 0 0;}
.footer .contact{ float:none;}
.footer a.logo{ width:160px; margin:0 auto; float:none;}
.footer a.logo img{ width:100%; height:auto;}
.footer p.code{ width:22.5em; margin:2em auto 0;}
.footer p.code span{ padding-left:1.5em;}
.footer p.code img{ height:6.5em;}
.footer .addr{ width:23.5em; margin:0 auto;}
.footer dl{ display:none;}
.footer dl.tel{ display:flex; width:100%; margin:0; justify-content:space-evenly;}
.footer dl.tel dt{ display:none;}
.footer dl.tel dd a{ margin:0;}
.toTop{ display:none !important; opacity:0 !important;}

.wrap{ padding-bottom:52px;}
ul.footNav{ display:block;}

.location{ font-size:13px; border-color:#efefef;}
.location ul.menu{ float:none; overflow:hidden; margin:8px -5px;}
.location ul.menu:empty{ display:none;}
.location ul.menu li{ width:33.33%; float:left;}
.location ul.menu li::before{ display:none;}
.location ul.menu li a{ display:block; line-height:2.5; text-align:center; background:#efefef; margin:2px;}
.location ul.menu li.cur a{ color:#fff; font-weight:normal; background:#0b3678;}
.location ul.menu li.cur a::after{ display:none;}
.location p{ display:none; font-size:1em; line-height:2.5; margin:0 -12px; padding:0 12px; background:#efefef; border-top:2px solid #efefef;}

.main .attr h2.title{ font-size:12px; padding:2.5em 0 1.5em;}
.main .attr h3.title{ font-size:20px;}
.main .attr p.mark{ font-size:12px;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ font-size:13.5px;}

.main .change{ padding:0.6em 1.2em; margin-bottom:2.25em;}
.main .change::after{ display:none;}
.main .change p{ width:auto; float:none !important; padding:3px 0;}

.pages{ font-size:13px; margin:0 -12px; white-space:nowrap; padding-bottom:44px; margin-top:-20px;}
.pages span,
.pages a{ border-radius:3px; padding:1px 7px; margin:0 2px;}

.main ul.proList{ margin:0 -6px;}
.main ul.proList li{ width:50%;}
.main ul.proList li a{ margin:12px 6px 0;}
.main ul.proList li span{ line-height:3; font-size:14px;}

.main .probox{ padding:16px 0 0; padding:20px 0 0;}
.prozoom{ width:auto; float:none; margin:0 0 8px; position:relative;}
.preview .jqzoom img{ height:calc(60vw - 16px); object-fit:cover; transition:all ease 0.4s;}
.scroll{ overflow:visible; height:auto; margin:0; width:100%; position:absolute; left:0; top:50%;}
.scroll .items{ display:none;}
.scroll .items ul li.cur::before{ border-width:1px;}
.scroll a.prev,
.scroll a.next{ width:26px; height:48px; top:50%; transform:translateY(-50%);}

.main .prointro{ font-size:14px;}
.main .prointro h4{ line-height:1.25;}
.main .prointro .txt{ min-height:0; padding-bottom:1em;}
.main .prointro p.btn{ width:14em; white-space:nowrap; background-size:2em auto; padding-left:2.5em; margin:0 auto;}

.main .probox .sub{ font-size:15px;}
.main .probox .sub em{ padding:0 0.5em;}
.main .probox .sub em::after{ width:4px; height:4px; padding:3px; border-width:2px;}
.main .protxt{ font-size:14px; padding:1em 1.25em;}

.main ul.propic{ margin:0 -4px;}
.main ul.propic li{ width:50%;}
.main ul.propic li a{ padding:0; margin:8px 4px 0;}

.main .protbox{ margin:20px 0 0;}
.main .protbox .box{ flex-direction:column;}
.main .protbox a.pic img{ height:auto;}
.main .protbox .info{ font-size:13px; padding-bottom:1em;}
.main .protbox .info h4{ font-size:2em; padding:0.25em 0;}
.main .protbox .info h5{ padding:1.25em 0; margin-bottom:1em;}
.main p.protab{ width:auto; margin:12px 0; font-size:12px;}
.main p.protab a{ line-height:3;}
.main p.protab a::before{ height:3em;}

.main .relate{ padding:28px 0;}
.main .relate h4{ font-size:13px;}
.main .relate h4 em{ font-size:1.35em;}
.main .relate ul{ margin:0 -5px;}
.main .relate ul li{ width:50%;}
.main .relate ul li a{ margin:0 5px 4px;}
.main .relate ul li a span{ font-size:14px;}

.main dl.caseType{ font-size:13px; padding:1em 0; margin:0 0 10px;}
.main dl.caseType::before{ background:#efefef; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.main dl.caseType dt{ float:none;}
.main dl.caseType dd{ margin-right:-1.5em;}
.main dl.caseType dd a{ margin:0 1.5em 0 2px;}

.main ul.proList li span{ line-height:2.75;}
.main ul.factory li{ width:50%;}
.main ul.factory li a img{ height:32vw;}
.main ul.factory li:nth-child(1){ width:100%;}

.main ul.videoList{ margin:5px -5px -30px;}
.main ul.videoList li{ width:50%;}
.main ul.videoList li a{ margin:5px 5px 0;}
.main ul.videoList li em img{ opacity:0.6;}
.main ul.videoList li em::after{ opacity:1; background-size:auto 32%;}
.main ul.videoList li span{ font-size:14px; line-height:3; padding:0;}

.main h2.about{ font-size:28px;}
.main ul.counter{ padding:1em 0; margin-bottom:2em;}
.main ul.counter li{ width:50%; font-size:12px; padding:1.5em 0;}
.main ul.counter li img{ margin-bottom:1em;}
.main ul.counter li span{ padding-top:1em;}
.main ul.counter li b{ font-size:2em;}
.main ul.yuanqu li{ width:50%; height:auto;}
.main ul.yuanqu li:nth-child(1){ width:100%;}
.main ul.yuanqu li img{ height:41vw;}
.main ul.yuanqu li:nth-child(1) img{ height:auto;}
.main ul.yuanqu li.title{ width:100%; text-align:center; padding:14px 0 26px;}
.main ul.yuanqu li h4::before{ margin:0 auto 0.6em; transform:translateY(calc(2.2em + 3px));}
.main ul.yuanqu li h4{ position:static; transform:none; font-size:22px; padding-bottom:0.6em; margin-bottom:3px;}
.main ul.srv{ padding:16px 0;}
.main ul.srv li{ width:50%; font-size:14px; padding:0.75em 0;}

.main ul.honorList{ margin:0 -5px;}
.main ul.honorList li{ width:50%;}
.main ul.honorList li a{ margin:0 5px 10px;}
.main ul.honorList li span{ font-size:13.5px;}

.honorShow img{ max-width:90vw; max-height:80vh;}
.honorShow span{ font-size:14px;}
.honorShow a{ width:16px; height:16px; transform:translate(2px,-22px);}

.main .culture{ padding:32px 0 0;}
.main .culture .yj1 em{ font-size:22px;}
.main .culture .yj2{ font-size:18px; margin-bottom:0.5em;}
.main .culture .txt{ font-size:13px; padding:0.75em 1.25em 1.25em; margin-bottom:30px;}
.main .culture img.pic{ width:100%; margin:0;}
.main .intro{ margin:1em 0 0; font-size:13px;}
.main .intro>div{ width:48%;}
.main .intro>div:last-child{ text-align:right;}
.main .shiming{ margin-top:30px;}
.main .shiming p{ font-size:13px; padding:0.9em 1.15em 1em; left:3.6%;}
.main ul.linian{ padding:6% 4% 5%; margin-bottom:40px;}
.main ul.linian li{ width:50%; font-size:13px;}
.main ul.linian li p{ margin:0.875em;}

.main dl.licheng::after{ left:8px;}
.main dl.licheng dt{ margin:0 0 12px;}
.main dl.licheng dt em{ margin:0;}
.main dl.licheng dt.btn{ font-size:13px;}
.main dl.licheng dt.btn::after{ margin-top:1em;}
.main dl.licheng dd{ width:auto; flex-direction:column; align-items:flex-start; padding:0 20px; margin-bottom:30px !important;}
.main dl.licheng dd a.pic{ display:block; width:160px; height:auto;}
.main dl.licheng dd .box{ padding:0; font-size:13px;}
.main dl.licheng dd .box b{ font-size:2.5em; padding:0.625em 0 0.25em;}
.main dl.licheng dd .box .txt{ padding:0;}
.main dl.licheng dd:nth-child(odd){ margin:0 0 0 8px; flex-direction:column;}
.main dl.licheng dd:nth-child(even){ margin:0 0 0 8px;}
.main dl.licheng dd:nth-child(even) .box{ text-align:left;}
.main dl.licheng dd:nth-child(odd) .box i{ left:-20px;}
.main dl.licheng dd:nth-child(even) .box i{ left:-20px; right:auto; transform:translate(-50%,-50%);}

.main ul.brand{ margin:0 -2px 10px;}
.main ul.brand li{ width:33.33%;}
.main ul.brand li div{ margin:2px;}
.main ul.jingcai{ margin:6px -3px 40px;}
.main ul.jingcai li{ width:50%;}
.main ul.jingcai li a{ margin:3px;}

.main ul.recomd{ display:none;}

.main ul.newsList{ margin:16px 0 64px; padding:0 12px; font-size:14px;}
.main ul.newsList li{ padding:18px 0 16px;}
.main ul.newsList li a.pic{ float:none; margin:0 0 6px;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li span{ padding-bottom:0px;}

.main ul.srvbox{ flex-direction:column; background:none; margin:0;}
.main ul.srvbox li{ font-size:13px; padding:1.75em 2em !important; background:#fff; margin:0 0 16px;}
.main ul.srvbox li.addr{ max-width:none; margin-bottom:6px;}
.main ul.srvbox li h4::after{ width:1em; margin-left:0;}
.main ul.media{ width:auto; margin:10px 0 48px;}
.main ul.media li{ width:100%; font-size:13px;}
.main ul.media li .box{ margin:0;}
.main ul.media li p.icon{ width:50%;}
.main ul.media li:nth-child(even) p.icon{ left:auto; right:0;}
.main ul.media li p.pic{ margin-left:50%; opacity:1; transform:none; visibility:visible;}
.main ul.media li:nth-child(even) p.pic{ margin-left:0; margin-right:50%;}


}






/**/