*{ padding:0; margin:0;}    
body{ line-height:2em;   color:#333; font-size:14px;
} 
.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
li{ list-style:none;} 
img {border-style: none; } 
a{ color:#333; text-decoration:none;  }
a:hover{ color:#666; text-decoration:none; }
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}


.hl a{display:block; padding:15px 20px; background:#00A8FF; color:#fff; margin:15px auto;border-radius:30px; text-align:center; width:150px; font-size:18px}
.hl a:hover{display:block; padding:15px 20px; background:#F92C85; color:#fff; margin:15px auto;border-radius:30px; text-align:center; width:150px;}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,del,dfn,em,img,ins,kbd,q,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,nav,section {margin:0;padding:0;border:0;outline:0; vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
a:hover,a:active {outline:none;}
select,input,textarea,button {font:99% sans-serif;}
input,select {vertical-align:middle;} 
 
  .bx-wrapper .bx-pager{ display:none}   /*底部小圆点*/
	 .slide{   text-align:center; }
	 .slide a{ text-align:center; color:#fff; text-decoration:none }   
	 .slide span{  height:120px; line-height:30px; display:block; margin-top:-120px; z-index:9999999999; position: absolute; color:#fff; padding-left:30px; text-align:left  } 
	 .slide span strong{ font-size:18px}
@media screen and (min-width:960px){   .bx-wrapper .bx-prev {
	left: -50px;
	background: url(/skin/pic/bg/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: -50px;
	background: url(/skin/pic/bg/controls.png) no-repeat -43px -32px;
}} /*最小960 */
@media only screen and (max-width: 959px) {  .bx-wrapper .bx-prev {
	left: 10px;
	background: url(/skin/pic/bg/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/skin/pic/bg/controls.png) no-repeat -43px -32px;
}  }  /*最大是959*/
 
 
a,p,ul,li {text-decoration:none;margin:0;padding:0;list-style-type:none;}

.top{ background:#16024A; height:90px; top:0;position:fixed; width:100%;z-index:9999;  }
.box{ width:1200px; margin:0 auto}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1; margin-top:20px
  
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #5EB4F7;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #5EB4F7;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #5EB4F7;
  border-right: 1px solid #5EB4F7;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #5EB4F7;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px; z-index:9999999999999
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 0;
  width: 100px;
  font-size: 12px;
  background: #333333; text-align:center;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
} 



.logo{ float:left; padding-top:10px;}   .fls{ float: right}
.boxs{  }
.boxa{ background:url(bg2.jpg)  top center ; }
.bt{ background:url(bt.jpg) no-repeat ; padding-left:30px; color:#fff; margin-top:60px; font-size:18px; font-weight:bold }
.bt span{ color:#216EF6} .bts span{ color:#216EF6;font-size:20px; }
 .bts{ background:url(bt.jpg) no-repeat ; padding-left:30px; color:#000; margin-top:60px; font-size:24px; font-weight:bold }
.fr14{ float:right}
.about { width:700px;float:left; color:#fff; padding-top:60px; font-size:16px;}
.tb li{ float:left; margin-right:140px; text-align:center; font-size:20px; color:#fff;}
.tb li span{ font-size:26px; }
 .tb{ padding-top:50px}
.tb li:last-child  { float:right; margin-right:0 } 
.wgxs{ padding:50px 0}
.wgxs li{ float:left; width:48%}
.wgxs li img{ width:100%}
.wgxs img:hover {opacity: 0.75}
.wgxs li:last-child { float:right; width:48% } 
.footer{ background:#1F1F1F; padding:20px 0; color:#FFFFFF; text-align:center; position: absolute;  width:100% }
.footer a{   color:#FFFFFF}
.cn{ padding:50px 0}
.navbg{ background:#DEDEDE ; margin-top:90px;   }
.navbg li{ float:left; margin:15px 0 }
.navbg   a{ display:block; text-align:center; color:#333;padding:2px 20px; background:#DEDEDE; border-radius:20px; margin-right:20px ; border:1px #0200FF solid}
.cur   a{ display:block; text-align:center; color:#fff;padding:2px 20px; background:url(li.jpg); border-radius:20px; margin-right:20px; border:1px #6C2AE6 solid }

.hybt{ font-size:24px; border-top:1px #999 solid; border-bottom:1px #999 solid; line-height:50px; margin-top:25px; margin-bottom:15px}
.hya{  width:250px; background:#fff; margin:15px 30px 15px 0; padding:10px; float:left;
box-shadow:3px 3px 6px #C2C2C2  /*右下外阴影示例*/ }
.hya li{ float:left;  color:#999;}
.hya a{ display:block}
.hya:hover{box-shadow:3px 3px 6px #0200FF  }
.mapt{ background:url(/skin/img/map.jpg) no-repeat center left ; padding-left:20px; margin-left:30px; }

.cns{ border:1px #AAAAAA solid; } 




.clearss{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.mainPage{ margin:30px auto; display:table}
.mainPage ul{ height: 32px;display:block;}
.mainPage ul li{float: left; display: inline;   border:1px solid #999;color:#293655; margin: 0 5px; padding: 0 5px;height: 28px; line-height: 28px; font-size:14px; }
.mainPage ul li a{color:#293655; padding: 0 6px;color:#000;font-size:14px;height: 28px; line-height: 28px; }
.mainPage ul li a:hover{ color:#293655; text-decoration:none}
.mainPage ul li.thisclass{background:#293655;border:1px solid #293655;color:#fff;padding: 0 10px; }
.mainPage ul li.thisclass a{color:#fff;}
.mainPage .pageinfo{padding: 0 5px; color:#293655;}


.homex{    float:left;   border-bottom:1px #EAEAEA solid; width:100%; margin:6px 0; padding-bottom:6px; } 
.w85{ width:85px; height:85px; background:#F2F2F2; color:#000; text-align:center;   float:left;   }
.w85 span{ font-size:20px; display:block; padding-top:14px;}
.w1000{width:1100px; color:#666 ; float:right }
.w1000 a{ display:block; font-size:18px; color:#000;}
.w1000 a:hover{ color:#0200FF}

/*.navc{ border-bottom:1px #AAAAAA solid;line-height:45px; height:45px; } 
.navc li { float:left;  padding:0 20px; border-right:1px #AAAAAA solid;  }*/




.cpros li{ float:left; text-align:center; width:230px ; margin-right:12px; margin-bottom:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.cpros li:nth-child(5n){margin-right:0px;float: right; } 
.cport-1b{ position: relative; overflow: hidden;width:230px ; height:320px;  }
.cport-1b img{transition: 0.5s;width:230px ; height:320px; }
.cpros li span{  height:120px; line-height:30px; display:block; margin-top:-120px; z-index:9; position: absolute; color:#fff; padding-left:30px; text-align:left  } 
.cpros li span strong{ font-size:18px;}
.cpros a{ display:block;}
.cpros a:hover img {transform: scale(1.2);}
.cpros a:hover { background:#17654B; color:#fff; }
.hc{color:#fff; padding:30px 0}
.section {  background: url(/skin/img/index_main_20240720.jpg)  no-repeat center top;background-size: 100% ;  }
.section-2 { background: url(/skin/img/index_section2_20221121.jpg) no-repeat center center; background-size: 100%;}
.section-3 { background: url(/skin/img/index_section3_20221121.jpg) no-repeat center center; background-size: 100%;}
.section-4 { background: url(/skin/img/bgxxx.jpg) no-repeat center center; background-size: 100%;}

.dh{padding:10px 0 10px 0; height:420px}

 .homes{ padding-top:350px;}
 

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.hl a{display:block; padding:10px 20px; background:#00A8FF; color:#fff; margin:15px auto;border-radius:30px; text-align:center; width:150px; font-size:18px;}
.hl a:hover{display:block; padding:10px 20px; background:#F92C85; color:#fff; margin:15px auto;border-radius:30px; text-align:center; width:150px;}
	
  .footer{ background:#1F1F1F; padding:20px 0; color:#FFFFFF; text-align:center;   }
.footer a{   color:#FFFFFF}
 .homes{ padding-top:120px;}
  .homes img{ width:200%; padding-left:10%}
  .hc{color:#fff; padding:20px 10px}
  .cpros{ width:100%}  
  .cpros li{ float:left; text-align:center; width:46% ; margin-left:1%; margin-right:3%; margin-bottom:25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.cpros li:nth-child(2n){margin-right:3px;float: right; } 
.cpros li:nth-child(5n){margin-left:1%;float:left; } 
.cport-1b{ position: relative; overflow: hidden;width:100% ; height:240px;  }
.cport-1b img{transition: 0.5s;width:100%  ; height:240px; }
.cpros li span{  height:90px; line-height:25px; display:block; margin-top:-90px; z-index:99; position: absolute; color:#fff; padding-left:20px; text-align:left  } 
.cpros li span strong{ font-size:18px;}
.cpros a{ display:block;}
.cpros a:hover img {transform: scale(1.2);}
.cpros a:hover { background:#17654B; color:#fff; }
  
  
  
  
 .homex{        border-bottom:1px #EAEAEA solid; width:100%; margin:6px 0; padding-bottom:6px; } 
.w85{ width:100%; height:65px; background:#F2F2F2; color:#000; text-align:center ;float:none; }
.w85 span{ font-size:20px; display:block; padding-top:4px;}
.w1000{width:100% ;color:#666; float:none;  }
.w1000 a{ display:block; font-size:18px; color:#000; padding:10px 0}
.w1000 a:hover{ color:#0200FF}
  
  
  
  
  .hybt{ font-size:24px; border-top:1px #999 solid; border-bottom:1px #999 solid; line-height:50px; margin-top:25px; margin-bottom:15px}
.hya{  width:92%; background:#fff; margin:15px 30px 15px 0; padding:10px; float: none;
box-shadow:3px 3px 6px #C2C2C2  /*右下外阴影示例*/ }
.hya li{ float:left;  color:#999;  }
.hya a{ display:block}
.hya:hover{box-shadow:3px 3px 6px #0200FF  }
.mapt{ background:url(/skin/img/map.jpg) no-repeat center left ; padding-left:20px; margin-left:30px; }




  .navbg{ background:#DEDEDE;  height: auto; padding-top:50px; margin-top:0}
.navbg li{ float:left; margin:10px ; }
.navbg   a{ display:block; text-align:center; color:#333;padding:2px 20px; background:#DEDEDE; border-radius:20px; margin:0;    border:1px #0200FF solid}
.cur   a{ display:block; text-align:center; color:#fff;padding:2px 20px; background:url(li.jpg); border-radius:20px; margin:0; }
  
  
  .tb{ width:100%;  padding-top:5px}
  .cn{ padding:20px 10px}
  .tb li{ float:left;  text-align:center; font-size:14px; color:#fff; width:25%; margin-right:0}
    .tb li img{ width:80%}
.tb li span{ font-size:18px; }
 .tb li:last-child  { float:left; width:25% } 
 
.wgxs{ padding:20px 0}
.wgxs li{ float:left; width:100%} .wgxs li:last-child { float:right; width:100% } 


  .boxs{  }
    .boxa{ background:url(bg2.jpg)  no-repeat ; background-size: cover     }
.bt{ background:url(bt.jpg) no-repeat ; padding-left:30px; color:#fff; margin-top:20px; font-size:16px; font-weight:bold ; margin-left:10px}
.bt span{ color:#216EF6} .bts span{ color:#216EF6; font-size:16px;}
.bts{ background:url(bt.jpg) no-repeat ; padding-left:30px; color:#000; margin-top:20px; font-size:18px; font-weight:bold ; margin-left:10px}
  .about { width: auto;float: none; color:#fff; padding: 10px;  font-size:14px;}
  .fr14 { display: none}
  .logo{ display: none}
  .top{ background:none ; height:50px;position:absolute; top:0;left:0; width:100%; z-index:9999999}
  .box{ width:auto}
  #cssmenu > ul > li > a {
  
  color: #fff;
  
}
  #cssmenu {
    width: 100%; background:#16024A; margin-top:0; top:0;position: absolute; width:100% ; z-index:9999999999
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #fff;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #fff;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase; background:url(/aiupl/allimg/logo.gif) no-repeat center left  ; background-size:30%; font-size:0; height:50px; line-height:50px;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;  
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}



@media screen and (max-width:780px){ 
.section-1 {  background: url(/skin/img/index-main-mobile-20240720.jpg)  no-repeat center center ;background-size: cover ;  } /*asj.jpg */
.hl a{margin-top:105px;}
}