@charset "utf-8";
body {font-size:16px; padding:0px;margin:0px; position:relative;line-height:20px; color:#404040; font-family:Arial, Helvetica, sans-serif;}
body a{outline:none;blr:expression(this.onFocus=this.blur()); }
dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea{margin:0px;padding:0px; font-family:Arial, Helvetica, sans-serif;font-size:16px;}
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;font-family:Arial, Helvetica, sans-serif;}
ul,ul li{list-style:none; padding:0px; margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:16px;}
div, span, ul, li, hr{padding:0px; margin:0px;font-family:Arial, Helvetica, sans-serif;}
img{ border:0px; padding:0px; margin:0px;vertical-align:middle;}
a{ text-decoration:none; color:#404040; outline:none;}
a:hover{color:#4b6aaa;}
input{ border:0px;}
hr {padding:0px; margin:0px; border:0px;}
em,i {font-style:normal;}
.none {display:none;}
.block {display:block;}
border {border:0px;}

/*�������*/
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after {clear:both; }
.clearfix {zoom:1;}

/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}

/*����*/
.wkuan {width:1230px; margin:0 auto; clear:both;text-align: center}
.w608 {width:608px; overflow:hidden;}
.h412 {height:412px;}
.h165 {height:165px;}
.fl {float:left;}
.fr {float:right;}
.martop25 {margin-top:0px;}

/*��Ŀ����*/

/*���붯̬*/
.daima {width:100%; clear:both; margin-bottom:30px;box-shadow: 0px 0px 28px 3px rgba(176,176,176,0.75);}
.daima ul {width:94%; clear:both; padding:15px 3% 20px 3%; overflow:hidden;}
.daima ul li {width:97%;padding-left:3%; float:left; clear:both; line-height:30px; background:url(../images/tb.png) left no-repeat;}
.daima ul li span {float:right; color:#999; float:right;}
.daima ul li a {margin-right:8px;}

/*��������ѡ�*/
.daima_tab {width:100%; clear:both; height:35px; text-align:center; margin-top:22px; border-bottom:1px solid #ddd;background:url(../images/newsbg.jpg) top repeat-x;}
.daima_tab a{text-align:center; padding:12px 5px; font-size:18px; margin:0 20px; border-bottom:3px solid #fff; display:inline;}
.daima_tab a.cur{text-align:center;border-bottom:3px solid #254784; color:#254784;}
.daima_tab a:hover{ text-decoration:none;}

/*Ӧ��ƽ̨*/
.pingtai {width:100%; clear:both; margin:30px 0;}
.pingtai .yingyong {width: 220px; height:182px; position: relative; overflow: hidden; float: left; display: inline; position:relative;box-shadow: 0px 0px 28px 3px rgba(176,176,176,0.75);}
.pingtai .yingyong span {width:100%; height:182px; float:left; clear:both; text-align:center; overflow:hidden;}
.pingtai .yingyong span img {margin-top:25px;}
.pingtai .yingyong img { display: block; border: none; margin:0 auto;}
.pingtai .yingyong h2 {width:100%; clear:both; position:absolute; top:120px; left:0; height:30px; line-height:30px; text-align:center; font-weight:400; z-index:0;}
.pingtai .yingyong div {position: absolute; z-index: 100; background: #4b6aaa; cursor: pointer; }
.pingtai .yingyong .cornerTL { left:110px; top:91px; }
.pingtai .yingyong .cornerTR { right:110px; top:91px; }
.pingtai .yingyong .cornerBL { left:110px; bottom:91px; }
.pingtai .yingyong .cornerBR { right:110px; bottom:91px; }
.pingtai .yingyong p { width: 100%; left: 0; top:0; z-index: 200; position: absolute; color: #FFF;left:0; height:30px; line-height:30px; text-align: center; cursor: pointer; display: none;}
.pingtai .yingyong p i {width:100%; clear:both; float:left; position:absolute; left:0; top:0; height:120px; text-align:center; overflow:hidden;}
.pingtai .yingyong p i img { display: block; border: none; margin-top:25px;}
.pingtai .yingyong p i img:hover {animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;}
.pingtai .yingyong p em {width:100%; clear:both; position:absolute; top:120px; left:0; height:30px; line-height:30px; text-align:center; font-weight:400; z-index:100;}
.pingtai .yingyong:first-child {margin-right:33px;}
.pingtai .yingyong:first-child+div {margin-right:32px;}
.pingtai .yingyong:first-child+div+div {margin-right:33px;}
.pingtai .yingyong:first-child+div+div+div {}
.pingtai .yingyong:first-child+div+div+div+div {float:right;}

.huapingtai {width:1135px; clear:both; margin:30px auto;}
.huapingtai div {width: 200px; height:220px; margin:20px 0px 0 0px;position: relative; overflow: hidden; float: left; display: inline;box-shadow: 0px 3px 8px 1px rgba(176,176,176,0.75);background: #ffffff;border-radius: 5px;}
.huapingtai div a {width:100%; height:182px; float:left; color:#4b6aaa;}
.huapingtai div span {width:100px; height:195px; margin:20px 60px 0 50px; text-align:center; float:left;}
.huapingtai img { display: block; border: none; margin:0 auto;}
.huapingtai div h2 {width:100%; clear:both; position:absolute; top:140px; left:0; height:30px; line-height:30px; text-align:center; font-weight:400; z-index:0;}
.huapingtai a:hover {width:100%; height:0px; float:left; color:#4b6aaa; background: #4b6aaa; z-index:500}
.huapingtai div:hover  {width:200px; height:260px;margin:0px 0px 0 0px; }
.huapingtai div:hover img {animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;}
.huapingtai div:hover span {width:100px; height:195px; margin:25px 60px 0 50px; text-align:center; float:left;  left:0; top:0px;}
.huapingtai div:first-child {margin-right:33px;}
.huapingtai div:first-child+div {margin-right:33px;}
.huapingtai div:first-child+div+div {margin-right:33px;}
.huapingtai div:first-child+div+div+div {margin-right:33px;}
.huapingtai div:first-child+div+div+div+div {}


/*����ר��*/
.renwubox {width:100%; clear:both; padding:25px 0 0 0;}
.renwulan {width:100%; clear:both; margin:20px 0 25px 0;}
.renwulan .renupian {width:580px; float:left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.renwulan .renupian li {width:280px;margin-bottom: 10px;}
.renwulan .renupian li img {width:100%;}
.renwulan .renupian li img:hover {animation:cubic-bezier(x1,y1,x2,y2);}
.renwulan .kefulan {width:590px; float:right; padding:25px 0 0 0;}
.renwulan .kefulan li {overflow:hidden; line-height:30px;list-style: circle;display: flex;align-items: center;}
.renwulan .kefulan li span:first-child{width: 3px;height: 3px;background: #000000;border-radius: 50%;margin-right: 20px;}

@keyframes shake {
10%, 90% {transform: translate3d(-1px, 0, 0);}
20%, 80% {transform: translate3d(2px, 0, 0);}
30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
40%, 60% {transform: translate3d(4px, 0, 0);}
}
.renwulan .kefulan li:first-child {border-right:1px solid #dedede;}
.renwulan .kefulan li:first-child+li {border-right:1px solid #dedede;}
.renwulan .kefulan li:first-child+li+li {border-right:1px solid #dedede;}
.renwulan .kefulan li:first-child+li+li+li {}

/*�ײ�*/
.footdibu {width:100%; clear:both;background:#393939; color:#fff; padding:15px 0;}
.footdibu a {color:#fff;}
.footdibu a:hover {color:#fefefe;}
.footdibu .footleft {width:100%; float:right;}
.footdibu .footleft li {width:100%; clear:both; line-height:32px;}
.footdibu .footleft li a {padding:12px; margin:0 3px;}
.footdibu .footright {width:580px; height:42px; border-left:1px solid #97a7c1; margin-top:10px; float:right;}
.footdibu .footright p {width:145px; float:left;font-size: 22px; text-align:right; line-height:42px;}
.footdibu .footright .search {background: rgb(255, 255, 255); border-radius: 5px; border: 1px solid rgb(184, 191, 201); border-image: none; width: 365px; height: 36px; line-height: 25px; float: left;position:relative; overflow:hidden;}
.footdibu .footright .search .fan_sousuo {color:#999; border-image: none; width: 300px; height: 33px; margin-top: 1px; margin-left: 5px; float: left; border:0; outline:none; float:left;}
.footdibu .footright .search .form-control {font-size:12px;}
.footdibu .footright .search span {background: url("https://www.cods.org.cn/images/index/20200702/foot_search.png") no-repeat; width: 32px; height: 32px; margin:2px 2px 1px 1px; float:right; position:absolute; top:0; right:0;}

/*��ϵͼ��*/
.weizhi {height: 50px; color: rgb(43, 43, 43); line-height: 50px; font-size: 14px; margin-left: 15px;}
.weizhi a {	color: rgb(43, 43, 43); font-size: 14px;}
.gxtitle {margin: 20px 0px 10px; text-align: center; color: rgb(39, 41, 40); line-height: 30px; font-size: 24px;}
.guanxitupu {clear:both; padding:20px 0 20px 0; width:100%;border-top:1px solid #afafaf; float:left;}
.guanxitupu .tupuleft {width:300px; float:left; margin:15px 0 0 20px;}
.guanxitupu .tupuright {width:820px; float:right; overflow:hidden; text-indent:2em; line-height:32px; margin-right:20px;}
.guanxitupu .tupuright p {margin:15px 0;}
.guanxitupu .tupuright .onleft { padding:5px 32px; text-align:center; color:#fff; line-height:25px; background:#393939; font-size:18px;}
.guanxitupu .tupuright .onright { padding:5px 32px; text-align:center; color:#fff; line-height:25px; background:#393939; font-size:18px; text-indent:0;float:right; margin:20px 0 35px 0;}
.guanxitupu .tupuright .onbottom {clear:both; font-size:18px; color:#393939; float:right; margin:0 120px 30px 0; text-decoration:underline; text-indent:0;}
.guanxitupu a {color:#314e92;}