@charset "utf-8";
*{ margin:0; padding:0;}
html{font-family: 微软雅黑;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,input,textarea,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;font-family: 微软雅黑;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #000; text-decoration: none; outline:none;}a:hover {color: #06f; text-decoration: none}
body {background:#fff;font-size: 14px;color:#000;line-height:28px;font-family: 微软雅黑;overflow-x: hidden; }


.head{ max-width:1200px; height:50px; margin:0 auto; }
.logo{ width:50%; height:50px; float:left;}
.logo img{ height:50px;}
.wjs{ float:right;}
.wjs a{color:#000}.wjs a:hover {color:#09C; text-decoration:none;cursor:pointer;}

.menubg{ width:100%; height:40px; background: #040f4d; overflow:hidden;}
.menu { max-width:1200px; margin:0 auto;}
.menu ul{ width:100%;  height:30px;}
.menu li{height:40px; float:left; font-size:15px; text-transform:uppercase; line-height:40px; text-align:center; padding-right:3px; padding:0; margin:0;}
.menu li a { display:block; height:40px; padding:0 30px; color:#fff; text-decoration:none;}
.menu li a:hover{color: #fff; text-decoration:none; background: #06F;}


.banner{ width:100%; margin:0 auto;}
.banner img{ width:100%;}

.md{ width:15%; height:160px; position:fixed; bottom:50%; right:0; }
.md button{ width:100%; height:40px; background:#4cb6e0; color:#FFF; border-radius: 5px;cursor: pointer; outline: none;display: inline-block;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(0,0,0,.3);background: -webkit-gradient(linear, left top, left bottom, from(#0b246f), to(#030b46));background: -moz-linear-gradient(top, #00adee, #00678e);}

.bt{ widows:100%; margin:0 auto; text-align:center; height:30px;}
.bt h3{ font-weight:bold; font-size:30px;color:#000;}

.jieshao{ max-width:1200px; height:auto; margin:0 auto; }
.jieshao p{ font-size:18px; text-indent:36px;color:#000}
.jieshao span{ font-weight:bold; }

.b2c{ max-width:1200px; height:40px; margin:0 auto; font-size:22px; color:#FFF; background: #030b46; padding:5px 0 5px 10px;}

.main{ max-width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.main a{ color:#000;}.main a:hover{ text-decoration:none;}
.sj_l{ width:19.1%;height:140px; border:#CCC 2px solid; float:left;margin-right:8px;margin-top:15px;}
.sj_ll{ width:100%;height:50px; float:left; text-align:center; margin-top:5px;}
.sj_ll img{ width:90%; height:60px; padding:10px;}
.sj_lr{ width:100%; height:80px;float:left; margin:0 auto; text-align:center;}
.sj_lr h3{ font-size:24px;}

.sj_r{ width:19.1%;height:140px; border:#CCC 2px solid; float:left; margin-right:8px;margin-top:15px;}
.sj_rl{ width:100%;height:50px ;float:left;  text-align:center;margin-top:5px;}
.sj_rl img{ width:90%; height:60px; padding:10px; }
.sj_rr{ width:100%;height:80px; float:right; margin:0 auto; text-align:center;}
.sj_rr h3{ font-size:24px;}

.lj{ width:100%; height:450px; }
.tbbg{ width:100%; height:400px;background: radial-gradient(220% 105% at top center, #000 10%, #000035 50%, #0b2570 70%, #040d1c);
    background-attachment: fixed; padding-top:40px; }
.xglj{ max-width:1200px; height:320px; background:rgba(0,0,0,.7); margin:0 auto; color:#3ad4ff; padding-top:25px;}
.xglj li{ width:25%; height:160px; text-align:center; float:left; }
.xglj a{color:#3ad4ff}.xglj a:hover {color:#fff; text-decoration:none;cursor:pointer;}

.endbg{ width:100%; height:180px; background:#040f2d; font-size:14px; color:#FFF;}
.end{ max-width:1200px; height:100%; margin:0 auto; }
.e_left{ width:70%; height:100px; float:left}
.about{ height:40px; float:left; border-bottom:#FFF 1px solid ; }
.e_left a{color:#fff}.e_left a:hover {color:#fff; text-decoration:none;cursor:pointer;}
.about p{ width:70px; float:left; text-align:center;}
.about p:hover{ border-bottom:#F60 2px solid ;}
.bq{ float:left;}

.e_right{ width:30%; height:150px; float:right;}
.e_right div{ width:49%; height:80%;}
.le{ width:50%; float:left}
.ri{ width:50%;float:right}
.e_right img{ width:80%; height:80%; }



@media screen and (min-width:200px) and (max-device-width:640px){
body { width:100%; background:#fff;font-size:100%;color:#000;line-height:28px;font-family: 微软雅黑; margin:0; padding:0;overflow-x: hidden; }
.head{ width:100%; height:30px; margin:0 auto; }
.logo{ width:40%; height:30px; float:left;}
.logo img{ height:30px;}
.wjs{ width:54%;height:30px;float:right; font-size:1rem}
.wjs a{color:#000}.wjs a:hover {color:#09C; text-decoration:none;cursor:pointer;}

.menubg{ width:100%; height:30px; background: #040f4d; overflow:hidden;}
.menu { width:100%; margin:0 auto;}
.menu ul{ width:100%;  height:30px;}
.menu li{ width:30%;height:40px;float:left; font-size:1rem; text-transform:uppercase; line-height:30px; text-align:center; padding-right:3px; padding:0; margin:0;}
.menu li a { width:100%; display:block; height:40px; padding:0 30px; color:#fff; text-decoration:none;}
.menu li a:hover{color: #fff; text-decoration:none; background: #06F;}
.dropmenudiv_b{ margin:0; padding:0;}

.banner{ width:100%; margin:0 auto;}
.banner img{ width:100%;}

.jieshao{ width:95%; height:auto; margin:0 auto; }
.jieshao p{ font-size:1.5rem}
.md{ display:none; visibility:hidden; }

.cbsj{ width:100%; height:330px; margin:0 auto;}
.bt{ widows:100%; margin:0 auto; text-align:center; height:30px;font-size:3rem;}
.bt h3{ font-weight:bold; font-size:2.5rem; margin:0; color:#000;}
.cbsjdd{ font-size:1.3rem;background:#45afe5; color:#FFF; height:270px;}
.cbsjdd span{ font-size:2rem; text-align:center;}
.cbsj p{ padding:5px 15px 0 15px;}


.b2c{ width:100%; height:40px; margin:0 auto; font-size:22px; color:#FFF; background: #030b46; padding:5px 0 5px 10px; text-align:center}

.main{ width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center;}
.main a{ color:#000;}.main a:hover{ text-decoration:none;}
.sj_l{ width:22%;height:90px; border:#CCC 2px solid; float:left;margin:10px 2px 0 6px;}
.sj_ll{ width:100%;height:40px; float:left; text-align:center;}
.sj_ll img{ width:100%; height:40px; padding:10px;}
.sj_lr{ width:100%; height:30px; line-height:30px;float:left; margin:0 auto; text-align:center;}
.sj_lr h3{ font-size:1.3rem;}

.sj_r{ width:22%;height:90px; border:#CCC 2px solid; float:left; margin:10px 2px 0 6px;}
.sj_rl{ width:100%;height:40px ;float:left;  text-align:center;margin-top:5px;}
.sj_rl img{ width:100%; height:40px; padding:10px; }
.sj_rr{ width:100%;height:30px;line-height:30px; float:right; margin:0 auto; text-align:center;}
.sj_rr h3{ font-size:1.3rem;}

.lj{ width:100%; height:320px;  }
.tbbg{ width:100%; height:auto;background:#040f2d;top:0; }
.xglj{width:100%; height:320px; background:#040f2d; margin:0 auto; color:#3ad4ff;top:0; }
.xglj li{ width:25%; height:120px; text-align:center; float:left; }
.xglj img{ width:55%; height:55%;}
.xglj a{color:#3ad4ff; font-size:1rem}.xglj a:hover {color:#fff; text-decoration:none;cursor:pointer;}

.endbg{ width:100%; height:330px; background:#040f2d; color:#FFF; text-align:center;}
.end{ width:100%; height:100%; margin:0 auto;text-align:center; }
.e_left{ width:100%; height:130px; float:left;text-align:center;}
.about{ width:100%; height:70px;  border-bottom:#FFF 1px solid ; text-align:center;}
.e_left a{color:#fff;text-align:center;}.e_left a:hover {color:#fff; text-decoration:none;cursor:pointer;}
.about p{ width:93px;  text-align:center; font-size:1rem;}
.bq{ float:left;}

.e_right{ width:100%; height:150px; float:left; text-align:center;}
.e_right div{ width:50%; height:80%;}
.le{ width:45%; float:left}
.ri{ width:45%;float:left}
.e_right img{ width:50%; height:70%; }
	
}