@charset "utf-8";
*{ margin:0px; padding:0px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {font-family:'Montserrat-Regular';color:#000;  font-size:14px;background:#fff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
h1,h2,h3,h4,h5,h6{ font-weight:normal;font-family:'Montserrat-SemiBold'; text-transform:uppercase;}
a{text-decoration:none; outline:none;}
*:focus {outline: none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
img{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ggbox{width:1100px; height:auto; margin:0 auto;}
.clearfix:after{content:".";display:block;height:0; line-height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.gray1{ background:#f4f4f4;}
.gray2{ background:#f7f7f7;}
.more{ text-transform:uppercase;}
.border{border:1px solid #e4e4e4;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb55{margin-bottom:55px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.margintb{ height:55px; width:100%;}

@font-face {font-family:'Montserrat-Black';
  src: url('../fonts/montserrat-black-webfont.eot');
  src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-black-webfont.woff') format('woff'),
	   url('../fonts/montserrat-black-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-black-webfont.svg#Montserrat-Black') format('svg');
	   font-weight: normal;
	   font-style: normal;} 
	   
@font-face {font-family:'Montserrat-Bold';
  src: url('../fonts/montserrat-bold-webfont.eot');
  src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-bold-webfont.woff') format('woff'),
	   url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-bold-webfont.svg#Montserrat-Bold') format('svg');
	   font-weight: normal;
	   font-style: normal; 
} 
@font-face {font-family:'Montserrat-ExtraBold';
  src: url('../fonts/montserrat-extrabold-webfont.eot');
  src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-extrabold-webfont.woff') format('woff'),
	   url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-extrabold-webfont.svg#Montserrat-ExtraBold') format('svg');
	   font-weight: normal;
	   font-style: normal; 
} 
@font-face {font-family:'Montserrat-Hairline';
  src: url('../fonts/montserrat-hairline-webfont.eot');
  src: url('../fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-hairline-webfont.woff') format('woff'),
	   url('../fonts/montserrat-hairline-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-hairline-webfont.svg#Montserrat-Hairline') format('svg');
	   font-weight: normal;
	   font-style: normal; 
} 
@font-face {font-family:'Montserrat-Light';
  src: url('../fonts/montserrat-light-webfont.eot');
  src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-light-webfont.woff') format('woff'),
	   url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-light-webfont.svg#Montserrat-Light') format('svg');
	   font-weight: normal;
	   font-style: normal; 
} 
@font-face {font-family:'Montserrat-Regular';
  src: url('../fonts/montserrat-regular-webfont.eot');
  src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-regular-webfont.woff') format('woff'),
	   url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-regular-webfont.svg#Montserrat-Regular') format('svg');
	   font-weight: normal;
	   font-style: normal; 
} 
@font-face {font-family:'Montserrat-SemiBold';
  src: url('../fonts/montserrat-semibold-webfont.eot');
  src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-semibold-webfont.woff') format('woff'),
	   url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-semibold-webfont.svg#Montserrat-SemiBold') format('svg');
	   font-weight: normal;
	   font-style: normal; 
} 
@font-face {font-family:'Montserrat-UltraLight';
  src: url('../fonts/montserrat-ultralight-webfont.eot');
  src: url('../fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/montserrat-ultralight-webfont.woff') format('woff'),
	   url('../fonts/montserrat-ultralight-webfont.ttf') format('truetype'),
	   url('../fonts/montserrat-ultralight-webfont.svg#Montserrat-UltraLight') format('svg');
	   font-weight: normal;
	   font-style: normal; 
}
@font-face {font-family:'PTF56F';
  src: url('../fonts/ptf56f-webfont.eot');
  src: url('../fonts/ptf56f-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/ptf56f-webfont.woff') format('woff'),
	   url('../fonts/ptf56f-webfont.ttf') format('truetype'),
	   url('../fonts/ptf56f-webfont.svg#PTF56F') format('svg');
	   font-weight: normal;
	   font-style: normal; 
}  

.navwarp {width: 100%;height:80px;position: fixed;top: 0;left: 0;z-index: 999;background-color: #fff;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }

.navwarp.smaller {height:60px; }
.navwarp.smaller .logo{box-shadow:none; top:4px;}
.navwarp.smaller .logo img{width:auto;height:50px;}
.navwarp.smaller .menudl{ top:60px;}
.navwarp.smaller #menu li{ height:60px;-webkit-transition: line-height 0.3;
    -moz-transition: line-height 0.3;
    -ms-transition: line-height 0.3;
    -o-transition: line-height 0.3;
    transition: line-height 0.3;}
.navwarp.smaller #menu li>a {line-height:40px; margin-top:10px;}


.nav{ position:relative;}
.logo{ position:absolute; left:0; top:8px; z-index:2;}
.logo img{ width:auto; height:60px;-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;}
#menu{ float:right; margin-right:-38px;}
#menu li{ float:left;text-align:center; display:block; width:140px; height:80px; line-height:80px; margin-left:20px; position:relative;}
#menu li>a{ display:block;font-family:'Montserrat-SemiBold'; font-weight:bold; color:#999; text-transform:uppercase;}
#menu li>a.cur{ height:40px; line-height:40px; margin-top:20px; background:#0a1766; color:#fff;}
#menu li>a.cur:hover{ color:#fff;}
#menu li .fathera:hover{ color:#0a1766;}
.menudl{ height:0; overflow:hidden;background: url(../images/tmbg3.png); position:absolute; left:0; top:80px; z-index:10; text-align:left;}
#menu li:hover .menudl{height:100px;-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-ms-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease;}
#menu li:hover .menudl2{ height:300px;}
.menudl dd a{ display:block;font-family:'Montserrat-SemiBold';text-transform:uppercase; width:155px; padding:0 20px; line-height:50px; color:#888888; font-size:12px;}
.menudl dd a:hover,.menudl dd a.ndt{ color:#fff;}


.control{ position:absolute;}
.control a{ display:block; float:left; width:50px; height:50px; text-indent:-9999px;}
.control a.goL{ background:url(../images/btn_icon.png) no-repeat left top; border-right:1px solid #333;}
.control a.goL:hover{background:url(../images/btn_icon.png) no-repeat left bottom;}
.control a.goR{ background:url(../images/btn_icon.png) no-repeat right top;}
.control a.goR:hover{background:url(../images/btn_icon.png) no-repeat right bottom;}


.footer_top{ width:100%; background:#1d1e24; padding:60px 0 90px; color:#808080; font-size:14px; line-height:1.8em;}
.footerleft{ width:400px;}
.footer_tit h3{ font-size:18px;color:#fff;}
.footer_tit b{ display:block; width:60px; height:2px; background:#0a1766; margin-top:8px;}
.footer_center{ width:350x;}
.footercontact li{ display:block;margin-bottom:20px;padding-left:30px;background-position: left center;}
.footercontact li a{ color:#808080;}
.footercontact li.fli_1{ background:url(../images/f_icon1.png) left 7px no-repeat; }
.fli_2{ background:url(../images/f_icon2.png) no-repeat;}
.fli_3{ background:url(../images/f_icon3.png) no-repeat;}
.fli_4{ background:url(../images/f_icon4.png) no-repeat;}
.fli_5{ background:url(../images/f_icon5.png) no-repeat;}

.footer_right{ max-width:350px;}
.footerlinks li{ margin-bottom:10px; background:url(../images/gray_block.png) no-repeat left center; padding-left:18px;}
.footerlinks li a{color:#808080; font-size:14px; line-height:1.8em;}
.footerlinks li a:hover{ color:#fff;}

.footer_bottom{ width:100%; height:80px; line-height:80px; color:#666666; background:#15161a; font-size:14px;}
.footer_bottom a{ color:#666666;}
.footer_bottom a:hover{ color:#fff;}
.footer_bottom p{ float:left;}
.footer_bottom p b{ color:#fff;}
.footer_bottom ul{ float:right;}
.footer_bottom ul li{ display:inline-block;}
.footer_bottom ul li a{ color:#666666; font-size:12px; text-transform:capitalize; display:inline-block; padding:0 5px;}
.footer_bottom ul li a:hover{ color:#fff;}

.swiper-slide img{ width:100%; height:auto;}
.arrow{ position:absolute; background-image:url(../images/btn_icon.png); background-repeat:no-repeat; width:50px; height:50px; position:absolute; left:0; bottom:0; z-index:3; cursor:pointer;}
.arrow-left{ background-position:0 0;}
.arrow-right{ background-position:-50px 0;}
.arrow-left:hover{background-position:0 -50px;}
.arrow-right:hover{ background-position:-50px -50px;}

.page{text-align:center;line-height:16px;margin-top:0;padding-bottom:20px;padding-top:40px}
.page a,.page span{display:inline-block;border:1px solid #ededed;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background-color:#fff;overflow:hidden;height:16px;line-height:16px;color:#555;font-size:12px;}
.page .gofirst,.page .goprev{margin-right:10px;}
.page .count,.page .golast,.page .gonext{margin-left:10px;display:inline-block;}
.page a:hover,.page span{background:#0a1766;color:#fff}
.page span.gofirst,.page span.golast,.page span.gonext,.page span.goprev{color:#ccc;background:#fff}
.page span.count{border:0;background:0;color:#333}
.page [class*=ico-]{margin:0}
.pages li{ display:inline-block;}
.pages li a.current{background: #0a1766;color:#fff}


@media (max-width:640px){
*{ box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.margintb{ height:20px; width:100%;}
.ggbox{ width:100%; padding:0 20px;}
.navwarp {width: 100%;height:55px;position: fixed;top: 0;left: 0;z-index: 999;background-color: #fff;}

.navwarp.smaller {height:40px; }
.navwarp.smaller .logo{box-shadow:none;}
.navwarp.smaller .logo img{width:auto;height: 33px;}
.navwarp.smaller .menudl{ top:55px;}
.navwarp.smaller #menu li>a {line-height:40px;margin:0; }


.nav{ position:relative; height:40px;}
.logo{ position:absolute; left:50%; top:7px; margin-left:-64px; box-shadow:none;}
.logo img{width:124px; height:40px;}
.listbtn{width:20px; height:15px;background: url(../images/listbtn.png) no-repeat; background-size:20px 15px; position:absolute; left:20px; top:20px;}
.navwarp.smaller .listbtn{top:13px;}
.language{margin-top:22px;}
#menu{width:100%;display:none;position:absolute; z-index:4; left:0; right:0; top:55px; margin:0;}
#menu li,.navwarp.smaller #menu li{ display:block;width:100%; clear:both; position:static; height:40px; line-height:40px;margin:0;}
#menu li a.fathera{ display:block;width:100%;background: url(../images/tmbg3.png); border-bottom:1px solid #333; color:#fff;width:100%; height:40px; line-height:40px; text-align:center;}
#menu li:hover>a.fathera{ color:#fff;}
#menu li .menudl2{ height:300px;}
#menu li .menudl2 a.ndt{height:50px; line-height:50px;}
#menu li>a.cur{margin:0;}
.navwarp.smaller #menu{top:40px;}


.menudl{display:none;width:100%; height:100px;background: url(../images/tmbg3.png); position:static; z-index:10; text-align:center;padding:0;}
.menudl dd a{ display:block; width:100%; height:50px;line-height:50px; background:url(../images/tmbg.png); color:#fff; text-align:center;padding:0;}

.language{ float:right; margin-top:21.5px;}
.language a{ display:block; width:26px; height:17px; float:left; margin-left:20px;}
.language a img{ width:100%;}

.footer_top { padding:20px 0;}
.footerleft,.footer_center{ display:none;}
.footer_right{ float:none;}
.footerlinks li a {color: #808080;font-size: 12px;line-height: 1.8em;}
.footer_tit{ font-size:20px; margin-bottom:10px;}
.footer_bottom{ width:100%; height:auto; line-height:2em; font-size:12px; clear:both; padding:20px 0;}
.footer_bottom p{ text-align:center;}
.footer_bottom p,.footer_bottom ul{ float:none;}
.footer_bottom ul li{ display:inline-block;}
.footer_bottom ul li a{ color:#666666; font-size:12px; text-transform:capitalize; display:inline-block; padding:0 5px;}
.footer_bottom ul li a:hover{ color:#666666;}

 }