/* CSS Document */
body{ margin:0 auto; padding:0px; text-align:center}
.top{width:100%; background-color:rgba(255, 255, 255, 0.8); position:fixed; z-index:10; height:auto; box-shadow:2px 2px 5px #000}
.logo{width:980px;margin: 0 auto;height: 40px;font-size: 12px;line-height: 30px;padding: 5px 0;background-color:rgba(255, 255, 255, 0);}
.logo .left { float:left; width:auto; margin:5px 0 }
.logo .right { float:right; width:auto; color: #666666; margin:10px 0px;font-size:14px;}
.logo .right a{text-decoration:none; color: #000}
.logo .right a:hover{ color:#CC0000;}
.top2{ width:100%; height:56px;}
.main{ width:100%; height:auto; text-align:center;background: radial-gradient(at 50% 0%, rgb(154, 177, 199) 0%, rgb(26, 36, 47) 100%);}
.tiao{ width:100%; height:3px;background: linear-gradient(-90deg, rgb(69, 103, 178) 20%, rgb(138, 185, 255) 80%);}
.title{ width:300px; height:auto; border-radius:10px; text-align:center; margin:0 100px; box-shadow:3px 3px 20px #333333;margin-bottom:50px}
.main ul a{ color:#FFFFFF}
.main ul li a:hover{ color:#CC0000}
.part1{width:100%; height:auto; border:2px solid #CCCCCC; border-top-style:none; border-radius:0px 0px 25px 25px ; box-shadow:2px 2px 2px #000}
.part1 img{ border-radius:0px 0px 25px 25px}

.part2{ width:1200px; height:auto; text-align:center; margin:0 auto;}
.img1{ width:300px; float:left; margin:20px 30px 20px 90px; border-radius:15px;box-shadow:2px 2px 2px #000; height:270px;}
.js{ width:340px; height:270px; background: linear-gradient(to left, rgb(36, 59, 85), rgb(20, 30, 48)); float:left; border-radius:15px; margin:20px 10px;box-shadow:2px 2px 2px #000;}
.js-main{ width:90%; height:auto; margin:0 auto;text-align:left}
.js-main span{  color:#FFFFFF;}
.point{ width:360px; height:270px; background: linear-gradient(0deg, rgb(148, 148, 148) 10%, rgb(239, 239, 239) 90%); float:left; border-radius:15px; margin:20px 10px;box-shadow:2px 2px 2px #000; }
.point a:hover{ text-decoration:none; }
.point a{ text-decoration:none; }

.sHoverItem{width: 180px; height: 200px;  margin:20px; float: left; font-family: "arial";border-radius:15px;box-shadow:2px 2px 2px #000;}
.sIntro{background-color:#fff; text-align: center; font-family: "arial";border-radius:10px;}
.container{width: 1200px; height: auto; margin: 20px auto; text-align:center }
.sHoverItem img{ border-radius:10px; width:180px}
.sIntro h2{font-family: "arial"; font-size:36px; text-align: center; color: #438199; border-bottom: 1px dashed  #666666;margin:0px 20px; padding:10px;}
.sIntro p{font-size:14px; text-align: center;; margin:0px 10px; padding: 10px; color: #438199;}
.sIntro button{font-family: "arial"; font-size:16px; color: white;  background-color: #0AB5DA; border:none; border-radius: 10px; padding:4px 10px; }

.part2 ul{  margin:0 auto; padding:0px; float:left; width:100%; height:650px;  border-radius:15px;background: linear-gradient(to left, rgb(36, 59, 85), rgb(20, 30, 48)); box-shadow:2px 2px 20px #000 }
.part2 ul li{ width:40%; float:left;list-style:none; margin:10px 50px 0px 50px; text-align:left;}
.part2 ul li a{ text-decoration:none;}
.part2 ul li a:hover{ color:#33FFFF}
.part3{ width:1000px; height:150px; text-align:center; margin:0 auto;}
.part3 ul{ width:60%; height:auto; text-align:center; margin:0 auto}
.part3 ul li{ width:450px; height:90px; float:left; margin-left:30px; list-style:none;}
.part3 ul li img{ border-radius:15px;box-shadow:2px 2px 10px #000;height:90px;}

.part4{ width:1050px; height:150px; text-align:center; margin:0 auto;}
.part4 ul{ width:100%; height:auto}
.part4 ul li{ width:320px; height:90px; float:left; margin-left:10px; list-style:none;}
.part4 ul li img{ border-radius:15px;box-shadow:2px 2px 10px #000;height:90px;}

.footer{ width:100%; height:auto; text-align:center;background: linear-gradient(to left, rgb(36, 59, 85), rgb(20, 30, 48));}
.end-2{ color:#fff; width:980px; text-align:center; margin:0 auto}
.lx{ color: #FFFF99; font-size:14px; margin:10px auto;width:980px; text-align:center;}
.footer a{ color:#fff; text-decoration:none}
.footer a:hover{ color:#66FFFF; text-decoration:none}
