*{margin: 0px;padding: 0px;}
body{font: 14px/28px "Microsoft Yahei", "宋体", 'gothambook', Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
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;}
html, body {height: 100%; width: 100%;}  
a{color: #666666;text-decoration: none;}
a:hover{color: #2f318b;text-decoration: none;}
img{border: 0;}
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{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.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;}

/*===============================header==========================*/
.ix-header{ height: 120px;}
.ix-logo img{ height: 60px; padding-top: 40px; }
.ix-tell-yy { padding-top: 12px;}
.ix-tell-yy .ix-tell{font-size: 14px; color: #999999;}
.ix-tell-yy .ix-tell span{ font-family: 'Arial'; font-style: italic; font-size: 16px; color:#333333;}
.ix-tell-yy .ix-tell img{ vertical-align: middle; padding-right: 10px;}
.ix-tell-yy .ix-yy{ padding-left: 40px; position: relative; cursor: pointer;}
.ix-tell-yy .ix-yy img{ vertical-align: middle;}
.ix-yy-an-k{ display: none; position: absolute; width: 89px; text-align: center; top: 35px;  z-index: 2; right: 0; }
.ix-yy-an-k a{ display: block;  background: #f2f2f2;}
.ix-yy-an-k a:hover{  background: #2f318b; color:#fff;}
.ix-search { position: relative; padding-top: 25px;}
.ix-search input{ width: 178px; height: 30px; border-radius: 30px; padding:0px 10px; padding-right: 35px; outline: none; }
.ix-search button{ border:none; background: none; position: absolute; top: 33px; right: 15px; outline: none; cursor: pointer;}

.ix-nav{ width: 750px; height:80px;}
.ix-nav li{ float: left; line-height: 80px; font-size:16px; padding: 0px 20px;}
.ix-nav li a{ color: #333; display: block;}
.ix-nav li a:hover{ color: #2f318b;}

.ix-nav li:hover .ix-nav-wp{opacity: 1; transition: all 0.36s ease; top: 120px; visibility: visible;z-index: 12;}
.ix-nav-wp{visibility:hidden; transition: all 0.36s ease; opacity: 0; top: 120px; position: absolute; max-width: 1920px;margin:0 auto; left: 0; right: 0; background: rgba(47, 49, 139, 0.8);  text-align: center;  color: #fff; }
.ix-nav li .ix-nav-wp a{ color:#fff; padding: 0px 30px; display: inline-table;}
.ix-nav li .ix-nav-wp a span{ padding-left: 20px; font-family: "宋体"; font-size:16px; font-weight: bold;}
/*==banner==*/
/*banner*/
.ix-banner{width:100%;height: 680px; 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: 210px;}
.ix-banner-kk{ width: 400px; padding: 40px; 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:40px;  font-style: oblique; line-height: 100%; padding-top: 20px; padding-bottom: 30px;}
.ix-banner-kk p{ font-size: 20px; line-height: 160%; font-family: "宋体";}


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


/*产品中心*/
.ix-pro-wp{ width: 1200px; margin: 0px auto; padding: 0px 100px; position: relative;}
.ix-pro-wp .ix-pro-wps{ padding: 20px; }
.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: 30px;}
.ipl-tit h1{ padding-bottom: 20px; font-size: 20px; color: #333333;}
.ipl-tit p{ font-size: 14px; color:#666; line-height: 200%; padding-bottom: 20px;}
.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: 20px;}
.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: 600px; height: 400px; 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: 500px; height: 320px; background: #fff; padding: 40px 50px;}
.iam-tit h1{ color: #333333; font-size:24px; line-height: 100%;}
.iam-tit h2{ color: #888; font-size:16px; font-family: 'gothambook'; line-height: 100%; 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: 200px; height: 46px; display: block; text-align: center; line-height: 46px; 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-right: 39px; margin-bottom: 40px; width: 374px; height: 200px; float: left;}
.isl-box li a{ display: block;}
.isl-box-tit{  font-size: 20px; 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;}
.isl-box-img{ width: 374px; height: 200px; background: #2f318b; overflow: hidden;}
.isl-box-img img{ transition: all 0.36s ease; max-width: 100%;}
.isl-box li a:hover .isl-box-img img{ opacity: 0.1;}
.isl-box li a::after{ opacity: 0; 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 li a:hover::after{  opacity: 1;}
.isl-box.oo  li{height: 440px; margin-right: 0px;}
.isl-box.oo .isl-box-img{height: 440px;}

/*新闻列表*/
.ix-news-a{ width: 570px;  box-shadow: 0px 0px 10px rgba(2, 0, 10, 0.1);}
.ia-img{ width: 570px; height: 270px; overflow: hidden;}
.ia-img img{width: 570px; height: 270px; transition: all 0.36s ease;}
.ia-tit{ height: 150px; background: #fff;}
.ia-tit-t1{ width: 130px; height: 100px; text-align: center; padding-top: 50px; font-family: 'gothambook';} 
.ia-tit-t2{ width: 400px; height: 150px; padding-right: 40px;} 
.ia-tit-t1 h1{  font-size: 42px; color:#2f318b;}
.ia-tit-t1 p{ font-size: 14px; color:#666666; padding-top: 10px;}
.ia-tit-t2 h1{ font-size: 16px; color:#333333; padding-bottom: 20px; border-bottom: solid 1px #dddddd; padding-top: 20px;}
.ia-tit-t2 p{ font-size: 14px; color:#888; padding-top: 10px; overflow: hidden;
   width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height:60px}
/*.ix-news-b{width: 580px;}*/
.ix-news-b{ width:100%;}
.ix-news-b ul li{ height: 120px; background: #fff; margin-bottom: 30px; 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: 120px; height: 85px; text-align: center; padding-top: 35px; float: left; background: #2f318b; font-family: 'gothambook';}
.ix-news-b .inb-time h1{ font-size: 40px; 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: 140px;}
.inb-tit h1{ font-size: 16px; color:#333; padding-top: 20px; transition: all 0.36s ease;}
.inb-tit p {font-size: 14px;color: #888;padding-top: 10px;height: 60px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}


.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{ float: left; padding-right: 60px;} 
.if-nav-list h1{ font-size: 16px; color:#fff; font-weight: normal; padding-bottom: 15px;}
.if-nav-list a{ color:#646d76; display: block; line-height: 200%; font-size: 14px;}
.if-xx{ border-left: solid 1px #424a53; padding-left: 60px;}
.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 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; height: 60px; line-height: 60px; font-size: 14px;}
.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;}