/* 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:#161616; overflow:hidden;}
#top .head{ width:1200px; height:90px; margin:0 auto;}
#top .head .logo{ width:350px; float:left; color:#FFC522; overflow:hidden;}
#top .head .logo img{ height:60px; margin-top:15px;}
#top .head .nav{ width:600px; float:right; line-height:90px; text-align:right; margin-right:15px;}
#top .head .nav a{ font-size:16px; color:#fff; text-decoration:none; margin:0px 15px;}
#top .head .nav a:hover{ color:#fff;}
#top .head .nav a.cur{color:#fff;}
#top .head .nav a.down{color:#fff; background-color:#0033C4; padding:12px 28px; border-radius:5px;}
@media screen and (max-width: 1200px) and (min-width: 0px){
#top{ width:100%; overflow:hidden; height:130px; margin:0 auto;}
#top .head{ margin:0 auto; width:100%; height:80px;}
#top .head .logo{ width:100%; text-align:center; overflow:hidden;}
#top .head .logo img{ height:50px; margin-top:15px;}

#top .head .nav{ width:100%; float:right; line-height:50px; text-align:center; border-top:1px solid #455468; border-bottom:1px solid #455468;}
#top .head .nav a{ font-size:16px; color:#fff; text-decoration:none; margin:0px 10px;}
#top .head .nav a:hover{ color:#fff;}
#top .head .nav a.cur{color:#fff;}
#top .head .nav a.down{color:#fff; background-color:#0033C4; border:1px solid #0088BA; padding:6px 15px; border-radius:5px;}
}
/*head 结束*/

#banner{ width:100%; background-color:#18212F; margin:0 auto; padding:100px 0px;}
#banner .bancon{ width:1200px; margin:0 auto; margin-top:0px; overflow:hidden;}
#banner .bancon .banleft{ width:45%; float:left; margin-top:20px;}
#banner .bancon .banleft .tit{ width:100%; text-align:left; font-size:48px; color:#667EEA; line-height:65px; font-weight:bold;}
#banner .bancon .banleft .desc{ width:100%; text-align:left; font-size:20px; color:#FFFFFF; line-height:40px; margin-top:20px;}
#banner .bancon .banleft .desc span{ font-size:21px; line-height:50px; color:#667EEA;}
#banner .bancon .banleft .down{ width:55%;height:65px; border-radius:3px; background:url(../Images/down.png) left no-repeat 100%; background-color:#667EEA; line-height:65px;  margin-top:35px; text-align:center; margin-bottom:50px;}
#banner .bancon .banleft .down img{ height:55px; margin-top:5px;float:left;}
#banner .bancon .banleft .down a{ font-size:20px; line-height:65px; color:#040509; float:left;}
#banner .bancon .banleft .down a:hover{ font-size:21px; text-decoration:underline;}
#banner .bancon .img{ width:50%; float:right; margin-top:0px;}
#banner .bancon .img img{ width:100%;}

@media screen and (max-width: 1200px) and (min-width: 0px){
#banner{ padding:30px 0px;}
#banner .bancon{ width:96%; margin:0 auto; margin-top:0px; overflow:hidden;}
#banner .bancon .banleft{ width:100%; float:inherit; margin-top:20px;}
#banner .bancon .banleft .tit{ width:100%; text-align:center; font-size:35px; color:#667EEA; line-height:65px; font-weight:bold;}
#banner .bancon .banleft .desc{ width:100%; text-align:center; font-size:18px; color:#FFFFFF; line-height:40px; margin-top:20px;}
#banner .bancon .banleft .desc span{ font-size:19px; line-height:50px; color:#667EEA;}
#banner .bancon .banleft .down{ width:55%;height:65px; margin:0 auto; border-radius:3px; background:url(../Images/down.png) left no-repeat 100%; background-color:#667EEA; line-height:65px;  margin-top:35px; text-align:center; margin-bottom:50px;}
#banner .bancon .banleft .down img{ height:55px; margin-top:5px;float:left;}
#banner .bancon .banleft .down a{ font-size:18px; line-height:65px; color:#040509; float:left;}
#banner .bancon .banleft .down a:hover{ font-size:21px; text-decoration:underline;}
#banner .bancon .img{ width:100%; float:right; margin-top:0px;}
#banner .bancon .img img{ width:100%;}
}

#bannern{ width:100%; height:0px;overflow:hidden;}
/*iprod 开始*/

#wtit{width:100%; margin:0 auto; text-align:center; line-height:60px; font-size:45px; font-weight:bold;color:#000; margin-top:60px;}
#wdesc{width:100%; margin:0 auto; text-align:center; line-height:50px; font-size:20px;color:#3E3E3E; margin-bottom:30px;}

#wcon{ width:1200px; margin:0 auto; text-align:center;}
#wcon li{ width:28.3333%; float:left;  border-radius:8px; margin-bottom:20px; margin:10px 1%; padding:1.5%; overflow:hidden;}
#wcon li .icon{ width:18%; background-color:#8598EF; float:left; text-align:center; border-radius:10px; padding:2% 0px;}
#wcon li .icon img{ width:60%;}
#wcon li h2{ width:66%; margin-left:18px; float:left; text-align:left; line-height:60px; font-size:21px; color:#000000; font-weight:bold;}
#wcon li span{width:96%; margin-left:2px; float:left; margin-top:10px; text-align:left; line-height:32px; font-size:16px; color:#4F4F4F;}
@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;}
}