@charset "utf-8"; 
body { font-family:fieldwork, Arial, Helvetica, "Microsoft JhengHei",sans-serif; font-size:14px; font-weight:300; background:#fff; overflow-x:hidden  !important; margin: 0 auto; color:#333; line-height:22px; width:100%;}
html,div,span,p,dl,dt,dd,a,img,em,label,input,textarea,form,h1,h2,h3,h4,h5 { margin:0; padding:0;}


/*****信息安全管理****/
.xinxianqian{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/xxaqimg/xxaq_bj.png) center center no-repeat; background-size:cover;}
.xinxianqian p{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:26px; color:#555; margin-bottom:15px;}
.xxaqdiv{ width:760px; height:700px; margin:0 auto; position:relative; box-sizing:border-box; background:url(../images/xxaqimg/xxaq_tb1.png) center center no-repeat; background-size:760px 700px !important;}
.xxaqdiv.xxaqdivsc{ background:url(../images/xxaqimg/scxxaq_tb1.png) center center no-repeat;}
.xxaqdiv.xxaqdivtc{ background:url(../images/xxaqimg/tcxxaq_tb1.png) center center no-repeat;}

.xxaqtt{ width:100%; height:80px; float:left; text-align:center; margin-top:30px;}
.xxaqtt img{ width:auto; height:80px; margin:0 auto; display:block;}
.xxaqdivc{ width:500px; height:500px; position:absolute; left:130px; top:115px; background:url(../images/xxaqimg/xxaq_tb2.gif) center center no-repeat; background-size:500px 500px;}
.xxaqdivc_dy{ width:480px; height:480px; position:absolute; left:10px; top:10px; background:url(../images/xxaqimg/xxaq_dy.png) center center no-repeat; background-size:480px 480px !important;}
.xxaqdivc_dy a{ width:100%; height:100%; border-radius:100%; overflow:hidden; display:block; background-size:0;transition:all 0.5s ease;}

.xxaqdivc_dy.xxaqdivc_dysc{ background:url(../images/xxaqimg/scxxaq_dy.png) center center no-repeat;}
.xxaqdivc_dy.xxaqdivc_dytc{ background:url(../images/xxaqimg/tcxxaq_dy.png) center center no-repeat;}


.xxaqdivc_zy{ width:250px; height:250px; border-radius:100%; position:relative; left:125px; top:125px; overflow:hidden; z-index:11;}
.xxaqdivc_zyc{ width:100%; height:100%;  border-radius:100%; position:absolute; left:0; top:0; z-index:12;overflow:hidden; transition:all 0.5s ease !important; display:none;}
.xxaqdivc_zy a{ width:auto; height:auto; position:absolute;overflow:hidden; z-index:5; }
.xxaqdivc_zy a img{ width:100%; height:auto; display:block; overflow:hidden;}

.xxaqdivc_zy a.a{ width:143px; height:150px; left:-1px; top:-1px; border-radius:130px 0 0 0;  } 
.xxaqdivc_zy a.a1{ width:134px;height:150px; left:119px; top:-3px; border-radius: 0 130px 0 0;}
 

.xxaqdivc_zy a.a2{ width:130px;height:147px; left:-2px; bottom:-2px;  border-radius:0 0 0 126px;}
.xxaqdivc_zy a.a3{ width:147px;height:153px; left:104px; bottom:-24px;   border-radius:0 0 139px 0;}

.xxaqdivc_xy{ width:170px; height:170px;border-radius:100%; overflow:hidden; position:absolute; left:164px; top:164px; z-index:13; background:url(../images/xxaqimg/xxaq_xy.png) center center no-repeat; background-size:170px 170px !important;  }
.xxaqdivc_xy a{ width:170px; height:170px; display:block; border-radius:100%; overflow:hidden; }
.xxaqdivc_xy a span{width:170px; height:170px; display:block; border-radius:100%; overflow:hidden; background:rgba(0,0,0,0.5) !important; background-size:1px 100% !important; transition:all 0.5s ease  !important;  }
.xxaqdivc_xy.xxaqdivc_xysc{ background:url(../images/xxaqimg/scxxaq_xy.png) center center no-repeat;}
.xxaqdivc_xy.xxaqdivc_xytc{ background:url(../images/xxaqimg/tcxxaq_xy.png) center center no-repeat;}


.xxaqdivc_zy a .img{ display:block;transition:all 0.5s ease}
.xxaqdivc_zy a .img1{ display:none;transition:all 0.5s ease}
.xxaqdivc_zy a:hover .img{ display:none;transition:all 0.5s ease}
.xxaqdivc_zy a:hover .img1{ display:block;transition:all 0.5s ease} 

.xxaqdivc_dy .huibj,.xxaqdivc_xy .huibj{background:rgba(0,0,0,0.5) !important; background-size:100% 100% !important; transition:all 0.5s ease !important;} 
.xxaqdivc_zyc.huibj{background:rgba(0,0,0,0.5) !important; background-size:100% 100%  !important; transition:all 0.5s ease !important;  display:block;}






/*******旋转圆****/ 
.assetdiv p.bzp{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:26px; color:#555; margin-bottom:15px; margin-top:-80px;}

.assetdiv{ width:865px; height:572px; margin:100px auto; position:relative;}
.allaround{ width:450px; height:auto; float:left; position:absolute;}
.allaround img{ width:100%; height:auto; display:block; transition:all 0.5s ease;}
.allaround .img1{ display:none; transition:all 0.5s ease;}
.allaround.cur .img{ display:none;  transition:all 0.5s ease;}
.allaround.cur .img1{ display:block;  transition:all 0.5s ease;}
.allaround1{ left:0px; top:0;}
.allaround2{ left:432px; top:0; width:433px;}
.allaround3{ left:0%; top:265px; width:433px;}
.allaround4{ left:412px; top:285px; width:453px;}

.bigasset{ width:500px; height:500px; background:url(../images/asset/Assetbj.png) center center no-repeat; background-size:100% 100%; position:absolute; top:36px; left:182px; z-index:11;} 
.point{ width:auto; height:auto; float:left; position:absolute; cursor:pointer; z-index:22; /* opacity:0.5;*/ }
.point img{ width:100%; height:auto; display:block;transform:scale(1) !important; transition:all 0.5s ease;}
.point div{ width:auto; height:auto; position:relative; text-align:center; display:none;transition:all 0.5s ease;}
.point p{ font-size:16px;  width:100%; font-weight:600; height:auto;  overflow:hidden; color:#333; position:absolute; background-size:100% auto !important;}

.point:hover img,.point.cur img{transform:scale(1.1) !important; transition:all 0.5s ease;}
.point1{ width:90px; height:auto; left:41%; top:-8px;}
.point2{ width:90px; height:auto; left:64.3%; top:30px;}
.point3{ width:90px; height:auto; left:80.5%; top:121px;}
.point4{ width:90px; height:auto; left:83.5%; top:242px;}
.point5{ width:90px; height:auto; left:73.5%; top:352px;}
.point6{ width:90px; height:auto; left:53%; top:416px;}
.point7{ width:90px; height:auto; left:29%; top:416px;}
.point8{ width:90px; height:auto; left:8.5%; top:351px;}
.point9{ width:90px; height:auto; left:-1.5%; top:241px;}
.point10{ width:90px; height:auto; left:2%; top:121px;}
.point11{ width:90px; height:auto; left:17.7%; top:30px;}

.point1 p{ left:-82px; top:-160px; width:240px; height:60px; line-height:70px; background:url(../images/asset/pointbj1.png) center center no-repeat; }
.point2 p{ left:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj3.png) center center no-repeat; }
.point3 p{ left:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj3.png) center center no-repeat;}
.point4 p{ left:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj3.png) center center no-repeat;}
.point5 p{ left:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj3.png) center center no-repeat;}
.point6 p{ left:85px; top:-55px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj3.png) center center no-repeat;}
.point7 p{ right:85px; top:-55px;width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj2.png) center center no-repeat;}
.point8 p{ right:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj2.png) center center no-repeat;}
.point9 p{ right:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj2.png) center center no-repeat;}
.point10 p{ right:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj2.png) center center no-repeat;}
.point11 p{ right:90px; top:-80px; width:180px; height:60px; line-height:70px; background:url(../images/asset/pointbj2.png) center center no-repeat;}



