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

*{padding:0px;margin:0px;}
::selection{background:#202020;color:#fff;}
::-moz-selection{background:#202020;color:#fff;}
body{text-align:center;font-size:15px;font-family:'微软雅黑','黑体';}
ul,ol,li{list-style-type:none;}
img{border:none;}
a{color:#555;text-decoration:none;}
a:hover{color:#017CDC;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.line{margin-top:25%;}
.red{color:red;}

header{width:100%;height:130px;position:relative;}
.content{width:100%;max-width:1200px;margin:0px auto;position:relative;}
.h_bg{width:100%;height:100px;background:#222338;position:absolute;}
.h_logo{height:130px;max-width:50%;position:relative;}
.h_icon{height:130px;text-align:left;}
.h_icon img{height:80%;position:relative;top:20px;}
.h_l_img{height:100px;position:relative;}
.h_l_img p{display:inline-block;padding-top:40px;float:left;}
.h_l_img p a{display:inline-block;margin:0px 25px;height:60px;}
.h_l_img p a img{height:90%;}
.h_l_img p span{display:inline-block;width:auto;height:60px;line-height:30px;font-size:14px;color:#fff;padding-top:20px;}
.h_nav1{height:100px;}
.h_nav1 ul{height:60px;padding-top:40px;}
.h_nav1 ul li{float:left;padding:0px 15px;line-height:60px;font-size:16px;}
.h_nav1 ul li a{color:#fff;}
.h_nav1 ul li a:hover{color:#fc6;}
.h_nav1 ul li img{max-height:22px;padding:19px 0px;}

.h_nav2{display:none;line-height:40px;position:relative;}
.h_nav2>a{font-size:2em;display:inline-block;height:45px;padding:0px 20px;color:#fff;margin-top:50px;}
.h_nav2 ul{width:100%;min-width:140px;position:absolute;z-index:2;background:#222338;display:none;border-top:1px solid #fff;padding:5px 0px;right:0px;}
.h_nav2 ul li{width:100%;padding:0px 30px;text-align:left;position:relative;}
.h_nav2 ul li img{max-height:22px;position:absolute;top:9px;}
.h_nav2 ul li a{width:100%;padding:0px;text-align:center;color:#fff;}
.h_nav2 ul li a span{padding-left:25px;}



center{width:100%;max-width:1200px;margin:0px auto;padding-bottom:20px;transition:padding-bottom 1s;}
center.show{padding-bottom:240px;transition:padding-bottom 1s;}
center h2{line-height:120px;}
.libox{padding:10px 0px;}
.li_top{padding:10px 0px 2px;text-align:left;}
.li_title{line-height:40px;font-size:1.2em;}
.li_text p{line-height:30px;color:#999;font-size:0.8em;}
.libox ul li a{display:inline-block;border:1px solid #ccc;color:#ccc;}
.libox ul li a:hover{border:1px solid #999;color:#999;}
.libox ul li span{display:inline-block;border:1px solid #333;color:#333;}
.libox ul li{flex:auto;}
.li1 ul{display:flex;justify-content:center;flex-flow:row nowrap;}
.li1 ul li a{line-height:40px;padding:0px 20px;}
.li1 ul li span{line-height:40px;padding:0px 20px;}
.li2 .li_top{text-align:center;}
.li2 ul{display:flex;flex-flow:row wrap;justify-content:center;}
.li2 ul li{flex:none;padding:10px 0px 15px;}
.li2 ul li a{line-height:30px;padding:0px 15px;margin-right:15px;}
.li2 ul li span{line-height:30px;padding:0px 15px;margin-right:15px;}
.li3{padding:0px 15px 20px 15px;border-top:dotted 1px #ccc;}
.li3 .li_title{line-height:30px;font-size:1.1em;}
.li3 .li_title i{display:inline-block;height:24px;line-height:24px;width:24px;text-align:center;border-radius:50%;background:#0099CC;font-style:normal;color:#fff;margin-right:10px;box-shadow:1px 1px 3px #000;}
.li3 ul{display:flex;flex-flow:row wrap;justify-content:flex-start;}
.li3 ul li{flex:none;}
.li_content{padding:15px;background:#f5f6f7;line-height:40px;margin:0px;border-radius:5px 5px 0px 0px;}
.li_content ul p{color:#666;padding-right:10px;}
.li_content ul li{padding:0px 10px;position:relative;}
.li_content ul li b{display:inline-block;border:1px solid #fff;border-radius:5px;line-height:28px;padding:0px 12px;}
.li_content ul li a{display:inline-block;position:absolute;right:3px;top:0px;width:15px;height:15px;background:#fff;line-height:15px;padding:0px;margin:0px;border-radius:50%;font-size:0.8em;font-family:"微软雅黑";}
.li_tj{margin:5px 0px;display:flex;flex-flow:row nowrap;justify-content:space-between;}
.li_tj input.key{width:140px;line-height:25px;padding:0px 5px;margin-right:5px;}
.li_tj input.tj{padding:0px 10px;}
.li_list{margin-bottom:15px;}
.li_list ul{font-size:0.8em;}
.li_list ul p{line-height:30px;color:#999;}
.li_list ul li a{line-height:30px;margin:0px 15px;}
.li_list ul li span{line-height:30px;padding:0px 15px;margin-right:15px;}

.li_box{padding:0px;background:#f5f6f7;margin:0px 0px 15px;border-radius:5px;}
.li_keys{display:flex;flex-flow:row nowrap;justify-content:flex-start;font-size:12px;}
.li_keys1{height:0px;transition:height 1s;overflow:hidden;}
.li_keys2{height:130px;transition:height 1s;overflow:hidden;}
.li_k_type{flex:0 0 200px;padding:10px;background:#e2e6f7;height:100%;max-height:110px;overflow-y:auto;}
.li_k_type ul li{line-height:20px;background:#d5d7ef;margin:3px;padding:0px 5px;border-radius:5px;}
.li_k_type ul li a{color:#4545b2;}
.li_k_type ul li.active{background:#4545b2;}
.li_k_type ul li.active a{color:#d5d7ef;}
.li_k_list{flex:auto;padding:10px;background:#fff;height:100%;max-height:110px;overflow-y:auto;font-size:12px;}
.li_k_list ul{display:none;}
.li_k_list ul.active{display:inline-block;}
.li_k_list ul li{line-height:20px;background:#c5d7ef;margin:3px;padding:0px 7px;border-radius:5px;float:left;}

.li_b_title{line-height:25px;height:25px;font-size:12px;transition:height 1s;background:#f99999;color:#fff;}
.li_b_title2{height:0px;transition:height 1s;}
.li_k_list ul li{background:#eee;}
.li_bottom{line-height:10px;font-size:12px;cursor:pointer;padding:5px 0px 0px;color:#0074ec;background:#efefef;}
.li_bottom2{padding:0px 0px 5px;} 



.cl1{background:#FFFFCC;}
.cl2{background:#CCFFFF;}
.cl3{background:#FF6666;}
.cl4{background:#99CCCC;}
.cl5{background:#FFCC99;}
.cl6{background:#CCCC00;}
.cl7{background:#FF9999;}
.cl8{background:#996699;}
.cl9{background:#FFCCCC;}
.cl10{background:#CC9999;}
.cl11{background:#CCCCFF;}
.cl12{background:#CCCC99;}


.loginbox{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(100,100,100,0.5);}
.logincont{width:90%;max-width:1200px;position:relative;margin:15% auto;background:#fff;padding:0px 20px 20px;position:relative;border-radius:10px;box-sizing:border-box;}
.logincont p{line-height:80px;font-size:1.3em;border-bottom:1px solid #ccc;}
.logincont p a{display:block;position:absolute;right:25px;top:0px;font-size:1.8em;font-weight:normal;color:#999;}
.logincont ul{padding:80px 0px;}
.logincont ul li{padding:30px 0px;}
.logincont ul li a{line-height:50px;font-size:1.2em;display:inline-block;padding:0px 50px;border-radius:30px;color:#fff;}
.logincont ul li a.wx{background:#07c160;}
.logincont ul li a.qq{background:#3aadf2;}
.loginwx,.loginqq{position:absolute;top:0px;left:0px;background:#fff;width:100%;display:none;border-radius:30px;box-sizing:border-box;padding:0px 20px 20px;}

/**user**/
.user{padding:20px 0px;}
.u_header{padding:10px 0px;width:200px;float:left;}
.u_header p{padding:10px 0px;}
.u_header p img{border-radius:50%;max-width:100px;}
.u_info{padding:10px 0px;width:calc(100% - 200px);float:right;}
.u_info ul{width:100%;border-bottom:1px solid #eee;display:flex;justify-content:space-between;flex-flow:row wrap;}
.u_info ul li{display:inline-block;width:43%;padding:0 3%;line-height:40px;background:#f5f6f7;text-align:left;margin-top:1px;}
.u_info ul li:hover{background:#f8f9f10;}
.fanyi{padding:0px 10px;}
.f_top{line-height:30px;text-align:left;}
.f_list{padding:10px 0px;text-align:left;}
.f_list ul li{line-height:25px;padding:12px 0px;}
.f_list ul li p{padding:5px 10px;background:#f3f3f3;}
.f_list ul li p.cn{background:#F0FFFF;}
.f_list ul li p.en{background:#F5F5DC;}


.keybox{position:fixed;bottom:-190px;width:100%;background:#333;transition:bottom 1s;z-index:10;}
.show{bottom:0px;transition:bottom 1s;}
.f_content{padding:0px 10px;width:100%;max-width:1200px;margin:0px auto;box-sizing:border-box;}
.f_content h2{line-height:60px;padding-bottom:20px;background:none;}
.f_content textarea{width:100%;height:120px;padding:5px 10px;line-height:20px;box-sizing:border-box;border:2px solid #000;resize:none;border-radius:4px;}
.f_content p{display:flex;justify-content:space-between;flex-flow:row nowrap;margin-bottom:5px;}
.f_content p a{flex:none;display:inline-block;margin:10px 0px;line-height:35px;background:#003399;color:#fff;border-radius:25px;}
.f_content p a.bt1{background:#2872ed;width:calc(100% - 45px);border-radius:5px;}
.f_content p a.bt11{background:#2872ed;width:40px;border-radius:5px;margin-left:5px;line-height:20px;padding:5px 0px 10px;font-weight:bold;}
.f_content p a.bt12{background:#2872ed;width:40px;border-radius:5px;margin-left:5px;line-height:20px;padding:10px 0px 5px;font-weight:bold;}
.f_content p a.bt2{background:#2872ed;width:30%;}
.f_content p a.bt3{background:#FFFFFF;width:30%;border:1px solid #E2E8F0;color:#333;}
.f_content p a.bt1:hover{background:#0f52c3;}
.f_content p a.bt11:hover,.f_content p a.bt12:hover{background:#0f52c3;}
.f_content p a.bt2:hover{background:#0f52c3;}
.f_content p a.bt3:hover{border:1px solid #c2c8c0;background:#eeeeee;}
#tc1,#tc2{display:none;}


footer{width:100%;position:relative;}
.f_bg{width:100%;height:60px;background:#222338;position:absolute;}
.f_copy{height:60px;}
.f_copy p{color:#fff;line-height:60px;}
.f_copy p span{display:inline-block;padding:0px 5px;}
.f_copy p a{display:inline-block;padding:0px 5px;color:#ccc;}
.f_copy p a:hover{color:#fff;}


@media screen and (max-width:480px) {
	.h_logo{max-width:850%;}
	.h_nav1{display:none;}
	.h_nav2{display:block;}
	.h_l_img p a{margin:15px 25px 0px;height:50px;}
	.h_l_img p:last-child{display:none;}
	.c1_left,.c1_right{width:100%;}
	.c1_left p a{width:100%;box-sizing:border-box;text-align:center;}
	.c_list ul li{width:100%;}
	.f_copy p{font-size:0.5em}
	.u_header{width:100%;}
	.u_info{width:100%;}
	.u_info ul li{width:100%;margin-right:0;}
	.logincont p a{line-height:30px;padding:0px;right:5px;}
	.c_title p{font-size:18px;}
	.c_title p img{max-height:30px;}
}