/* CSS Document */
@charset "utf-8";

*{margin:0;padding:0}
body{font-family:"微软雅黑";font-size:13px;height:100%;width:100%;background:#fff;}
a{text-decoration:none;cursor:pointer;transition:all .3s;outline:none}
ul{list-style:none}
.lf{float:left}
.lf100{ float:left; margin-left:100px;}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}

/*head 开始*/
#top{ width:100%; height:90px; margin:0 auto; background-color:#fff;}
#top .head{ margin:0 auto; width:1200px; height:90px;}
#top .head .logo{ width:400px; float:left; line-height:90px; font-size:30px; color:#0088BA; font-weight:700;}
#top .head .logo span{ font-size:20px; font-weight:450; margin-left:15px; line-height:90px;}
#top .head .nav{ width:600px; float:right; line-height:90px; text-align:right;}
#top .head .nav a{ font-size:16px; color:#000; text-decoration:none; margin:0px 15px;}
#top .head .nav a:hover{ color:#0088BA;}
#top .head .nav a.cur{color:#0088BA;}
#top .head .nav a.down{color:#fff; background-color:#0088BA; padding:12px 28px; border-radius:5px;}
@media screen and (max-width: 1024px) and (min-width: 0px){
#top{ width:100%; overflow:hidden; height:100px; margin:0 auto; background-color:#fff; margin-bottom:10px;}
#top .head{ margin:0 auto; width:96%; height:100px;}
#top .head .logo{ width:100%; float:none; line-height:50px; font-size:20px; text-align:center; color:#0088BA; font-weight:700;}
#top .head .logo span{ font-size:20px; font-weight:450; margin-left:15px; line-height:50px;}
#top .head .nav{ width:100%; float:none; line-height:50px; text-align:center;}
#top .head .nav a{ font-size:16px; color:#000; text-decoration:none; margin:0px 15px;}
#top .head .nav a:hover{ color:#0088BA;}
#top .head .nav a.cur{color:#0088BA;}
#top .head .nav a.down{color:#0088BA; background-color:#fff; border:1px solid #0088BA; padding:6px 15px; border-radius:5px;}
}
/*head 结束*/

#banner{ width:100%; min-height:500px; background:url(../Images/b65aa2cd7e782e07f73a869d8a0dd014.jpg) center no-repeat;overflow:hidden;}
#banner .bancon{ width:1200px; margin:0 auto; margin-top:50px; overflow:hidden;}
#banner .bancon .banleft{ width:50%; float:left;}
#banner .bancon .banleft .tit{ width:100%; text-align:left; font-size:45px; color:#fff; line-height:60px;}
#banner .bancon .banleft .desc{ width:100%; text-align:left; font-size:20px; color:#FFFFFF; line-height:35px; margin-top:20px;}
#banner .bancon .banleft .down{ width:35%; height:65px; border-radius:3px; background-color:#054C7C; line-height:65px;  margin-top:25px; text-align:center;}
#banner .bancon .banleft .down a{ font-size:17px; color:#FFFFFF; text-decoration:underline;}
#banner .bancon .banleft .down a:hover{ font-size:18px;}
#banner .bancon .img{ width:45%; float:right;}
#banner .bancon .img img{ width:100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
#banner .bancon{ width:96%; margin:0 auto; margin-top:50px; overflow:hidden;}
#banner .bancon .banleft{ width:100%; float:none;}
#banner .bancon .banleft .tit{ width:100%; text-align:center; font-size:45px; color:#fff; line-height:60px;}
#banner .bancon .banleft .desc{ display:none;}
#banner .bancon .banleft .down{display:none;}
#banner .bancon .banleft .down a{ font-size:17px; color:#FFFFFF; text-decoration:underline;}
#banner .bancon .banleft .down a:hover{ font-size:18px;}
#banner .bancon .img{ width:100%; float:none;}
#banner .bancon .img img{ width:100%;}
}