.pointerdiv{ width:500px; height:500px; position:absolute;   left:0px; top:0px; z-index:1;  transform:rotate(0deg); background:url(../images/asset/pointer1.png) center top no-repeat; background-size:60px auto;} 

.braindiv{ width:320px; height:auto; position:relative; top:90px; margin:0 auto;  z-index:22; }
.brainpot{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; cursor:pointer; }
.brainpot img{ width:100%; height:auto; display:block;  transition:all 0.5s ease;}
.brainpot .img1{ display:none; transition:all 0.5s ease;}
.brainpot:hover .img,.brainpot.cur .img{ display:none; transition:all 0.5s ease;}
.brainpot:hover .img1,.brainpot.cur .img1{ display:block; transition:all 0.5s ease;}



.braindivc{ width:322px; height:316px; position:absolute; display:none; left:-1px; top:1px;  z-index:11; background:url(../images/asset/brainbj.png) center center no-repeat; background-size:322px 316px;}
.braindivctxt{ width:200px; height:276px; float:none; margin:0 auto; position:relative; padding-top:60px; box-sizing:border-box; text-align:center; color:#333;}
.braindivctxt h3{ width:160px;  box-sizing:border-box; height:auto; overflow:hidden; margin:0 auto; font-size:19px; line-height:20px;}
.braindivctxt p.p{ width:100%; height:auto; float:left;font-size:14px; line-height:18px;overflow:hidden;}
.braindivctxt strong{ width:100%; height:auto; float:left; font-size:17px; line-height:20px; margin-top:5px;}
.braindivctxt a{ width:100%; height:auto; float:left; margin-bottom:5px;}
.braindivctxt a img{ width:auto; height:auto; max-width:80%; display:block; margin:0 auto;}
.braindivctxt a h4{ width:100%; height:auto; float:left; font-size:15px; line-height:22px; color:#333;}


.braindivctxt span.close{ width:100%; height:28px; line-height:28px; font-size:12px; text-align:center; position:absolute; left:0; bottom:0; color:#fff; margin:0 auto; display:inline-block; background:url(../images/asset/close.png) center center no-repeat; background-size:60px auto; cursor:pointer;}
.pointtt{ display:none;}
.sjbraindivc{ display:none;}




 


@media only screen and (max-width:1270px){	
 
 
/*****信息安全管理****/
.xinxianqian{  padding:50px 0;}
.xinxianqian p{  font-size:15px; line-height:24px;margin-bottom:10px;}
.xxaqdiv{ width:500px; height:481px; background-size:500px auto !important;}
.xxaqtt{ height:auto; margin-top:20px;}
.xxaqtt img{ height:42px;}
.xxaqdivc{ width:360px; height:360px; left:70px; top:60px; background-size:360px 360px;}
.xxaqdivc_dy{  width:340px; height:340px; position:absolute; left:10px; top:10px;  background-size:340px 340px !important;}

.xxaqdivc_zy{ width:176px; height:176px; left:92px; top:92px;  }
.xxaqdivc_zy a.a{ width:100px; height:auto; left:0px; top:0px; border-radius:80px 0 0 0;  } 
.xxaqdivc_zy a.a1{ width:97px; height:120px; left:80px; top:-4px; border-radius: 0 80px 0 0;}
.xxaqdivc_zy a.a2{ width:95px;height:120px; left:-3px; bottom:-15px;  border-radius:0 0 0 80px;}
.xxaqdivc_zy a.a3{ width:100px;height:120px; left:75px; bottom:-33px;   border-radius:0 0 80px 0;}

.xxaqdivc_xy{ width:120px; height:120px;  left:120px; top:120px;   background-size:120px 120px !important;  }
.xxaqdivc_xy a{ width:100%; height:100%;   }
.xxaqdivc_xy a span{width:100%; height:100%;   }

 
 



/*******旋转圆****/ 
.assetdiv p.bzp{ display:none;}
.assetdiv{ width:576px; height:340px; margin:60px auto;}
.allaround{ width:300px; }
.allaround2{ left:288px; top:0; width:287px;}
.allaround3{ left:0%; top:176px; width:288px;}
.allaround4{ left:274px; top:189px; width:301px;}

.bigasset{ width:300px; height:300px;top:34px; left:138px;} 
.point p{ font-size:13px; font-weight:normal;}

.point1{ width:60px; height:auto; left:40%; top:-8px;}
.point2{ width:60px; height:auto; left:62.5%; top:15px;}
.point3{ width:60px; height:auto; left:78.5%; top:67px;}
.point4{ width:60px; height:auto; left:81.5%; top:138px;}
.point5{ width:60px; height:auto; left:72%; top:203px;}
.point6{ width:60px; height:auto; left:52%; top:241px;}
.point7{ width:60px; height:auto; left:28%; top:242px;}
.point8{ width:60px; height:auto; left:8%; top:204px;}
.point9{ width:60px; height:auto; left:-1.5%; top:138px;}
.point10{ width:60px; height:auto; left:2%; top:68px;}
.point11{ width:60px; height:auto; left:17.7%; top:14px;}

.point1 p{ left:-70px; top:-107px; width:200px; height:50px; line-height:55px;}
.point2 p{ left:63px; top:-56px; width:135px; height:42px; line-height:48px;  }
.point3 p{ left:63px; top:-56px; width:135px; height:42px; line-height:48px; }
.point4 p{ left:63px; top:-56px; width:135px; height:42px; line-height:48px; }
.point5 p{ left:63px; top:-56px; width:135px; height:42px; line-height:48px; }
.point6 p{ left:56px; top:-30px; width:135px; height:42px; line-height:48px; }
.point7 p{ right:56px; top:-30px;width:135px; height:42px; line-height:48px;}
.point8 p{ right:63px; top:-56px; width:135px; height:42px; line-height:48px;}
.point9 p{ right:63px; top:-56px;  width:135px; height:42px; line-height:48px;}
.point10 p{ right:63px; top:-56px; width:135px; height:42px; line-height:48px;}
.point11 p{ right:63px; top:-56px; width:135px; height:42px; line-height:48px; }

.pointerdiv{ width:300px; height:300px;left:0px; top:0px; z-index:1;  transform:rotate(0deg);  background-size:50px auto;} 

.braindiv{ width:200px; height:auto; position:relative; top:50px; margin:0 auto;  z-index:22;}
 
 
.braindivc{  display:none !important}
.sjbraindivc{ display:block; width:576px; height:280px; background:url(../images/asset/sjpoitbj.png) center top no-repeat; background-size:100% 260px; margin:0 auto; padding:20px; box-sizing:border-box; text-align:center;}
.sjbraindivctxt{ width:100%; height:220px; float:left; padding:20px 45px; text-align:center; position:relative; display:none; box-sizing:border-box; color:#333; }
.sjbraindivctxt h3{ width:100%; height:auto; float:left; font-size:20px; line-height:22px;  }
.sjbraindivctxt p.p{ width:100%; height:auto; float:left;font-size:13px; line-height:18px; overflow:hidden;}
.sjbraindivctxt strong{ width:100%; height:auto; float:left; font-size:18px; line-height:20px;  margin-top:8px;}
.sjbraindivctxt a{ width:100%; height:auto; float:left; margin-bottom:5px;}
.sjbraindivctxt a img{ width:auto; height:auto; max-width:60%; display:block; margin:0 auto;}
.sjbraindivctxt a h4{ width:100%; height:auto; float:left; font-size:15px; line-height:22px; color:#333;}
.sjbraindivctxt span.close{ width:100%; height:28px; line-height:28px; font-size:12px; text-align:center; color:#fff; margin:0 auto; position:absolute; left:0; bottom:0; display:inline-block; background:url(../images/asset/close.png) center center no-repeat; background-size:60px auto; cursor:pointer;}





 
 
 
}





@media only screen and (max-width:650px){	
/*******旋转圆****/ 
.assetdiv p.bzp{ display:none;}
.assetdiv{ width:410px; height:280px; margin:60px auto 20px auto; }
.allaround{ width:213px;}
.allaround2{ left:204px; top:0; width:206px;}
.allaround3{ left:0; top:125px; width:205px;}
.allaround4{ left:196px; top:134px; width:214px;}

.bigasset{ width:300px; height:300px;top:-15px; left:55px;} 
.point p{ font-size:13px; font-weight:normal; display:none;}

.point1{ width:60px; height:auto; left:40%; top:-8px;}
.point2{ width:60px; height:auto; left:62.5%; top:15px;}
.point3{ width:60px; height:auto; left:78.5%; top:67px;}
.point4{ width:60px; height:auto; left:81.5%; top:138px;}
.point5{ width:60px; height:auto; left:72%; top:203px;}
.point6{ width:60px; height:auto; left:52%; top:241px;}
.point7{ width:60px; height:auto; left:28%; top:242px;}
.point8{ width:60px; height:auto; left:8%; top:204px;}
.point9{ width:60px; height:auto; left:-1.5%; top:138px;}
.point10{ width:60px; height:auto; left:2%; top:68px;}
.point11{ width:60px; height:auto; left:17.7%; top:14px;}

 
.pointerdiv{ width:300px; height:300px;left:0px; top:0px; z-index:1;  transform:rotate(0deg);  background-size:50px auto;} 

.braindiv{ width:200px; height:auto; position:relative; top:50px; margin:0 auto;  z-index:22;}
.sjbraindivc{ width:410px;} 
.pointtt{ width:100%; height:50px; line-height:60px; font-size:16px; font-weight:600; color:#333; display:block; margin:0 auto; background:url(../images/asset/pointbj1.png) center center no-repeat; background-size:auto 50px; margin-bottom:20px; text-align:center;}

.sjbraindivctxt{ height:220px; float:left; padding:15px 25px; }


}



@media only screen and (max-width:560px){	
 
 
/*****信息安全管理****/
.xinxianqian{  padding:20px 0 0 0;}
.xinxianqian p{  font-size:15px; line-height:22px;margin-bottom:0px;}
.xxaqdiv{ width:300px; height:381px; background-size:300px auto !important;}
.xxaqtt{ height:auto; margin-top:10px;}
.xxaqtt img{ height:38px;}
.xxaqdivc{ width:230px; height:230px; left:40px; top:68px; background-size:230px 230px;}
.xxaqdivc_dy{  width:220px; height:220px; position:absolute; left:5px; top:5px;  background-size:220px 220px !important;}

.xxaqdivc_zy{ width:114px; height:114px; left:58px; top:58px; }
.xxaqdivc_zy a.a{ width:70px; height:auto; left:-1px; top:-2px; border-radius:70px 0 0 0;  } 
.xxaqdivc_zy a.a1{ width:60px; height:auto; left:55px; top:-1px; border-radius: 0 60px 0 0; }
.xxaqdivc_zy a.a2{ width:61px;height:auto; left:0px; bottom:-3px;  border-radius:0 0 0 60px; }
.xxaqdivc_zy a.a3{ width:64px;height:auto; left:50px; bottom:-1px;   border-radius:0 0 60px 0;}

.xxaqdivc_xy{ width:78px; height:78px;  left:77px; top:76px;   background-size:78px 78px !important; }
.xxaqdivc_xy a{ width:100%; height:100%;   }
.xxaqdivc_xy a span{width:100%; height:100%;   }

  
 
}

@media only screen and (max-width:460px){	
/*******旋转圆****/ 
.assetdiv p.bzp{ font-size:14px; line-height:22px;margin-bottom:15px; margin-top:-42px;}
.assetdiv{ width:315px; height:230px; margin:50px auto 10px auto; }
.allaround{ width:163px;}
.allaround2{ left:157px; top:0; width:156px;}
.allaround3{ left:0; top:95px; width:157px;}
.allaround4{ left:151px; top:104px; width:162px;}

.bigasset{ width:240px; height:240px;top:-15px; left:40px;} 
.point p{ font-size:13px; font-weight:normal; display:none;}

.point1{ width:40px; height:auto; left:41.5%; top:-4px;}
.point2{ width:40px; height:auto; left:65%; top:12px;}
.point3{ width:40px; height:auto; left:81.5%; top:56px;}
.point4{ width:40px; height:auto; left:85.5%; top:115px;}
.point5{ width:40px; height:auto; left:75%; top:170px;}
.point6{ width:40px; height:auto; left:54%; top:202px;}
.point7{ width:40px; height:auto; left:29%; top:200px;}
.point8{ width:40px; height:auto; left:8%; top:170px;}
.point9{ width:40px; height:auto; left:-1.5%; top:115px;}
.point10{ width:40px; height:auto; left:2%; top:56px;}
.point11{ width:40px; height:auto; left:17.7%; top:10px;}

 
.pointerdiv{ width:240px; height:240px;left:0px; top:0px; z-index:1;  transform:rotate(0deg);  background-size:30px auto;} 

.braindiv{ width:140px; height:auto; position:relative; top:50px; margin:0 auto;  z-index:22;}
.sjbraindivc{ width:315px; height:300px; background-size:100% 290px;} 
.sjbraindivctxt{ padding:10px 10px; height:260px;}
.sjbraindivcts{ margin-top:15px;}
.sjbraindivctxt h3{font-size:17px;line-height:22px;}
.sjbraindivctxt p.p{ height:auto; float:left;font-size:14px; line-height:20px;}
.sjbraindivctxt strong{ font-size:16px; line-height:22px; margin-top:5px;}
.sjbraindivctxt a h4{ font-size:14px; line-height:22px; }
.pointtt{ height:46px; line-height:52px; font-size:14px; background-size:auto 46px;}


}