﻿@charset "utf-8";
*{ font-family:'微软雅黑'; }
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#333333;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#333;}
a:hover{ color:#d22311;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}


body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding:20px 0; text-align:center; }
DIV.green-black A{COLOR: #fff;MARGIN-RIGHT: 2px;TEXT-DECORATION: none;font-size:100%;background-color: #464646; padding:8px 12px; display:inline-block;}
DIV.green-black A:hover{COLOR: #fff;font-size:100%;background-color: #b9000e;}
DIV.green-black A:active{COLOR: #fff;font-size:100%;background-color: #b9000e;}
DIV.green-black SPAN.current{FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 2px;font-size:100%;background-color:#b9000e;padding:8px 12px; display:inline-block}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}

.fl{ float:left;}
.fr{ float:right;}
.kd{ margin:0 auto; width:96%; max-width:1400px;}

@media screen and (max-width:1368px){
.kd{ width:1200px;}
}
@media screen and (max-width:1024px){
.kd{ width:980px;}
}
@media screen and (max-width:768px){
.kd{ width:96%;}
}

.mar{ width:100%; background:#363636; position:relative;}
.lsc{ color:#c0c0c0; font-size:0.75rem; padding:12px 0;}
.tel{ background:url(/skin/images/tel.png) left center no-repeat; position:relative; z-index:2; padding-left:30px;}
.tel p{ color:#fff; font-weight:bold; line-height:40px;}
.tlink{ position:relative; z-index:2; color:#c0c0c0; font-size:0.75rem; padding:12px 0; margin-right:70px}
.tlink a{ color:#c0c0c0;}
.thong{ width:23.9%; position:absolute; background:#034a9c; height:100%; right:0; top:0; z-index:1;}


.head{ padding:19px 0; width:100%; position:relative; background:#fff; z-index:98; transition:all 0.5s ease-in-out}
.head .logo{}
.head .logo p{ color:#3d3d3d; letter-spacing:2px; margin-top:2px;}
.sticky.head{ position:fixed; top:0; padding:10px 0; box-shadow:0 0 5px 2px rgba(0,0,0,0.2)}
@media screen and (max-width:768px){
.head{ position:fixed; padding:10px 0;}
.sticky.head{  top:0; padding:10px 0}
.mar{ display:none;}
.ctop{ width:100%; height:122px;}
}

/*导航样式*/
.menu{ max-width:50%; position:relative; z-index:99; margin-top:20px;}
.menu .tkd{background:#000a9f; }
@media screen and (max-width:1368px){
.tlink{  margin-right:97px}
}
@media screen and (max-width:768px){
.menu{ position:fixed; top:0; width:50%; right:0}
}
.mobile-inner-nav{ z-index:99; display:block;  width:100%; display:inline-block;}
.mobile-inner-nav li{ float:left; position:relative; width:auto; text-align:center; box-sizing:border-box;}
.mobile-inner-nav li:last-child{ background:none}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; text-align:center;transition:all 0.5s; position:relative; padding:0 13px; }
.mobile-inner-nav a span{ position:absolute; bottom:-2px; left:0px; width:100%; height:2px; transform:scale(0,1); transition:all 0.7s;  background:#034a9c;}
.mobile-inner-nav a p{ color:#333333; font-size:1rem; transition:all 0.5s; padding:17px 0;  display:block; z-index:2; position:relative;}
.mobile-inner-nav li:hover a span,.mobile-inner-nav li.cur a span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#333;  }
.mobile-inner-nav li dl{ background:#fff; position:absolute; width:130%; top:86px; border-top:1px solid #034a9c; visibility:hidden; opacity:0; left:0; transition:all 0.7s ease}
.mobile-inner-nav li dl.dd2{ width:200%}
.mobile-inner-nav li dl dd a{ font-size:0.875rem; color:#333333; border-bottom:1px solid #eee; display:block; padding:10px 0; transition:all 0.7s ease}
.mobile-inner-nav li dl dd a:hover{ background:#034a9c; color:#fff}
.mobile-inner-nav li:hover dl{ opacity:1; visibility:visible;}
.sticky.head .mobile-inner-nav li dl{ top:77px}


@media screen and (max-width:768px){
.mobile-inner-nav li dl{ display:none;}
.mobile{width: 100%; position:absolute;}
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner-nav li .ej{ display:none;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#2a2a2a; right:0; top:75px; width:60px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:101px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#2a2a2a; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #2a2a2a;
    position: absolute;
    left: 25%;
    bottom: 1.5em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:111px;right: 0;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.125rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-nav a{padding:0.75em 0;}
.mobile-inner-header{width: 100%;height:0; position: absolute;top: 0px;right: 0px; }
.mobile-inner-nav{top:102px;}
.mobile-inner-header-icon-out p {bottom: 0.9em;}
.mobile-inner-header .np{ display:block;  right:-5px; top:52px; width:70px; font-size:0.875rem}
.mobile-inner-header-icon{margin-top:12px; margin-right:10px; }
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#034a9c; }
}


.banner{ width:100%; float:right; overflow:hidden; background:#1174c8}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs {list-style: none;padding: 0; font-size: 18px;list-style: none; padding: 10px 0;text-align: center; width: 100%; position:absolute; z-index:222; top:90%; }
.slide_tabs li {display:inline-block;margin-right: 5px; height:15px; overflow:hidden;}
.slide_tabs li.slide_here a{ border:2px solid #034a9c;border-radius:17px; background:#034a9c}
.slide_tabs a {width: 11px; line-height: 90px; height: 11px;background:#ffffff; display:block; color:#000; overflow:hidden;border:2px solid #fff; border-radius:50%; }
.slide_tabs li:first-child {margin-left: 0;}
.slide_container {position: relative;float: right; width: 100%; overflow:hidden; }
.slide {position: relative;list-style: none; overflow: hidden;width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0;top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto;width: 100%;border: 0; }
.slide .caption {display: block; position: absolute;z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0;
right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none;}
.slide_nav { position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 0%; left: 0; margin-left:10%; opacity: 1; z-index: 3; text-indent: -9999px;overflow: hidden; text-decoration: none;height: 40px;width: 42px;background: transparent url("/skin/images/prne.jpg") no-repeat left top;margin-top: -45px; }
.slide_nav:active {opacity: 1.0; }
.slide_nav.next {left: 42px;background-position: right top;right: 42px;margin-right:10%;}

/*search*/
.in-key{ width:100%; padding:15px 0; overflow:hidden; border-bottom:1px solid #e5e5e5}
.keyword{ margin-top:15px;}
.keyword a{ display:inline-block; margin-left:20px;}
.sform{ width:371px; height:43px; border:1px solid #bababa; box-sizing:border-box;}
.sform .s-txt{ width:315px; height:43px; background:none; border:none; float:left; padding:5px 10px; color:#717171; box-sizing:border-box;}
.sform .s-bt{  height:43px; width:50px; border:none; background:none; float:left; cursor:pointer; background:url(/skin/images/sbtn.png) center no-repeat;}
@media screen and (max-width:768px){
.keyword{ margin-top:15px; line-height:2em;}
.sform{ display:none;}
}
/*product*/
.in-pro{ padding:64px 0; width:100%; overflow:hidden;}
.protit{ text-align:center;}
.protit h3{ color:#034a9c; font-size:2.25rem; font-weight:bold;}
.protit p{ margin:10px 0; color:#666666; font-size:1rem;}
.psort{ border:1px solid #a0a0a0; width:100%; margin:28px auto 0;}
.psort li{ float:left; display:block;}
.psort li a{ display:inline-block; background:url(/skin/images/xg1.jpg) right center no-repeat; padding:26px 44px 26px 34px; position:relative; z-index:2; transition:all 0.5s ease;}
.psort li a i{ position:absolute; width:100%; height:100%; background:#034a9c url(/skin/images/xg1.png) right center no-repeat; left:0; top:0; transform:scale(0,1); z-index:-1; transition:all 0.7s ease; transform-origin:left;}
.psort li a:hover i{ transform:scale(1)}
.psort li a:hover{ color:#fff;}
.psort li:nth-child(4) a i{ background:#034a9c none;}

.protwo{ margin-top:36px; width:100%;}
.protwo dl{ width:31%; display:block;margin-right:2%;}
.protwo dl a{ display:block;}
.protwo dl dt{ border:1px solid #dbdbdb; width:100%; overflow:hidden; position:relative;}
.protwo dl dt img{ width:100%; transform:scale(1); transition:all 0.5s ease-in-out;}
.protwo dl dt span{ position:absolute; opacity:0; background:rgba(0,0,0,0.3); width:100%; height:100%; left:0; top:0; transition:all 0.7s ease; text-align:center; padding-top:32%; box-sizing:border-box;}
.protwo dl dt span i{ background:url(/skin/images/link.png) center no-repeat; width:50px; height:50px; display:inline-block; transition:all 0.5s ease-in-out;}
.protwo dl dt span i:hover{ background:url(/skin/images/link1.png) center no-repeat; width:50px; height:50px; display:inline-block;}
.protwo dl:hover dt img{ transform:scale(1.03);}
.protwo dl dd{ text-align:center; padding-top:29px;}
.protwo dl dd p{ color:#333333; padding-bottom:13px; display:inline-block; text-align:center;}
.protwo dl dd i{ display:block; width:76px; height:1px; background:#e5e5e5; border:none; margin:10px auto; transition:all 0.5s ease}
.protwo dl:hover dd i{ width:100%; background:#cd261a;}
.protwo dl:hover dt span{ opacity:1;}
.pmore{ text-align:center; margin-top:44px;}
.pmore a{ display:inline-block; border:1px solid #7d7d7d; padding:11px 26px;transition:all 0.5s}
.pmore a:hover{ background:#034a9c; color:#fff; border:1px solid #034a9c}
@media screen and (max-width:1368px){
.psort{ width:70%;}
}
@media screen and (max-width:768px){
.psort{ width:100%;}
.protwo dl{ width:100%; display:block;}
}
/*adv*/
.in-adva{ background:url(/skin/images/advbg.jpg) center no-repeat; min-height:963px; width:100%; box-sizing:border-box; overflow:hiddenl}
.advtit{ text-align:center; padding:86px 0 0;}
.advtit h3{ font-size:2.25rem; color:#333333; font-weight:bold;}
.advtit h3 b{ color:#cd261a}
.advtit p{ color:#333333; margin-top:8px;}
.ax12{  width:94%; margin:129px auto 0}
.ax12 dl{ width:24.57%}
.ax12 dl dt{ color:#fff; font-weight:bold; font-size:1.5rem; background:url(/skin/images/numbg.png) center no-repeat; float:left; height:67px; width:67px; text-align:center; line-height:67px;}
.ax12 dl dd{ float:right; width:76%;}
.ax12 dl dd h3{ font-size:1.5rem; color:#cd261a; font-weight:bold; margin-bottom:5px;}
.ax12 dl dd p{ border-top:1px solid #d2d2d2; padding:5px 0; font-size:1rem; line-height:1.5em}
.ax3{ margin:80px auto 0}
@media screen and (max-width:1368px){
.ax12{  width:100%; margin:129px auto 0}
}
@media screen and (max-width:768px){
.ax12{  width:100%; margin:89px auto 0}
.ax12 dl{ width:49%}
.ax12 dl dt{ background-size:cover; height:90px; width:90px; text-align:center; line-height:90px;}
.ax12 dl dd{ float:right; width:74%;}
.ax12 dl dd h3{ margin-top:16px}
.ax12 dl dd p{ display:none}
.ax3{ margin:200px auto}
}
/*order*/
.in-or{ background:url(/skin/images/ordbg.jpg) center no-repeat; width:100%; overflow:hidden; min-height:813px; padding:70px 0; box-sizing:border-box}
.ortit{ text-align:center; }
.ortit h3{ font-size:2.25rem; color:#fff; font-weight:bold;}
.ortit p{ color:#c3c3c3; font-size:1rem; margin-top:5px;}
.process{ width:61.5%; background:#fff; padding:43px 0 43px 16%; box-sizing:border-box; margin-left:12.07%;margin-top:52px; position:relative; min-height:533px; box-sizing:border-box;}
.process .stit p{ font-size:1.25rem; color:#333333}
.process .pos{ position:absolute; left:-310px; top:20px;}

.seven{ background:url(/skin/images/sevenbg.jpg) left center no-repeat; width:75%; height:375px; position:relative; margin-top:25px}
.seven li{ position:absolute;}
.seven li:nth-child(3) div{ text-align:left;}
.seven li:nth-child(3) div span{ text-indent:18px; display:block;}
.seven li:nth-child(5) div{ text-align:left;}
.seven li:nth-child(5) div span{ text-indent:18px; display:block;}
.seven img{ display:inline-block; }
.seven div{ display:inline-block; text-align:center; margin-left:12px; position:relative; top:-8px}
.seven span{ font-size:1.125rem; color:#333333;}
.seven p{ font-size:0.875rem;}
.seven .s1{ top:23px;}
.seven .s2{ top:100px;}
.seven .s3{ top:181px;}
.seven .s4{ top:261px;}
.seven .s5{ right:40px; top:65px;}
.seven .s6{ right:52px; top:154px;}
.seven .s7{ right:52px; top:242px;}

.infeed{ width:25.4%; background:#fff; border:1px solid #f4f4f4; margin-top:52px; box-sizing:border-box; padding:44px 34px;}
.ftt{ text-align:center;}
.ftt p{ font-size:1rem; color:#666666}
.ftt h3{ font-size:1.5rem; color:#ec1e1e; font-weight:bold;}
.ftt form{ margin-top:37px;}
.ftt .ft1{ width:100%; box-sizing:border-box; border:1px solid #d2d2d2; padding:10px 10px; margin-bottom:6px;}
.ftt .fbtn{ width:100%; background:#034a9c; border:none; color:#fff; font-size:1rem; padding:14px 0; margin-top:24px; cursor:pointer}
@media screen and (max-width:1368px){
.infeed{ padding:44px 12px}
}
@media screen and (max-width:768px){
.process{ display:none;}
.infeed{ width:100%;}
.ftt .ft1{ font-size:1rem;}
}
/*creat*/
.in-creat{ padding:70px 0; width:100%; overflow:hidden;}
.cretit{ text-align:center;}
.cretit h3{ font-size:2.25rem; color:#333333}
.cretit h3 b{ color:#034a9c}
.cretit p{ margin-top:5px; color:#666666;}
.cre3{ margin-top:48px;}
.cre3 li{ position:relative; display:block; float:left; width:32.14%; margin-right:1.79%; overflow:hidden; cursor:pointer}
.cre3 li img{ width:100%; transform:scale(1); transition:all 0.5s ease-in-out;}
.cre3 li:hover img{ transform:scale(1.02);}
.cre3 li:nth-child(3){ margin-right:0;}
.cre3 li span{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; background:rgba(0,0,0,0.5); transition:all 0.5s ease-in-out}
.cre3 li h4{ font-size:1.5rem; color:#fff; z-index:3; font-weight:bold; position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:45%;}
.cre3 li:hover span{ background:rgba(0,0,0,0)}
@media screen and (max-width:768px){
.cretit h3{ font-size:2rem; color:#333333;}
.cre3 li{ margin-right:2%; width:49%; margin-bottom:20px;}
.cre3 li:nth-child(2){ margin-right:0}
.cre3 li:nth-child(3){ margin-left:25%}
}
/*tt*/
.in-tt{ background:url(/skin/images/ttbg.jpg) center no-repeat; min-height:154px; width:100%; overflow:hidden;}
.in-tt .fl{ width:50%; padding-top:50px}
.in-tt .fl p{ font-weight:bold; color:#fff; font-size:1.125rem;}
.in-tt .fl h3{ font-size:1.5rem; font-weight:bold; color:#fff;}
.in-tt .wx{ padding-top:19px;}
.in-tt .wx img{ margin-left:15px;}
.in-tt .wtel{ background:#034a9c; text-align:center; padding:23px 25px 10px;}
.in-tt .wtel p{ font-size:0.875rem; color:#fefefe}
.in-tt .wtel h3{ font-size:1.125rem; color:#fefefe; font-weight:bold; margin:8px 0 16px}
.in-tt .wtel a{ background:#fff; color:#333333; font-size:0.875rem; display:inline-block; padding:10px 24px; transition:all 0.5s ease}
.in-tt .wtel a:hover{ background:#333; color:#fff;}
@media screen and (max-width:1368px){
.in-tt .fl{ width:60%; padding-top:50px}
}
@media screen and (max-width:768px){
.in-tt{ background-size:cover; padding-bottom:20px;}
.in-tt .fl{ width:100%; }
.in-tt .wx{ padding-top:0;}
.in-tt .wtel{ display:none;}
}
/*case*/
.in-case{ width:100%; overflow:hidden; padding:77px 0;}
.catit{ text-align:center;}
.catit h3{ color:#333333; font-weight:bold; font-size:2.25rem;}
.catit p{ color:#666666; margin-top:8px;}
.cascroll{ width:100%; margin-top:47px; position:relative;}
.cascroll .prev{ display:block;  position:absolute; left:0; top:41%; z-index:2; cursor:pointer; background:url(/skin/images/cleft.png) center no-repeat; width:49px; height:49px; transition:all 0.5s ease}
.cascroll .next{ display:block; position:absolute; right:0; top:41%; z-index:2; cursor:pointer; background:url(/skin/images/cright.png) center no-repeat;width:49px; height:49px;transition:all 0.5s ease}
.cascroll .prev:hover{ background:url(/skin/images/cleft1.png) center no-repeat;}
.cascroll .next:hover{background:url(/skin/images/cright1.png) center no-repeat;}
.cascroll .hx{ width:88.5%; margin:0 auto;}
.cascroll .hx li{ width:23.7%; float:left; margin-right:20px;}
.cascroll .hx li a{ display:block;}
.cascroll .hx li div{ width:100%; overflow:hidden;}
.cascroll .hx li div img{ width:100%; transform:scale(1); transition:all 0.5s ease-in-out;}
.cascroll .hx li:hover div img{ transform:scale(1.02)}
.cascroll .hx li p{ padding:16px 0; text-align:center;}
@media screen and (max-width:768px){
.cascroll .hx{ width:100%; overflow:hidden;}
.cascroll .hx li{ width:48.5%; float:left; margin-right:20px;}
}
/*about*/
.in-ab{ width:100%; background:url(/skin/images/abbg.jpg) center no-repeat; min-height:627px; overflow:hidden;}
.abcon{ width:63.71%; position:relative;}
.abcon .hobg{ width:100%; margin-top:79px; position:absolute;}
.abcon .hobg img{ max-width:inherit}
.ab-text{ position:relative; z-index:2; margin-top:130px; padding-left:77px;}
.ab-text .title{ text-align:center; margin-bottom:50px;}
.ab-text .title h4{ color:#fefefe; font-size:2.25rem; font-weight:bold;}
.ab-text .title p{ color:#d7d7d7; font-size:1rem; margin-top:10px;}
.ab-text .cone p{ color:#ffffff; text-indent:2em; line-height:1.75em; display:block;}
.ab-text .cone .amore{ border:1px solid #fff; color:#fff; padding:8px 22px;  display:inline-block; margin-top:40px; transition:all 0.5s ease}
.ab-text .cone .amore:hover{ background:#fff; color:#333333;}
.ab-text .cone .amore .s1{ transform:scale(1); width:auto;transition:all 0.5s ease; transform-origin:left;}
.ab-text .cone .amore .s2{ transform:scale(0); width:0;transition:all 0.5s ease; transform-origin:left;}
.ab-text .cone .amore:hover .s1{ transform:scale(0); width:0}
.ab-text .cone .amore:hover .s2{ transform:scale(1); width:auto;}
.abcon .abtel{ position:absolute; z-index:2; right:-29%; bottom:-72px;}
.abcon .abtel p{ position:absolute; z-index:3; color:#fff; top:0; line-height:53px; padding-left:50px;}
.abcon .abtel p b{ color:#fff; font-size:1.5rem;}
@media screen and (max-width:768px){
.in-ab{ padding-bottom:60px}
.abcon{ width:100%; position:relative; background:#034a9c}
.abcon .hobg{ display:none;}
.ab-text{ position:relative; z-index:2; margin-top:60px; padding:0 37px 60px;}
.abcon .abtel{ right:0; bottom:-19px; background:#313131; width:667px; height:54px}
.abcon .abtel img{ display:none;}
}
/*par*/
.in-par{ background:url(/skin/images/parbg.jpg) center no-repeat; width:100%; overflow:hidden; padding:75px 0 0; height:598px; box-sizing:border-box;}
.partt{ text-align:center;}
.partt h3{ color:#333333; font-weight:bold; font-size:2.25rem;}
.partt p{ font-size:0.875rem; color:#666666; margin-top:5px;}
.logolist{ position:relative; height:400px; margin-top:56px;}
.logolist li{ float:left; text-align:center; position:absolute; bottom:0; cursor:pointer}
.logolist li img{ transform:rotateY(0); transition:all 0.5s ease;}
.logolist li:hover img{ transform:rotateY(180deg)}
.logolist li span{ background:#86b5d5; border:3px solid #c3dbed; border-radius:50%; width:10px; height:10px; display:block; margin:13px auto 0;}
.logolist li i{ width:1px; background:#afcfe5; display:block; margin:0 auto; height:310px}
.logolist li.lo1{ left:0;}
.logolist li.lo2{ left:128px;}
.logolist li.lo2 i{ height:133px}
.logolist li.lo3{ left:270px;}
.logolist li.lo3 i{ height:51px;}
.logolist li.lo4{ left:391px;}
.logolist li.lo4 i{ height:318px;}
.logolist li.lo5{ left:544px}
.logolist li.lo5 i{ height:176px;}

.logolist li.lo6{ right:560px;}
.logolist li.lo6 i{ height:80px;}

.logolist li.lo7{ right:396px;}
.logolist li.lo7 i{ height:263px;}

.logolist li.lo8{ right:259px}
.logolist li.lo8 i{ height:111px;}
.logolist li.lo9{ right:151px;}
.logolist li.lo10{ right:0;}
.logolist li.lo10 i{ height:140px}
@media screen and (max-width:768px){
.in-par{ height:auto; background-size:cover;}
.logolist li.lo6{ display:none; }
.logolist li.lo7{ display:none; }
.logolist li.lo8{ display:none;}
.logolist li.lo9{  display:none;}
.logolist li.lo10{ display:none;}
}
/*news*/
.in-news{ padding:80px 0; width:100%; overflow:hidden;}
.newtit{ text-align:center;}
.newtit h3{ color:#333; font-size:2.25rem; font-weight:bold;}
.newtit p{ font-size:1rem; color:#666; margin-top:5px;}
.inlist{ margin-top:56px;}
.inlist li{ width:32.5%; float:left; margin-right:1.25%;}
.inlist li:nth-child(3){ margin-right:0;}
.inlist li .npic{ width:100%; overflow:hidden;}
.inlist li .npic img{ transform:scale(1); transition:all 0.5s ease; width:100%;}
.inlist li:hover .npic img{ transform:scale(1.05);}
.inlist li .name{ padding:36px 0 22px; border-bottom:1px solid #dcdcdc; position:relative;}
.inlist li .name p{ font-size:1.125rem; color:#111111; margin-bottom:8px;transition:all 0.7s ease;}
.inlist li .name span{ color:#999999; font-size:0.875rem;}
.inlist li .name i{ position:absolute; width:100%; height:1px; background:#034a9c; bottom:-1px; left:0; transform:scale(0,1); transition:all 0.7s ease; transform-origin:left;}
.inlist li:hover .name p{ color:#034a9c}
.inlist li:hover .name i{ transform:scale(1);}


.nmore{ text-align:center; margin-top:68px;}
.nmore a{ border:1px solid #7d7d7d; display:inline-block; padding:10px 32px; font-size:0.875rem; color:#333333}
@media screen and (max-width:768px){
.inlist li{ width:49%; float:left; margin-right:2%; margin-bottom:20px}
.inlist li:nth-child(3){ margin-right:2%;}
.inlist li:nth-child(2n){ margin-right:0;}
}
/*foot*/
.foot{ background:#313131; width:100%; overflow:hidden; padding:49px 0;}
.foot .fcon{ width:32.5%;}
.foot .fcon h4{ font-size:1.125rem; color:#fff; font-weight:bold; margin-bottom:32px;}
.foot .fcon p{ color:#e8e8e8; font-size:0.875rem; line-height:1.625em;}
.fmenu{ width:25%; margin-left:8%;}
.fmenu h4{ font-size:1.125rem; color:#fff; font-weight:bold; margin-bottom:32px;}
.fmenu ul{ margin-top:32px;}
.fmenu ul li{ float:left; width:25%; margin-bottom:20px;}
.fmenu ul li a{ color:#e8e8e8; transition:all 0.5s}
.fmenu li a:hover{ color:#034a9c;}
.fwx{ max-width:25%;}
.fwx  h4{ font-size:1.125rem; color:#fff; font-weight:bold; margin-bottom:32px;}
.fwx .xx .fl{ margin-right:40px}
.fbq{ background:#034a9c; padding:12px 0; width:100%; overflow:hidden;}
.fbq p{ font-size:0.875rem; color:#f8f8f8}
.fbq p a{ color:#fff;}
.fbq p a:hover{ color:#eee;}
@media screen and (max-width:1368px){
.fwx .fl{ max-width:42%}
.fwx .fr{ max-width:42%}
}
@media screen and (max-width:768px){
.foot .fcon{ width:60%;}
.fmenu{ display:none;}
.fwx{ max-width:40%}
.fwx  .xx .fl{ max-width:48%; margin-right:0 !important; }
.fwx .fr{ max-width:48%}
.fbq{ margin-bottom:100px;}
.fbq p{ float:none; line-height:1.5em}
}

/*浮动*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#313131; z-index:99999}
.fudong li{ width:25%; text-align:center; height:80px; margin:10px 0; border-right:1px solid rgba(255,255,255,0.3); float:left; box-sizing:border-box;}
.fudong li p{ color:#fff;}
}
/*gotop*/
.cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;width:40px;height:40px;background:url(/skin/images/backtop.png) center no-repeat;}
.cbbfixed .gotop:hover {}


.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
.swiper-container { width: 760px; 
     height:650px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1}
	

.swiper-wrapper {
	position: relative;
	width: 760px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide { background-size:100%;}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(/skin/images/btn-prev.png) center; height:50px; width:50px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(/skin/images/btn-next.png) center; height:50px; width:50px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {

	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#f48100;
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
}

@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}


/*企业实力*/
.in-shi{ width:100%; padding-top:67px; overflow:hidden;}
.stit{ text-align:center;}
.stit h3{ font-size:2.5rem; color:#034a9c;font-weight: bold;}
.stit p{ font-size:1.25rem; color:#1a1a1a; font-weight:lighter;}

#tab1{ margin-top:36px; background:url(/skin/images/slbg.jpg) center bottom no-repeat;}
#tab1 .ix{ width:1px; height:700px; background:rgba(255,255,255,0.5); display:block; position:absolute; top:89.5px}
#tab1 .x4{ right:0}
#tab1 .x3{ right:25%;}
#tab1 .x2{ right:50%;}
#tab1 .x1{ left:25%}
#tab1 .tablist1{ text-align:center; }
#tab1 .tablist1 li{ display:block; float:left; width:25%; text-align:center; position:relative; z-index:2;}
#tab1 .tablist1 li i{ display:block; width:27px; height:27px; border-radius:50%; background:#fff; position:absolute; right:-14px; top:76px; z-index:2}
#tab1 .tablist1 li div{ width:179px; height:179px; background:#717171; border-radius:50%; display:inline-block; text-align:center; transition:all 0.7s;}
#tab1 .tablist1 li div a{ display:block; margin:8px auto; border:1px solid rgba(255,255,255,0.5); width:162px; height:162px; border-radius:50%; padding-top:32px; box-sizing:border-box;}
#tab1 .tablist1 li div a p{ color:#fff; margin-top:10px; font-size:1.25rem; }
#tab1 .tablist1 li div a img{ transform:rotateY(0); transition:all 0.7s}
#tab1 .tablist1 li:hover div,#tab1 .tablist1 li.cur div{ background:#034a9c}
#tab1 .tablist1 li:hover div img{ transform:rotateY(180deg)}

#tab1 .tabCon1{width:100%; margin-top:-89.5px; min-height:700px; position:relative;}
#tab1 .tabCon1>div{ position:relative; display:none; padding:128px 50px 0 26px; box-sizing:border-box; background:rgba(0,0,0,0.5); width:25%; height:100%; position:absolute; opacity:1; }
#tab1 .tabCon1>div.dcur1{ left:0;}
#tab1 .tabCon1>div.dcur2{ left:25%;}
#tab1 .tabCon1>div.dcur3{ right:25%;}
#tab1 .tabCon1>div.dcur4{ right:0;}
#tab1 .tabCon1>div.cur{display:block; }
#tab1 .tabCon1>div span{ font-family:'DIN'; opacity:0.5; color:#fff; font-size:48px}
#tab1 .tabCon1>div h4{ font-size:2.5rem; color:#fff; font-weight:bold;}
#tab1 .tabCon1>div p{ color:#fff; font-size:1.125rem; margin:40px 0; line-height:1.5rem;}
#tab1 .tabCon1>div a{ display:inline-block; background:#ff7800; color:#fff; padding:10px 14px; border-radius:20px}
#tab1 .tabCon1>div a img{ margin-bottom:-4px}
@media screen and (max-width:768px){
#tab1{ padding:48px 0;}
#tab1 .ix{ display:none}
#tab1 .tablist1 li{ width:50%; margin-bottom:20px;}
#tab1 .tablist1 li i{ display:none}
#tab1 .tablist1 li div{ width:220px; height:220px; background:#717171; border-radius:50%; display:inline-block; text-align:center; transition:all 0.7s;}
#tab1 .tablist1 li div a{ width:204px; height:204px; padding-top:40px}
#tab1 .tabCon1{ display:none;}
}

/*客户*/
.in-cus{ background:#f1f1f1; padding:120px 0 64px; width:100%; overflow:hidden;}
.custit{ text-align:center;}
.custit h3{ color:#034a9c; font-size:2.5rem;font-weight: bold;}
.custit h3 i{ display:inline-block; background:#034a9c; width:9px; height:9px; border-radius:50%; position:relative; top:-10px}
.cgun{ margin-top:43px; position:relative; background:#fff;}
.cgun span.prev{ left:27px;position:absolute; cursor:pointer; top:-105px;}
.cgun span.next{ left:80px;position:absolute; cursor:pointer; top:-105px;}
.cgun li{ background:#ffffff; padding:65px 65px 80px;}
.cgun li div{ width:60%; color:#666666}
.cgun li p{ font-size:1.375rem; color:#034a9c}
.cgun li span{ display:block; color:#696969; margin:16px 0;}
.cgun li em{ color:#666666; line-height:1.5em; display:block; margin-bottom:16px;}

.cupic{ position:absolute; right:27px; top:-179px; z-index:2;}
.culist{ margin-top:44px;}
.culist li{ float:left; width:18.8%; margin-right:1.5%; margin-bottom:20px; background:#fff; cursor:pointer}
.culist li img{ transition:all 0.7s; transform:rotateY(0);}
.culist li:hover img{ transform:rotateY(180deg)}
.culist li:nth-child(5){ margin-right:0}
.culist li:nth-child(10){ margin-right:0}
@media screen and (max-width:768px){
.cupic{ display:none}
.cgun span.prev{  cursor:pointer; top:10px;}
.cgun span.next{  cursor:pointer; top:10px;}
.cgun li div{ width:100%; color:#666666}
.culist li{ width:32%; margin-right:2%}
.culist li:nth-child(3n){ margin-right:0}
.culist li:nth-child(5){ margin-right:2%}
.culist li:nth-child(10){ display:none;}
}

/*切换*/
.in-qie{ background:url(/skin/images/qiebg.jpg) center no-repeat; width:100%; min-height:768px; overflow:hidden; padding:52px 0; box-sizing:border-box;}
.qietit{ text-align:center;}
.qietit h3{ font-size:2.25rem; color:#ffffff; font-weight:bold;}
.qietit h3 b{ color:#ff9b2a;}
.qietit p{ font-size:1.25rem; color:#fff; margin-top:12px;}

/* 本特效css样式 */
.yings {width: 47.68%;margin: 0 auto;zoom: 1; overflow:auto; float:right;}
.yings li {list-style: none;}
.yings ul li {float: left; position:relative; display:block;}
.yings ul li .pff{ width:100%; box-sizing:border-box; position:absolute; bottom:0; background:rgba(0,0,0,0.5); color:#fff; font-size:1.125rem; padding:24px 42px;}
.yings img{ width:100%;}
.yings .arrows {}
.section4 {height: auto; width:100%; position:relative; background:#fff; padding:30px; box-sizing:border-box; margin-top:46px;}

.section4 .dots {position: absolute;width: 46%;height: auto; left:0; top:0; background: #fff; float:left; box-sizing:border-box; padding:30px 0 0 46px}
.section4 .dot {cursor: pointer; width:48%; box-sizing:border-box; padding:4px; border-top-left-radius:41px; border-bottom-left-radius:41px; max-height:80px; transition:all 0.5s; border:1px solid #d6d6d6; margin-bottom:32px; position:relative; left:0;}
.section4 .dot:nth-child(7){ margin-bottom:0;}
.section4 .dot:nth-child(8){ margin-bottom:0;}
.section4 .dot p{ display:inline-block; position:relative; top:-18px; font-size:1.125rem; text-align:center; width:65%; color:#6f6f6f}
.section4 .dot p span{ display:block; color:#b4b4b4; font-size:0.75em; text-transform:uppercase;}
.section4 .dot .yimg{ position:relative; display:inline-block;}
.section4 .dot .yimg .y2{ position:absolute; left:0; top:0px; transform:scale(0); transition:all 0.5s;}
.section4 .dot.active .yimg .y2{ transform:scale(1);}
.section4 .dot .yimg .y1{ transform:scale(1); transition:all 0.5s;}
.section4 .dot.active .yimg .y1{ transform:scale(0);}

.section4 .dot.active {background: #024593;border:1px solid #024593; width:50%; left:-2%; position:relative;}
.section4 .dot1.active {background: #024593;border:1px solid #024593; width:50%; left:2%; position:relative;}
.section4 .dot.active p{ color:#fff;}
.section4 .dot.active p span{ color:#4589d8}
.section4 .dot1{ text-align:right;border-top-left-radius:0; border-bottom-left-radius:0;border-top-right-radius:41px; border-bottom-right-radius:41px;}

@media screen and (max-width: 768px){
.qietit h3{ font-size:2rem;}
.qietit h3 b{ color:#ff9b2a;}
.qietit p{ font-size:1rem;}
.yings { width:100%;}
.yings ul li .pff{text-indent:40px;}
.section4 .dots { display:none;}
.yings .arrows .prev { bottom:0px;left: 80.5%;background: url(/skin/images/yleft.jpg) no-repeat;}
.yings .arrows .next { bottom:0px;left: 90.3%;background: url(/skin/images/yright.jpg) no-repeat;}
}