#bannern{ width:100%; height:220px;background:url(../Images/2.png) center no-repeat;overflow:hidden;}
/*iprod 开始*/

#wtit{width:100%; margin:0 auto; text-align:center; line-height:120px; font-size:38px;color:#000;}
#wcon{ width:1200px; margin:0 auto; text-align:center;}
#wcon img{ width:100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
#wtit{line-height:80px; font-size:20px;color:#000;}
#wcon{ width:100%; }
}


#tit{ width:480px; height:50px; line-height:50px; margin:0 auto; background:url(../Images/titbg.png) center no-repeat; color:#006EB4; font-weight:700; text-align:center; font-size:36px;margin-top:50px;}
#titdesc{ width:1300px; margin:0 auto; height:50px; line-height:50px; font-size:15px; color:#8F8F8F; text-align:center;}



.more{ margin:0 auto; width:180px; height:55px; border:1px solid #D1D1D1; border-radius:55px; background-color:#F8F8F8; line-height:55px; margin-top:50px; margin-bottom:50px; text-align:center;}
.more a{ font-size:16px; color:#383838; text-decoration:none;}
.more a:hover{ font-size:16px; color:#383838; text-decoration:underline;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.more{width:120px; height:45px;border-radius:45px; line-height:45px; margin-top:30px; margin-bottom:30px;}
.more a{ font-size:15px;}
.more a:hover{ font-size:15px;}
}


#inews{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:50px; margin-top:30px;}
#inews li{ width:47%; float:left; line-height:35px; margin:8px 1.5%; overflow:hidden; border-bottom:1px solid #EBEBEB;}
#inews li a{ width:70%; float:left; font-size:15px; color:#000000; text-decoration:none;}
#inews li a:hover{ color:#006EB4;}
#inews li span{ width:25%; float:right; line-height:35px; font-size:15px; color:#616161;}
@media screen and (max-width: 1024px) and (min-width: 0px){
#inews{width:96%; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:30px;}
#inews li{ width:100%; float:left; line-height:30px; margin:8px 1.5%; overflow:hidden; border-bottom:1px solid #EBEBEB;}
#inews li a{ width:70%; float:left; font-size:15px; color:#000000; text-decoration:none;}
#inews li a:hover{ color:#006EB4;}
#inews li span{ width:25%; float:right; line-height:35px; text-align:right; margin-right:2%; font-size:15px; color:#616161;}
}

#foot{ width:100%; margin:0 auto; background-color:#00243C; min-height:100px; overflow:hidden; padding-bottom:15px;}
#foot .footcon{ width:100%; margin:0 auto;}
#foot .footcon .fleft{ width:100%; text-align:center;}
#foot .footcon .fleft .fnav{ width:100%; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #2C2C2C; margin-top:20px;}
#foot .footcon .fleft .fnav a{ font-size:16px; color:#A4A4A4;font-family:"微软雅黑 Light"; text-decoration:none; padding:0px 20px;}
#foot .footcon .fleft .fnav a:hover{ text-decoration:underline;}
#foot .footcon .fleft .fcopy{ width:100%; line-height:28px; margin-top:10px; color:#B3B3B3; font-size:15px; padding-left:10px;}
#foot .footcon .fleft .fcopy a{ color:#B3B3B3;}
@media screen and (max-width: 1024px) and (min-width: 0px){
#foot .footcon{ width:96%; margin:0 auto;}
#foot .footcon .fleft{ width:100%; text-align:center;}
#foot .footcon .fleft .fnav{ width:100%; height:40px; line-height:40px; text-align:center; border-bottom:1px solid #2C2C2C; margin-top:10px;}
#foot .footcon .fleft .fnav a{ font-size:15px; color:#A4A4A4;font-family:"微软雅黑 Light"; text-decoration:none; padding:0px 12px;}
#foot .footcon .fleft .fcopy{ width:100%; line-height:25px; margin-top:6px; color:#B3B3B3; font-size:14px; padding-left:0px;}
}