@charset "utf-8";
/* CSS Document */
*{ 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:#666;}
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:#666;}
a:hover{ color:#C00;}
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{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #333 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #333;}
DIV.green-black A:hover{BORDER: #2363c0 1px solid;COLOR: #fff;font-size:100%;background-color: #2363c0;}
DIV.green-black A:active{BORDER: 1px solid #2363c0;COLOR: #fff;font-size:100%;background-color: #2363c0;}
DIV.green-black SPAN.current{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #2363c0;font-size:100%;background-color: #2363c0;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #2363c0 1px solid;font-size:100%}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}

.kd{ width:94%; max-width:1300px; margin:0 auto;}
.fl{ float:left}
.fr{ float:right;}
@media screen and (max-width:768px){
.kd{ width:96%;}
}

.head{ width:100%; position:fixed; height:auto; border-top:4px solid #154c9b; padding:16px 0; box-shadow:0 3px 3px 1px rgba(0,0,0,0.1); z-index:99; background:#fff;}
.head .logo{}
.head .kd{ width:96%;}
.head .gname{ border-left:1px dashed #c9c9c9; padding:10px 0 10px 18px; margin-left:28px; margin-top:10px;}
.head .gname h4{ font-size:1.5rem; font-weight:bold; color:#154c9b}
.head .gname p{ font-size:1.125rem; color:#434343}

.tright{ width:55%;}
.tright .ttel{ background:url(../images/tel.jpg) left center no-repeat;}
.tright .ttel p{ font-size:1.5rem; color:#0070bd; font-weight:bold; padding-left:30px;}

@media screen and (max-width:768px){
.head .gname{ margin-top:5px;}
.head .gname h4{ font-size:1.25rem; }
.head .gname p{ font-size:0.75rem;}
.tright .ttel{ display:none;}
}

.menu{ position:relative; z-index:99; width:100%; top:0; right:0; transition:all 0.8s ease}
@media screen and (max-width:1300px){
.menu{top:12px;}
}
@media screen and (max-width:768px){
.menu{ position:absolute; top:12px;}
}
/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block; position:absolute; top:0;  width:100%}
.mobile-inner-nav li{ float:left; position:relative; width:14.28%; text-align:center;  box-sizing:border-box; }

.mobile-inner-nav li:last-child{ margin-right:0;}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; color:#fff; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; margin-top:-1px;  margin:0 auto}
.mobile-inner-nav a span{ position:absolute; bottom:0px; width:100%; height:4px; background:#154c9b; left:0; transform:scale(0,1); transition:all 0.8s ease;}
.mobile-inner-nav a p{ color:#1b1b1b; font-size:1rem; transition:all 0.5s; padding:1rem 0;  display:block; z-index:2; position:relative; transition:all 0.5s}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#154c9b;  }

@media only screen and (min-width: 1680px){

}
@media only screen and (max-width: 1380px){
.mobile-inner-nav a p{ font-size:1rem;}
}
@media only screen and (max-width: 1280px){
.mobile-inner-nav a p{ padding:0.5rem 0;}
}

@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li:nth-child(2){ width:100%;}
.mobile-inner-nav li:nth-child(3){ width:100%;}
.mobile-inner-nav li .erj{ display: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; padding:1rem 0;}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#000; right:65px; top:28px; width:70px; font-size:1rem}
.mobile-inner-header{width: 100%;height:4.5em; position: absolute;top: 0px;left: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:30px;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:20px; }
.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:#000; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 25%;
    bottom: 0.9em;
    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:4.3em;left: 0px;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.25rem;}

@-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;}}
.sticky .menu .mobile-inner-nav a p{ padding:1rem 0;}
}
@media screen and (max-width:768px){
.mobile-inner-header .np{  top:38px; }
.mobile-inner-header-icon{ margin-top:40px;}
.mobile-inner-header{ height:4rem}
.mobile-inner-nav{top:116px;}
}

.ctop{ height:132px; width:100%;}

.banner{ width:100%; overflow:hidden; background:#fff; height:686px;}
@media screen and (max-width:768px){
.banner{ display:none;}
}
/*banner*/
.fullSlide{width:100%;position:relative;height:686px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:686px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:686px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:23px;height:11px;margin:0 5px;overflow:hidden;background:#747474;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:5px;}
.fullSlide .hd ul .on{background:#0873c8; width:33px;}
@media screen and (max-width:768px){
.fullSlide{ display:none;}
}

/*产品*/
.in-pro{ background:url(../images/pbg.jpg) center top no-repeat; width:100%; overflow:hidden; padding:66px 0;}
.protit{ text-align:center;}
.protit h4{ font-size:2rem; color:#040415;}
.protit h4:before{ display:inline-block; background:#bcbcbc; content:""; color:#bcbcbc; width:31%; height:2px; position:relative; top:-8px; margin-right:8px;}
.protit h4:after{display:inline-block; background:#bcbcbc; content:""; color:#bcbcbc; width:31%; height:2px;position:relative; top:-8px; margin-left:8px;}
.protit span{ display:block; color:#8d8e8f; text-transform:uppercase; margin:10px 0 14px;}

.psort{ width:96%; margin:38px auto 0; border:1px solid #7d7d7d;}
.psort li{ float:left; min-width:12%; text-align:center;border-right:1px solid #7d7d7d; box-sizing:border-box; text-align:center; position:relative;}
.psort li:last-child{ border:none; width:16%}
.psort li a{ display:block; transition:all 0.75s; font-size:1.25rem; color:#4d4d4d;  padding:15px 20px; position:relative; z-index:2;}
.psort li span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#154c9b; transform:scale(0,1); transition:all 0.75s}
.psort li:hover span{ transform:scale(1);}
.psort li:hover a{ color:#fff;}

.prlist{ margin-top:34px;}
.prlist li{ float:left; width:49.5%; position:relative; box-sizing:border-box; border:2px solid #154c9b; overflow:hidden; display:block; margin-bottom:16px;margin-right:1%; text-align:center; background:#fff}
.prlist li:nth-child(2n){ margin-right:0;}
.prlist li img{ width:56%; transform:scale(1); transition:all 0.5s;}
.prlist li:hover img{ transform:scale(1.05);}
.prlist li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; width:100%; text-align:center; background:rgba(21,76,155,0.7); padding:10px 0; color:#fff}
@media screen and (max-width:768px){
.protit h4:before{ display:none;}
.protit h4:after{ display:none;}
.psort li{ width:25% !important;}
}

/*优势*/
.in-adv{ background:url(../images/advbg.jpg) center top no-repeat; padding:71px 0 0; width:100%; overflow:hidden;}
.advtit{ text-align:center;}
.advtit h4{ font-size:2.25rem; color:#fff; font-weight:bold;}
.advtit h4:before{ display:inline-block; background:#bcbcbc; content:""; color:#bcbcbc; width:31%; height:2px; position:relative; top:-8px; margin-right:8px;}
.advtit h4:after{display:inline-block; background:#bcbcbc; content:""; color:#bcbcbc; width:31%; height:2px;position:relative; top:-8px; margin-left:8px;}
.advtit span{ font-size:1rem; display:block; color:#fff; text-transform:uppercase; margin:10px 0 24px;}
.adv44{ margin-top:60px;}
.adv44 li{ width:47%; float:left; margin-right:4.5%; margin-bottom:99px; cursor:pointer;}
.adv44 li:nth-child(2){ margin-right:0;}
.adv44 li:nth-child(5){ margin-right:0;}
.adv44 li h6{  font-size:1.5rem; color:#fff; font-weight:bold;}
.adv44 li h6 img{ margin-bottom:-16px; transition:all 0.75s ease; transform:rotateY(0)}
.adv44 li:hover h6 img{ transform:rotateY(180deg);}
.adv44 li p{ font-size:1rem; color:#fff; margin-top:30px; line-height:1.5em;}
@media screen and (max-width:768px){
.advtit h4:before{ display:none;}
.advtit h4:after{ display:none;}
.in-adv{ background:#154c9b none;}
.adv44 li{ width:100%;}
}
/*视频中心*/
.in-video{ padding:80px 0;}
.vitit{ text-align:center; position:relative;margin-bottom:27px;}
.vitit h4{ font-size:2.375rem; color:#154c9b; font-weight:bold;}
.vitit span{ font-size:1rem; color:#8d8e8f}
.vitit hr{ width:41px; height:3px; background:#8e8784; border:none; margin:10px auto;}
.vitit a{ position:absolute; right:0; bottom:0; text-decoration:underline; line-height:1.5em;}

.vidlist{ width:100%;}
.vidlist .bd li{ width:32.7%; float:left; text-align:center; box-sizing:border-box; margin-right:14px}
.vidlist .bd li .vimg{ width:100%; overflow:hidden; position:relative;}
.vidlist .bd li .vimg img{ width:100%; transform:scale(1); transition:all 0.75s ease;}
.vidlist .bd li:hover .vimg img{ transform:scale(1.05);}
.vidlist .bd li .vimg span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/play.png) center no-repeat rgba(0,0,0,0.25);}
.vidlist li p{ line-height:2em;}

.vidlist .hd ul{ text-align:center; width:100px; margin:20px auto 0;  overflow:hidden; zoom:1;   }
.vidlist .hd ul li{ display:inline-block; margin:0 5px;  width:10px; height:10px; background:#bfbfbf; line-height:100px; overflow:hidden; border-radius:5px; }
.vidlist .hd ul li.on{ background:#154c9b;}
@media screen and (max-width:768px){
.vidlist{ width:100%; overflow:hidden;}
.vidlist .bd li{ width:50%;}
}

/*in-about*/
.in-about{ background:url(../images/abbg.jpg) center no-repeat; width:100%; padding:70px 0;}
.in-about .apic{ width:50%; overflow:hidden; cursor:pointer}
.in-about .apic img{ width:100%; transition:all 0.75s}
.in-about .apic:hover img{ transform:scale(1.05);}

.in-about .acon{ width:48%;}
.in-about .acon h4{ font-size:2rem; color:#154c9b; font-weight:bold;}
.in-about .acon p{ font-size:1.5rem; color:#2e2e2e; margin:12px 0;}
.in-about .acon span{ font-size:0.93rem; line-height:40px; color:#000; display:block;}
.in-about .amore{ border:1px solid #2f2f2f; display:inline-block; margin-top:52px; border-radius:5px; padding:14px 40px; color:#2f2f2f}

.in-about .gscroll{ margin-top:53px;}
.in-about .gscroll li{ text-align:center; width:24.8%; margin-right:7px;}
.in-about .gscroll li p{ line-height:2em; color:#020202;}
.in-about .gscroll li div{ width:100%; overflow:hidden;}
.in-about .gscroll li div img{ transform:scale(1); transition:all 0.75s;}
.in-about .gscroll li:hover div img{ transform:scale(1.05);}
@media screen and (max-width:768px){
.in-about{ background-size:cover;}
.in-about .apic{ width:100%;}
.in-about .acon{ width:100%;}
.in-about .gscroll{ width:100%; overflow:hidden;}
.in-about .gscroll li{ text-align:center; width:50%; margin-right:7px;}
}
/*新闻资讯*/
.in-news{ padding:78px 0;}
.newtit{ text-align:center;}
.newtit h4{ font-size:2rem; color:#2c353c; font-weight:bold;}
.newtit h4:before{ display:inline-block; background:#bcbcbc; content:""; color:#bcbcbc; width:31%; height:2px; position:relative; top:-8px; margin-right:8px;}
.newtit h4:after{display:inline-block; background:#bcbcbc; content:""; color:#bcbcbc; width:31%; height:2px;position:relative; top:-8px; margin-left:8px;}
.newtit p{ font-size:1rem; color:#8d8e8f; line-height:1.5em;}

#tab1{}
#tab1{position:relative; margin-top:38px;}
#tab1 .tabList1{   white-space:nowrap;}
#tab1 .tabList1 ul{ width:100%; text-align:center;}
#tab1 .tabList1 ul li{ background:#eeeeee; border:1px solid #e5e5e5; display:inline-block; font-size:1rem; color:#222222; position:relative; transition:all 0.5s; padding:10px 30px; margin:0 18px; cursor:pointer;}
#tab1 .tabList1 li.cur { color:#fff; font-weight:bold; background:#154c9b; }
#tab1 .tabList1 li:hover{ color:#fff; font-weight:bold; background:#154c9b;}
#tab1 .tabCon1{ margin-top:40px;}
#tab1 .tabCon1 *{}
#tab1 .tabCon1>div{ position:relative; display:none;}
#tab1 .tabCon1>div.cur{display:block; position:relative;}
.tabCon1 dl{ width:31.33%; margin-right:3%; border:1px solid #dbdbdb; background:#f4f4f4; box-sizing:border-box; float:left; box-shadow:0 3px 2px 1px rgba(0,0,0,0.2);}
.tabCon1 dl:nth-child(3){ margin-right:0;}
.tabCon1 dl dt{ width:100%; overflow:hidden;}
.tabCon1 dl dt img{ transform:scale(1); transition:all 0.75s;}
.tabCon1 dl:hover dt img{ transform:scale(1.05);}
.tabCon1 dl dd{ min-height:207px; box-sizing:border-box; padding:31px 19px;}
.tabCon1 dl dd p{ color:#595758; font-size:1.125rem;}
.tabCon1 dl dd em{ color:#888788; font-size:0.93rem; display:block; margin:18px 0;}
.tabCon1 dl dd span{ color:#7d7d7d; font-size:1rem; line-height:1.5em;}
@media screen and (max-width:768px){
.tabCon1 dl{width:100%; margin:0 0 24px 0;}
.tabCon1 dl dt{ max-height:200px;}
.tabCon1 dl dt img{ width:100%; transform:scale(1); transition:all 0.75s; margin-top:-150px;}
}

/*友情链接*/
.fri{ padding:10px 0; border-top:1px solid #ddd; background:#fff;}
.fritit{ border-right:1px solid #1C8D42; padding-right:8px;}
.fritit span{ font-size:2rem; color:#0285da; text-transform:uppercase; line-height:1em;}
.fritit p{ font-size:1.125rem; color:#333;}

.frd{ height:24px; width:90%; line-height:24px; margin-top:5px;}
.frd a{ display:inline-block; padding:0 10px;  color:#666; border-right:1px solid #666; }
@media screen and (max-width:768px){
.fri{ display:none;}
}


/*foot*/
.foot{ background:url(../images/fbg.jpg) center top no-repeat;}
.fmenu{ border-bottom:2px solid #2c66ba; padding:36px 0;}
.fmenu .qcc{ width:auto;}
.fmenu .qcc span{ color:#dedfe3; font-size:0.875rem;}
.fmenu .qcc p{ font-size:1rem; color:#d2d2d2;}
.fmenu .fr{ width:85%; margin-top:10px;}
.fmenu .fr li{ float:left; width:16.66%;}
.fmenu .fr li a{ transition:all 0.5s; color:#dedfe3;}
.fmenu .fr li a:hover{ color:#d6bc39}

.fname{ padding:43px 0;}
.fname .fcon{ width:50%;}
.fname .flogo{ max-width:30%}
.fname .ftxt{ width:70%;}
.fname .ftxt h4{ color:#cee2ff; font-size:1.375rem; letter-spacing:1px}
.fname .ftxt span{ font-size:0.875rem; color:#cee2ff; display:block; margin-bottom:32px;}
.fname .ftxt p{ color:#cee2ff; font-size:1rem; line-height:1.75em;}
.fname .ftxt p a{ color:#cee2ff}
.fname .fte{ width:28%;}
.fname .fte .wx{ width:auto}
.fname .fte .tell{}
.fname .fte .tell h4{ background:url(../images/ftel_03.png) left center no-repeat; min-height:50px; padding-left:50px;}
.fname .fte .tell h4 span{ color:#eeeff1; font-size:1rem;}
.fname .fte .tell h4 p{ color:#fff; font-weight:bold; font-size:1.5rem;}
.fname .fte .tell .zxa{ display:inline-block; background:#0070bd; color:#fff; padding:8px 14px; border-radius:20px; margin-top:20px;}
@media screen and (max-width:1368px){
.fname .fte{ width:32%;}
}
@media screen and (max-width:768px){
.foot{ background-size:cover;}
.fmenu{ display:none;}
.fname .fcon{ width:100%;}
.fname .flogo{ display:none;}
.fname .ftxt{ width:100%;}
.fname .fte{ float:left; width:70%; margin-top:40px;}
}
.fbq{ border-top:1px solid #3971c2; padding:20px 0}
.fbq p{ color:#9abef3; font-size:0.875rem;}
.fbq p a{ color:#9abef3; transition:all 0.75s ease}
.fbq p a:hover{ color:#d6bc39;}
@media screen and (max-width:768px){
.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:#0070bd; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #174895; float:left;}
.fudong li p{ color:#fff;}
}


.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
/*图片切换*/
	.device {
  width: 760px;
  height: 600px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 600px;
  width: 760px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:88;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}