*{margin: 0px;padding: 0px;}
html, body { position: relative; height: 100%;}
body{font: 14px/200% "Microsoft Yahei", "宋体", Arial, 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;}
a{color: #808080;text-decoration: none;}
a:hover{color: #0062a6;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 14px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mt3{margin-top: 30px;}
.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;}
.wps{margin: 0px auto;width: 1140px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.en{font-family: "Arial";}
.hs{ background-color: #f5f5f5;}
a:active, a:hover, a:after {
    outline: 0;
    transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    -webkit-transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    -o-transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    -moz-transition: text-shadow 300ms ease-in 0ms, color 300ms ease-in 0ms;
    transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
    -webkit-transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
    -o-transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
    -moz-transition: background 200ms ease-in 0ms, color 300ms ease-in 0ms;
}

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative; text-align: center;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; margin: auto; background: #f6f6f6; transition:all 0.36s ease; }
a:hover .zoom-box .zoom{ transform:scale(1.08); }



/*================= 字体=================*/

@font-face {
  font-family: "OpenSans-Regular";
  src: url("/static/fonts/opensans-regular.woff2") format("woff2"),
       url("/static/fonts/opensans-regular.woff") format("woff"),
       url("/static/fonts/opensans-regular.ttf") format("truetype"),
       url("/static/fonts/opensans-regular.eot") format("embedded-opentype"),
       url("/static/fonts/opensans-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "OpenSans-Light";
  src: url("/static/fonts/opensans-light.woff2") format("woff2"),
       url("/static/fonts/opensans-light.woff") format("woff"),
       url("/static/fonts/opensans-light.ttf") format("truetype"),
       url("/static/fonts/opensans-light.eot") format("embedded-opentype"),
       url("/static/fonts/opensans-light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: "iconfont"; /* Project id 3508261 */
  src: url('/static/fonts/iconfont.woff2') format('woff2'),
       url('/static/fonts/iconfont.woff') format('woff'),
       url('/static/fonts/iconfont.ttf') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.zt{ font-family: 'OpenSans-Regular'; font-size: 24px; color: #999999;}
.zt2{ font-family: 'OpenSans-Light'; font-size: 24px; color: #999999;}


.top-one{background:#264399; color:#fff; height:36px; line-height:36px;}
.top-one a i{ display:inline-block; padding-right:10px; vertical-align:middle;}
.top-one a{ color:#fff; padding-left:20px;}
/*顶部*/
.ix-header{  background-color: #fff; height: 100px; width:100%;  transition: all 0.36s ease; position: relative; z-index: 99999; }
.ix-logo{ width: 220px;}
.ix-logo img{ padding-top: 10px; height: 80px; max-width:100%;}
.ix-nav>ul>li{float: left; height: 100px; line-height: 100px;  padding:0px 25px; }
.ix-nav>ul>li>a{ font-size: 16px; position: relative; display: block; transition: all 0.36s ease; color: #333; }
.ix-nav>ul>li>a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease; left: 0; background: #264399;}
.ix-nav>ul>li>a:hover{ color:#264399;}
.ix-nav>ul>li>a:hover::after{ width: 100%;}
.ix-nav>ul>li>a.select{ color: #264399;}
.ix-nav>ul>li>a.select::after{  width: 100%;}

.ix-links{height: 100px; line-height: 100px;}
.ix-links .il-list{ display:inline-block; position: relative;}
.ix-links .il-list i{ font-size: 34px; color:#264399; vertical-align: middle; display: inline-block; padding-right: 17px; cursor: pointer;} 
.ix-links .il-list:nth-child(2) i{ font-size: 30px;}
.ix-links .il-list:nth-child(3) i{ font-size: 32px; margin-top: 2px; padding-right: 0px;}

.ix-links .il-list .il-2{  position: absolute; left: -50px;  top: 80px; opacity: 0; visibility: hidden; background-color: #fff; transition: all 0.36s ease; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); font-size: 14px;}
.ix-links .il-list .il-2.s1{ padding: 20px; width: 120px; line-height: initial;}
.ix-links .il-list .il-2 img{ width: 120px; margin: 0px auto;}
.ix-links .il-list .il-2 p{ line-height: 120%; text-align: center;}
.ix-links .il-list:hover .il-2{ position:absolute; top: 98px;  opacity: 1; visibility: visible;}

.ix-links .il-list .il-2.s2{ left: -120px; width: 280px; background-color:#fff; border: solid 1px #e0e0e0; height: 40px; line-height: 40px; }
.ix-links .il-list .il-2.s2 input{ padding: 0px 20px; width: 200px; height: 40px; border: none; border-radius: 6px; font-size: 14px;}
.ix-links .il-list .il-2.s2  a{ display:inline-block;}
.ix-links .il-list .il-2.s2  a i{ font-size: 20px;}
.ix-links .il-list .il-2.s3{ text-align: center; font-size: 14px; left: -120px; width: 280px; background-color:#fff;  height: 40px; line-height: 40px;}
.ix-links .il-list .il-2.s3 span{font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: italic; color:#264399;}
input{ outline:none;}



/*二级导航*/

.nav2{ position:absolute; width:100%; top:100px; left:0; right:0; background:#f5f5f5; line-height:200%; opacity:0; visibility:hidden; height:auto; transition:all 0.36s ease; z-index:999;}
.nav2-head{ font-size:16px; font-weight:bold; position:relative; padding:10px 0px;  border-bottom:solid 1px #cccccc;}
.nav2-head a{ font-size:15px; color:#999999; position:absolute; right:0; top:10px; font-weight:normal;}
.nav2-li{ padding-top:0px; width: calc((100% - 40px)/5);  float: left; margin-left:10px;}
.nav2-li:nth-child(1){margin-left:0px;}
.nav2-list{ padding-top:10px;}
.nav2-list .nl-img img{max-width:100%; }
.nav2-list .nl-tit{ }
.nav2-list .nl-tit .nt-list span{ display:block; }
.nav2-list .nl-tit .nt-list span a{ display:inline-block; font-size:14px; color:#333333;}
.nav2-list .nl-tit .nt-list p{ display:inline-block; }
.nav2-list .nl-tit .nt-list p a{ display:inline-block; font-size:13px; color:#999999; padding-right:10px;}
.ix-nav>ul>li:hover .nav2{ opacity:1; visibility:visible;}

/*轮播图片*/
.ix-banner{ position:relative; height:600px;}
.ix-banner .swiper-container { height:600px;}
.ix-banner .swiper-button-prev{ background:url(/static/images/l.png)no-repeat center center; left:40px; }
.ix-banner .swiper-button-next{ background:url(/static/images/r.png)no-repeat center center; right:40px; }
.ix-banner .swiper-button-prev, .ix-banner .swiper-button-next{width:17px; height:30px; margin-top:-15px;}



/*快速链接*/
.ix-kslj{ position:relative; z-index:9999;}
.ix-kslj ul{ background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.15); padding:60px 0px; margin-top:-40px; position:relative;}
.ix-kslj ul li {width:calc((100% - 4px)/5); float:left; text-align:center; border-right:solid 1px #e6e6e6;}
.ix-kslj ul li a{ display:block; transition:all 0.36s ease;}
.ix-kslj ul li a:hover{margin-top:-20px;}
.ix-kslj ul li:nth-last-child(2){ border:none;}
.ix-kslj ul li img{ display:block; width:60px; height:60px; margin:0px auto;}
.ix-kslj ul li p{font-size:18px; color:#264399; line-height:180%; padding-top:10px;}


/*大栏目*/
.ix-dfl ul li{width:calc((100% - 0%)/5); text-align:center; float:left; }
.ix-dfl ul li img{ width:176px; height:176px; border:solid 3px #fff; margin:0px auto; border-radius:50%;  transition:all 0.36s ease;}
.ix-dfl ul li p{ padding:5px 10px; font-size:18px; border-radius:6px; width:150px; margin:0px auto; margin-top:20px; background:#2a2a2a; transition:all 0.36s ease; color:#fff;}
.ix-dfl ul li a:hover img{ border-color:#264399;}
.ix-dfl ul li a:hover p{background:#264399; color:#fff;} 


/*通用标题*/
.ix-head{ text-align:center;}
.ix-head span{ font-size:28px; color:#cccccc; line-height:120%; display:block;}
.ix-head p{ font-size:32px; color:#333333; line-height:150%; position:relative; display:inline-block;}
.ix-head p:before{content:''; background:url(/static/images/l1.png)no-repeat center center; display:inline-block;width:30px; height:2px;padding-right: 20px; vertical-align: middle;}
.ix-head p:after{content:''; background:url(/static/images/l2.png)no-repeat center center; display:inline-block;width:30px; height:2px;padding-left: 20px; vertical-align: middle;}
/*白色*/
.ix-head.bs span{ color:#fff;}
.ix-head.bs p{color:#fff;}
.ix-head.bs p:before{content:''; background:url(/static/images/l11.png)no-repeat center center;}
.ix-head.bs p:after{content:''; background:url(/static/images/l22.png)no-repeat center center;}
/*产品中心*/
.ix-pro-list ul li{ width:calc((100% - 80px)/3); margin-left:40px; float:left; margin-top:40px;}
.ix-pro-list ul li:nth-child(1), .ix-pro-list ul li:nth-child(4), .ix-pro-list ul li:nth-child(7), .ix-pro-list ul li:nth-child(10){ margin-left:0px;}
.ix-pro-list ul li .ipl-tit{ padding:15px 20px; border-bottom:solid 1px #e6e6e6; transition:all 0.36s ease;}
.ix-pro-list ul li .ipl-tit .it-t1{ font-size:18px; color:#333333; position:relative; width:calc(100% - 25px); padding-right:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  transition:all 0.36s ease;}
.ix-pro-list ul li .ipl-tit .it-t1 i{ position:absolute; right:0px; top:0; font-size:13px; color:#999;  transition:all 0.36s ease;}
.ix-pro-list ul li .ipl-tit .it-t2{font-size:15px; color:#999; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  transition:all 0.36s ease;}

.ix-pro-list ul li a:hover .ipl-tit{ border-bottom:solid 1px #264399; background:#264399;}
.ix-pro-list ul li a:hover .ipl-tit .it-t1, .ix-pro-list ul li a:hover .ipl-tit .it-t1 i, .ix-pro-list ul li a:hover .ipl-tit .it-t2{ color:#fff;}

/*案例*/
.ix-case ul li{ width:calc((100% - 40px)/2); margin-left:40px; float:left; margin-top:40px; overflow:hidden;}
.ix-case ul li:nth-child(odd){ margin-left:0px;}
.ix-case ul li a{ display:block; position:relative;}

.ix-case-tit{ position:absolute; left:0; top:100%; right:0; width:calc(100% - 80px); height:calc(100% - 40px); display:block; background:rgba(0,0,0,0.9); padding:40px 40px 0px; z-index:1; color:#fff; transition:all 0.36s ease;}
.ix-case-tit .ict-t1{font-size:36px; line-height:150%; position:relative; color:#fff;}
.ix-case-tit .ict-t1 i{position:absolute; right:0; top:0; font-size:20px; color:#fff;}
.ix-case-tit .ict-t2{font-size:24px; line-height:150%;}
.ix-case-tit .ict-t3{ padding-top:20px; color:#fff;font-size:15px; line-height:200%;}
.ix-case ul li a:hover .ix-case-tit{ top:0;}

/*我们的优势*/
#certify{position:relative;width:1200px;margin:0 auto}
#certify .swiper-slide{width:760px;height:460px;background:#fff;box-shadow:0 0px 30px rgba(0,0,0,0.15);}
#certify .swiper-slide img{display:block; max-width: 100%; transition: all 0.5s ease;}
#certify .swiper-slide a{ display: block; overflow: hidden;}
#certify .swiper-slide a::after{ transition: all 0.36s ease; top:100%;}
#certify .swiper-slide a:hover::after{ background: rgba(58,34,114,0.9); content: ''; height:100%; width:100%; display: block; z-index: 1; position: absolute; top:0;}
.ix-fy-head{ opacity: 0; position: absolute; top:0; left:0; right:0; text-align: center;  z-index: 2; background:rgba(0,0,0,0.5); color:#fff; height:100%; width:calc(100% - 140px); padding:130px 70px 0px;}
.ix-fy-head p{ font-size:36px; color:#fff; line-height:120%;}
.ix-fy-head h1{ font-size:24px; font-weight:normal; color:#fff; line-height: 150%;}
.ifh-text{ padding-top:20px; font-size:15px; line-height:200%;}
#certify .swiper-slide a:hover img{ transform: scale(1.1,1.1);}
#certify .swiper-slide.swiper-slide-active .ix-fy-head{ opacity: 1;}

#certify .swiper-button-prev{ background: url(/static/images/l.png) repeat center center rgba(0,0,0,0);left: 20px; top: 22px;}
#certify .swiper-button-next{ background: url(/static/images/r.png) repeat center center rgba(0,0,0,0);right: 20px; top: 22px;}
#certify .swiper-button-prev, #certify .swiper-button-next{ top:50%; width:17px; height:30px; margin-top:-15px;}

/*关于我们*/

.ix-about{ color:#fff;}
.ab-list li{ width:calc((100% - 0px)/4); float:left; text-align:center;}
.ab-list li p{font-size:60px; line-height:120%; color:#fff;}
.ab-list li span{font-size:18px; display:inline-block; color:#fff;}
.ix-ab-text{ width:820px; margin:0px auto; font-size:15px; text-align:center;}

.ix-more a{ display:block; width:145px; height:36px; line-height:36px; text-align:center; position:relative; margin:0px auto; border:solid 1px #fff; border-radius:6px; color:#fff; text-transform:uppercase; transition:all 0.36s ease;}
.ix-more a i{ display:inline-block; font-size:12px; color:#fff; padding-left:10px;}
.ix-more a:hover{background:#264399; border:solid 1px #264399;}

.ix-more.abc a{ color:#999; border:solid 1px #e5e5e5;}
.ix-more.abc a i{ color:#999;}
.ix-more.abc a:hover{border:solid 1px #fff; color:#fff;}
.ix-more.abc a:hover i{ color:#fff; }
/*新闻中心*/
.ix-news-list li{float: left; width: 374px; background: #fff; margin-left: 39px; position: relative; border-radius: 8px; position: relative;}
.ix-news-list li::after{ position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 3px; width: 370px; margin: 0px auto;
  background: linear-gradient(to right,#264399,#349ad5); }
.ix-news-list li:nth-child(1), .ix-news-list li:nth-child(4), .ix-news-list li:nth-child(7), .ix-news-list li:nth-child(10){ margin-left: 0px;  }
.ix-news-tit{ transition: all 0.5s ease;}
.ix-news-tit h1{ font-size: 16px; color:#333333; width:100%;width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ix-news-tit p{ width:100%; font-size:15px; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ix-news-tit{ padding: 20px 30px 20px 30px;}
.ix-news-img{ overflow: hidden;}
.ix-news-img img{ max-width: 100%; display: block; transition: all 0.5s ease; }
.ix-news-tit h1{ padding-bottom: 10px;}

.ix-news-time{ z-index: 1; position: absolute; font-family: Arial; top: 0; left: 30px; width: 100px; height: 80px; border-radius: 0px 0px 4px 4px; background: #264399; color:#fff; text-align: center}
.ix-news-time h1{ padding-top: 20px; font-weight:normal;}
.ix-news-time p{font-size:18px; color:rgba(255,255,255,0.3); }

.ix-news .ix-news-list a:hover .ix-news-tit{background: #264399;}
.ix-news .ix-news-list a:hover .ix-news-tit h1{ color:#fff;}
.ix-news .ix-news-list a:hover .ix-news-tit p{ color:rgba(255,255,255,0.8);}

.ix-news .ix-news-list a:hover .ix-news-img img{ transform: scale(1.1,1.1);}

/*合作伙伴*/
.ix-hzhb ul {width:1208px; margin:0px auto; text-align:center;}
.ix-hzhb ul li{ display:inline-block; text-align:center; width:calc((100% - 80px)/5); margin:0px; margin-left:14px;  margin-top:11px;}
.ix-hzhb ul li img{ max-width:100%; width:224px; height:130px;}
.ix-hzhb ul li:nth-child(1), .ix-hzhb ul li:nth-child(6){margin-left:0px;}



/*底部*/
.ix-footer{ background:url(/static/images/db_bj.jpg)no-repeat center center; background-size:cover; font-size:15px;}
.ix-footer ul li{ width:120px; padding-right:70px; width:calc((100% - 600px)/5); float:left;}
.ix-footer ul li:nth-last-child(2){width:440px; padding-right:0px;}
.ix-footer ul li h1{font-size:16px; width:120px; color:#fff; position:relative; border-bottom:solid 1px #485c99; padding-bottom:15px; margin-bottom:20px;}
.ix-footer ul li h1::before{ width:64px; height:1px; background:#fff; content:""; display:block; position:absolute; left:0; bottom:-1px;}
.ix-footer ul li a{ display:block;color:#8795c6;}
.ix-footer ul li img{ width:130px; height:130px; margin-top:15px; display:inline-block;}
.ix-footer ul li img.ab1{ margin-right:17px;}
.ix-footer ul li a:hover{ color:#fff;}
.ix-footer ul li p{color:#8795c6;}
.ix-foot-copy{color:#8795c6; padding:15px 0px; border-top:solid 1px #485c99;}
.ix-foot-copy a{color:#8795c6;}


/*右边浮窗*/
.lx_list{
    padding: 15px 0px;
    position: fixed;
    z-index: 65001;
    top: 170px;
    right: 0px;
    cursor: default;
    width: 180px;
    background-color: #ededed; padding-bottom:10px;
}
    .lx_list li{font-size: 13px;text-align: center; width: 180px; float: left;}
	 .lx_list li.ls{font-size:16px;}
    .bb{background-color: #fff;line-height: 25px;}
    .ls{color: #4b72a9;line-height: 24px;}
	.erweima {
    right: 8px;
    top: 310px;
    left: auto;
    bottom: auto;
    margin: -25px 0 0 0;
	position:fixed;
	z-index:333333;
    display:none;
}
   

/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(/static/images/xs.png) no-repeat center center; background-color: rgba(0, 0, 0, 0.5);}
.db_xs:hover{ background-color: #112f6b;}