/* 全局 */

@charset "UTF-8";

img, a, b, p, li, *:before, *:after, #gotop, .message ul li label, .message input[type=submit], .message input[type=reset], #chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }

 div:before, div:after, a, a:before, a:after, li, p, b, #goTop, .m_about a:after, .m_news, .m_news .title b, .m_news:after, .m_products .info .hide, .message ul,

.langBt, .language, button, input, optgroup, select, textarea, label, .toolMask .toolTop, .slideList li, .share a:before, #container, .message .title .tl, .message .title .tr, .message ul, .procon .tag .tagList li, #footerToolBar li,.leftmenu,.m_about,.m_video { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.add{ color:#afb7b9;}

.conlla{height:578px;}
.foot-cloor{}
.four iframe{}

.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }

.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }

.justify .line { display: inline-block; height: 0px; overflow: hidden; }

.justify > * { text-align: left; font-size: 14px; }

.justify .box { display: inline-block; vertical-align: top; color:#000; }

.box.justify { text-align: justify; }

.logolis{margin-top:7px;width:70px;height:12px;   background: url("../images/your.png") no-repeat top;
    background-size: 100% 100%;}





/*  reset style  */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }



input:focus, textarea:focus, button:focus, area:focus { outline: none; }



*:before, *:after { text-align: inherit; }



fieldset, img, abbr, acronym, a img { border: 0px none; }



ol, ul, li, figure { list-style: none; }



address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }



caption, th { text-align: left; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }



q:before, q:after { content: ''; }



table { border-collapse: collapse; border-spacing: 0; }

table td, table th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-all; }

table th { background: #ddd; font-weight: bold; }



img { max-width: 100%; max-height: 100%; border: 0px; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }



button { overflow: visible; }



textarea, pre { overflow: auto; }



button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }



a[href], label[for], select { cursor: pointer; }



a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }



a { text-decoration: none; color: #333; }



a:active, a:hover { outline: 0; }



sup, sub { vertical-align: baseline; position: relative; font-size: 75%; }



sup { top: -0.5em; }



sub { bottom: -0.25em; }



svg:not(:root) { overflow: hidden; }



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }



audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }



audio:not([controls]) { display: none; height: 0; }



[hidden], template { display: none; }







/*  common style  */

