html{overflow-y:scroll}
a{text-decoration:none}
a:focus{outline:0}
#page-wrap{width:440px;margin:20px auto}
h1{font:bold 40px Sans-Serif;margin:0 0 20px 0}
/* Generic Utility */
.hide{position:absolute;top:-9999px;left:-9999px}

/* Specific to example one */
#page-wrap{width:1400px; margin:0 auto;}



@media screen and (max-width: 1024px){#page-wrap{width:1400px; margin:0 auto; display:none}}

#example-one{}

#example-one .nav{overflow:hidden;background-color:#fff; margin:0 80px}
#example-one .nav li{float:left; text-align:center; height:52px; line-height:34px; border:1px solid #0a488e; margin:0 1.5%; width:16%/* width:12.9%*/  }

#example-one .nav li a{display:block;background:#fff;padding:8px; display:block}
#example-one .nav li a:hover{background-color:#0a488e; }

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover{background-color:#0a488e;color:white}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.list-wrap{width:100%; height:600px; background:url(../images/cp_list.jpg) repeat; margin-top:60px;}

.list-wrap_left{  width:43%; height:580px; }
.list-wrap_left .images{margin:90px 20px; background-color:#FFF; border:5px solid #f6f6f6; width:100%}
.list-wrap_left .images img{ width:100%}

.list-wrap_right{  width:47%;height:580px; margin:0 5%}

@media screen and (max-width: 1680px){
	#page-wrap{width:1200px; margin:0 auto;}
.list-wrap{width:100%; height:500px; background:url(../images/cp_list1.jpg) repeat; margin-top:50px;}

.list-wrap_left{  width:43%; height:480px; }
.list-wrap_left .images{margin:70px 20px; background-color:#FFF; border:5px solid #f6f6f6; width:100%}
.list-wrap_right{  width:47%;height:480px; margin:0 5%}
.list-wrap_left .images img{ width:100%}
}


.list-wrap_right h3{ margin-top:90px; font-size:30px}
.list-wrap_right p{ line-height:28px;}
.list-wrap_right .more{ width:130px; height:50px; background:#f08300; margin:1% 0; text-align:center; line-height:50px}
.list-wrap_right .more a{ color:#FFF}
.list-wrap_right_li{ width:100%; height:60px; line-height:60px;background:url(../images/cp_arr.jpg) right no-repeat; border-bottom:1px dashed #d2d2d2}



#example-one ul{list-style:none; }
#example-one ul li a{}
#example-one ul li a:hover{ color:#FFF}
#example-one ul li:last-child a{border:none}
#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover{;color:white}