@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0;min-height:100%;height:100%} 
*{box-sizing: border-box;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
body{background: url("../images/bg1.png") center 0px repeat-x #0ecaf2; background-size: 100% 100%; text-align:center; }
body.gp1{background: url("../images/bg01.png") center 0px repeat-x #5c67f9;}
.container{min-height:100%;height:auto !important;height:100%;position:relative; background: url("../images/bg2.png") no-repeat; background-size: 100% auto;} 
a{ font-size:14px; line-height:26px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#353535; text-decoration:none}
img{ border:none}
ul,li,dd,dl,dt,em,h2,em,i{ list-style:none; padding:0px; margin:0px; display:block; text-align:left}
em{ font-style:normal}
.l{ float:left}
.r{ float:right}
.block{display:block}
.none{ display:none}
.clearboth{clear: both}
.flexcenter{display: flex; display: -webkit-flex; align-items: center;  justify-content: center;}

.top{ width: 100%; text-align: center;display: flex; display: -webkit-flex; -webkit-align-items: stretch; justify-content: center; padding-top:10%;}
.top div{text-shadow: 0px 3px 5px rgba(7,39,129,0.2); color: #fff; font-size:34px; font-weight: bold; letter-spacing:1px; text-align: left; line-height:1.6em; display: -webkit-flex; align-items: center;  justify-content: center; letter-spacing: 1px; text-align: center}
.top span{ display: -webkit-flex; align-items: center;  justify-content: center;padding: 15px 5px 0px 0px;}

.linkmain{ width: 1120px; margin: 40px auto 0px;display: flex; flex-direction:row;justify-content: flex-start;flex-wrap: wrap;}
.linkmain a{ display: block;width:calc(25% - 30px); height:190px; text-align: center;border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; cursor: pointer;transition: all 0.2s ease-in-out; margin:0px 15px 30px;
background: linear-gradient(180deg, #ffffff, #e1e6e8);
background: -webkit-gradient(linear, 180deg, from(#ffffff), to(#e1e6e8));
background: -webkit-linear-gradient(180deg, #ffffff, #e1e6e8);
background: -moz-linear-gradient(180deg, #ffffff, #e1e6e8);
background: -o-linear-gradient(180deg, #ffffff, #e1e6e8);
background: -ms-linear-gradient(180deg, #ffffff, #e1e6e8);
background: linear-gradient(180deg, #ffffff, #e1e6e8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #e1e6e8); background-color:#e1e6e8\9;
}
.linkmain a b{color:#2161ac; font-size:20px;transition: all 0.2s ease-in-out;}
.linkmain a span{ display: block; width: 89px; height: 89px;  background: url("../images/rbg1.png") no-repeat; margin: 28px auto 15px;display: flex; display: -webkit-flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out;}
.gp1 .linkmain a span{background: url("../images/rbg01.png") no-repeat; }
.linkmain a span i{ display: block; width:46px; height: 44px;}
.linkmain a.m1 span i{ background: url("../images/r1.png") no-repeat}
.linkmain a.m2 span i{ background: url("../images/r2.png") no-repeat}
.linkmain a.m3 span i{ background: url("../images/r3.png") no-repeat}
.linkmain a.m4 span i{ background: url("../images/r4.png") no-repeat}
.linkmain a.m5 span i{ background: url("../images/r5.png") no-repeat}
.linkmain a.m6 span i{ background: url("../images/r6.png") no-repeat}
.linkmain a.m7 span i{ background: url("../images/r7.png") no-repeat}

.linkmain a:hover{background: linear-gradient(180deg, #44d2fc, #0263e7);
background: -webkit-gradient(linear, 180deg, from(#44d2fc), to(#0263e7));
background: -webkit-linear-gradient(180deg, #44d2fc, #0263e7);
background: -moz-linear-gradient(180deg, #44d2fc, #0263e7);
background: -o-linear-gradient(180deg, #44d2fc, #0263e7);
background: -ms-linear-gradient(180deg, #44d2fc, #0263e7);
background: linear-gradient(180deg, #44d2fc, #0263e7);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #44d2fc, endColorstr = #0263e7); background-color:#37b4fc\9;}
.linkmain a:hover span{background: url("../images/rbg2.png") no-repeat;}
.linkmain a:hover b{color: #fff!important;}
.bq{ padding: 10px 0px; width: 100%; background: rgba(255,255,255,0.2)}
.bq div{ font-size:14px; color:#fff; display: inline-block; line-height:26px; text-align: center}
.bq a{font-size:14px; color:r#fff; line-height:26px;}
.bq a:hover{color: #fff; text-decoration: underline}
.linkmain a.spcezw{display: none!important}
/*begin bottom*/
.container{min-height:100%;height:auto!important;height:100%;/*ie6不识别min-height,如上述处理*/position:relative;} 
.linkmain{padding-bottom:100px;/*padding等于footer的高度*/} 
.bq{position:absolute;bottom:0;height:50px;/*footer的高度*/clear:both;} 
.bqmain{ width: 1200px; margin: 0px auto;}
.lbq{ float: left; display: inline-block;line-height:20px; text-align: left}
.rbq{float: right; display: inline-block;}
.rbq a{display: inline-block; float: right; color: #fff; line-height: 20px; padding-left:25px; margin-left:15px;}
.rbq a:hover{ color: #fff; text-decoration: underline}
.rbq .bqa1{ background:url("../images/i1.png") center left no-repeat; background-size: 20px 20px;}
.rbq .bqa2{ background:url("../images/i2.png") center left no-repeat}
.rbq .bqa3{ background:url("../images/i3.png") center left no-repeat}
/*bottom end*/

/*fudonglan*/
.rfd{ width:auto; position: fixed; top:200px; right:0px;  background: #fff; z-index: 2; text-align: center}
.rfd div{width: 140px;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; }
.rfd a{ display:block; width: 100%; height:auto; background-color:#fff; background-repeat:no-repeat; background-position: center center;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; cursor: pointer}
.rfd a:hover{background-color:#106fd8;box-shadow:1px 0px 8px rgba(0,55,126,0.5); -webkit-box-shadow:1px 0px 8px rgba(0,55,126,0.5); -moz-box-shadow:1px 0px 8px rgba(0,55,126,0.5);}
.rf01{display: block; width: 100%; text-align: center!important; margin:0px 0px}
.rf01 em{ display: inline-block; border: 1px solid #e3e3e3; padding: 5px; margin: 0px auto}
.rf01 i{font-style: normal; font-size: 14px; color: #6c6c6c; line-height: 1.4em; display: block; text-align: center; margin-bottom: 15px}
a.rf03:hover{ text-decoration: none!important}


.rfd a.rfds{ width: 100%; height: 30px; background:url("../images/i00.png") center center no-repeat #4790ed;}
.rfd a.rfds:hover{ background:url("../images/i00.png") center center no-repeat #4790ed;}
.rfd a.rfdz{ width: 30px; height: 30px; background:url("../images/i0h.png") center center no-repeat #4790ed;}
.rfd a.rfdz:hover{ background:url("../images/i0h.png") center center no-repeat #136de1;}
.rfd a.rfdlx,.rfd a.rfdzx{ height: 73px;}
.rfd a i{ display:block; width:100%;}
.rfd a i img{ width:100%; height:auto;}

@media screen and (max-width:1200px) {
.linkmain{width: 100%;}
.linkmain a{ width: calc(50% - 30px)!important;}
.bq{position:relative;height:auto;clear:both;} 
.bq div{ display: block; text-align: left; padding-bottom:10px}   
.bqmain{ width:100%; padding: 0px 10px; text-align: left}
.lbq{ float:none; display:block;clear:both;}
.rbq{float:none; display: block;clear:both;}
.rbq a{float:left; padding-left:25px; margin-right:15px; margin-left: 0px}   
}
@media screen and (max-width:1000px) { 
.top{padding-top:30px}    
.top div {font-size: 28px;}
.container{background: none}
.linkmain {margin: 20px auto 0px;}
}
@media screen and (max-width:600px) {  
.top div {font-size:20px;}
.top br{ display:block}
}
@media screen and (max-width:500px) {
.linkmain a{ width: calc(50% - 10px)!important; margin: 0px 5px 10px;}
}