@font-face { font-family:"HelveticaNeueLT Pro 33 ThEx"; src:  url(../system/templates/en/font/HelveticaNeueLTPro-ThEx.otf); font-family: "icomoon"; src: url("../system/templates/en/font/icomoon.eot"); src: url("../system/templates/en/font/icomoon.eot?#iefix") format("embedded-opentype"), url("../images/font/icomoon.woff") format("woff"), url("../images/font/icomoon.ttf") format("truetype"), url("../system/templates/en/font/icomoon.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

@font-face { font-family: 'BebasRegular'; src: url("../system/templates/en/img/footerbox/bebas.eot"); src: url("../system/templates/en/img/footerbox/bebas.eot") format("embedded-opentype"), url("../images/img/footerbox/bebas.woff") format("woff"), url("../images/img/footerbox/bebas.ttf") format("truetype"), url("../system/templates/en/img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "impact"; src: url("../system/templates/en/font/impact.eot"); src: url("../system/templates/en/font/impact.eot?#iefix") format("embedded-opentype"), url("../system/templates/en/font/impact.woff") format("woff"), url("../system/templates/en/font/impact.ttf") format("truetype"), url("../system/templates/en/font/impact.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

@font-face { font-family: "ARVO-REGULAR"; src: url("../system/templates/en/font/ARVO-REGULAR.eot"); src: url("../system/templates/en/font/ARVO-REGULAR.eot?#iefix") format("embedded-opentype"), url("../system/templates/en/font/ARVO-REGULAR.woff") format("woff"), url("../system/templates/en/font/ARVO-REGULAR.ttf") format("truetype"), url("../system/templates/en/font/ARVO-REGULAR.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

body { line-height: 1.5; font-family: Helvetica, Arial, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; color: #333; overflow-x: hidden; background:#ffffff }



/* input[type="text"] , textarea{ color:#999; text-align:left;}

input[type="text"].focusOn , textarea.focusOn{ color:#333;} */

input[type="text"], textarea { text-align: left; background: transparent; }



input[type="text"]:focus, input[type="text"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }



.pageNum { margin: 1% 0; display: inline-block; }

.pageNum a, .pageNum span { font-size: 12px; line-height: 16px; padding: 6px 11px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; color: #000; }

.pageNum a:hover, .pageNum .cur { color: #fff; background: #1F87E8; }



.share a { display: inline-block; vertical-align: top; margin-left: 5px; text-align: center; border-radius: 50%;  height:27px; line-height: 27px; width:27px;font-size: 13px;color: #fff;  }

.share a:before { font-family: 'icomoon'; display: inline-block;  text-align: center; vertical-align: middle; padding: 0 5px; }

.share a.twitter { background:#42b2e0 }

.share a.facebook { background:#39559e}

.share a.google { background:#313131}

.share a.linkedin { background:#0b7daf}

.share a.youtube { background:#ca3737 }

.share a.twitter:before { content: '\e62b';   }

.share a.facebook:before { content: '\e62c'; }

.share a.google:before { content: '\e62d'; }

.share a.linkedin:before { content: '\e630'; }

.share a.youtube:before { content: '\e634';  }

.share a:hover{ background:#e8aa00}



.black{ color:#000}



.clearfix { *zoom: 1; }



.clearfix:before, .clearfix:after { content: ""; display: table; clear: both; visibility: hidden; height: 0; }



#gotop { cursor: pointer; position: fixed; width: 35px; height: 41px; color: #fff; font-size: 14px; text-align: center; background: #000; filter: alpha(opacity=60); opacity: 0.6; bottom: 3%; right: 2%; border-radius: 5px; z-index: 9999; text-transform: capitalize; }

#gotop:hover { opacity: 0.75; }

#gotop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 2px; height: 16px; }

@media screen and (max-width: 760px) { #gotop { bottom: 11%; } }



.prenext { color: #004097; }

.prenext b { font-size: 14px; color: #004097; font-weight: normal; padding-right: 3px; text-transform: capitalize; }

.prenext a { font-size: 14px; color: #004097; font-weight: normal; }



iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }



object[id^="tq_as"] { overflow: hidden; margin: 0; height: 0 !important; }



#container { width: 100%; max-width: 100%; margin: 0 auto; position: relative; }

#main { width: 10f0%; max-width:1200px; margin: 0 auto; position: relative; background:#FFFFFF }

.center { width: 1200px; max-width: 100%; margin: 0 auto; position: relative; }

@media screen and (max-width: 1200px) { .center { width: 95%; } }





#head { padding-top: 22px; padding-bottom:22px; background:#FFF }

#head .center{ width:1200px}

#head #logo { width:600px;   }

#head #logo img{max-width:600px}

#head .box .text { font-size:12px; line-height:27px;  }



@media screen and (max-width: 1200px) {#head .center{  width: 95%;}}

@media screen and (max-width: 960px) {

	#head { padding-top: 60px; }

	#head .center { width:95% }

	#head #logo { width: 30%; }

	#head .head_right {  width: 40%;}

  #head .box .text{   width: 100%;text-align: center;}

  #head .share { width: 100%; margin-left: 0; text-align: center;}

  #head #lang { width: 100%; text-align: center; margin-top:10px; } 

}

@media screen and (max-width: 540px) {

	#head #logo { width: 100%; text-align:center;  }

	#head #logo img { }

	#head .head_right {  width: 100%;}

	#head .box .text{  margin-top:10px;}

  #head .share {margin-top:10px; }

  }





#lang { width: 5%; margin-top: 30px;  background:#626366; border-radius:5px; padding:3px 20px  }

.langBt { display: block; color: #FFF; position: relative;cursor: pointer; }

.langBt:after { content: ''; width: 0; height: 0; overflow: hidden; position: absolute; border: 5px solid transparent; border-top-color: #FFF;  top: 10px; right:-10px }



.language { background: #376cab; width: 34%; text-align: right; display: inline-block; position: absolute; right: -10PX; bottom: 0px; z-index: 88; display: none; }

.language a { color: #fff; font-size: 16px; padding: 5px 10px; line-height: 1; display: inline-block; }





@media screen and (max-width: 1200px) { #lang { width: 35%; } }



#menu { display: none; position: fixed; top: 0; left: 0; background: #004097; border-bottom: 2px solid #004097; border-top: 2px solid #004097; font-size: 20px; color: #fff; padding: 3px 0; cursor: pointer; width: 100%; text-transform: capitalize; text-align: center; z-index: 960; left: 0; font-weight: bold; }

#menu:after { content: '\e637'; display: inline-block; font-family: icomoon; font-size: 22px; color: #fff; margin-left: 5px; vertical-align: middle; font-weight: normal; }

@media screen and (max-width: 860px) { #menu { display: block; } }



#nav { position: relative; text-align: center; width:100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background:#f7f7f7}

#nav .center{ width:1200px}

#nav:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: #f7f7f7;z-index: -2; }

#nav ul.listnav { display: inline-block; width:85%;  }

#nav ul.listnav > li { float: left;  padding: 0px 30px; }

#nav ul.listnav > li:hover{}

#nav ul.listnav > li.selected a,#nav ul.listnav > li.selected a:after, #nav ul.listnav > li:hover a:after {color:#004097; }

#nav ul.listnav > li:first-child a { border-left: 0px none; }

#nav ul.listnav > li a { color: #333; font-size: 17px;  display: block; text-align: center;  position: relative; padding: 13px 0px;   border-bottom:2px solid #eaeaea}

#nav ul.listnav > li a:hover{ color:#004097;  border-bottom:2px solid #004097; }

/*#nav ul.listnav > li a:after, #nav ul.listnav > li a:after{content: '\e626';font-family: icomoon;  font-size:14px  }*/





#nav ul.listnav > li > ul { position: absolute; top: 100%;  width:20%; z-index: 20; background: #fff; padding:0;display: none; margin-top:1px;padding:10px 0;   }

#nav ul.listnav > li:hover > ul { display: block; }

#nav ul.listnav > li > ul > li { width: 100%; text-align: left; float:left; background: #fff;}

#nav ul.listnav > li > ul > li:hover{ background: #0d3398	;}

#nav ul.listnav > li > ul > li a{ padding:5px 10px;  border:0; font-size:17px;text-align: left;}

#nav ul.listnav > li > ul > li a:hover{ border:0;color:#FFF;}

#nav ul.listnav > li > ul > li a:after, #nav ul.listnav > li > ul > li a:after{content: '';  }





#nav ul.listnav > li > ul.two{   width:100%; z-index: 20; background: #fff; right:0;padding-bottom:20px}

#nav ul.listnav > li > ul.two > li{ width:25%; display:block;  }


#nav ul.listnav > li > ul.two > li a{text-align:left; padding:15px 10px; line-height:17px; color:#333}

#nav ul.listnav > li > ul.two > li:hover{background: #fff; }

#nav ul.listnav > li > ul.two > li a:hover {background: #fff;color:#004097}

#nav ul.listnav > li > ul.two > li dl dt a{font-size:17px; font-weight:bold;color:#004097}

#nav ul.listnav > li > ul.two > li dl dd a { font-size:17px; color:##004097; padding:10px; margin-bottom:0}

#nav ul.listnav > li > ul.two > li dl dd a:hover{ color:#004097}

@media screen and (max-width: 1200px) {#nav ul.listnav > li  {   padding: 0px 20px; }	}

@media screen and (max-width: 960px) {

	#menu{ display:block}

	#nav { position: fixed; left: 0; top: 41px; width: 100%; z-index: 806; background: #313131; display: none; }

  #nav ul li { width: 25%; }

  #nav ul li a { width: 100%; text-align: center; padding: 8px; border-bottom: 1px solid #cc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } 
   #nav ul li a:hover{border-bottom: 1px solid #cc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

  #nav ul.listnav{ width:100%}

  #nav ul.listnav > li:hover a, #nav ul.listnav > li.selected > a {}

  }

@media screen and (max-width: 860px) { 

 #nav { position: fixed; top: 38px; z-index: 802; width: 100%; display: none; }

  #nav .center { width: 100%; }

  #nav ul.listnav { display: block; }

  #nav ul.listnav > li { width: 50%;  padding:0px  }

  #nav ul.listnav > li a {}

  #nav ul.listnav > li:hover > ul { display: none; } 

}





@media screen and (max-width: 540px) {

	#nav ul.listnav > li { width: 100%;  padding:0px  }

#nav ul.listnav > li > a { padding-left:0} 

}





#nav .search1 { width:15%; background:#ffffff; padding:0; margin-top:15px }

#nav .search1 form { position: relative; display: block;  height:30px ; top:0px; border:0px solid #545454; padding: 0  2%}

#nav .search1 input[type="text"] { width:90%; border: 0px none;  padding-left: 5px; padding-right:5px; height:30px; color:#5d5d5d; font-size:13px;  }

#nav .search1 input[type="submit"] { width:10%; height: 30px; border: 0px none; outline: none; position: absolute; right:10px; top: 0;background: url(../images/search_bg.png) center no-repeat        }

#nav .search1 input[type="text"]:focus, #nav .search1 input.focusOn[type="text"], textarea:focus, textarea.focusOn{background:#fff}

#nav .search1 label { position: absolute; left: 5px; color: #ACACAC; top: 2px; font-size: 12px; z-index: -1; }



#head .search { width:30%; background:#ccc; padding:5px 0; display:none }

#head .search form { position: relative; display: block;  height:30px ; top:0px; border:0px solid #545454; padding: 0  2%}

#head .search input[type="text"] { width:90%; border: 0px none;  padding-left: 5px; padding-right: 30px; height:30px; color:#FFF; font-size:17px;  }

#head .search input[type="submit"] { width:10%; height: 30px; border: 0px none; outline: none; position: absolute; right:10px; top: 0;background: url(../images/search_bg.png) center no-repeat        }

#head .search input[type="text"]:focus, #nav .search input.focusOn[type="text"], #nav .search textarea:focus, #nav .search textarea.focusOn{background:#ccc}

#head .search label { position: absolute; left: 5px; color: #ACACAC; top: 2px; font-size: 12px; z-index: -1; }



@media screen and (max-width: 1200px) {}

@media screen and (max-width: 960px) {

	#head .search { display: inline-block; margin-top:10px; width:30%}

	#nav .search1 { display:none }

	}



@media screen and (max-width: 540px) {

	#head .search { width:100%; }

}



#footer {  position: relative; padding: 3.16667% 0; background:#333333;color:#afb7b9; }

#footer .box{ margin-bottom:20px}

#footer .box b{ font-size:17px; color:#afb7b9; display:block; padding-bottom:20px; text-transform:uppercase}

#footer .box ul li { width: 100%; display: inline-block;vertical-align: top; margin-bottom: 20px;}

#footer .box ul li:hover a { color: #fff; }

#footer .box ul li a { line-height: 1; font-size: 14px; color:#afb7b9; }



#footer .one { width: 33.6%;  }

#footer .one ul li{ padding-left:20px; position:relative }

#footer .one ul li:before{content: ''; display: inline-block;font-size: 19px; color: #fff; vertical-align: middle; font-weight: normal;

background: url(../images/contact_ico.png) no-repeat; height:20px; width:20px; position:absolute; left:0}

#footer .one ul li.add:before{}

#footer .one ul li.tel:before{ background-position:0 -62px}

#footer .one ul li.fax:before{ background-position:0 -102px}

#footer .one ul li.mail:before{ background-position:0 -142px}



#footer .two { width: 18%; }

#footer .three { width: 27%; }





#footer .four { width: 21%; }



@media screen and (max-width: 1000px) { 

#footer .one{width: 48%;}

#footer .one a { width: 90%; }

  #footer .two { width: 48%; margin-bottom: 30px; }

  #footer .three { width: 48%;}

  #footer .four { width: 48%; }

 }

@media screen and (max-width: 720px) {

  

  }

@media screen and (max-width: 520px) { 

#footer{padding: 4.16667%;}

#footer .one{width: 100%;}

  #footer .two { width: 100%; }

  #footer .three { width: 100%;}

  #footer .four { width: 100%; }

}



#copyright {  padding: 20px 0 20px 0%; color: #afb7b9; font-size:14px ;  background:#282728}

#copyright p { display: inline-block;  margin-right: 40px; line-height: 1.6; }

#copyright a { color: #afb7b9;  }

#copyright a:hover { color: #fff; }



#copyright .share a { display: inline-block; vertical-align: top; margin-left: 5px; text-align: center; border-radius: 50%;  height:27px; line-height: 27px; width:27px; border:1px solid #888888 ;color: #888888;font-size: 13px; }

#copyright .share a:before { }

#copyright .share a.twitter { background:#282728 }

#copyright .share a.facebook { background:#282728}

#copyright .share a.google { background:#282728}

#copyright .share a.linkedin { background:#282728}

#copyright .share a.youtube { background:#282728 }

#copyright .share a:hover{ background:#004097; color:#fff}





@media screen and (max-width: 960px) {

  #copyright { padding-bottom:70px}

}









/* toolmask and chatToolBox */

body.clear { overflow: hidden; }



#footerToolBar { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 48px; background: #232323; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index: 999; }



#footerToolBar #footerBarClose { width: 100px; height: 24px; position: absolute; top: -24px; left: 50%; margin-left: -50px; cursor: pointer; display: none; }



#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #232323; border-radius: 4px 4px 0px 0px; overflow: hidden; }



#footerToolBar li { width: 25%; height: 45px; float: left; text-align: center; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-top: 2px; }



#footerToolBar li a { display: block; height: 45px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; filter: alpha(opacity=80); opacity: 0.8; padding-top: 1px; }



#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px auto; display: block; background: url("../images/footer-tool.png") no-repeat; background-size: 149px; }



#footerToolBar li:first-child { border-left: 0px none; }



#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }



#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }



#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }



#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }



#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }



#footerToolBar.close { bottom: -43px; }



#footerToolBar.close #footerBarClose:before { content: '\e627'; }



.toolMask { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: none; overflow-x: hidden; overflow-y: hidden; z-index: 1240; margin-left: 100%; }



.toolMask, .toolMask a { color: #333; }



.toolMask.moveLeft { margin-left: 0; }



.toolMask .toolTop { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 46px; line-height: 45px; font-size: 18px; text-align: center; border-bottom: 1px solid #ddd; background: #fcfcfc; padding-right: 32px; }



.toolMask .toolContent { position: absolute; top: 45px; width: 100%; left: 0; bottom: 5px; overflow-y: scroll; background: #f7f7f7; }



.toolMask .toolContent > ul > li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.2; text-transform: capitalize; position: relative; }



.toolMask .toolContent > ul > li a { display: block; padding-top: 12px; padding-bottom: 12px; padding-right: 20px; }



.toolMask .toolContent > ul > li > a { padding-left: 20px; }



.toolMask .toolContent > ul > li.selected { background: #eee; border-bottom: 3px solid #dadada; }



.toolMask .toolContent > ul > li.selected > a { background: #eee; font-weight: bold; }



.toolMask .toolContent > ul > li.hasUl > a:after { content: '\e622'; font-family: icomoon; color: #999; font-size: 18px; position: absolute; width: 12px; height: 18px; line-height: 18px; text-align: center; right: 10px; top: 13px; font-weight: normal; }



.toolMask .toolContent > ul > li ul { display: none; }



.toolMask .toolContent > ul > li ul li { border-top: 1px dotted #ccc; font-size: 12px; }



.toolMask .toolContent > ul > li ul li a { padding-left: 36px; }



.toolMask .toolContent .ToolListTitle { font-size: 15px; padding: 10px; font-weight: bold; background: #e4e4e4; }



.toolMask .toolContent > ul:last-child { padding-bottom: 15px; }



.toolMask .toolContent > ul:last-child:last-child { padding-bottom: 30px; }



.toolMask #toolCloseBtn { position: absolute; right: 0; top: 0; width: 55px; height: 42px; cursor: pointer; z-index: 1210; }



.toolMask #toolCloseBtn:before { content: "\e60e"; font-family: icomoon; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; overflow: hidden; color: #fff; background: #aaa; position: absolute; top: 5px; right: 5px; }



.toolMask #toolCloseBtn:hover:before { background: #bbb; }



#chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; position: fixed; width: 110px; bottom: 90px; right: -5px; line-height: 1.5; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 999; }



#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }



#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }



#chatToolBox i { font-style: normal; }



#chatToolBox li { list-style: none; padding-right: 5px; }



#chatToolBox #chatToolMail a { font-size: 40px; line-height: 44px; letter-spacing: -1px; padding-top: 28px; padding-bottom: 22px; font-family: BebasRegular ,'Arial Narrow' ,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }



#chatToolBox .chatToolContact { font-size: 16px; background: #323232; margin-top: 5px; text-transform: capitalize; padding: 6px 0; }



#chatToolBox:hover { right: 0; }



#chatToolBox #chatToolMail i { position: absolute; top: 0; width: 100%; height: 28px; line-height: 28px; text-align: center; background: transparent; cursor: pointer; }



#chatToolBox #chatToolMail i:before { content: '\e63d'; font-size: 24px; font-family: icomoon; }



#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }



#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0; background: inherit; top: 20px; }



#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }



#chatToolMail { background: #004097; }



#chatToolBox .chatToolContact {   background: #333 none repeat scroll 0 0;   font-size: 16px;   line-height: 1.25;   margin-top: 5px;   text-transform: capitalize;}

#chatToolBox .chatToolContact a {  }

#chatToolBox .chatToolContact a img {   margin-right: 10px;    vertical-align: middle;    width: 24px;}



@media screen and (max-width: 760px) { #chatToolBox { display: none; }

  #footerToolBar, #footerToolBar, .toolMask { display: block; } }

/*FooTable*/

.footable { width: 100%; border-collapse: collapse; border-spacing: 0; }



table.footable td, table.footable th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }



@media screen and (max-width: 900px) { table.footable td, table.footable th { text-align: left; } }

table.footable .footable-row-detail-cell { background: #fff; }



table.footable th { background: #ddd; font-weight: bold; }



.footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none; }



.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65a"; }



.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }



.footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none; }



.footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 5px; font-size: 14px; color: #999; }



.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e659"; }



.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65e"; }



.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before { content: "\e65d"; }



.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65c"; }



.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e65b"; }



.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e660"; }



.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before { content: "\e65f"; }



.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e61a"; }



.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before { content: "\e61b"; }



.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00f"; }



.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before { content: "\e666"; }



.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e636"; }



.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before { content: "\e635"; }



.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66e"; }



.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before { content: "\e670"; }



.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e662"; }



.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e664"; }



.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e622"; }



.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before { content: "\e624"; }



.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66a"; }



.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before { content: "\e66c"; }



.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle { font-size: 18px; }



.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle { font-size: 24px; }



.footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }



.footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }



.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before { content: "\e636"; }



.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before { content: "\e656"; }



.footable > thead > tr > th > span.footable-sort-indicator { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-left: 5px; }



.footable > thead > tr > th > span.footable-sort-indicator:before { content: "\e671"; }



.footable > tfoot .pagination { margin: 0; }



.footable.no-paging .hide-if-no-paging { display: none; }



.footable-row-detail-inner { display: table; }



.footable-row-detail-row { display: table-row; line-height: 1.5em; }



.footable-row-detail-group { display: block; line-height: 2em; font-size: 1.2em; font-weight: bold; }



.footable-row-detail-name { display: table-cell; font-weight: bold; padding-right: 0.5em; }



.footable-row-detail-value { display: table-cell; }



.footable-odd { background-color: #f7f7f7; }



/*  404  */

body.fofGray { background: #adb4bf; }



.fofContainer img, .fofContainer input, .fofContainer textarea, .fofContainer select, .fofContainer button, .fofContainer table, .fofCenter, .fofWrap input, .fofSearch, .fofLeft img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.fofCenter, .fofCenter .fofRight > dl { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }



.fofCenter:after, .fofCenter .fofRight > dl:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }



.fofCenter .line, .fofCenter .fofRight > dl .line { display: inline-block; height: 0px; overflow: hidden; }



.fofCenter > *, .fofCenter .fofRight > dl > * { text-align: left; font-size: 12px; }



.fofCenter .box, .fofCenter .fofRight > dl .box { display: inline-block; vertical-align: top; }



.box.fofCenter, .fofCenter .fofRight > dl.box { text-align: justify; }



.fofContainer { width: 97%; max-width: 942px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 35px; font-family: Helvetica,Arial, San-serif, 'Microsoft YaHei', SimSun; font-size: 12px; line-height: 1.75; }



.fofContainer a { text-decoration: none; color: #9099a2; }



.fofContainer a:hover { color: #9099a2; }



.fofContainer input:focus, .fofContainer textarea:focus, .fofContainer button:focus, .fofContainer area:focus { outline: none; }



.fofContainer img { max-width: 100%; height: auto; width: auto\9; border: 0px none; }



.fofContainer a:active, .fofContainer a:hover { outline: 0; }



.fofHeader { text-align: center; }



.fofHeader .fofLogo { padding: 16px 0; margin: 0 auto; text-align: center; }



.fofHeader .fofLogo a { display: inline-block; max-width: 210px; max-height: 90px; }



.fofLogo img { max-height: 90px; }



.fofCopy { text-align: right; color: #fff; padding-right: 2%; margin-top: 6px; }



.fofCenter { background: #fff; border-radius: 7px; overflow: hidden; border: 1px solid #697076; padding: 1.91489%; position: relative; }



.fofCenter > div.box { vertical-align: middle; }



.fofCenter:before { content: ''; width: 1px; overflow: hidden; position: absolute; background: #c4c9ce; top: 20px; bottom: 20px; left: 51.5%; }



.fofCenter .fofLeft, .fofCenter .fofRight { padding: 8px 0; margin: 1.2% 0; }



.fofCenter .fofLeft { width: 49.22566%; }



.fofCenter .fofRight { width: 45.02212%; }



.fofCenter .fofSearch { width: 365px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 9.66292%; padding-right: 105px; position: relative; }



.fofCenter .fofSearch input, .fofCenter .fofSearch button { height: 32px; border-radius: 6px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.fofCenter .fofSearch input[type="text"] { border: 1px solid #9099a2; background: #fff; box-shadow: inset 0px 5px 9px rgba(186, 194, 205, 0.4); width: 100%; line-height: 22px; padding: 4px 5px; }



.fofCenter .fofSearch button[type="submit"] { background: -webkit-linear-gradient(top, #fa8c2b, #fa8c2b); background: -moz-linear-gradient(top, #fa8c2b, #fa8c2b); background: -o-linear-gradient(top, #fa8c2b, #fa8c2b); background: -ms-linear-gradient(top, #fa8c2b, #fa8c2b); background: linear-gradient(top, #fa8c2b, #fa8c2b); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFA8C2B', endColorStr='#FFFA8C2B', gradientType='0'); line-height: 25px; color: #fff; border-width: 1px; border-type: solid; border-color: #fdc797 #985519 #5e340f #f2a35f; width: 95px; text-align: center; position: absolute; top: 0; right: 0; text-transform: capitalize; font-size: 14px; cursor: pointer; }



.fofCenter .fofLeft img { display: block; margin-left: auto; margin-right: auto; }



.fofCenter .fofRight, .fofCenter .fofRight a { color: #9099a2; }



.fofCenter .fofRight .fofTitle { font-size: 22px; line-height: 1.2; margin-bottom: 6px; }



.fofCenter .fofRight > p { font-size: 13px; line-height: 18px; overflow: hidden; max-height: 72px; color: #bac2cd; }



.fofCenter .fofRight > dl { margin-top: 3.25581%; padding-top: 14px; }



.fofCenter .fofRight > dl dt.box { font-size: 17px; line-height: 1.2; margin-bottom: 9px; width: 100%; }



.fofCenter .fofRight > dl dd { width: 47%; line-height: 15px; border-bottom: 1px solid #dfe3e8; }



.fofCenter .fofRight > dl dd a { display: block; padding: 6px 0; }



.fofCenter .fofRight > dl dd a:before { content: '�'; font-size: 13px; padding-right: 4px; color: #666666; }



.fofCenter .fofRight > dl dd.box { vertical-align: bottom; }



.fofCenter .fofRight .fofShare { padding-top: 12px; margin-top: 3.72093%; }



.fofCenter .fofRight .fofShare span { font-size: 17px; line-height: 1.2; }



.fofCenter .fofRight .fofShare span, .fofCenter .fofRight .fofShare > a { display: inline-block; vertical-align: middle; margin-right: 12px; }



.fofCenter .fofRight .fofShare > a { border-radius: 3px; overflow: hidden; width: 24px; }



.fofCenter .fofRight .fofShare > a:last-child { margin-right: 0; }



.fofCenter .fofRight .fofShare .bdsharebuttonbox { display: inline-block; vertical-align: middle; min-width: 160px; }



@media screen and (max-width: 945px) { .fofCenter .fofRight .fofShare > a { width: 32px; }

  .fofCenter .fofRight > dl dd a { padding: 10px 0; } }

@media screen and (max-width: 750px) { .fofCenter { padding: 15px; }

  .fofCenter:before { display: none; }

  .fofCenter .fofLeft, .fofCenter .fofRight { width: 100%; }

  .fofCenter .fofSearch { margin-top: 5%; margin-bottom: 3%; }

  .fofCenter .fofLeft img { padding-right: 2%; } }

@media screen and (max-width: 500px) { .fofCenter .fofRight > dl dd { width: 100%; }

  .fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; } }

/* fancybox  */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }



.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }



.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }



.fancybox-opened { z-index: 8030; }



.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }



.fancybox-outer, .fancybox-inner { position: relative; }



.fancybox-inner { overflow: hidden; }



.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }



.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }



.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }



.fancybox-image { max-width: 100%; max-height: 100%; }



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../system/templates/en/images/fancybox_sprite.png"); }



#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }



#fancybox-loading div { width: 44px; height: 44px; background: url("../system/templates/en/images/fancybox_loading.gif") center center no-repeat; }



.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }



.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../system/templates/en/images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }



.fancybox-prev { left: 0; }



.fancybox-next { right: 0; }



.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }



.fancybox-prev span { left: 10px; background-position: 0 -36px; }



.fancybox-next span { right: 10px; background-position: 0 -72px; }



.fancybox-nav:hover span { visibility: visible; }



.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }



.fancybox-lock { overflow: hidden !important; width: auto; }



.fancybox-lock body { overflow: hidden !important; }



.fancybox-lock-test { overflow-y: hidden !important; }



.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../system/templates/en/images/fancybox_overlay.png"); }



.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }



.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }



.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }



.fancybox-opened .fancybox-title { visibility: visible; }



.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }



.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }



.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }



.fancybox-title-inside-wrap { padding-top: 10px; }



.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }



/* Slider */

.slick-dots{ }

.slick-dots li button, .slick-prev, .slick-next { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }



.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }



.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }



.slick-list:focus { outline: none; }



.slick-loading .slick-list { background: #fff url("../images/AjaxLoader.gif") center center no-repeat; }



.slick-list.dragging { cursor: pointer; cursor: hand; }



.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.slick-track { position: relative; left: 0; top: 0; display: block; }



.slick-track:before, .slick-track:after { content: ""; display: table; }



.slick-track:after { clear: both; }



.slick-loading .slick-track { visibility: hidden; }



.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }



[dir="rtl"] .slick-slide { float: right; }



.slick-slide img { display: block; width: 100%; z-index: -1; position: relative; }



.slick-slide.slick-loading img { display: none; }



.slick-slide.dragging img { pointer-events: none; }



.slick-initialized .slick-slide { display: block; }



.slick-loading .slick-slide { visibility: hidden; }



.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }



/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height: 55px; width: 33px; line-height: 55px; font-size: 80px; cursor: pointer; background: transparent; opacity: 0.6; filter: alpha(opacity=60); top: 50%; margin-top: -20px; padding: 0; border: none; outline: none; z-index: 902; text-indent: 900px; overflow: hidden; color: #000; }



.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 0.8; filter: alpha(opacity=80); }



.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; filter: alpha(opacity=25); }



.slick-prev:before, .slick-next:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; font-family: "icomoon"; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



.slick-prev { left: 25px; }



[dir="rtl"] .slick-prev { left: auto; right: 25px; }



.slick-prev:before { content: "\e625"; }



[dir="rtl"] .slick-prev:before { content: "\e628"; }



.slick-next { right: 25px; }



[dir="rtl"] .slick-next { left: 25px; right: auto; }



.slick-next:before { content: "\e628"; }



[dir="rtl"] .slick-next:before { content: "\e625"; }



/* Dots */

.slick-dots { position: absolute; bottom: 15px;  list-style: none; display: block; text-align: center; padding: 0; width: 100%; z-index: 910;height:35px}



.slick-dots li { position: relative; display: inline-block; margin: 15px 10px; cursor: pointer; }



.slick-dots li button { border: 0; background: #FFF; border-radius: 50%; display: block; height:12px; width: 12px; outline: none; font-size: 0; cursor: pointer; }



.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }



.slick-dots li.slick-active button { background: #cb1a22; }





/* owl */

.owl-controls .owl-page span, .owl-controls .owl-buttons div, .owl-controls .owl-buttons div:before { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }



.owl-carousel, .owl-pagination { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



/* pagination circle */

.owl-pagination { position: absolute; z-index: 6; width: 100%; left: 0; bottom: 2%; text-align: center; }



.owl-controls .owl-page span { background: #bbbbbb; display: block; margin: 0 5px; width: 11px; height: 11px; border-radius: 50%; }



.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { background: #0d88db; }



/* navigation arrow */

.owl-controls .owl-buttons div { width: 44px; height: 68px; margin-top: -34px; line-height: 68px; font-size: 44px; color: white; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); background: transparent; filter: alpha(opacity=70); opacity: 0.7; text-align: center; font-family: icomoon; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; }



.owl-controls .owl-buttons div:hover { filter: alpha(opacity=100); opacity: 1; }



.owl-controls .owl-buttons div:before { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-indent: 0; }



.owl-controls .owl-buttons div.owl-prev { left: 0; }



.owl-controls .owl-buttons div.owl-prev:before { content: '\e61d'; }



.owl-controls .owl-buttons div.owl-next { right: 0; }



.owl-controls .owl-buttons div.owl-next:before { content: '\e61e'; }



/* number */

.owl-controls .owl-page span.owl-numbers { height: 24px; width: 24px; line-height: 24px; color: #c6c6c6; font-size: 12px; text-align: center; background: #e5e5e5; border-radius: 0; margin-right: 4px; margin-left: 0; }



.owl-controls .owl-page.active span.owl-numbers, .owl-controls .owl-page:hover span.owl-numbers { background: #0d88db; color: #fff; }



/*  Core Owl Carousel CSS File  v1.3.3 */

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }



.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }



.owl-carousel .owl-item img { display: block; height: auto; }



.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }



.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }



.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }



.owl-carousel .owl-item { float: left; }



.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }



.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }



.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }



.grabbing { cursor: url("../system/templates/en/images/grabbing.png") 8 8, move; }



.owl-theme .owl-controls { text-align: center; }



.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }



.owl-item.loading { min-height: 150px; background: url("../system/templates/en/css/images/AjaxLoader.gif") no-repeat center center; }



.owl-origin { -webkit-perspective: 1240px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1240px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1240px; }



.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }



.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }



.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }



.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }



.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }



.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }



.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }



.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }