*{margin: 0px;padding: 0px;}
html, body { position: relative; height: 100%;}
body{font: 12px/24px "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: 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;}
3.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";}

.container{     width: 1240px; padding-right: 20px; padding-left: 20px;}

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;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; display: block; text-align: center; margin: auto; background: #f6f6f6; transition:all 0.36s ease; }

/*顶部*/
.ix-header{ top: 0;z-index:2; left: 0; right: 0; height: 100px;  transition: all 0.36s ease; position: absolute; }
.ix-logo img{ padding-top: 20px; height:80px; }
.ix-nav ul li{float: left; line-height: 100px;  padding-left: 70px;} 
.ix-nav ul li a{ font-size: 16px; position: relative; display: block; transition: all 0.36s ease; color: #fff;}
.ix-nav ul li a::after{ content: ''; position: absolute; bottom: 20px; height: 2px; width:0%; transition: all 0.36s ease; left: 0; background: #fff; opacity:0; visibility:hidden;}
.ix-nav ul li a:hover{ color:#fff;}
.ix-nav ul li a:hover::after{ width: 100%; opacity:1; visibility:visible;}
.ix-nav ul li a.select{ color: #fff;}
.ix-nav ul li a.select::after{  width: 100%; opacity:1; visibility:visible;}
.ix-header.active{ background: #fff; border-bottom:solid 1px #ededed;}
.ix-header.active .ix-nav ul li a{  color: #666;}
.ix-header.active .ix-nav ul li a::after{ background: #d92916;}
.ix-header.active .ix-nav ul li a:hover{ color:#d92916;}
.ix-header.active .ix-nav ul li a.select{ color: #d92916;}

.ix-nav ul li a.active::after{ width:100%;opacity:1; visibility:visible;}


/*===============================首页广告banner==========================*/
.ix-banner{width:100%;height:100%; color: #fff; }

.ix-banner .swiper-slide a{ display:block; height:100%;}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px;}
.ix-banner .swiper-pagination-bullet{ background:url(../images/d1.png)no-repeat center center; width:16px; height:16px;}
.ix-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:url(../images/d2.png)no-repeat center center;}
.ix-banner .swiper-slide{ transition:all 0.36s ease;}

.ix-ban-img{ width:800px; margin:0px auto; padding-top:12%; padding-bottom:40px;}
.ix-banner .swiper-slide a{width:180px; height:50px; margin:0px auto; border:solid 1px #fff; text-align:center; line-height:50px; border-radius:4px; display:block; font-size:18px; color:#fff; transition:all 0.36s ease;}
.ix-banner .swiper-slide a span{ display:inline-block; padding-left:10px; display:inline-block;}
.ix-banner .swiper-slide a:hover{ background:#00b0ec; border:solid 1px #00b0ec;}
/*================= 字体=================*/
@font-face {
    font-family: 'OPPOSans-L_0';
    src: url('../fonts/OPPOSans-L_0.ttf') format('ttf'),
		 url('../fonts/OPPOSans-L_0.woff') format('woff'),
         url('../fonts/OPPOSans-L_0.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.zt{ font-family: 'OPPOSans-L_0'; font-size: 14px; color: #999999; letter-spacing: 0px;}


/*===============================header==========================*/
.nav-an{ width: 40px; height: 40px; position: absolute; right: 0; top: 30px; right: 30px; z-index: 111; font-size: 24px; background-color: rgba(79, 79, 79, 0.5); text-align: center; line-height: 40px;}



/*首页头部*/
.logo img{  padding-top: 30px; padding-left: 30px;}
.head_bg{ width:100%; overflow:hidden; position:fixed; top:0; z-index:1000;  margin:0 auto;}
.head{ overflow:hidden;  position:relative; background:transparent;}
.i_search{ height:30px; overflow:hidden; background:#fff; border-radius:30px; margin:10px 50px 0 10px; position:relative; padding:0 0 0 35px;}
.i_search input{ width:100%; height:30px; line-height:30px; border:0 none; outline:none; font-size:12px; color:#666;}
.i_search a{ width:35px; height:30px; line-height:29px; display:block; overflow:hidden; text-align:center; color:#ababab; font-size:18px;
position:absolute; top:0; left:0; z-index:100;}
.menubtn{ text-align: center; line-height: 40px;  width:100px; height: 100px; display:block; overflow:hidden; position:absolute; top:30px; right:30px; z-index:100; font-size: 22px;  color: #e5e5e5;    background-color:#fff;}
.menubtn img{ }
.menubtn i{ width:100%; height:2px; display:block; overflow:hidden; background:#fff; margin:7px 0;}
.head_bg a.menubtn:hover { cursor: pointer;background: #005ca1; color: #fff;}
/*#region ===========页面菜单===========*/
/*容器*/
.pagemenu{ max-width:320px; width:66%; height:100%; overflow:hidden; background-color: #fff;position:fixed; right:-66%; top:0; z-index:1006;}
.pagemenu_box{ width:100%; height:100%; overflow:hidden; position:relative; border-left: solid 1px #e0e0e0;}
/*头部*/
.menu_top{  padding:20px 0 10px 0; text-align:center; position:relative;}
.menu_top a.close{ color:#fff; font-size:30px; position:absolute; left:20px; top:20px; z-index:10; opacity: 1}
.menu_top a.load{ color:#999; font-size:30px; position:absolute; right:5px; top:5px; z-index:10;}
.menu_top img.img{ width:60px; height:60px; display:block; margin:0 auto 5px auto; border-radius:100%;}
.menu_top a.btn{ line-height:20px; font-size:14px; color:#ff4444;}

/*菜单*/
.menu_listbox{position:absolute;width:100%;top:10%;bottom:50%;}
.menu_list li { overflow:hidden; padding:0 20px;}
.menu_list a{  height:50px; line-height:50px; display:block; overflow:hidden;  border-bottom:1px dashed #e0e0e0;}
.menu_list a span{ color: #666; float:left; font-size:14px;  }
/*#endregion */

/*===============================db_xs==========================*/
.db_xs{width: 50px;height: 50px;position: fixed;right: 30px;bottom: 49px;z-index: 9999;  display: none;background: url(../images/xs.png) no-repeat center center;background-color:rgba(0, 0, 0, 0.5);}


/*==============产品中心============*/
.ix-main .container-fluid{padding-left: 30px; padding-right: 30px; }
.ix-head{ text-align: center;}
.ix-head h1{ font-size: 24px; color: #333; padding-top: 20px; }
.ix-pro-img{ overflow:hidden; position: relative; }
.ix-pro-img img{ width:100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ipl-list a:hover .ix-pro-img img { transform: scale(1.1, 1.1);}
.ix-pro-tit{ padding: 15px 0px; position: relative;}
.ix-pro-tit p{ font-size: 18px; color: #00b0ec;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ix-pro-tit span{ color:#999; padding-top: 10px; display: block; font-size: 14px;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.ipl-list{ padding-bottom: 30px;}
.ix-more{ text-align:center;}
.ix-more a{ width:250px; height: 40px; line-height: 40px; font-size:14px; border-radius: 4px; border:solid 1px #ccc; display: block;  margin:0px auto; }
.ix-more a:hover{ background:#005ca1; border:solid 1px #005ca1; color:#fff;}
.ipl-list a .ix-pro-tit div{ transition: all 0.6s ease 0s; }
.ipl-list a:hover .ix-pro-tit div{ }
.ipl-list a:hover .ix-pro-tit p{ color: #00b0ec; }
.ipl-list a:hover .ix-pro-tit{    }
.ipl-list a{ display:block;}
.il-wp{ position:relative;}
.ix-pro-img::after {
    content: "";
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.15 );
    position: absolute;
    top: 0px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.ipl-list:hover .ix-pro-img::after {
    height: 100%;
	opacity: 1;
}

/*============== 关于我们 =================*/
.ix-about{ position: relative; display: flex; margin-bottom: 250px;}
.ix-ab-ys{height:100%;background-color:#003761;opacity:0.8;z-index:0;bottom:0px;right:0px;top:0px;left:0px;}
.ix-ab-bj{position:absolute;z-index:0;bottom:0;right:0;top:0;left:0;}
.ix-ab-tit{height:750px;position:relative;}
.ix-ab-tit>.row{height:100%;position:relative;top:250px;}
.ibt-yw{color:#fff;height:250px; position: relative;}
.ibt-yw h1{font-size:70px;font-family:"Arial";font-weight:bold;}
.ibt-yw p{font-size: 18px; padding-top: 15px;}
.ibt-yw span{ position:absolute; top:10px; right:80px; font-size: 24px; font-weight: bold;}
.il-t1{color:#fff;padding-left:40px;padding-top:60px;padding-right:40px;-webkit-transform:rotate(0deg) scale(1) translate(0%,0%);-ms-transform:rotate(0deg) scale(1) translate(0%,0%);transform:rotate(0deg) scale(1) translate(0%,0%);transition:all 0.5s ease;height:250px;}
.il-t2{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%; width:350px; height:250px;overflow:hidden;}
.il-t2 img{width:100%;height:100%;     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.il-t1 h1{font-size:18px;padding-bottom:20px;}
.il-t1 p{color:#b3b3b3;}
.ab1{width:350px;}
.ab2{width:820px;}
.i350{width:350px;}
.i470{width:470px;}
.ibt-list:hover .il-t1{background-color:rgba(0,92,161,0.8);-webkit-transform:rotate(0deg) scale(1) translate(0%,0%);-ms-transform:rotate(0deg) scale(1) translate(0%,0%);transform:rotate(0deg) scale(1) translate(0%,0%);transition:All 0.5s ease;}
.ibt-list:hover .il-t2 img{-webkit-transform:rotate(0deg) scale(1.1) translate(0%,0%);-ms-transform:rotate(0deg) scale(1.1) translate(0%,0%);transform:rotate(0deg) scale(1.1) translate(0%,0%);transition:all 0.5s ease;}
.ibt-list .mm{padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.ibt-more{width:0px;min-height:0px;overflow:hidden;margin-right:10px;}
.il-t1 .cc{ color: #666;}
.ibt-jt{color: #b3b3b3; font-size: 24px; transition: All 0.5s ease;}
.ibt-list:hover .ibt-more { width: 40px; transition: All 0.5s ease;}
.ibt-list:hover .ibt-jt { color: #fff; transition: All 0.5s ease;}
.ibt-list:hover .il-t1 .cc{ color: #fff; }
.ibt-list:hover .il-t1 p{ color: #fff; }

/*新闻列表*/
.ix-news-list a:hover h1{color:#005ca1}
.ix-news-list{ margin-bottom:30px;}
.ix-news-tit h1{ font-size: 16px; font-weight: bold; color:#333; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap ;}
.ix-news-tit p{ font-size: 12px; color:#999;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.ix-news-bj{  height: 210px; background-color: #f5f5f5; padding: 30px;}
.ix-news-img{ width: 240px; height: 150px; overflow: hidden;}
.ix-news-img img{ max-width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ix-news-tit{ width: auto; padding-left: 270px; height: 180px;}
.ix-news-list a:hover .ix-news-img img {
    transform: scale(1.1, 1.1);
}


/*===abc==*/
.ix-abc{  background: url(../images/abz_bj.jpg) no-repeat center center;}
.ix-abc-img{ width: 50%; position: relative;}
.ix-abc-tit{ width: 50%; color: #fff;}
.ix-abc-img img { width: 100%;}
.iat-0{padding: 0% 40px; padding-top: 15%;}
.iat-0 a{ border-radius: 4px; font-size: 14px; width:160px; height: 40px; line-height: 40px; text-align: center; border:solid 1px #fff; display: block; color: #fff;}
.iat-0 span{ font-size: 16px; font-family: "Arial"; display: block; padding-top: 5px; }
.iat-0 p{font-size: 14px;}
.iat-0 a:hover{ background: #fff; border:solid 1px #fff; color:#005ca1;}
.ab-zz{ position: absolute; bottom: 0px; height: 150px; width: 100%; background-color:rgba(0, 92, 161, 0.8); padding-top: 20px;}
.ab-zz ul li{ float: left; width: 33.333%; text-align: center; color:#fff; font-size: 22px;} 
.ab-zz ul li h1{ font-size: 60px;}


/*荣誉资质*/
.ix-ryzz-box{ width:1400px; padding-left:100px; padding-right:100px; position:relative; margin:0px auto;}
.ix-ryzz .swiper-wrapper .swiper-slide img { max-width: 100%; }
.ix-ryzz .swiper-wrapper .swiper-slide{ transform: scale(0.8);transition: all 0.36s ease;}
.ix-ryzz .swiper-wrapper .swiper-slide.swiper-slide-active{ transform:scale(1);}
.ix-ryzz .swiper-wrapper .swiper-slide p{ font-size:16px; color:#666666; text-align:center; padding:0px 20px; padding-top:10px;}
.ix-ryzz  .swiper-button-prev, .ix-ryzz  .swiper-button-next{width:50px; height:50px;}
.ix-ryzz  .swiper-button-prev{ background:url(../images/r1.png)no-repeat center center;}
.ix-ryzz  .swiper-button-next{ background:url(../images/l1.png)no-repeat center center;}
/*合作伙伴*/
.ix-part-list{ margin-bottom:30px;     position: relative; }
.ix-part-list img {width: 100%;}
.ix-part-list:hover{    box-shadow: rgba(0,0,0,0.188235) 0px 0px 50px 0px;
    -webkit-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    transition: all 0.3s cubic-bezier(0.55,0,0.1,1);
    transition: All 0.3s ease;
    z-index: 10; z-index: 999;}


/*底部*/
.ix-footer{ background-color: #1a1a1a;}
.ix-footer .container-fluid{position: relative;}
.ix-foot-t1{  }
.ix-foot-t2{ position:absolute; top: 0; right: 15px; font-size: 13px; }
.ix-foot-t2 div{ display: inline-block; vertical-align: top; font-size: 14px; color:#999;}
.pl15{ padding: 0px 15px;}
.ix-footer ul li{ float: left; padding-right: 60px; min-width: 100px;}
.ix-footer ul li h1 a{ font-size: 16px;  padding-bottom: 20px; color: #fff;}
.ix-footer ul li a{ display: block; font-size: 14px; color:#999; }
.ix-footer ul li a:hover{ color:#fff;}
.foot-ewm{ text-align: center; position: absolute; top: 0; left: 50%; right: 0; width: 120px; height: 120px; margin-left: -60px; }
.foot-ewm-img{ width:120px; height: 120px; padding: 1px; background-color: #fff;  text-align: center;}
.foot-ewm-img img {width: 120px; height: 120px;   }
.foot-ewm p{ padding-top: 5px; color:#fff; font-size:14px;}
.foot-xx{padding-left: 40px;}
.ix-foot-copy{ color: #fff; background-color: #0d0d0d; padding: 13px 30px;  font-size: 14px; line-height: 180%; text-align: center;}
.ix-foot-copy a{ color:#fff; font-size:14px;}
.foot-xx h1{ color: #fff; font-style: italic; padding-bottom: 10px;} 


/*后台表格*/
table.gridtable{cursor: text; margin-bottom: 10px;   border-collapse: collapse; display: table;     margin: 0px auto;     width: 100%;}
table.gridtable tr.firstRow th { border-top-width: 2px;text-align: center; }
table.gridtable th {  border-top: 1px solid #BBB; background-color: #F7F7F7;}
table.gridtable td, table.gridtable th { padding: 5px 10px; border: 1px solid #DDD;     }

/*cookie*/
.c-p-1{font-size:28px; padding-bottom:20px; line-height: 120%;}
/*#cookie-abc::before{position: fixed; left:0; top:0; width:100%;     height: 100%; background:rgba(0,0,0,0.5); content:''; display:block;  z-index: 1; }*/
.c-p{color:#fff; line-height:160%; padding-bottom:20px; background-color: rgba(0,0,0,0.8);     padding: 30px 20px; z-index: 2;  position: relative;}
#cookie-abc{ position:fixed; width:100%;  z-index:11111;  display:none; bottom:0; left:0%; bottom:0%;}
#cookie-abc p{ line-height:160%;    font-size: 16px; color:#fff; padding-bottom:20px;}
#cookie-abc a{ padding:10px 15px; transition:all 0.36s ease; font-size:16px;  background-color:#1b3c81; line-height:100%; color:#fff; text-align:center;  display: inline-block; margin-right:10px; margin-top:0px; border-radius: 4px;}
#cookie-abc a.aa{ text-decoration: underline;background-color :#185896;}
#cookie-abc a.abc{background: #006c91; color: #fff; padding: 15px 20px;}
#cookie-abc a.a1{background:#fff; color:#666;}
#cookie-abc a:hover.abc{background:#000; color:#fff;}
#cookie-abc p a{padding: 0px 0px; color: #fff900; background: transparent; text-decoration: underline; padding-left:5px;}

.wp-box{display:flex; gap:40px;     align-items: center;}
.c-p-a{width:70%;}
.c-p-b{width:30%;}

#cookie-abc .c-p-2 a{padding:0px; background:none; color:#fff; text-decoration:underline; transition:all 0.36s ease;}
#cookie-abc .c-p-2 a:hover{color:#006c91;}