*{margin: 0px;padding: 0px;}
body{font: 14px/28px "Microsoft Yahei", "宋体", 'gothambook', Verdana, Geneva, sans-serif;color: #666;background-color: #fff; max-width:480px;margin:0px auto;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
body,html{height:100%; margin:0px auto;}
a{color: #666666;text-decoration: none;}
a:hover{color: #2f318b;text-decoration: none;}
img{display:block;max-width:100%}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{padding-left: 20px; padding-right: 20px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.ovs {overflow:scroll;
}
.hidden {
    display: none;
}


/*===============================字体==========================*/
@font-face {
    font-family: 'gothambook';
    src: url('../font/gothambook.ttf') format('ttf'),
		 url('../font/gothambook.woff') format('woff'),
         url('../font/gothambook.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.zt{ font-family: 'gothambook'; font-size: 14px; color: #999999; letter-spacing: 1px;}

/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 40px; margin-top: 10px;}
.ix-m-head{ position: relative; height: 60px;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #999999; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:240px; height:100%; background:#fafafa; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; overflow-y:scroll;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; min-height:49px; border-bottom:1px solid #ebebeb;}
.leftcontrol ul li a { display:block; overflow:hidden; color:#666; padding:0 20px; height:49px; line-height:49px; font-size:15px;  }
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { border: #d8d8d8 1px solid;border-radius: 5px;width: 8px;height: 8px; background-color: transparent;margin-right: 15px; position: relative; top: 1px; }
.leftcontrol ul.subnav { overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background: #f2f2f2; }
.leftcontrol ul.subnav li{ border-bottom:solid 1px #e5e5e5;}
.leftcontrol ul.subnav li:nth-last-child(1){ border:none;}
.leftcontrol ul.subnav li a { font-size:13px; }
.leftcontrol ul.subnav li a i { margin-right: 20px; font-size:16px; } 
.leftcontrol ul.subnav li.active a { background: #555;color: #fff; }
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }

.leftcontrol ul li.active a.hassub { background: #2f318b; color:#fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:18px; cursor:pointer; opacity: 0.8;}

.nav-bg { display: none;; background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
.nav-bg.open{opacity: 1; z-index: 11; display: block;}

.leftcontrol .close img{ padding-top: 15px; padding-left: 10px;}


/*banner*/
.ix-banner{width:100%;z-index: 1; position: relative; }
.ix-banner .swiper-button-prev{background: url(../images/ll.png)no-repeat center center; width: 50px; height: 80px; left: 50px;}
.ix-banner .swiper-button-next{background: url(../images/rr.png)no-repeat center center; width: 50px; height: 80px; right: 50px;}
.ix-banner .swiper-slide img{ display: block;  margin:0px auto;}
.ix-banner .swiper-slide.swiper-slide-active .bt1{animation-delay: 0.6s; animation-name: fadeInDown;}
.ix-banner .swiper-slide.swiper-slide-active .bt2{animation-delay: 0.6s; animation-name: fadeInUp;}
.ix-banner .wp{ padding-top:20px;}
.ix-banner-kk{ position: absolute; top: 50%; left: 10%; right: 10%; width: 70%; padding: 5%; margin-top: -90px; border-radius: 30px 0px 30px 0px; background: rgba(47, 49, 139, 0.9); color:#fff}
.ix-banner-kk h2{ font-size:26px; font-weight: normal; font-style: oblique; line-height: 100%;}
.ix-banner-kk h1{ font-size:24px;  font-style: oblique; line-height: 100%; padding-top: 20px; padding-bottom: 30px;}
.ix-banner-kk p{ font-size: 14px; line-height: 160%; font-family: "宋体";}


/*通用头部*/
.ix-head{ text-align: center;}
.ix-head p{ font-size: 14px; color:#999; text-transform: uppercase;display:none }
.ix-head h1 {font-size: 20px;color: #333;line-height: 150%;margin: 0 auto;border-left: 4px solid;text-align: left;padding-left: 30px;width:85%}


/*产品中心*/
.ix-pro-wp{padding-left: 10px; padding-right: 10px; margin: 0px auto; position: relative;}
.ix-pro-wp .ix-pro-wps{ padding: 10px 10px; }
.ix-pro-wp .ix-pro-k{ border: solid 1px #d4f0ff; border-radius: 6px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);   }
.ipk-img{ width: 100%; height: 100%; overflow: hidden;}
.ipk-img img{ max-width: 100%; transition: all 0.36s ease;}
.ipl-tit{ padding: 10px;}
.ipl-tit h1{ padding-bottom: 10px; font-size: 16px; color: #333333;}
.ipl-tit p{ font-size: 14px; color:#666; line-height: 160%; padding-bottom: 10px;}
.ipl-tit a{ font-size: 14px; color:#666;  text-transform: uppercase; font-family: 'gothambook'; }
.ipl-tit a:hover{ color:#2f318b}
.ipl-tit a img{ vertical-align: middle; padding-left: 10px; display: inline-block;}
.ix-pro-wp .swiper-pagination-bullet{ width: 40px; height: 6px; background: #cccccc; border-radius: 6px; }
.ix-pro-wp .swiper-pagination-bullet-active{ background: #2f318b;}
.ix-pro-wp .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{  margin: 0 10px;}
.ix-pro-wp .swiper-button-prev{background: url(../images/l.png)no-repeat center center; width: 60px; height: 60px; left: 0px;}
.ix-pro-wp .swiper-button-next{background: url(../images/r.png)no-repeat center center; width: 60px; height: 60px; right: 0px;}

.ix-pro-wp .ix-pro-k  .ipk-img a:hover img{ transform: scale(1.08);}


/* 关于我们 */
.iam-img{ width: 100%; overflow: hidden;}
.iam-img img{ max-width: 100%; transition: all 0.36s ease;}
.iam-img a:hover img{ transform: scale(1.08);}
.iam-tit {  width: calc(100% - 40px); background: #fff; padding: 20px ;}
.iam-tit h1{ color: #333333; font-size:18px; line-height: 160%;}
.iam-tit h2{ color: #888; font-size:14px; font-family: 'gothambook'; line-height: 160%; padding-bottom: 25px; padding-top: 15px; font-weight: normal; text-transform: uppercase;} 
.it-p{ font-size: 14px; color:#666666; line-height: 180%;}
.iam-tit a{ width: 150px; height: 40px; display: block; text-align: center; line-height: 40px; background: #2f318b; font-size: 16px; color:#fff; border-radius: 4px;}
.iam-tit a:hover{background: #272873;}

/*技术支持*/
.isl-box{ text-align: center; }
.isl-box li{ position: relative; margin-bottom: 20px; width: 100%;}
.isl-box li a{ display: block;}
.isl-box-tit{  font-size: 18px; font-weight: bold; position: absolute; left: 0; right: 0; top: 50%; z-index: 11; margin-top: -20px; color:#fff}
.isl-box-tit img{ vertical-align: middle; padding-right: 20px; transition: all 0.36s ease; display: inline-block;}
.isl-box-img{ max-width: 100%;  background: #2f318b; overflow: hidden;}
.isl-box-img img{ transition: all 0.36s ease; max-width: 100%; opacity: 0.2;}
.isl-box li a::after{ opacity: 1; transition: all 0.36s ease; margin: 10px; border:solid 1px #fff; content: ''; display: block; position: absolute; top: 0; width: calc(100% - 20px); height: calc(100% - 20px); }
.isl-box.oo li{ height: 200px; overflow: hidden;}
/*新闻列表*/
.ix-news-a{ width: 100%;  box-shadow: 0px 0px 10px rgba(2, 0, 10, 0.1); margin-bottom: 20px;}
.ia-img{ width: 100%;  overflow: hidden;}
.ia-img img{max-width: 100%; max-height: 100%;  transition: all 0.36s ease;}
.ia-tit{  background: #fff;}
.ia-tit-t1{ width: 80px; height: 95px; text-align: center; padding-top: 40px; font-family: 'gothambook'; } 
.ia-tit-t2{ width: auto; height: 135px; padding-left: 100px; padding-right: 20px;} 
.ia-tit-t1 h1{  font-size: 36px; color:#2f318b;}
.ia-tit-t1 p{ font-size: 14px; color:#666666; padding-top: 10px;}
.ia-tit-t2 h1{ font-size: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#333333; padding-bottom: 10px; border-bottom: solid 1px #dddddd; padding-top: 15px;}
.ia-tit-t2 p{ font-size: 14px; color:#888; padding-top: 10px; overflow: hidden;
   width: 100%; height: 50px; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.ix-news-b{width: 100%;}
.ix-news-b ul li{ height: 130px; background: #fff; margin-bottom: 20px; box-shadow: 0px 0px 10px rgba(2, 0, 10, 0.1);}
.ix-news-b ul li:nth-last-child(1){ margin-bottom: 0px;}
.ix-news-b .inb-time{ width: 80px; height: 95px; text-align: center; padding-top: 35px; float: left; background: #2f318b; font-family: 'gothambook';}
.ix-news-b .inb-time h1{ font-size: 36px; color:#fff;}
.ix-news-b .inb-time p{ font-size: 14px; color:#fff; padding-top: 10px;}
.ix-news-b .inb-tit{ width: auto; padding-left: 100px;}
.inb-tit h1{ font-size: 15px; color:#333; padding-top: 20px; transition: all 0.36s ease;}
.inb-tit p{ font-size: 14px; color:#888; padding-top: 10px;
    width: 100%;  height: 50px; overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  display: -webkit-box;}


.ix-news-a .ia-img a:hover img{ transform: scale(1.08);}
.ix-news-b a:hover .inb-tit h1{ color:#2f318b}

.ix-news-more a{  box-shadow: 0px 0px 10px rgba(2, 0, 10, 0.1); transition: all 0.36s ease; border-radius: 4px; width: 240px; height: 50px; text-align: center; line-height: 50px; margin: 0px auto; font-size: 16px; color:#666; background: #ffffff; display: block;}
.ix-news-more a:hover{ background: #2f318b; color:#fff;}


/*底部*/
.if-a{ background: #2d363f;}
.if-nav-list{ padding-bottom: 10px; } 
.if-nav-list h1{ font-size: 16px; color:#fff; font-weight: normal; padding-bottom: 10px;}
.if-nav-list a{ color:#646d76; display: block; line-height: 200%; font-size: 14px; display: inline-block; padding-right: 20px;}
.if-xx{ border-top: solid 1px #424a53; padding-top: 35px;}
.if-xx p{ font-size: 14px; color:#646d76; line-height: 180%;}
.if-xx h1{ font-size: 28px; font-family: 'gothambook'; padding-top: 10px; font-weight: normal; padding-bottom: 10px; line-height: 100%; color: #fff;}
.if-xx h2{ font-size: 16px; color:#fff;  padding-bottom: 10px; font-weight: normal;}
.if-ewm { width: 120px; text-align: center; padding-top: 20px;}
.if-ewm img{width: 120px; height: 120px;}
.if-ewm p{font-size: 14px; color:#646d76; line-height: 200%; padding-top: 10px; text-align: center;}
.if-nav-list a:hover{ color:#fff;}

.if-b{ background: #222931; color: #646d76;  font-size: 14px; padding: 15px 0px;}
.if-b a{ color:#646d76;  font-size: 14px;}
.if-b a:hover{ color:#fff;}
/*===============================db_xs==========================*/
.db_xs{width: 60px;height: 60px;position: fixed;right: 0px;bottom: 0px;z-index: 9999;display: none;background: url(../images/xs.gif) no-repeat center center;background-color: #522081;}