*{box-sizing: border-box;}
body{font-family: "microsoft yahei";font-size: 16px;color: #333;}
body,p,ul,li,dl,dd,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
h1,h2,h3,h4,h5,h6,em,i,b{font-style: normal;font-size: 100%;font-weight: normal;}
input{outline: none;}
.wrap{width: 1100px;margin: 0 auto;}
body{background: url(../images/xxgk_bg.png) no-repeat center top #f1f7fa;}

.xxgk-header{height: 365px;}
.xxgk-header .logo a{display: inline-block;padding-left: 80px;height: 77px;background: url(../images/xxgk_logo.png) no-repeat left center;margin-top: 13px;margin-left: 5px;}
.xxgk-header .logo a span{display: block;font-size: 35px;color: #fff;font-weight: bold;padding-top: 10px;}
.xxgk-header .logo a i{display: block;font-weight: bold;font-size: 13px;color: #999999;margin-top: 10px;position: relative;text-align: center;}
.xxgk-header .logo a i em{font-weight: normal;color: #ccc;}
.xxgk-header .article-title{text-align: center;margin-top: 33px;}
.xxgk-header .article-title span{font-weight: bold;color: #fff;font-size: 100px;text-shadow: 0 0 2px rgba(18, 54, 99, .54);position: relative;}
.xxgk-header .article-title span:before{content: "";width: 488px;height: 2px;background: #fff;position: absolute;bottom: -12px;left: 211px;}

.xxgk-main{background: #f1f1f1;padding: 84px 36px 36px;margin-bottom: 20px;}
.xxgk-main .search{height: 50px;text-align: center;position: relative;}
.xxgk-main .search:before, .xxgk-main .search:after{content: "";width: 240px;height: 1px;background: #d1d1d1;position: absolute;border-bottom: 1px solid #d1d1d1;top: 24px;}
.xxgk-main .search:before{left: 0;}
.xxgk-main .search:after{right: 0;}
.xxgk-main .search .so{display: inline-block;width: 510px;height: 50px;border: 1px solid #2d66a5;border-radius: 9px;background: #fff;}
.xxgk-main .search .so .text{float: left;width: calc(100% - 66px);height: 100%;background: transparent;border: none;text-indent: 12px;font-size: 16px;}
.xxgk-main .search .so .text::-webkit-input-placeholder{color: #999;}
.xxgk-main .search .so .btn-search{width: 66px;height: 100%;background: url(../images/xxgk_search.png) no-repeat center;cursor: pointer;float: right;border: none;}

.xxgk-main .main-con{margin-top: 80px;overflow: hidden;}
.xxgk-main .main-con .menu{float: left;width: 240px;}
.xxgk-main .menu li{background: #fff;margin-bottom: 15px;}
.xxgk-main .menu li h2{height: 70px;}
.xxgk-main .menu li h2 a{display: block;height: 100%;overflow: hidden;}
.xxgk-main .menu li h2 i{ width:90px;line-height:70px; height:70px; float:left; font-size:40px; text-align:center; color:#2d66a5;}
.xxgk-main .menu li h2 span{float: left;font-size: 23px;color: #2d66a5;width: 92px;margin-top: 10px;}
.xxgk-main .menu li h2 em{float: right;width: 19px;height: 19px;background: url(../images/jiantou.png) no-repeat -64px -8px;margin-right: 10px;margin-top: 26px;}
.xxgk-main .menu li.active h2{background: #2d66a5;}
.xxgk-main .menu li.active h2 span{color: #fff;}
.xxgk-main .menu li.active h2  i{ width:90px;line-height:70px; height:70px; float:left; font-size:40px; text-align:center; color:#fff;}
.xxgk-main .menu li.active h2 em{background-position: -11px -8px;}

.xxgk-main .menu .down-menu{padding: 10px 0;display: none;}
.xxgk-main .menu .down-menu a{text-align: center;display: block;line-height: 32px;font-weight: bold;font-size: 15px;overflow: hidden;}
.xxgk-main .menu .down-menu a span{float: left;width: 8px;height: 12px;margin-top: 11px;margin-left: 26px;}
.xxgk-main .menu .down-menu a em{display: inline-block;float: none;position: relative;padding-left: 15px;margin-left: 0;}
.xxgk-main .menu .down-menu a em:before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #666;position: absolute;left: 0;top: 14px;}
.xxgk-main .menu .down-menu a.on{color: #2d66a5;background: #e6f5ff;}
.xxgk-main .menu .down-menu a:hover{color: #2d66a5;background: #e6f5ff;}
.xxgk-main .menu .down-menu a.on span{background-position: -27px -2px;}
.xxgk-main .menu .down-menu a:focus{background: #e6f5ff;}
.xxgk-main .menu .down-menu a:focus em{font-weight:bold}

.xxgk-main .menu .down-menu2 a{text-align: center;}
.xxgk-main .menu .down-menu2 a em{display: inline-block;float: none;position: relative;padding-left: 15px;margin-left: 0;}
.xxgk-main .menu .down-menu2 a em:before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #666;position: absolute;left: 0;top: 14px;}
.xxgk-main .menu .down-menu2 a:hover em:before{background: #2d66a5;}
.xxgk-main .menu .down-menu2 a.on em{background: #2d66a5;}
.xxgk-main .menu .down-menu2 a:focus{background: #e6f5ff;}
.xxgk-main .menu .down-menu2 a:focus em{font-weight:bold}


.xxgk-main .right{float: right;width: 770px;background: #fff;}

@media (max-width: 768px) {
	.xxgk-main .search .so {isplay: inline-block; width:100%;}
}