a{ text-decoration: none; } 
a:link { color: #333333; }
a:visited { color: #333333; } 
a:hover{ color: #ff0000; } 
a:active { color: #000000; } 
html{ overflow-y:scroll;}
body{ margin:0 auto;padding:0;  font-size: 1rem; background-size: 20px 20px; background-color: #eee;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .03) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .03) 75%,
 transparent 45%, transparent); color: #333333; }
 
 
body,div,table,tr,td{ margin:0 auto;padding:0; }
h1,h2,h3,h4,h5,h6,h7,p,strong,b,ul,span{ margin: 0 auto; padding: 0; font-weight: normal; }
li,ol{ list-style-type: none; }
img{vertical-align:top;}
ul{ overflow:hidden;  }
.no{ display: none; }
.pcno{ display: none; }
.kf{ margin: 0 auto; padding: 0;  width: 100%;  height: 40px; line-height: 40px;   text-align: center;  background: #ccc; position:fixed; z-index: 999;  visibility:visible; bottom: 0; left: 0; overflow: hidden;  }
ctimec{ display:none; }
.kefu{ margin: 0 auto; padding: 0;  width: 140px;  border: 1px #eee solid; background: #fff; border-top: 2px #C44000 solid; position:fixed; z-index: 999;  visibility:visible; top: 240px; right: 60px; overflow: hidden;  }
.kefu p{ overflow:hidden; }

.kefu b{ overflow:hidden; display: block; height: 28px; line-height: 28px; text-align: center; background: #134671; color: #fff; font-size: 0.96rem;  }
.kefu p img{ width: 100%; }
.pnone{ display: none; }
.mmenu{ display: none; }
.mc{ width: 1400px; margin: 0 auto; padding: 0; overflow:hidden;  }

.mcs{ width: 100%; margin: 0 auto; padding: 0; overflow:hidden;  }
.mcc{ background: #fff; }
.tops{  height: 36px; line-height: 36px;margin: 0 auto; padding: 0; background: #eee;}
.topl{ width: 60%; float: left;  font-size: 1rem; color: #C44000; font-weight: bold; }
.topl a{ margin: 0 6px 0 6px; font-size: 0.9rem; font-weight: normal; }
.topl b,.topl span,.topl strong{ float:left; }
.topl b,.topl strong{ display: none; }
.topl b{ padding:2px 4px 2px 4px; background: #C44000;  margin-left: 20px; margin-top: 4px; border-radius: 2px; height: 22px; line-height: 22px;  }
.topl b:hover{ background: #800000; }
.topl b a{ color: #fff; }
.topl b font{ color: #ffff00; }
.topl strong a{ color:#134671; font-size: 0.8rem; }


.topr{ width40%; float: right; }
.topr a{ float:right; margin: 0 10px 0 10px; }
.logos{ background: #fff;  margin: 0 auto; padding: 0; overflow:hidden; margin-bottom: 10px;  display: block; }

.logosi{ background: #fff;  margin: 0 auto; padding: 0; overflow:hidden; height: 110px; padding:10px 0 10px 0;  display: block; }

.lgl{ width: 38%; float:left; }
.lgl img{ width: 15%; margin: 5%; float:left; }
 
.lgm img{ width: 98%; margin-top: 1%;  } 
 .lgm {
	 
  display: inline-block;
 width: 24%; text-align: center; float:Left;
  cursor: pointer;
   box-sizing: border-box;
   transition: all 134.3s;
  -webkit-transition: all 134.3s;
 
}
.lgm {
  position: relative;
  overflow: hidden
}
 
.lgm:after {
  content: "";
  position: absolute;
  left: -120%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,3.5), rgba(255,255,255,0));
  transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg)
}
 
.lgm:hover:after {
  transition: all .5s ease;
  left: 100%
}

.ibanner{ width: 60%; float:left;  overflow:hidden; display:block; height: 90px; }
.ibanner img{ width: 100%;  }
.lgr{ width:16%; float:right; }
.lgr img{ width: 40%; float:right; }

.lgls{ width: 70%;  height: 100px; line-height: 100px; float:left;  }
.lgls h1{ font-size: 3rem; font-weight: bold; color: #134671; }
.lgrs{ width: 20%; height: 100px; float:right; }
.lgrs p{ width: 30.33%; margin-left: 3%; margin-top: 4px; float:left; }
.lgrs p b{ height: 18px; line-height: 18px; display: block; text-align: center; font-size: 0.7rem; background: #C44000; color: #fff; }
.lgrs p img{ width: 100%; }
.lgrs p img:hover{ width: 360px; position:absolute; left:66%; top: 20%; z-index: 999; }
red{ color: #C44000; margin: 0 4px 0 4px; }
.simg{ overflow:hidden; display:block; }
.simg img{ width: 100%; }
.simgs{ overflow:hidden; }
.simgs img{ width: 100%; margin-bottom: 4px; }

.logo{ width: 260px; float:left; }
.logo img{ max-width: 180px; }

#ordertip1{ height: 100px;  background: #333; display: none;    margin: 0 auto; padding: 0;  border-radius: 4px;  width: 16%; margin: 18% 42% 15% 42%; padding: 2% 5% 2% 5%;  opacity:0.9;  text-align: center; font-size: 1.2rem; color: #fff;  position:fixed;  visibility:visible; top: 0px; left: 0; overflow: hidden;  z-index: 100000; }
#ordertip2{ height: 100px;  background: #333; display: none;    margin: 0 auto; padding: 0;  border-radius: 4px;  width: 16%; margin: 18% 42% 15% 42%; padding: 2% 5% 2% 5%;  opacity:0.9;  text-align: center; font-size: 1.2rem; color: #fff;  position:fixed;  visibility:visible; top: 0px; left: 0; overflow: hidden;  z-index: 100000; }
#ordertip3{ height: 100px;  background: #333; display: none;    margin: 0 auto; padding: 0;  border-radius: 4px;  width: 16%; margin: 18% 42% 15% 42%; padding: 2% 5% 2% 5%;  opacity:0.9;  text-align: center; font-size: 1.2rem; color: #fff;  position:fixed;  visibility:visible; top: 0px; left: 0; overflow: hidden;  z-index: 100000; }
  
.send{ width: 80px; height: 36px; line-height: 36px; font-size: 1rem; }


.navi{ height: 52px; line-height: 52px;  margin-top: -20px; 
background-size: 30px 30px; background-color: #333;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .02) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, .02) 75%,
 transparent 45%, transparent);

 position: -webkit-sticky; position: sticky; top: 0; z-index: 99999;}
.navi a{   width: 10%; color: #eee; font-size: 1rem;  display: block; float: left; text-align: center; }

.nav{ height: 52px; line-height: 52px;  margin-top: -20px;  
background-size: 30px 30px; background-color: #134671;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .03) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .03) 75%,
 transparent 45%, transparent); position: -webkit-sticky; position: sticky; top: 0; z-index: 99999;}
.nav a{   width: 10%; color: #eee; font-size: 1rem;  display: block; float: left; text-align: center; }

.navc{ height: 48px; line-height: 48px;   background: #134671; position: -webkit-sticky; position: sticky; top: 0; z-index: 99999;}
.navc a{   width: 11%; color: #eee; font-size: 0.96rem; border-right: 1px #0C2C45 solid;  display: block; float: left; text-align: center; }
.navc a:hover{  background: #0C2C45; color: #FFFF00;   }
.nav a:hover,.navi a:hover,a.nav_home{ background: #0C2C45; color: #FFFF00;   }

.navico{  height: 14px; margin: 18px -4px 4px 4px; }
.navzhibo{  height: 20px; margin: 16px -4px 4px 4px; }
.navhot{    position:relative; top:0; left:-44px;   }
.nav a hot,.navi a hot{ margin-left: -36px;  }
a.navhotc{ background: #113F64; }
a.navhotc:hover{ color:#FFFF00;  background: #861D02;}
.nav_user{ height: 44px; line-height: 44px; background: #eee; position: -webkit-sticky; position: sticky; top: 52px; overflow:hidden; z-index: 99999;  font-size: 0.94rem; }
.nav_userc{ float:left; width: 60%; }
.nav_userc img{ height: 24px;   float:left; margin: 10px 10px 0 0; }
.nav_userc p{ float:left; margin-right: 20px; }
.nav_userc p red{ font-weight: bold; font-size: 1rem; }
.nav_userc p font{ color: #C44000; font-size: 1.2rem;  }

.thangye{  overflow:hidden;  display:block; padding-top: 8px; padding-bottom: 12px; }
.thangye a{ width: 7.5%; margin-right: 0.9%; display: block; background: #FFF5EC; font-size: 1rem;  height: 36px; line-height: 36px; color: #C44000; text-align: center; float:left; }
.thangye a:hover,a.thangyeo{ background: #C44000; color: #fff; }

.fuwut{  overflow:hidden; display:block; }
.fuwut a{ width: 7.4166%; margin-right: 1%; display: block; background: #eee; font-size: 1.1rem; color:#134671;  height: 42px; line-height: 42px; text-align: center; float:left; }
.fuwut a:hover,a.thangyeo{ background: #C44000; color: #fff; }


.nav_so{ width: 34%; float:right; }
.nav_so span{ margin-top: 6px; overflow:hidden;  display:block; float:left; }
.nav_so select{ margin:0; padding:0; height: 32px; line-height: 32px; font-size: 0.94rem; border: 1px #ccc solid;  float:left; display:block; border-right:0; }
.soinput{border: 1px #ccc solid; height: 29px; line-height: 29px; float:left;   display:block;   }
.sosubmit{ width: 100px;  margin: 0;padding:0; text-align: center; background: #C44000;  height: 32px; line-height: 32px;  color: #fff; border: 0; font-size: 0.92rem; float:left; margin-top: 6px;  }
.sosubmit:hover{ background: #9D3300;  }

 
.cattit{ height: 44px; line-height: 44px;   padding-left: 40px; background: #f7f7f7;  }
.cattit strong{ background: #134671; width: 120px; font-size: 1rem;  color:#ffffff; display: block; float:left;  text-align: center;  }
.cattit a{ float:right; padding: 0 15px 0 15px; font-size: 0.92rem; border-left: 1px #eee solid; }
.cattit a:hover{ background: #eee;  }

.cattit_i,.cattit_ix{ height: 60px; line-height: 60px;  border-radius: 4px;  display: block; text-align: center;   }
.cattit_i pm,.cattit_ix pm{  width: 20%; height: 56px;  line-height: 52px;  float:left; clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); color: #fff; text-align: center;  font-size: 2rem;  margin-top: -2px; }
.cattit_i pl,.cattit_ix pl{ float:left; width: 40%;  }
.cattit_i pr,.cattit_ix pr{ float: right; width: 40%;   }	
 


.cattit_i pl a,.cattit_i pr a{ padding: 6px 16px 6px 16px;  height: 38px; line-height: 38px;  font-size: 0.96rem;  opacity: 0.8;   border-radius: 3px; margin: 0 8px 0 8px; margin-top: 8px; background: #134671; color: #eee;   }
.cattit_i pl a:hover,.cattit_i pr a:hover{   background: #0C2C45; opacity: 1;  color: #ffffff;   }


.cattit_ix pl a,.cattit_ix pr a{ padding: 6px 16px 6px 16px;  height: 38px; line-height: 38px;  font-size: 0.96rem;  opacity: 0.8;   border-radius: 3px; margin: 0 8px 0 8px; margin-top: 8px; background: #400080; color: #eee;   }
.cattit_ix pl a:hover,.cattit_ix pr a:hover{   background: #2B0055; opacity: 1;  color: #ffffff;   }


.cattit_is{ height: 50px; line-height: 50px;  border-radius: 4px;  overflow:hidden; display: block;  }
.cattit_is pm{  width: 13%; height: 50px;  line-height: 46px; text-align:left; padding-left: 30px; float:left; clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); color: #fff;  font-size: 1.8rem;   }
.cattit_is span{ float: right; width: 72%;  margin-top: 4px;  }	
.cattit_is span a{   padding: 0 16px 0 16px;  height: 44px; line-height: 44px;  float:right; opacity: 0.8;   border-radius: 3px; margin-right: 10px; background: #FFD6C1; color: #882006; font-size: 1.1rem;  }
.cattit_is span a:hover{   background: #BF1609; opacity: 1; border-radius: 3px; color: #ffffff;   }



.cattit_iz{ height: 60px; line-height: 60px;   display: block; text-align: center;   }
.cattit_iz pm{  width: 30%; height: 66px;  line-height: 52px;    float:left; clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);   text-align: center;  font-size: 2rem;   }
.cattit_iz pl{ float: left; width: 35%;   }
.cattit_iz pr{ float:right; width: 35%;   }	
.cattit_iz a{   padding: 0 16px 0 16px; font-size: 1rem; height: 36px; line-height: 36px; display:block;  color: #eee; background: #134671; border-radius:3px; }
.cattit_iz pl a{ float: left;   margin: 10px 20px 10px 0px;}
.cattit_iz pr a{ float: right;  margin: 10px 0px  10px 20px; }
 
.cattit_iz a:hover{ background: #0D2F4A; color: #fff; }


.it1s{  border-top: 5px #0D2F4A solid;   background: url(imk1s.png) repeat-x;  }
.it1s pm{ background: #0D2F4A;  }
.it1s pm strong{  background: linear-gradient(to bottom, #FFD700, #FFFFE0); -webkit-background-clip: text; background-clip: text; color: transparent; }


.it0s{   background: url(imk0.png) repeat-x;  }
.it0{  border-top: 5px #CC6600 solid;  }
.it0 pm{  background: #CC6600; margin-top:-1px; display: block;  }


.it1{  border-top: 5px #134671 solid;   background: url(imk1.png) repeat-x;  }
.it1 pm{ background: #134671;  }
.it2s{   background: url(imk2.png) repeat-x;  }
.it2{  border-top: 5px #BF1609 solid;  }
.it2 pm{  background: #BF1609; margin-top:-1px; display: block;  }
.it3{  border-top: 5px #400080 solid; background: url(imk3.png) repeat-x; }
.it3 pm{  background: #400080; display: block; float:left; }

.cattits{ height: 36px; line-height: 36px; overflow:hidden; border-left: 2px #134671 solid; background: #fff; border-bottom: 1px #eee solid; }
.cattits strong{ color: #134671;  background: #f7f7f7; font-family:Microsoft YaHei;  font-weight: bold;  display: block; font-size: 1.1rem;   padding-left: 20px; }
.cattitsc{ heighT: 40px; line-height: 40px; overflow:hidden;   background: #134671; }
.cattitsc strong{ color: #fff;   font-family:Microsoft YaHei;   display: block; font-size: 1.1rem;   padding-left: 20px; }

.cattitss{ height: 52px; line-height: 52px;  overflow:hidden; border-top: 2px #134671 solid; background: #f7f7f7;  }
.cattitss strong{  width: 260px; font-size: 1.6rem;  font-weight: bold; color:#134671;  margin-left: 16px; float:left; }
.cattitss img{ height: 32px; margin-top: 12px; float:left; margin-left: 12px;  }
.cattitss span{ float:right; }
.cattitss span a{ font-size: 1rem; border-right: 1px #ccc solid; padding: 0 20px 0 20px; display: block; float:left; }
.cattitss span a:hover,.cattitsso{ background: #134671; color: #fff; }
.cattitss span a b{ font-size: 1.6rem; margin-right: 8px; margin-top: -2px; display: block; float:left; }
.cattitss span a font{ height: 38px; line-height: 38px;  display: block; float:left;  }

.clianxi{  overflow:hidden;}
.clianxi p{ height: 42px; line-height: 42px; font-size: 1rem; overflow:hidden; border-bottom: 1px #eee solid; }
.clianxi p:Hover{ background: #f7f7f7; }
.clianxi p img{ height: 28px; margin: 8px; float:left; }
.clianxi p b{ width: auto; height: 42px; line-height: 42px;  float:left; font-size: 1rem; }

.clianxis{  overflow:hidden;}
.clianxis p{ width: 17%; margin: 4%; float: left; text-align: center; }
.clianxis p img{ width: 100%; opacity: 0.9;}
.clianxis p img:Hover{ opacity: 1;}
.area{ overflow:hidden;  }
.area h2{ height: 52px; line-height: 52px; color:#113F64; overflow:hidden; display: block; font-weight: bold; padding-left: 20px; background: #f7f7f7; font-size: 1.4rem;  }
.area h2:Hover{ background: #eee; }
.area h2 a{ color:#113F64;  }
.area h2 a:hover{ color: #C44000; }
.area p a{ padding: 12px; font-size: 1rem; float:left; display: block; }
.area p:hover a{ background: #113F64; color: #fff; }
 
.user_list{ overflow:hidden;  }
.user_list li{ height: 36px; line-height: 36px; padding: 0 12px 0 12px; border-bottom: 1px #eee solid; }
.user_list li:Hover{ background: #f7f7f7; }
.user_list li b{ color: #113F64;  }
.user_list li post{ color: #666; float:right; }
 
.ibbs { margin:0; padding:0;width: 100%;  display: inline-block; overflow: hidden;   }
.ibbs img{ width: 100%; }
.ibbs-img { display: block;  transition: transform 0.3s ease;    transform: scale(1);  }
@keyframes jump {
            0% { transform: scale(1) translateY(0); }
            50% { transform: scale(1.1) translateY(-10px); }  
            100% { transform: scale(1) translateY(0); } 
        }
.ibbs:hover .ibbs-img { animation: jump 0.8s ease; }
		
		
.mt{ margin-top: 16px; }
.mtb1{ border-top: 1px #1F9C96 solid;  }
.mtb2{ border-top: 2px #1F9C96 solid;  }

.pt{ padding-top: 16px; }
.mts{ margin-top: 8px; }
.pts{ padding-top: 8px; }
 
.m1l{ width: 26%; float:left; }
.m1m{ width: 44%; float:left; margin-left: 1%; overflow: hidden; display: block; }
.m1r{ width: 28%; float: right; }
.m1rc{ width: 250px; float: right; }
.m1rs{ width: 1004px; float:right; }
 
.ides{ margin: 10px 0 10px 0; overflow: hidden;  }
.ides span{ font-size: 1.6rem; text-align: center;  display: block; }
.ides p{ background: #f7f7f7; font-size: 0.9rem; text-indent:2em; color: #666666; padding: 6px; line-height: 160%; margin-top: 8px;  }
.isaas{overflow:hidden;  }
.isaas a{ width: 33%;   height: 92px; line-height: 92px; text-align:center; font-size: 1rem; display: block; border-top: 1px #eee solid; border-right: 1px #eee solid; float:left; }

.isaas a:Hover{ background: #C44000; color: #fff; }
.cattitqy{ height: 44px; line-height: 44px; background: #134671; }
.cattitqy strong{ font-size: 1.1rem; color: #fff; font-weight: bold; margin-left: 20px; }
.cattitqy a{ color: #FFFF80; float: right; margin-right: 20px; }
.cattitqy a:Hover{ color: #FFFF00; font-weight: bold; }

.iads{ overflow: hidden; display: block; }
.iads img{ width: 48%; margin: 1%; float:left; height: 90px; }

.itag{  overflow: hidden; display: block;  padding: 4px; }
.itag a{ display: block; background: #eee; border-radius: 2px;  padding:  8px; float:left; margin: 0.7%; font-size: 0.86rem; }
.itag a:Hover{   background: #134671; color: #fff; }

.tagstype{ overflow: hidden; }
.tagstype a{ width: 48%; margin: 1%; text-align: center; font-size: 1rem; background: #f7f7f7; display: block; height: 32px; line-height: 32px; float:left; }

.qtype{ overflow: hidden; }
.qtype a{ width: 48%; margin: 1%; text-align: center; font-size: 0.7rem; color: #666; background: #f7f7f7; display: block; height: 32px; line-height: 32px; float:left; }
.qtype a:hover{ color: #0C2C45; background: #eee;  }

.simg6{  overflow:hidden; }
.simg6 img{ width: 15.83333%; float:left; opacity: 0.8; margin-right: 1%;  }
.simg6 img:hover{  opacity: 1; }

.m1il{ width: 560px; float:left; background: #fff; height: 600px;  overflow: hidden; display:block; }
.m1im{ width: 448px; float:left; margin-left: 16px; background: #fff; height: 600px; }

  .carousel {
            width: 100%;
            height: 26vh;
             position: relative;
            overflow: hidden;
        }
        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        .slide.active { opacity: 1; }
        .slide img { width: 100%;  object-fit: cover; }
		
		
.m1ir{ width: 360px; float: right;  background: #fff; height: 600px;  }
.m1ir h4{ height: 48px;  line-height: 48px; background: #C80000; color: #fff; padding-left: 20px; font-size: 1.2rem; }
.m1ir p{ width: 49%; margin: 0.5%; float:left; height: 134px;   font-size: 1.2rem; text-align: center; background: #f7f7f7; opacity:0.8; }
.m1ir p img{ width: 40%; margin: 8% 30% 8% 30%; overflow: hidden; display: block;  }
.m1ir p:Hover{  opacity: 1; }

.ms_business{ display: block; overflow: hidden;  }
.ms_business p{ width: 48%; margin: 1%; background: #f7f7f7; float:left; height: 60px; }


.cardlist{ overflow: hidden;  }
.cardlist li{ width: 31%; margin: 0.5%; padding: 0.5%; border-radius: 2px; background: #fff; border: 1px #eee solid; height: 160px;  box-shadow: 1px 1px 2px #eee; float:left;}
.cardlist li:hover{ background: #f7f7f7;  border: 1px #ccc solid; box-shadow: 1px 1px 2px #ccc; }
.cardlist li mpt{ height: 120px;  display: block; overflow: hidden; }
.cardlist li mptl{ width: 67%; float:left; }
.cardlist li mptl h2{ height: 40px; line-height: 40px; font-size: 1.4rem;}
.cardlist li mptl h2 b{ color: #666; margin-left: 10px; font-size: 1rem; }
.cardlist li mptl p{}
.cardlist li mptl p b{ height: 24px; line-height: 24px; display: block;overflow: hidden;  font-size: 0.78rem; color: #666; }
.cardlist li mptl p b font{ color: #134671; overflow: hidden;  font-size: 0.7rem; }
.cardlist li mptr{ width: 33%; float:right; }
.cardlist li mptr img{ width: 100%; }
.cardlist li mpb{ height: 40px; line-height: 40px; font-size: 1.2rem;  display: block; overflow: hidden; }
.cardlist li  delcc a{ height: 24px; line-height: 24px; display: block; text-align: center; font-size: 0.8rem; background: #ccc; color: #666; }
.cardlist li  delcc a:hover{ background: #666; color: #fff;}
.cardlist li mpb strong{   padding-left: 16px;   display: block; overflow: hidden; background: #134671; color: #fff; border-radius: 3px; }
.cardlist li:hover mpb strong{ color: #FFFF80; }
.cardlist li:hover mptl h2{ color: #C44000; }


.card_listc{ display: block; overflow: hidden; }

.card_listc li{ width: 29%; margin: 1%; padding: 1%; border-radius: 2px; background: #fff; border: 1px #eee solid; height: 160px;  box-shadow: 1px 1px 2px #eee; float:left;}
.card_listc li:hover{ background: #f7f7f7;  border: 1px #ccc solid; box-shadow: 1px 1px 2px #ccc; }
.card_listc li mpt{ height: 120px;  display: block; overflow: hidden; }
.card_listc li mptl{ width: 67%; float:left; }
.card_listc li mptl h2{ height: 40px; line-height: 40px; font-size: 1.4rem;}
.card_listc li mptl h2 b{ color: #666; margin-left: 10px; font-size: 1rem; }
.card_listc li mptl p{}
.card_listc li mptl p b{ height: 24px; line-height: 24px; display: block; font-size: 0.78rem; color: #666; }
.card_listc li mptl p b font{ color: #134671; }
.card_listc li mptr{ width: 33%; float:right; }
.card_listc li mptr img{ width: 100%; }
.card_listc li mpb{ height: 40px; line-height: 40px; font-size: 1.2rem;  display: block; overflow: hidden; }
.card_listc  li delcc a{ height: 24px; line-height: 24px; display: block; text-align: center; font-size: 0.8rem; background: #ccc; color: #666; }
.card_listc  li delcc a:hover{ background: #666; color: #fff;}
.card_listc li:hover mptl h2,.card_list li:hover mpb strong{ color: #C44000; }



#v_izhbg {
   width: 1400px; 
  height: auto;
  margin: 0 auto; 
  margin-top: -36px;
  padding:0; 
  object-fit: cover; /* 保持视频比例 */
  z-index: 999; /* 置于其他内容下方 */
}

.izhanhuis_l{ width: 17.5%; float:left; position:fixed; z-index: 999;  visibility:visible; top: 60px;  overflow: hidden; left:0; z-index: 99999;}
.izhanhuis_r{ width: 82%; float: right;}

.index_mk_lll{ width:  30%; float: left;  height: 100vh; background: #f7f7f7; margin-top: 8px;   }
.index_mk_lll p{  overflow:hidden; display:block;  padding: 8px; border-bottom: 1px #eee solid; }
.index_mk_lll p:Hover{ background: #ffffff; }
.index_mk_lll p b{ height: 30px; line-height: 30px; font-family: "Lucida Console"; font-size: 1.4rem; overflow:hidden; display:block; padding-left: 4px; color:#BF1609; }
.index_mk_lll p strong{ height: 40px; line-height: 40px; font-size: 1.4rem; overflow:hidden; display:block;  text-align: center;}


 
.izhanhui{ overflow:hidden; display:block;  height: 460px; height: auto; max-height: 440px; }
.izhanhui_l{ width: 46%; float:left;  margin-top: -560px;  position: relative;   }
.izhanhui_l h4{ overflow:hidden; display:block;  position: relative;  margin: 3% 0 2% 6%; }
.izhanhui_l h4 img{ width: 100%;  }
.izhanhui_l h4:after {
  content: "";
  position: absolute;
  left: -120%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
  transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg)
}
 
.izhanhui_l h4:hover:after { transition: all .5s ease; left: 100%; }

.dingxf{  display: block; height: 60px; margin-top: -60px; visibility: hidden;  }
.idata{ overflow: hidden; display:block;  padding: 10px 20px 10px 20px; width: 90%;  background: url(idata.png);  }
.idata p{ margin: 0.5% 1% 0.5% 1%; float:left; background: linear-gradient(to bottom, #FFD700, #FFFFE0); -webkit-background-clip: text; background-clip: text; color: transparent; Opacity: 1; }
.counter { font-size: 1.6rem; font-family: Arial; font-weight: bold;  }
.idata p span{ float:left; }
.idata p b{ float:left; font-size: 1.2rem; color: #fff; display: block;   }
.izhanhui_lx{ font-size: 1.2rem; padding: 5%; color: #fff;  }
.izhanhui_lx span{  overflow: hidden; display:block;  }

.izhanhui_lx span a{  border-radius: 9999px; height: 52px; line-height: 52px; color: #eeeeee; padding: 0 24px 0 24px;
            transition: all 0.1s ease;  margin-right: 22px; align-items: center;  transform: scale(0.98);   float:left; }
.izhanhui_lx span a:Hover{  transform: scale(1);  color: #ffffff; }

.izhanhui_lx span a.a_bmcz{    background: linear-gradient(180deg, #BF6000, #974B00);   }
.izhanhui_lx span a.a_bmcz:Hover{   background: linear-gradient(180deg, #B90000, #9B0000); }

.izhanhui_lx span a.a_schz{    background: linear-gradient(180deg, #BF6000, #974B00);   }
.izhanhui_lx span a.a_schz:Hover{   background: linear-gradient(180deg, #B90000, #9B0000); }

.izhanhui_lx tels{  background: url(jgt.png); padding-left: 20px; margin-right: 60px;  display:block; }
.izhanhui_lx tel{ height: 66px; line-height: 66px; overflow: hidden; background: linear-gradient(to bottom, #FFD700, #FFFFE0); -webkit-background-clip: text; background-clip: text; color: transparent;  display:block;  font-size: 3.6rem; margin-top: 60px; font-family: Arial, "Microsoft YaHei", sans-serif; }
			   
.izhanhui_r{ width: 40%; float:right; padding-top: 20px; margin-top: -580px; }
.izhanhui_r img{ width: 23%; margin: 1%; float:left; opacity: 0.7; height: 80px; }
.izhanhui_r img:hover{ opacity: 0.9; }

.izhanhui_yy{  overflow: hidden; display:block; background: #ffffff;  }
.izhanhui_yy a{ width: 9%; margin: 0.5%;  opacity: 0.8; border-radius: 3px;  background: linear-gradient(to bottom, #004080, #005CB9); color: #eee; text-align: center; height: 36px; line-height: 36px; float:left; display:block; }
.izhanhui_yy a:Hover{ opacity:1; }

.izhan_list{ overflow: hidden; display:block;  }
.izhan_list li{ width: 24%; margin: 0.5%; float:left; height: 140px; background: #f7f7f7; }
.izhan_list li pic{ overflow: hidden; display: block; width: 33%; float:left; padding: 1%; }
.izhan_list li pic img{ width: 100%; }
.izhan_list li span{ overflow: hidden; display: block; width: 64%; float:right;  }
.izhan_list li span strong{ height: 44px;  line-height: 40px;  font-size: 1.4rem; overflow: hidden; display:block;  }
.izhan_list li span strong a{ color: #134671; }
.izhan_list li span p{ padding: 6px;   background: #eee; overflow: hidden; display:block;  }
.izhan_list li span p c{  height: 44px;line-height: 22px; font-size: 0.8rem; color: #666; background: #eee; overflow: hidden; display:block;  }
.izhan_list li span b{ height: 30px; line-height: 30px; overflow: hidden; display:block;  margin-top: 6px;   }
.izhan_list li span b font{}
.izhan_list li span b a{ float:right; background: #E30909; width: 30%; font-size: 0.8rem; color: #f7f7f7; text-align: center; overflow: hidden;display:block;   border-radius: 2px; }
.izhan_list li span b a:Hover{ background: #AA0606; color: #fff; }

.izhan_list_bs{ overflow: hidden; display:block;  }
.izhan_list_bs ul{ width: 32.03%; float:left; margin: 0.65%; }
.izhan_list_bs ul li{ height: 36px; line-height: 36px; border-bottom: 1px #eee solid; padding-left: 12px; }
.izhan_list_bs ul li:hover{ background: #f7f7f7; }
.izhan_list_bs ul h4{ height: 44px; line-height: 44px; padding-left: 10px; font-size: 1.2rem; overflow:hidden; display:block; background: #E6F2FF; color: #053050; }

.izhanqutl{ width: 70%; float:left; }
.izhanqutl img{ width: 100%; }

.izhanqutr{ width: 30%; float: right; }
.izhanqutr p{ width:92%; margin: 0 2% 2% 2%; border-radius: 3px; height: 56px; line-height: 56px; background: #f7f7f7; font-size:1.2rem; padding: 0 2% 0 2%; }
.izhanqutr p img{ height: 28px; margin-top: 14px; margin-right: 10px; }
.izhanqutr p b{ float:right; color: #BD1604;  }
.izhanqutr p:hover{ background: #134671; }
.izhanqutr p:hover a{ color: #ffffff; }
.izhanqutr p:Hover b{ color: #FFFF80; }


.index_hy{ overflow:hidden; display:block;  height: 400px; }
.index_hy_l{ width: 29%; float:left; padding: 0.5%; }
.index_hy_l a{ width: 48%; height: 56px; line-height: 56px; float:left; background: #eee; font-size: 1.4rem; text-align: center;  margin: 1%; color: #134671; }
.index_hy_l a:Hover{ background: #134671; color: #fff;  }

.lllist{ overflow:hidden; display:block; width: 68%; float:right; }
.lllist h4{  height: 120px;  overflow:hidden; display:block; color: #fff; padding: 6px; background:#BF1609;  margin-top: 10px; border-radius:3px; }
.lllist h4 strong{ font-size: 1.8rem; overflow:hidden; display:block;  }
.lllist h4 p{ margin-top: 4px; }
.lllist h4 span{ font-size: 1rem; margin: 0 6px 0 6px; color: #FFFF80; }
.lllist h4 b{ font-size: 1rem;  }
.lllist li{ height: 55px; overflow:hidden; background: #fff; display:block;   padding: 4px; margin-top: 8px; border-radius: 2px; }
.lllist li:Hover{ background: #fff; }
.lllist li strong{  line-height: 28px;height: 28px; font-size: 0.9rem; overflow:hidden; display:block;  }
.lllist li strong b{ color: #BD1604; margin: 0 4px 0 4px; }
.lllist li span{  line-height: 32px;height: 32px; font-size: 0.9rem; overflow:hidden; display:block;   }
.lllist li span{  line-height: 24px;height: 24px; margin-top: 4px; overflow:hidden; display:block;   }
.lllist li span b{ background: #666; color: #eee; height: 20px; line-height: 20px; padding: 0 6px 0 6px; margin: 0 4px 0 4px;  font-size: 0.8rem;   border-radius: 3px; display:block; float:left; }
.lllist li span b:hover{ background: #333; color: #fff; }
.lllist li span a{ float:right; font-size: 0.86rem; }


.index_hy_rs{ width: 70%; float:right; }
.index_hy_r{ width: 48%; margin-left: 2%;   float:left; }
.index_hy_r img{ width: 100%;  }
.index_hy_r h3{ height: 44px; line-height: 44px; font-size: 1.4rem; background: #f7f7f7; padding-left: 20px; color: #134671; margin-top: 10px;}
 
.index_mk{  overflow:hidden; display:block;    }
.index_mk_l{ width: 320px; float:left;  }
.index_mk_m{ width: 800px; float:left; margin-left: 16px;}
.index_mk_r{ width: 260px; float:right;  }

.index_mk_ll{ width: 440px; float:left;   }
.index_mk_rr{ width: 960px; float:right; }
.index_mk_rrs{ width: 960px; float:right; }

.ilanmu { width: 468px; float: left; margin-left: 12px;  background: #fff; margin-bottom: 12px;}
.ilanmu h4{ height: 44px; line-height: 44px; border-left: #134671 2px solid;background: #f7f7f7; color: #134671; padding-left: 20px; font-size: 1.4rem; display:block; }


.zzlist{ overflow:hidden; display:block; }
.zzlist h4{ height: 60px; line-height: 60px;}
.zzlist li{ height: 53px; overflow:hidden; background: #fff; display:block;   padding: 4px 8px 4px 8px; margin-top: 8px; border-radius: 2px; }
.zzlist li:Hover{ background: #fff; }
.zzlist li pmi{  display:block; color: #fff; width: 48px; text-align:center; height: 48px; line-height: 48px; margin: 4px; float:left; font-size: 1.4rem; border-radius: 4px; }
.zzlist li strong{  font-size: 1.2rem; overflow:hidden; display:block;  margin-top: 4px;  }
.zzlist li span{  line-height: 24px;height: 24px; margin-top: 4px; overflow:hidden; display:block;   }
.zzlist li span b{ background: #666; color: #eee; height: 20px; line-height: 20px; padding: 0 6px 0 6px; margin: 0 4px 0 4px;  font-size: 0.7rem;   border-radius: 3px; display:block; float:left; }
.zzlist li span b:hover{ background: #333; color: #fff; }

.izhizao{  overflow:hidden; display:block;  }
.izhizao li{ width: 48.5%; margin: 0.75%  0% 0.75% 1.5%;  float:left; opacity: 0.9; height: 160px; }

.izhizao li p{ height: 160px; line-height: 140px; clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%); width: 37.6%; float:left;  display: block; overflow:hidden; font-size: 2rem; padding-left: 10px; color: #fff;  }
.izhizao li p a{ color: #fff; }
.izhizao li span{ display: block; height: 160px;  }
.izhizao li h4{ width: 52%; float:right;  padding: 3%; display: block; color: #fff; font-size: 1rem; line-height: 140%; }
.izhizao li:hover{ opacity: 1;   }
.izhizao li strong a{  border-radius: 9999px; height: 32px; line-height: 32px; color: #eeeeee; padding: 0 16px 0 16px;
            transition: all 0.1s ease;  margin: 0 12px 0 12px; align-items: center;  transform: scale(0.98);   float:left;  background: linear-gradient(180deg, #BF6000, #974B00); }
.izhizao li strong a:Hover{  transform: scale(1);  color: #ffffff;  background: linear-gradient(180deg, #B90000, #9B0000); }

 

.index_mk h3{    height: 44px; line-height: 44px; font-size: 1.4rem;  margin: 10px 0px 0 0;  border-bottom:2px solid #ccc; font-weight: bold; }
.index_mk h3 b1{ width: 120px; border-bottom:2px solid #C44000;  display: block;  color: #C44000;  }
.index_mk h3 b2{ width: 120px; border-bottom:2px solid #134671;  display: block;  color: #134671;  }
.index_mk h3 b3{ width: 120px; border-bottom:2px solid #400080;  display: block;  color: #400080;  }

.index_mk3{  overflow:hidden; }
.index_mk3 h4{ height: 52px; line-height: 52px; font-size: 1.4rem; padding-left: 20px; background: #eee;  color: #134671;  }
.index_mk3_l{ width: 32.33%; margin-right: 1.5%; float:left; background: #f7f7f7; }
.index_mk3_r{ width: 32.33%; float: right; background: #f7f7f7; }

.index_mk3 p{ padding: 8px; line-height: 260%; }

.iclasst{  display: block; overflow: hidden; }
.iclasst pic{  display: block; overflow: hidden; margin-top: 6px;  }
.iclasst pic img{ width: 100%; }
.iclasst strong{ height: 24px; padding: 8px 4px 8px 4px; font-size: 1.1rem;  display: block; overflow: hidden; }
.iclassb{ display: block; overflow: hidden; }
.iclassb li{ padding: 6px; line-height: 160%; font-size: 0.9rem;  border-bottom: 1px #eee solid;  display: block; overflow: hidden; }

.ibrand{ display: block;   overflow:hidden;  }
.ibrand img{ width: 11.36%; margin: 0.5%; float:left; border: 1px #eee solid; filter: brightness(0.9); }
.ibrand img:Hover{  filter: brightness(1);  border: 1px #FFCDB5 solid;  }

.i_video_l{ width: 20%; float:left; background: url(izhibo.png);  height: 530px; background-size: contain; background-repeat:no-repeat;}
.i_video_l p{ width: 80%; margin: 10%; text-align: center; display: block; overflow: hidden;  position: relative ; top: 344px; left: 0; }
.i_video_l p img{ width: 98%; border: 2px #FFFF00 solid;  opacity: 0.8; }
.i_video_l bf img{ width:  80px;  text-align: center;  z-index: 999; display: block; opacity: 0.9;  position:relative; top: 200px; left: 33%; }
.i_video_l a:Hover img{ opacity: 1;  }


.i_video_r{ width: 80%; float: right; }
.i_video_r li{ width: 23%; float:left; margin-left: 2%; margin-bottom: 18px; height: 164px; }
.i_video_r li pic{ display: block;   overflow:hidden;  height: 164px;  }
.i_video_r li pic img{ width: 100%; }
.i_video_r li span{ width: 96%; height: 40px;  line-height: 20px; padding: 2%; overflow:hidden; background: #053050; opacity: 0.8; text-align: center;  z-index: 999; display: block; position:relative  ; top: -60px; left: 0; }
.i_video_r li span a{ color: #fff; font-size: 0.9rem; }
.i_video_r li span:Hover,.i_video_r li span:Hover a{ opacity: 1; color:#FFFF80;  }
.i_video_r li bf img{ width:  60px;  text-align: center;  z-index: 999; display: block; opacity: 0.5;  position:relative; top: -180px; left: 37%; }
.i_video_r li:hover img{ opacity: 1;  }

.ishangwu{ display: block; overflow:hidden; margin-top: 20px; }
.ishangwu img{ width: 48%; margin: 1% 2% 1% 0; float:left; } 
         
 

.icard{ overflow:hidden; display: block;  padding-top: 12px; padding-bottom: 10px; }
.icard li{ width: 24%; margin: 5px 0.5% 5px 0.5%; float:left; background:#f7f7f7; height: 160px; border-top: 2px #C13F00 solid;  border-radius: 3px; }
.icard li p{ height: 36px; line-heieght: 34px; background: #eee; font-size: 0.9rem; overflow: hidden; border-bottom: 1px #eee solid; }
.icard li p b{   height: 34px;  line-height: 34px; width: 70px; padding-left: 18px;  float:left; color: #fff;  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);  border-radius: 0 0 8px 0; background: #C13F00;   font-size: 1rem;  }
.icard li p a{  height: 34px;  line-height: 34px;  font-size: 1.2rem;  margin-left: 20px; display: block; float:left; }
.icard li p font{ float:right; font-size: 1rem; height: 32px; line-height:32px; margin-right: 12px; color: #999; }
.icard li span{ width: 96%; padding: 2%; margin-top: 1%; display: block; overflow: hidden;  }
.icard li span b{ height: 30px; width: 48%;   padding: 1%; display: block; float:left; font-size: 0.9rem;  color: #999; overflow: hidden; }
.icard li span b font{ color: #666; margin-left: 6px; }
.icard li strong{ height: 36px; line-height: 36px; background: #eee; display: block; overflow: hidden; font-size: 0.86rem; padding-left: 12px; }
.icard li:Hover span b font{ color: #111; }
.icard li:hover p font{ color: #C13F00; }

.icard3{ overflow:hidden; display: block;   }
.icard3 li{ width: 32.5%; margin-right: 1.25%; float:left; height: 180px; background: #ffffff; margin-top: 12px;  overflow:hidden; display: block;   border-radius: 2px;  }
.icard3 li pic{ width: 30%; float:left; overflow:hidden; display: block;  }
.icard3 li pic img{ width: 90%; margin: 5%; }
.icard3 li span{ width: 68%; float:right;  } 
.icard3 li span strong{ height: 36px; line-height: 36px; margin-top: 4px;  font-size: 1.6rem; overflow:hidden; display: block;  }
.icard3 li span strong img{  margin-left: 8px; margin-top: 6px;  }
.icard3 li span strong font{ color: #E67300; font-size: 0.86rem; float:right; margin-right: 4px;}
.icard3 li span p{ height: 48px; padding: 6px; line-height: 24px; font-size: 0.8rem; color: #666; background: #f7f7f7; }
.icard3 li span c{ overflow:hidden; display: block;  height: 36px; line-height: 36px; background: #004A95; color: #fff; padding: 0 10px 0 10px; }
.icard3 li span b{ overflow:hidden; display: block;  height: 44px; line-height: 44px; text-align: right; padding-right: 10px; color: #004000; font-size: 0.9rem }
 
.hzhb{ overflow:hidden; }
.hzhb li{ width: 7.33%; margin: 5px 0.5% 5px 0.5%; float:left; height: 70px; overflow:hidden; display: block; }
.hzhb li img{ width: 98%; opacity:0.8; border: 1px #ccc solid; }
.hzhb li img:Hover{ opacity: 1; }

 

.m2c{ width: 24.25%; margin-right: 1%; float:left; }
.m3l{ width: 900px; float:left; }
.m3lc{ width: 434px; margin-right: 16px;   float: left;}
.m3r{ width: 300px; float:right; }
.m4l{ width: 300px; float:left; }
.m4r{ width: 884px; float: right; }

.menut{ height: 52px; line-height: 52px; background: #f7f7f7; }
.menut strong{ font-size: 1.4rem; color: #0C2C45;  margin-left: 6px; }
.menut strong img{ height: 28px; margin: 12px; }
.about{ padding: 10px; }
.about h2{ height: 44px; line-height: 44px; text-align: center; display: block; }
.about p{ line-height: 160%; text-indent:2em;}

.cabout{}
.cabout h1{ height: 52px; line-height: 52px; font-size: 1.6rem; display: block; text-align: center;  }
.cabout .content{ line-height: 180%; padding: 20px; text-indent: 2em;  }

.mtype{ overflow:hidden;  }
.mtype a{ height: 44px; line-height: 44px; width: 100%;   font-size: 1rem;  border-bottom: 1px #eee solid;   display: block; padding-left: 30px; }
.mtype a img{ height: 24px; margin: 10px; padding-left: 20px; }
.mtype a:hover,a.mtypeo{ background: #134671; color: #fff; }

.mtjztit{ height: 44px; line-height: 44px; background: #fff; border-bottom: 2px #1F9C96 solid; }
.mtjztit img{ height: 24px; margin: 10px; }
.mtjztit strong{ font-size: 1.3rem; color: #1F9C96; font-weight: bold;  font-family:Microsoft YaHei; }

.mtjz{ overflow:hidden; }
.mtjz li{ width: 32.33%;  background: #eee; margin: 0.5%;   font-size: 1.6rem; float:left; height: 85px; text-align: center; }
.mtjz li img{ width: 100%; opacity: 0.8; }
.mtjz li img:Hover{  opacity: 1;   }
.mtjz li:hover{ background: #134671; }
.mtjz p{ font-size: 1rem; margin: 1%; width: 31.3%; float:left; background: #eee;  line-height: 114px;  height: 114px; text-align: center; font-size: 1.2rem;  }
.mtjz p:hover{ background: #134671; }


.mhl{ width: 220px; float: left; }
.mhlc{ width: 300px; float: left; }
.mhm{ width: 850px; float: left; margin-left: 16px; }
.mhrs{ width: 1164px; float: right; }
.mhrss{ width: 1400px; margin: 0 auto; padding: 0; overflow:hidden; }
.mhrsc{ width: 884px; float: right; }
.mhr{ width: 298px; float: right; }
.leftc{ overflow:hidden;  }
.leftc img{ width: 100%; margin-bottom: 4px; }
.list{  overflow:hidden;  }
.list li{ height: 40px; line-height: 40px; border-bottom: 1px #eee dashed;overflow:hidden;  padding: 0 12px 0 12px; }
.list li a{ margin-left: 6px; }
.list li type{ color: #134671; margin-right: 12px; }
.list li:Hover type{ color: #0C2C45; font-weight: bold; }
.list li:Hover{ background: #eee; }
.list li time{ color: #666; float:right; display: none; }

.lists{  overflow:hidden;  }
.lists li{ height: 44px; line-height: 44px; font-size: 1rem; border-bottom: 1px #eee dashed;overflow:hidden;  padding: 0 12px 0 12px; }
.lists li a{ margin-left: 6px; }
.lists li type{ color: #134671; margin-right: 12px; }
.lists li:Hover type{ color: #0C2C45; font-weight: bold; }
.lists li:Hover{ background: #eee; }
.lists li time{ color: #666; float:right; display: none; }


.piclist6{  overflow:hidden;  }
.piclist6 li{ width: 15.66%; margin: 0.5%; float:left; }
.piclist6 li img{ width: 100%; height: 260px; }

.case3{  overflow:hidden;  }
.case3 li{ width: 31.333%; margin: 1%; float:left;   overflow:hidden;  }
.case3 li pic{  display: block; height: 140px;  overflow:hidden; border: 1px #eee solid; }
.case3 li pic img{ width: 100%; opacity: 0.9; display: block; }
.case3 li pic:hover{ opacity: 1;  border: 1px #134671 solid;  }
.case3 li span{ display: block; }
.case3 li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.case3 li span price font{ color: #9F3400; font-size: 1rem; }
.case3 li span price b{ float:right; color: #666; font-size: 0.8rem; }
.case3 li span strong{ height: 24px; line-height: 24px;  font-size: 1rem;  display: block; overflow:hidden;  }

.newslist{  overflow:hidden;  }
.newslist li{  height: 100px;  padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.newslist li:hover{ background: #f7f7f7; }
.newslist li pic{ width: 24%; display: block; height: 100px; float:left; overflow:hidden; }
.newslist li pic img{ width: 100%;  opacity: 0.9;   display: block; }
.newslist li pic img:hover{ opacity: 1;  }
.newslist li span{ width: 74%; float:right; display: block; }
.newslist li span strong{ height: 38px; line-height: 38px;  font-size: 1.3rem;  display: block; overflow:hidden;  }
.newslist li span strong font{ color: #666; float: right; font-size: 1rem; display: none; }
.newslist li span p{ font-size: 0.9rem; color: #666; margin-top: 0px; line-height: 140%; }

.doclist{  overflow:hidden;  }
.doclist li{  height: 100px;  padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.doclist li:hover{ background: #f7f7f7; }
.doclist li pic{ width: 24%; display: block; height: 100px; float:left; overflow:hidden; }
.doclist li pic img{ width: 100%;  opacity: 0.9;   display: block; }
.doclist li pic img:hover{ opacity: 1;  }
.doclist li span{ width: 74%; float:right; display: block; }
.doclist li span strong{ height: 38px; line-height: 38px;  font-size: 1.3rem;  display: block; overflow:hidden;  }
.doclist li span strong font{ color: #666; float: right; font-size: 1rem; display: none; }
.doclist li span p{ font-size: 0.9rem; color: #666; margin-top: 0px; line-height: 140%; }


.industrylist{  overflow:hidden;  }
.industrylist li{  height: 100px;  padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.industrylist li:hover{ background: #f7f7f7; }
.industrylist li pic{ width: 24%; display: block; height: 100px; float:left; overflow:hidden; }
.industrylist li pic img{ width: 100%;  opacity: 0.9;   display: block; }
.industrylist li pic img:hover{ opacity: 1;  }
.industrylist li span{ width: 74%; float:right; display: block; }
.industrylist li span strong{ height: 38px; line-height: 38px;  font-size: 1.3rem;  display: block; overflow:hidden;  }
.industrylist li span strong font{ color: #666; float: right; font-size: 1rem; display: none; }
.industrylist li span p{ font-size: 0.9rem; color: #666; margin-top: 0px; line-height: 140%; }


.baikelist{  overflow:hidden;  }
.baikelist li{  width: 27.33%; height: 36px; line-height: 36px; background: #f7f7f7; border-radius: 2px;  padding: 2%; margin: 1%; float:left; display: block; overflow:hidden;  }
.baikelist li:hover{ background: #f7f7f7; }
.baikelist li  strong{ height: 38px; line-height: 38px;  font-size: 1.3rem;  display: block; overflow:hidden;  }
.baikelist li  strong font{ color: #666; float: right; font-size: 1rem; display: none; }
 
.businesslist{  overflow:hidden;  }
.businesslist li{  height: 110px;  padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.businesslist li:hover{ background: #f7f7f7; }
.businesslist li pic{ width: 20%; display: block; height: 120px; float:left; overflow:hidden; }
.businesslist li pic img{ width: 100%;  opacity: 0.9;  aspect-ratio: 1;height: 108px; display: block;   }
.businesslist li pic img:hover{ opacity: 1;    }
.businesslist li span{ width: 77%; float:right; display: block; }
.businesslist li span strong{ height: 40px; line-height: 40px;  font-size: 1.4rem;  display: block; overflow:hidden;  }
.businesslist li span strong font{ color: #666; float: right; font-size: 1rem; }
.businesslist li span p{ font-size: 0.9rem; color: #666; margin-top: 12px; overflow:hidden;  }
.businesslist li span p pp{ width: 30%; margin-right: 3%; float:left; }
.businesslist li span p pp font{ color: #0C2C45; margin-left: 10px; }


.listinfo{  overflow:hidden;  }
.listinfo li{  height: 110px;  padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.listinfo li:hover{ background: #f7f7f7; }
.listinfo li pic{ width: 20%; display: block; height: 120px; float:left; overflow:hidden; }
.listinfo li pic img{ width: 100%;  opacity: 0.9;  aspect-ratio: 1;height: 108px; display: block;   }
.listinfo li pic img:hover{ opacity: 1;    }
.listinfo li span{ width: 77%; float:right; display: block; }
.listinfo li span strong{ height: 40px; line-height: 40px;  font-size: 1.4rem;  display: block; overflow:hidden;  }
.listinfo li span strong font{ color: #666; float: right; font-size: 1rem; }
.listinfo li span p{ font-size: 0.9rem; color: #666; margin-top: 12px; overflow:hidden;  }
.listinfo li span p pp{ width: 30%; margin-right: 3%; float:left; }
.listinfo li span p pp font{ color: #0C2C45; margin-left: 10px; }

.listinfozs{  overflow:hidden;  }
.listinfozs li{  height: 120px;  padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.listinfozs li:hover{ background: #f7f7f7; }
.listinfozs li pic{ width: 20%; display: block; height: 120px; float:left; overflow:hidden; }
.listinfozs li pic img{ width: 100%;  opacity: 0.9; aspect-ratio: 1; height: 118px; display: block;  }
.listinfozs li pic img:hover{ opacity: 1;     }

.listinfozs li span{ width: 60%; margin-left: 1.5%; float: left; display: block; }
.listinfozs li span strong{ height: 40px; line-height: 40px;  font-size: 1.6rem;  display: block; overflow:hidden;  }
.listinfozs li span strong font{ color: #666; float: right; font-size: 1rem; }
.listinfozs li span p{ font-size: 0.9rem; color: #666; margin-top: 12px; overflow:hidden;  }
.listinfozs li span p pp{ width: 30%; margin-right: 3%; float:left; }
.listinfozs li span p pp font{ color: #0C2C45; margin-left: 10px; }
.listinfozs li .showacts{ width: 17%; float:right;   display: block;}

.listinfot {  overflow:hidden;  height: 36px; line-height: 36px; padding-top: 20px; }
.listinfot h1{  float:left; padding-left: 20px; }
.listinfot zts{ width: 10%; height: 36px; line-height: 36px;  display: block; float:right; }
.listinfot zts img{ width: 20px; margin: 8px; }

.listinfoc{ overflow:hidden; padding: 2%; }
.listinfocl{ width: 50%; float: left; }
.listinfocl p{ font-size: 0.9rem; color: #666;  }
.listinfocl p pp{ height: 36px; line-height: 36px; border-bottom: 1px #eee solid; display: block; overflow:hidden;  padding: 0 10px 0 10px; }
.listinfocl p pp font{ color: #0C2C45; margin-left: 20px; }

.listinfocl p pps{  line-height: 36px; border-bottom: 1px #eee solid; display: block; overflow:hidden;  padding: 0 10px 0 10px; }
.listinfocl p pps b{ float:left; }
.listinfocl p pps font{ color: #0C2C45; margin-left: 20px; }
.listinfocl p pps font fonts{ height: 22px; line-height: 22px; font-size: 0.7rem; color: #fff; padding: 0 8px 0 8px; margin: 6px; background: #D06633;  border-radius: 2px; display: block; float:left; }
.listinfocl p pps font fonts:Hover{ background: #800; }

.listinfocr{ width: 40%; float: right; background: #f7f7f7; }
.listinfocr h2{ font-size: 1.4rem;  overflow:hidden; height: 52px; line-height: 52px; padding-left: 12px; }
.listinfocr p{ font-size: 1rem; color: #666;  }
.listinfocr p pp{ height: 40px; line-height: 40px; border-bottom: 1px #eee solid; display: block; overflow:hidden;  padding: 0 10px 0 10px; }
.listinfocr p pp font{ color: #0C2C45; margin-left: 10px; }

.showbz{ overflow:hidden; background: #f7f7f7;  font-size: 1.3rem; color: #C44000; text-align: center; height: 48px; line-height: 48px;  border-radius: 2px; margin-top: 16px; }
.showbz:hover{ background: #FFEFE8; color: #ff0000; }
 
.showact{ overflow:hidden;  }
.showact a{ opacity:0.8; color: #f7f7f7; width: 150px; text-align: center; margin: 10px; float: right; font-size: 1.4rem; height: 52px; line-height: 52px;  border-radius: 2px;  display: block; }
.showact img{ height: 28px; margin: 12px 4px 6px 0; }
.showact b{}
.showact a:hover{ opacity: 1;  color: #ffff00; }

.showactc{ overflow:hidden;  }
.showactc a{ opacity:0.8; color: #f7f7f7; width: 130px; text-align: center; margin: 10px; float: right; font-size: 1.2rem; height: 42px; line-height: 42px;  border-radius: 2px;  display: block; }
.showactc img{ height: 24px; margin: 10px 4px 6px 0; }
.showactc b{}
.showactc a:hover{ opacity: 1;  color: #ffff00; }

.showacts{ overflow:hidden;  }
.showacts a{ opacity:0.8; color: #f7f7f7; width: 140px; text-align: center; margin: 8px; font-size: 0.9rem; height: 32px; line-height: 32px;  border-radius: 2px;  display: block; }
.showacts img{ height: 18px; margin: 8px 8px 6px 0; }
.showacts b{}
.showacts a:hover{ opacity: 1;  color: #ffff00; }

a.showact0{ background: #666; pointer-events:none}
a.showact1{ background: #C44000; }
a.showact2{ background: #0080FF; }
a.showact3{ background: #8C0000; }
a.showact4{ background: #400080; }



.recruitlist{  overflow:hidden;  }
.recruitlist li{ padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.recruitlist li:hover{ background: #f7f7f7; }
.recruitlist li strong{ height: 36px; line-height: 36px;  font-size: 1.4rem;  display: block; overflow:hidden;  }
.recruitlist li strong font{ color: #666; float: right; font-size: 1rem; }
.recruitlist li p{ font-size: 0.8rem; color: #666; height: 28px; line-height: 28px; overflow:hidden;}
.recruitlist li p pp{ width: 30.33%; margin-right: 3%; float:left; }
.recruitlist li p pp font{ color: #0C2C45; margin-left: 20px; }
.recruitlist li span{ height: 36px; line-height: 36px; margin-top: 6px; overflow:hidden;background: #f7f7f7; padding: 0 8px 0 8px; display: block; }
.recruitlist li span lxr{ width: 30%; display: block; float:left; }
.recruitlist li span lxr font{ color: #0C2C45; margin-left: 10px;  }
.recruitlist li span company{ width: 60%; display: block; float:left; }
.recruitlist li span zts{ width: 15%; display: block; float:right; }
.recruitlist li span zts img{ width: 20px; margin: 8px; }

.newscs{ overflow:hidden; }
.newscs h1{ height: 80px; line-height: 80px; text-align: center;  }
.newsdes{ height: 36px; line-height: 36px; padding: 0 20px 0 20px; border-bottom: 8px #f7f7f7 solid;}
.newsdess{ padding: 0 20px 0 20px; border-bottom: 8px #f7f7f7 solid;}
.newsdes p{ float:left; margin-right: 40px; }
.newsdes pl{}
.newsdes pl img{ height: 18px; margin: 8px -8px 8px 0; border-radius: 20px; border: 1px #cccccc solid; }
.newsdes span{ float: right; color: #666; }
.newscsc{ overflow:hidden; padding: 2%; font-size: 1rem; line-height: 180%; }
.newscsc img{ max-width: 100%; }

.newsab h3{ height: 44px; line-height: 44px; background: #f7f7f7; border-left: 2px solid #134671 ; padding-left: 20px; }

.cphoto{ height: 110px;   overflow:hidden; }
.cphoto p{ height: 100px; width: 29.5%; margin-right: 2%;  float:left;  margin: 5px; overflow:hidden; }
.cphoto img{ width: 100%; opacity: 0.9; }
.cphoto img:Hover{ opacity: 1; }

.cphotos{ height: 110px;   overflow:hidden; }
.cphotos p{ height: 100px; width: 18%; margin-right: 2%;  float:left;  margin: 5px; overflow:hidden; }
.cphotos img{ width: 100%; opacity: 0.9; }
.cphotos img:Hover{ opacity: 1; }

a.morep{ width: 30px; text-align: center; float:right; height: 80px; margin-top:5px; line-height: 120%; padding-top: 20px; display: block; background: #666; color: #eee; font-size: 0.7rem; }
a.morep:Hover{ background: #FD4E02; color: #fff; }

.list2{ overflow:hidden;}
.list2 li{ width: 48%; margin: 0 1% 0 1%; height: 36px; line-height: 36px; float:left; border-bottom: 1px #eee dashed; }
.list2 li time{ float:right; color: #666; display:none; }
.list2 li:hover{ background: #f7f7f7; }
.formc{ overflow: hidden; } 
.sform{ background: #fff;   padding: 10px; }
.sform li{ padding: 10px 10px 10px 10px;  overflow: hidden;   }

.sform li bts{ width: 12%; font-size: 1rem; margin-right: 2%; text-align: right;   display: block;  float:left;}
.sform li bts bt{ color: #ff0000; margin-top: 4px; margin-left: 8px; }
.sform li c{ width: 86%;  float:left;  display: block;  }
.sform .fan{ text-align: center; margin: 20px; background: #dd0000; padding: 8px 12px 8px 12px; font-size: 1rem; color: #fff; border: 0; border-radius:2px; }
.sform .fan:hover{ background: #aa0000; }

.sform select,.sform textarea{ padding: 2px 8px 2px 8px; height: 26px; line-height: 26px;  color: #333; border: 1px #ccc solid; }
.sform select{ font-size: 0.9rem; }
 
.sinput{ padding: 4px 8px 4px 8px; color: #333; border: 1px #ccc solid;  } 

.submit{ background: #FD4E02; font-size: 1rem; padding:0; margin:0; color: #fff; border:0; width: 120px; height: 36px; line-height: 36px;  display: block; text-align: center; }
.submit:hover{ background: #8F2C01; color: #fff; }
.submits{ background: #FD4E02; font-size: 1.4rem; position:fixed; z-index: 999;  visibility:visible; bottom: 80px; left: 50%; overflow: hidden; padding:0; margin:0; color: #fff; border:0; width: 180px; height: 44px; line-height: 44px;  display: block; text-align: center; }
.submits:hover{ background: #8F2C01; color: #fff; }

.userleft{  overflow: hidden; }
.userleft face{ width: 60%; height: 120px; display: block; margin: 10% 20% 0% 20%; }
.userleft face img{ width: 100%;  height: 120px;  border-radius: 160px; }
.userleft h1{ height: 32px; line-height: 32px; font-size: 1.4rem; margin-top: 4px; display: block; text-align: center; }
.userleft h1 b{  }
.userleft h1 vip img{ margin-left: 10px;   margin-top: 6px;   }
.userleft strong{ display: block; height: 32px; line-height: 32px; text-align: center; overflow: hidden; background:#FFFAF4; margin-top: 8px; }
.userleft strong font{  color: #113F64; margin-left: 10px; }
.userleft span{ display: block; padding: 6px;  overflow: hidden;  }
.userleft span a{ width: 80px; text-align: center; border-radius: 2px; height: 24px; line-height: 24px; opacity: 0.9; display: block; float:left; color: #f7f7f7; margin: 4px; }
.userleft span a:hover{ opacity: 1; color: #ffff00;  }
.userleft p{ padding: 8px; overflow: hidden; }
.userleft p b{ display: block; height: 36px; line-height: 36px; border-bottom: 1px #eee solid; padding-left: 6px; font-size: 0.7rem; color: #666; }
.userleft p b font{ margin-left: 10px; color: #113F64; }

 

.mtlmz{ overflow:hidden; }
.mtlmz li{ overflow:hidden; height: 36px; line-height: 36px; border: 1px #ccc solid; background: #fff; padding-left: 20px; margin-top: 4px; }
.mtlmz li:hover{ background: #eee; }

.circlebt{ height: 38px; line-height: 38px;  padding: 0 6px 0 6px; border-top: 2px #134671 solid; overflow:hidden;  background: #eee;  }
.circlebt strong{  width: 120px;   font-size: 1.3rem; font-weight: bold; color:#134671;   }
.circlebt img{ height: 24px; margin: 9px; }
.circlebt b{ float:right; }

.circler{ overflow:hidden;height: 372px; padding: 4px; padding-top: 0;   }
.circler li{ height: 53px; border-bottom: 1px #ccc dashed; padding: 4px; }
.circler li strong{ height: 33px; line-height: 33px; font-size: 0.9rem; overflow:hidden; display: block; }
.circler li:hover{ background: #f7f7f7; }
.circler li p{ height: 20px; line-height: 20px; overflow:hidden; font-size: 0.7rem; }
.circler li p a{ display: block; float:left; color: #134671; }
.circler li p b{ float:right; margin-right: 6px; width: 50px; color: #666; display: block; }
.circler li p b font{ margin-left: 4px; color: #134671; }
.circleshow{ overflow:hidden;   border-bottom: 4px #eee solid; display: -webkit-flex;  display: flex; -ms-flex-direction: row;  flex-direction: row;  align-items: stretch;  }
.circleshowl{ width: 20%; float:Left; display: block; background: #f7f7f7;   border-right: 1px #ccc solid; }
.circleshowr{ width: 79.8%; float: right; display: block; overflow:hidden;  position: relative; }
.circleinfo{ text-align: center; overflow:hidden; }
.circleinfo face { width: 40%; margin: 4% 30% 4% 30%; display: block; }
.circleinfo face img{ width: 100%;  border-radius: 100%;  }
.circleinfo h3{ height: 36px; line-height: 36px; text-align:left; padding: 6px 10px 0px 20px; display: block; }
.circleinfo h3 vip img{ margin-left: 4px; margin-top: 8px; height: 12px; }

s_zts{  text-align: center; padding: 6px 2px 6px 2px; font-weight: normal; color: #fff; font-size: 0.7rem;  margin-top: -4px; }
s_zt1{ background: #ff0000;  width: 60px; border-radius: 2px; display: block; }
s_zt1:hover{ background: #990000; }
s_zt2{ background: #134671;  width: 60px; border-radius: 2px; display: block; }
s_zt2:hover{ background: #0C2C45; }
s_zt3{ background: #400080;  width: 60px; border-radius: 2px; display: block; }
s_zt3:hover{ background: #320064; }
s_zt4{ background:  #006231;  width: 60px; border-radius: 2px; display: block; }
s_zt4:hover{ background: #004221; }
s_zt5{ background: #0080FF;  width: 60px; border-radius: 2px; display: block; }
s_zt5:hover{ background: #0058B0; }
s_zt6{ background: #C80064;  width: 60px; border-radius: 2px; display: block; }
s_zt6:hover{ background: #99004D; }
s_zt7{ background: #A45200;  width: 60px; border-radius: 2px; display: block; }
s_zt7:hover{ background: #8C4600; }
s_zt8{ background:  #7070B8;  width: 60px; border-radius: 2px; display: block; }
s_zt8:hover{ background: #5656AB; }
s_zt9{ background: #397373;  width: 60px; border-radius: 2px; display: block; }
s_zt9:hover{ background: #2F5E5E; }
s_zt10{ background: #757500;  width: 60px; border-radius: 2px; display: block; }
s_zt10:hover{ background: #4F4F00; }
s_zt0{ background:  #666;  width: 60px; border-radius: 2px; display: block; }
s_zt0:hover{ background: #333; }


.circleinfo p{ width: 90%; margin: 0 auto; padding: 0; overflow:hidden;  }
.circleinfo p b{ width: 31%; margin: 1%; font-size: 0.6rem; float: left; color: #666; border-right: 1px #ccc dashed; }
.circleinfo p b font{ display: block; font-size: 0.9rem; color: #155BD5; }
.circleinfo level{ height: 8px; line-height: 8px; width: 90%; margin: 5%; border-radius: 16px; display: block; background: #eee; border: 1px #eee solid;   }
.circleinfo levelcl{ background: #C44000; width: 2%; border-radius:16px 0 0 16px;   display: block; float:left;  }
.circleinfo levelc{ background: #C44000; width: 6%; border-right: 1px #eee solid; display: block; float:left;  }
.circleinfo badge{ overflow:hidden; padding: 8px; display: block; text-align: center; }
.circleinfo badge img{ margin: 2px; float:left; height: 28px; }

.circleinfo span{ overflow:hidden; margin-top: 8px; display: block; }
.circleinfo span a{ width: 29.33%; margin: 2%; text-align: center; border-radius: 2px; height: 24px; line-height: 24px; font-size: 0.7rem; opacity: 0.9; display: block; float:left; color: #f7f7f7; }
.circleinfo span a:hover{ opacity: 1; color: #ffff00;  }
.circleinfo p{}

.circlelist{ overflow:hidden; }
.circlelist li{ height: 44px; padding: 2px;  overflow:hidden; display: block; border-bottom: 1px #eee solid; }
.circlelist li:Hover{ background: #f7f7f7; }
.circlelist li h4 img{ height: 24px; margin: 10px; float:left;}
.circlelist li h4{ width: 70%;float:left; font-size: 1rem; line-height: 44px; }
.circlelist li span{ width: 30%; float:right;  }
.circlelist li span p{ height: 22px; line-height: 22px; width: 38%;  display: block; float:left;  font-size: 0.9rem; }
.circlelist li span strong{ height: 22px; line-height: 22px; width: 20%; display: block; float:left; margin: 0 2% 0 2%;  font-size: 0.8rem; }
.circlelist li span p img,.circlelist span strong img{ margin-left: 4px; margin-top: 6px; height: 12px; }
.circlelist li span p b,.circlelist span strong b{ display: block; font-size: 0.7rem; color: #666;  }

.circlet{ height: 28px; line-height: 28px; overflow:hidden;  width: 100%; font-size: 0.8rem; padding: 0 10px 0 10px; border-bottom: 1px #ccc dashed;}
.circlet p{ float:left; width: 60%;  margin-right: 20px;  color: #666; }
.circlet span{ float:right; width: 6%;  }

 
 
.circled{ height: 28px; line-height: 28px; overflow:hidden;   position:absolute;  bottom:0px; width: 100%; padding: 0 10px 0 10px; background: #f7f7f7; }
.circled p{ float:left; width: 66%; color: #666; }
.circled p a{ margin-right: 20px; display: block; float:left; }
.circled  a img{ height: 18px; margin: 6px 8px 6px 8px; }
.circled span{ float:right; display: block; margin-right: 20px; }
.circled span a{ margin: 0 10px 0 10px; display: block; float:left; }

.circleshowc{ overflow:hidden; padding: 2%; line-height: 160%; }

.circle_s_k{  overflow:hidden;   }
.circle_s_k a{  padding: 4px 12px 4px 12px; opacity: 0.8; color: #f7f7f7; display: block;  float:Left; border-radius:2px; font-size: 0.9rem; display:inline-block;	position:relative;	margin: 4px;}
.circle_s_k a:Hover{ color:#fff; opacity: 1; }
 
.circle_s_ks{  overflow:hidden;   }
.circle_s_ks a{  padding: 2px 8px 2px 8px; opacity: 0.8; color: #f7f7f7; display: block;  float:Left; border-radius:2px; font-size: 0.8rem; display:inline-block;	position:relative;	margin: 4px;}
.circle_s_ks a:Hover{ color:#fff; opacity: 1; }

a.sg1{ background: #800000; }
a.sg2{ background: #004080; }
a.sg3{ background: #37006F; }
a.sg4{ background: #004040; }
a.sg5{ background: #003C77; }


.circle_s{ overflow:hidden;}
.chk_1 {	display:none; }
.chk_1 + label{  padding: 2px 8px 2px 8px; display: block; background: #eee; float:Left; border-radius:2px; font-size: 0.7rem; display:inline-block;	position:relative;	margin: 6px;}
.chk_1:checked + label { background: #C44000;color:#fff;}
.chk_2 {	display:none; }
.chk_2 + label{  padding: 4px 8px 4px 8px; display: block; background: #eee; float:Left; border-radius:2px; font-size: 0.8rem; display:inline-block;	position:relative;	margin-right: 8px;}
.chk_2:checked + label { background: #C44000;color:#fff;}
  

.mclub1,.mclub2,.mclub3,.mclub4{  overflow:hidden; padding: 10px 0 10px 0; }
.mclub1 h3{ width: 70%; float: right; }
.mclub1 span{ width: 28%; float: left; height: 80px; display: block; overflow:hidden;  }
.mclub1 span img{ width: 100%; }
.mclub2 span{ height: 80px; overflow:hidden; display: block;  border-radius: 2px; }
.mclub2 span img{ width: 31.33%; margin: 1%; }
.mclub3 span{ overflow:hidden;  height: 140px; display: block; overflow:hidden;  }
.mclub3 span img{ width: 98%; margin: 1%; }
.mclubty{  margin: 0 auto;  padding: 4px;  overflow:hidden; display: block;  border-bottom: 1px #eee solid; }
 

.circleadd{ margin: 0 auto; padding: 0; text-align: center; font-size: 1.6em; color: #f7f7f7; width: 120px;  position:fixed; z-index: 999;   top: 70%; right: 300px; overflow: hidden; }
.circleadd a{ height: 60px; line-height: 60px; opacity:0.8; color: #f7f7f7; display: block; }
.circleadd a:hover{ opacity: 1; }

.companylist{  overflow:hidden;  }
.companylist li{    padding: 10px; border-bottom: 1px #ccc dashed;  display: block; overflow:hidden;  }
.companylist li:hover{ background: #f7f7f7; }
.companylist li pic{ width: 19%; display: block; height: 122px; float:left; overflow:hidden; }
.companylist li pic img{ width: 120px; height: 120px; opacity: 0.9;  aspect-ratio: 1; display: block; border: 1px #eee solid; }
.companylist li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.companylist li txt{ width: 13%; padding:1%; display: block; text-align: center; letter-spacing: 0.12em;  font-size: 2.6rem; background: #f7f7f7; float:left; overflow:hidden; }
.companylist li txt a{ color:#134671; font-weight: bold;  }
.companylist li:hover txt a{ color:#C44000;   }
.companylist li span{ width: 84%; float:right; display: block; }
.companylist li span strong{ height: 36px; line-height: 36px;  font-size: 1.5rem;  display: block; overflow:hidden;  }
.companylist li span strong font{ color: #666; float: right; font-size: 1rem; }
.companylist li:hover span strong a{ color: #134671; font-weight: bold; }
.companylist li span p{  display: block;  color: #666; display: block;  overflow:hidden;  margin-top: 4px; }
.companylist li span p pp{ width: 50%; display: block; height: 26px; line-height:26px; font-size:1rem; float:left; display: block; }
.companylist li span p pp font{ color: #113F64; margin-left: 20px; }
.companylist li span ps{ border-top: 1px #eee solid; height: 32px; line-height: 32px; margin-top: 4px; display: block;  overflow:hidden;  }
.companylist li span ps pp{  display: block;   font-size:1rem; display: block; }
.companylist li span ps pp font{ color: #113F64; margin-left: 20px; } 
 
.companylist2{  overflow:hidden;  }
.companylist2 li{  height: 110px; width: 48%; margin: 0.5%;  padding: 0.5%; float:left; display: block;   }
.companylist2 li:hover{ background: #f7f7f7; }
.companylist2 li pic{ width: 24%; display: block; height: 110px; width: 110px; float:left; overflow:hidden; }
.companylist2 li pic img{  height: 108px; aspect-ratio: 1; opacity: 0.9; display: block; border: 1px #eee solid; }
.companylist2 li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.companylist2 li span{ width: 72%; float:right; display: block; }
.companylist2 li span strong{ height: 32px; line-height: 32px;  font-size: 1.4rem;  display: block; overflow:hidden;  }
.companylist2 li span strong font{ color: #666; float: right; font-size: 1rem; }
.companylist2 li span p{  display: block;  color: #666; display: block;  overflow:hidden;  margin-top: 4px; }
.companylist2 li span p pp{ width: 50%; display: block; height: 20px; line-height: 20px;  float:left; display: block; }
.companylist2 li span p pp font{ color: #113F64; margin-left: 20px; }
.companylist2 li span ps{ border-top: 1px #eee solid; height: 28px; line-height: 28px; margin-top: 4px; display: block;  overflow:hidden;  }
.companylist2 li span ps pp{  display: block;   height: 28px; line-height: 28px;  display: block; }
.companylist2 li span ps pp font{ color: #113F64; margin-left: 20px; } 
 
.aboutc{ overflow:hidden;  }
.aboutc img{ width: 100%; }



.goodslist{  overflow:hidden;  }
.goodslist li{ width: 23%; margin: 1%; float:left;   overflow:hidden;  }
.goodslist li pic{ width: 100%; display: block; text-align: center; }
.goodslist li pic img{ width:99%; opacity: 0.9; display: block; border: 1px #eee solid; aspect-ratio: 1;}
.goodslist li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.goodslist li span{ display: block; }
.goodslist li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.goodslist li span price font{ color: #9F3400; font-size: 1.2rem; }
.goodslist li span price b{ float:right; color: #666; font-size: 0.8rem; }
.goodslist li span price b img{ height: 18px; margin: 8px; }
.goodslist li span strong{ height: 36px; line-height: 36px; text-align: center; font-size: 1rem;  display: block; overflow:hidden;  }
.goodslist li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden;  }
.goodslist li p b{ padding-left: 8px; font-weight: bold; color: #999; font-size: 0.9rem;  }

.goodslist li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.goodslist li span p a:Hover{ color: #fff; background: #9F3400; }


.drocesslist{  overflow:hidden;  }
.drocesslist li{ width: 48%; margin: 1%; float:left;   overflow:hidden;  }
.drocesslist li pic{ width: 30%; float:left; display: block; text-align: center; }
.drocesslist li pic img{ width:99%; opacity: 0.9; display: block; border: 1px #eee solid; aspect-ratio: 1;}
.drocesslist li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.drocesslist li span{ display: block; width: 68%; float:right; }
.drocesslist li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.drocesslist li span price font{ color: #9F3400; font-size: 1.2rem; }
.drocesslist li span price b{ float:right; color: #666; font-size: 0.8rem; }
.drocesslist li span price b img{ height: 18px; margin: 8px; }
.drocesslist li span strong{ height: 36px; line-height: 36px;   font-size: 1.4rem;  display: block; overflow:hidden;  }
.drocesslist li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden;  }
.drocesslist li p b{ padding-left: 8px; font-weight: bold; color: #999; font-size: 0.9rem;  }

.drocesslist li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.drocesslist li span p a:Hover{ color: #fff; background: #9F3400; }


.classlist{  overflow:hidden;  }
.classlist li{ width: 48%; margin: 1%; float:left;   overflow:hidden;  }
.classlist li pic{ width: 30%; float:left; display: block; text-align: center; }
.classlist li pic img{ width:99%; opacity: 0.9; display: block; border: 1px #eee solid; aspect-ratio: 1;}
.classlist li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.classlist li span{ display: block; width: 68%; float:right; }
.classlist li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.classlist li span price font{ color: #9F3400; font-size: 1.2rem; }
.classlist li span price b{ float:right; color: #666; font-size: 0.8rem; }
.classlist li span price b img{ height: 18px; margin: 8px; }
.classlist li span strong{ height: 36px; line-height: 36px;   font-size: 1.4rem;  display: block; overflow:hidden;  }
.classlist li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden;  }
.classlist li p b{ padding-left: 8px; font-weight: bold; color: #999; font-size: 0.9rem;  }

.classlist li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.classlist li span p a:Hover{ color: #fff; background: #9F3400; }



.videolist{  overflow:hidden;  }
.videolist li{ width: 48%; margin: 1%; float:left;   overflow:hidden;  }
.videolist li pic{ width: 30%; float:left; display: block; text-align: center; }
.videolist li pic img{ width:99%; opacity: 0.9; display: block; border: 1px #eee solid; aspect-ratio: 1;}
.videolist li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.videolist li span{ display: block; width: 68%; float:right; }
.videolist li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.videolist li span price font{ color: #9F3400; font-size: 1.2rem; }
.videolist li span price b{ float:right; color: #666; font-size: 0.8rem; }
.videolist li span price b img{ height: 18px; margin: 8px; }
.videolist li span strong{ height: 36px; line-height: 36px;   font-size: 1.4rem;  display: block; overflow:hidden;  }
.videolist li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden;  }
.videolist li p b{ padding-left: 8px; font-weight: bold; color: #999; font-size: 0.9rem;  }

.videolist li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.videolist li span p a:Hover{ color: #fff; background: #9F3400; }


.marketlist{  overflow:hidden;  }
.marketlist li{ width: 48%; margin: 1%; float:left;   overflow:hidden;  }
.marketlist li pic{ width: 30%; float:left; display: block; text-align: center; }
.marketlist li pic img{ width:99%; opacity: 0.9; display: block; border: 1px #eee solid; aspect-ratio: 1;}
.marketlist li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.marketlist li span{ display: block; width: 68%; float:right; }
.marketlist li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.marketlist li span price font{ color: #9F3400; font-size: 1.2rem; }
.marketlist li span price b{ float:right; color: #666; font-size: 0.8rem; }
.marketlist li span price b img{ height: 18px; margin: 8px; }
.marketlist li span strong{ height: 36px; line-height: 36px;   font-size: 1.4rem;  display: block; overflow:hidden;  }
.marketlist li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden;  }
.marketlist li p b{ padding-left: 8px; font-weight: bold; color: #999; font-size: 0.9rem;  }

.marketlist li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.marketlist li span p a:Hover{ color: #fff; background: #9F3400; }


.goodslist2c{    overflow:hidden;  }
.goodslist2c li{ width: 23%; margin: 1%; float:left;   overflow:hidden;  }
.goodslist2c li pic{ width: 100%; display: block; text-align: center; }
.goodslist2c li pic img{ width:99%; opacity: 0.9; display: block; aspect-ratio: 1; border: 1px #eee solid; }
.goodslist2c li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.goodslist2c li span{ display: block; }
.goodslist2c li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.goodslist2c li span price font{ color: #9F3400; font-size: 1.2rem; }
.goodslist2c li span price b{ float:right; color: #666; font-size: 0.8rem; }
.goodslist2c li span strong{ height: 48px; line-height: 24px;  font-size: 1rem;  display: block; overflow:hidden;  }
.goodslist2c li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden;  }
.goodslist2c li span p hits{ float:left; font-size: 0.8rem; padding-left: 6px; color: #666; }
.goodslist2c li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.goodslist2c li span p a:Hover{ color: #fff; background: #9F3400; }


.goodslist3{  overflow:hidden;  }
.goodslist3 li{ width: 31.33%; margin: 1%; float:left;   overflow:hidden;  }
.goodslist3 li pic{ width: 100%; display: block; text-align: center; }
.goodslist3 li pic img{ width:99%; opacity: 0.9; display: block;  aspect-ratio: 1; border: 1px #eee solid; }
.goodslist3 li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.goodslist3 li span{ display: block; }
.goodslist3 li span strong{ height: 48px; line-height: 48px;  font-size: 1rem; text-align: center; display: block; overflow:hidden;  }
 
.goodslist3s{  overflow:hidden;  }
.goodslist3s li{ width: 30.33%; margin: 1% 1.5% 0% 1.5%; float:left;   overflow:hidden;  }
.goodslist3s li pic{ width: 100%; display: block; text-align: center; }
.goodslist3s li pic img{ width: 100%; opacity: 0.9; display: block;  aspect-ratio: 1;  }
.goodslist3s li pic img:hover{ opacity: 1;  }
.goodslist3s li span{ display: block; margin: 4px; }
.goodslist3s li span strong{ height: 40px; line-height: 40px; font-size: 1rem; text-align: center; display: block; overflow:hidden;  }
.goodslist3s li p { height: 28px; line-height: 28px; background: #eee;  margin-top: 8px;  display: block; overflow:hidden;  }
.goodslist3s li p b{ padding-left: 8px; font-weight: bold; color: #999; font-size: 0.9rem;  }
.goodslist3s li p a{ width: 40%; background: #C44000; float:right; color: #fff; font-size: 0.7rem; text-align: center; }
.goodslist3s li p a:Hover{ background: #8A0000; }

 
.mk_gs_list{ overflow:hidden; margin-right: 8px;  }
.mk_gs_list li{   padding: 1%; width:47%; margin-right: 1%; float:left; border-bottom: 2px #eee solid;  overflow:hidden;}
.mk_gs_list li strong{ height: 48px; line-height: 48px;    display: block; font-size: 1.2rem; font-weight: bold; }
.mk_gs_list li strong s_zts{ float:right;}
.mk_gs_list li p{  height: 28px; line-height: 28px;  font-size: 0.9rem;  text-align: left;  display: block; color: #666; }
.mk_gs_list li p pp{ width: 48%; margin: 0 1% 0 1%; color: #999; float:left; text-align: left; }
.mk_gs_list li p pp font{ color: #555; margin-left: 6px; }
.mk_gs_list li:hover{   background: #f7f7f7; }
.mk_gs_list li:hover pp{ color: #666; }
.mk_gs_list li:hover strong a,.mk_gs_list li:hover font{ color: #C44000; }
 


.goodslist5{  overflow:hidden;  }
.goodslist5 li{ width: 18%; margin: 1%; float:left;   overflow:hidden;  }
.goodslist5 li pic{ width: 100%; display: block; }
.goodslist5 li pic img{ width:99%; opacity: 0.9; display: block; border: 1px #eee solid; aspect-ratio: 1; }
.goodslist5 li pic img:hover{ opacity: 1;  border: 1px #134671 solid;  }
.goodslist5 li span{ display: block; }
.goodslist5 li span price{ height: 36px; line-height: 36px;  display: block; overflow:hidden;  }
.goodslist5 li span price font{ color: #9F3400; font-size: 1.2rem; }
.goodslist5 li span price b{ float:right; color: #666; font-size: 0.8rem; }
.goodslist5 li span price b img{ height: 18px; margin: 8px; }

.goodslist5 li span strong{ height: 48px; line-height: 24px; margin-top: 8px;  font-size: 1.2rem;  display: block; overflow:hidden;  }
.goodslist5 li span p{ height: 32px; line-height: 32px; background: #eee; margin-top: 6px; display: block; overflow:hidden; padding-left: 8px; }
.goodslist5 li span p hits{ float:left; font-size: 0.8rem; padding-left: 6px; color: #666; }
.goodslist5 li span p a{  background: #C44000; font-size: 0.9rem; float:right;text-align: center; color: #eee; width: 36%; display: block; }
.goodslist5 li span p a:Hover{ color: #fff; background: #9F3400; }
 
.syslist3{  overflow:hidden;  }
.syslist3 li{ width: 31.33%; margin: 1%; float:left;   overflow:hidden;  }
.syslist3 li pic{ width: 100%; text-align: center; }
.syslist3 li pic img{ width: 100%; opacity: 0.9;  aspect-ratio: 3/2;  display: block;   }
.syslist3 li pic img:hover,.syslist3 li p a:hover{ opacity: 1;   }
.syslist3 li p a{ margin-top:  -50px; z-index: 99999;  opacity: 0.9;   position: relative; left: 0; bottom: 10px; height: 32px;  line-height: 32px; background: #113F64;  color: #fff; font-size: 1rem; text-align: center; display: block;  }
  
  ss{ float:right; display: block; text-align: center; color: #fff; font-size: 0.8rem;   height: 20px; line-height: 20px; margin-top: 4px; }

s1{ background: #ff0000;  width: 60px; border-radius: 2px; display: block; }
s1:hover{ background: #990000; }
s2{ background: #134671;  width: 60px; border-radius: 2px; display: block; }
s2:hover{ background: #0C2C45; }
s3{ background: #400080;  width: 60px; border-radius: 2px; display: block; }
s3:hover{ background: #320064; }
s4{ background:  #006231;  width: 60px; border-radius: 2px; display: block; }
s4:hover{ background: #004221; }
s5{ background: #0080FF;  width: 60px; border-radius: 2px; display: block; }
s5:hover{ background: #0058B0; }
s6{ background: #C80064;  width: 60px; border-radius: 2px; display: block; }
s6:hover{ background: #99004D; }
s7{ background: #A45200;  width: 60px; border-radius: 2px; display: block; }
s7:hover{ background: #8C4600; }
s8{ background:  #7070B8;  width: 60px; border-radius: 2px; display: block; }
s8:hover{ background: #5656AB; }
s9{ background: #397373;  width: 60px; border-radius: 2px; display: block; }
s9:hover{ background: #2F5E5E; }
s10{ background: #757500;  width: 60px; border-radius: 2px; display: block; }
s10:hover{ background: #4F4F00; }
s0{ background:  #666;  width: 60px; border-radius: 2px; display: block; }
s0:hover{ background: #333; }

.userc{ width: 800px; margin: 0 auto;padding: 0;  } 

.comment{ overflow:hidden; }
.comment li{ overflow:hidden;  padding: 10px; border-bottom: 1px #eee solid; }
.comment li p{ color: #666; line-height: 180%; }
.comment li span{ height: 36px; line-height: 36px; margin-top: 10px; overflow:hidden; display: block;  background: #f7f7f7; padding: 0 10px 0 10px; }
.comment li span username{ font-size: 1rem; float:left; }
.comment li span time{ margin-left: 20px; font-size: 0.8rem; color: #666; float:left; display:none; }
.comment li span hudong{ float:right; margin-right: 20px; font-size: 0.8rem; }


.piclist2s{}
.piclist2s p{ width: 49%; margin-right: 2%; float:left; height: 104px; overflow:hidden; }
.piclist2s p img{ width: 100%; display: block; }

.ptlist{ overflow:hidden; }
.ptlist li{ overflow:hidden; }
.ptlist li pic{ width: 40%; height: 90px;  float:left; overflow:hidden; }
.ptlist li pic img{ height: 100%; }
.ptlist li span{ width: 56%; float:right; } 
.ptlist li span strong{ font-size: 1rem; }
.ptlist li span p a{  margin-top: 20px; text-align: center; color: #eee; display: block; font-size:0.7rem; padding: 2px 0 2px 0; background: #C44000; }
.ptlist li span p a:hover{  color: #fff; background: #9F3400; }

.sdes{  overflow:hidden;  }
.sdes h2{ height: 36px; line-height: 36px; font-size: 1.2rem; text-align: center; display: block; }
.sdes p{ padding: 8px; font-size: 0.9rem; line-height: 160%; color: #666; }
 
.specialt{ height: 56px; line-height: 56px; overflow:hidden; background: #fff; } 
.specialt h1{ font-size: 2rem; float:left;  margin-left: 40px; background: #C44000; width: 180px; text-align: center; color: #fff; }
.specialt p{ float:right; }
.specialt p a{ font-size: 1.1rem; width: 90px; text-align: center; border-left: #eee solid 1px;  float:left; display: block; }
.specialt p a:Hover,a.specialto{ background: #f7f7f7; font-weight: bold; color: #ff0000; }

.ptlist li{ padding: 8px; border-bottom: 1px #ccc dashed;  }

.cattitr{ heighT: 36px; line-height: 36px; overflow:hidden; border-left: 2px #134671 solid; background: #fff; border-bottom: 1px #eee solid; }
.cattitr strong{ color: #134671;  background: #f7f7f7; font-family:Microsoft YaHei;  font-weight: bold;  display: block; font-size: 1.1rem;   padding-left: 20px; }

.page{ overflow:hidden; }
.page a{ background: #eee; padding: 8px 18px 8px 18px; font-size: 1.1rem; display: block; margin: 6px; float:left; }
.page a:hover,a.pageo{ background: #134671; color: #fff; }

 
.goodst{ overflow:hidden; margin-top: 10px; }
.goodsshowl{ width: 40%; float: left; }
.goodsshowl czt{ overflow:hidden;  }
.goodsshowl czt img{ width: 100%; aspect-ratio: 1; }
.goodsshowl czts{  overflow:hidden; margin-top: 10px; display:block; }
.goodsshowl czts img{ width: 32.33%; float:left; margin: 0.5%; aspect-ratio: 1; float:left;  ;}
 
.gmc{ margin: 0 auto; padding: 0; display: none;  width: 100%; height: 40px; line-height: 40px; background: #fff;   position:fixed; z-index: 99999;  visibility:visible; bottom: 0px; right: 0px; overflow: hidden;  }
.gmc p{ float:left; }
.gmc p img{ height: 32px; margin: 4px; }
.gmc p b{ color: #FF0000; height: 40px; line-height: 40px; font-size: 1.4rem; }
.gmc strong{ background: #FF0000; color: #fff; text-align: center; width: 30%; display: block; float:right; }
.gmc strong a{ color: #fff; }
.goodsshowr{ width: 55%; float: right; padding: 2%;  }
.goodsshowr h1{ height: 44px; line-height: 44px; overflow:hidden;   font-size: 1.8rem; }
.goodsshowr span{ margin: 12px 0 10px 0; display: block; overflow:hidden;  }
.goodsshowr span p{ height: 36px; line-height: 36px; font-size: 1rem;   }
.goodsshowr span p font{ color: #134671; }
.goodsshowr span jqll{ margin-left: 20px; }
.goodsshowr span jqll img{ height: 18px; margin-left: -8px; float:right; }
.goodsshowr telc{ height: 44px; line-height: 44px; background: #eee; margin-top: 8px; display: block; overflow:hidden; }
.goodsshowr telc img{ height: 36px; margin: 4px 30px 4px 10px; float:left; }
.goodsshowr telc p{ float:left; }
.goodsshowr telc span{ float:left; font-size: 1.6rem; margin: 0;}
.goodsshowr telc a{ float:right; background: #FF0000; width: 100px; display: block;  font-size: 1rem; text-align: center; color: #eee; }
.goodsshowr telc a:hover{ background: #AE0000; color: #fff; }
.goodsshowr sprice{ height: 80px; display: block; background: #f7f7f7; margin-top: 20px; padding: 0 10px 0 10px; }
.goodsshowr sprice p{ line-height: 80px; font-size: 1.6rem; float:left;  }
.goodsshowr sprice p font{ font-size: 2.8rem; margin-left: 8px; font-weight: bold; color: #D06633; }
.goodsshowr sprice span{ float:right; color: #666; font-size: 0.7rem; margin-right: 10px; }
.goodsshowr sprice span font{ color: #333; margin-left: 10px; font-size: 1rem;  }

.goodsshowr ewmc{ margin-top: 14px; display: block; overflow:hidden; }
.goodsshowr ewmc p{ width: 32%; margin-right:2%; float:left;  text-align: center; }
.goodsshowr ewmc p b{ height: 28px; line-height: 28px; display: block; background: #134671; color: #ffffff; }
.goodsshowr ewmc p img{ width: 100%; }
.goodsm{ margin-top: 14px;  overflow:hidden;  }
.goodsc{  padding: 2%; overflow:hidden;  }
.goodsc img{ width: 100%; }

.left{ float:left; }
.right{ float:right; }
.navlogin{ display: none; position:fixed;   visibility:visible; height: 400px; bottom: 30%; border: 2px #134671 solid;  left: 30%;   width: 35%;  background: #fff;  z-index:999999;   } 
.navlogin .left,.navlogin .right{ padding: 1%;  } 

.tcbg{ display: none; position:fixed;   visibility:visible; bottom: 40px;  left: 30%;   width: 40%;  background: #fff;  z-index:999999;   } 

.tcbgc{ display: none;   visibility:visible; bottom: 40px;  left: 0%;   width: 100%;   z-index:10;   } 
.tcbg h4{  background: #336CF3; color: #fff;  height: 32px; line-height: 32px; padding-left: 20px; font-size: 1rem;  }
.orderc{ padding: 6px; background: #113F64; color: #eee; }
.orderc p{ margin: 12px; overflow:hidden; }
.orderc p strong{ color: #fff; }
.orderc span,.orderc b{ float:left;  }
.orderc   label{  background: #0C2C45; }


.zixunc{ padding: 6px; background: #113F64;  color: #eee; }
.window p{ margin: 1%; overflow:hidden; width: 78%;    }
.window p strong{ height: 32px; line-height: 32px; padding: 0 1% 0 1%; background: #0C2C45; display: block;  width: 98%; overflow:hidden;  font-size: 1rem; color: #fff; }
.window p span{ padding: 10px; color: #eee; font-size: 0.9rem; width: 58%; line-height: 180%; }
.window p time{   float:right; font-size: 0.9rem;   }
 
#talklist{}
#talklist p{ display: block; background: #eee; width: 100%;    float:left;}
#chat{
 display: flex;
  flex-wrap: wrap;
  height: 240px;
  overflow: auto;
  }
  
  

.guanbi{ margin: 0 auto; padding: 0;color: #fff; font-size: 1rem;   height: 32px; line-height: 32px; dispaly: block; width: 100%;background: #666; overflow: hidden; text-align: center;  position: absolute; bottom: 0px; }
.guanbi a{ color: #fff; font-size: 1.2rem;  }

.city{  display: none; float:left; }
.city_first { display: block;  }

.process{ padding: 20px; text-align: center; }
.process h1{ font-size: 4rem; }


.processc p{ margin: 20px 0 20px 0; overflow: hidden;
background-size: 20px 20px; 
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .03) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .03) 75%,
 transparent 45%, transparent);
 }
.processc p pic1{ width: 40%; float:left; }
.processc p pic1 img{ width: 100%; }
.processc p span1{ width: 56%; float:right; }

.processc p pic2{ width: 40%; float:right; }
.processc p pic2 img{ width: 100%; }
.processc p span2{ width: 56%; float:left; }
.processc p span1 strong,.processc p span2 strong{ font-size: 2rem; height: 156px; line-height: 156px; font-weight: bold; display: block; }
 


.union h1{ text-align: center; }
.unionl{ width: 20%; padding: 1%; float:left; background: #FFEBE1;  color:#C44000; }
.unionr{ width: 24%; padding: 1%; float: left; background: #fff; }
.union p{ height: 66px; line-height: 66px; font-size: 1.6rem; padding-left: 20px;  border-bottom: #eee solid 1px; }
.union p:hover{ background: #f7f7f7;  }

.flexslider { position: relative; height: 320px; overflow: hidden; background: url(loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 320px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

ul,ol,li,div {margin: 0; padding: 0;}
ul,ol { list-style: none; }
.example {width: 100%;height: 250px;  font-size: 40px;text-align: center; background-color: #fff;}
.carousel-item{ line-height: 360px; color: #fff;font-family:  Arial Black}
.ft-carousel { position: relative;width: 100%;height: 100%;overflow: hidden; }
.ft-carousel .carousel-inner { position: absolute;	left: 0;top: 0;height: 100%; }
.ft-carousel .carousel-inner .carousel-item { float: left;height: 100%; }
.ft-carousel .carousel-item img { width: 100%; }
.ft-carousel .carousel-indicators { position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0; }
.ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;background-color: #fff;margin: 0 4px;border-radius: 50%;cursor: pointer; }
.ft-carousel .carousel-indicators span.active {	background-color: #de3a3a; }
.ft-carousel .carousel-btn { position: absolute;top: 50%; width: 50px;height: 45px;margin-top: -25px;cursor: pointer;  }
.ft-carousel .carousel-prev-btn {left: 0;background: url(prev.png) no-repeat; }
.ft-carousel .carousel-next-btn { right: 0;	background: url(next.png) no-repeat;}

 

.slideshow-container {  width: 100%; position: relative; margin: auto; }
.text { color: #fff; position: absolute; height: 36px; line-height: 36px; background: #000;   bottom: 20px; width: 100%; opacity: 0.9; font-size: 1.2rem; text-align: center; }

.ssimg1{  overflow:hidden;  width: 100%; margin: 0 auto; padding:0; }
.ssimg1 img{ width: 100%; }

.ssimg20{  overflow:hidden;  width: 100%; margin: 0 auto; padding:0; }
.ssimg20 img{ width: 50%; float:left; }

.ssimg{  overflow:hidden;  background: #f7f7f7;  width: 100%; margin: 0 auto; padding:0; }
.ssimg span{ width: 32.33%; margin: 0.5%; float:left; max-height: 128px;  overflow:hidden; }
.ssimg span img{ width: 100%; }

.ssimg4{  overflow:hidden;  background: #f7f7f7;  width: 100%; margin: 0 auto; padding:0; }
.ssimg4 span{ width: 24%; margin: 0.5%; float:left; max-height: 128px;  overflow:hidden; }
.ssimg4 span img{ width: 100%; }

.ssimg5{  overflow:hidden;  background: #f7f7f7;  width: 100%; margin: 0 auto; padding:0; }
.ssimg5 span{ width: 19%; margin: 0.5%; float:left; max-height: 128px;  overflow:hidden; }
.ssimg5 span img{ width: 100%; }

.fade { -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;animation-name: fade; animation-duration: 1.5s;}
 
@-webkit-keyframes fade {  from {opacity: .4} to {opacity: 1}}
@keyframes fade { from {opacity: .4}  to {opacity: 1}}



.bg_000 {  background-size: 30px 30px; background-color: #000; color: #eee;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .02) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, .02) 75%,
 transparent 45%, transparent);}



.foot{ overflow: hidden;display:block; opacity: 0.9;    padding: 40px 0 0 0; margin-top: 100px; font-size: 1rem; color: #eee; }


.foot_t{  overflow: hidden;display:block;  }
.foot_t u1{ width: 20%; float:left; }
.foot_t u1 b{ font-size: 1.8rem; overflow: hidden;display:block;  }
.foot_t u1 strong{ font-size: 3rem; overflow: hidden;display:block;  }
.foot_t u2{ margin-right: 40px; float:left; overflow: hidden;display:block;  }

.foot_t u2 b{ font-size: 1.2rem; overflow: hidden;display:block; margin-top: 10px; }
.foot_t u2 b img,.foot_t u3 b img{ width: 28px; margin-right: 12px; float:left; }
.foot_t u2 strong{ font-size: 1.4rem; overflow: hidden;display:block; margin-top: 20px; }

.foot_t u3{ width: 40%; float:left; }
.foot_t u3 b{ font-size: 1.2rem; overflow: hidden;display:block; margin-top: 10px; }
.foot_t u3 strong{ font-size: 1.4rem; overflow: hidden;display:block; margin-top: 20px; }


.foot_c{  overflow: hidden;display:block; padding: 40px 0 40px 0; margin-top: 20px;  border-top: 1px #333 solid;  }
 
.foot_c_l{  overflow: hidden;display:block; width: 24%; float: left; }
.foot_c_l img{ width:100%; }
.foot_c_m{  overflow: hidden;display:block; width: 35%; padding: 0 4% 0 4%; float: left; border-left: 1px #333 solid; border-right: 1px #333 solid; }
.foot_c_m p{ width: 50%; float:left; }
.foot_c_m p a{ overflow: hidden;display:block; height: 36px; line-height: 36px; color: #eee; }
.foot_c_m p a:hover{ color: #fff; }
.foot_c_r{  overflow: hidden;display:block; width: 30%; float: right; }
.foot_c_r p{ width: 29.3%; float:left; margin: 2%; }
.foot_c_r p img{ width: 100%; }
.foot_c_r p b{ height: 44px; line-height: 44px; font-size: 1.4rem; text-align: center;display: block;  }

.foot_b{  overflow: hidden;display:block; height: 44px; line-height:44px;  border-top: 1px #333 solid; text-align: center; }
.foot a{ color: #FCD37E; }