@charset "utf-8";

* { margin:0; padding:0; color:#333; font-family:"微软雅黑", "宋体";}
div { overflow:hidden;}
section { overflow:hidden; display:block;}
a { text-decoration:none;}
a:hover { color:#f50057;}

.topbanner { width:100%; min-width:1200px; height:600px; background:url(../images/topkcb.jpg) no-repeat top center;}
.cont_std { width:100%; min-width:1200px;}

.xnjy { background:url(../images/bg_xnjy.png) no-repeat top center;}
.xnjy section { padding:40px 0 30px;}
.xnjy ul li { display:block; float:left; margin-bottom:10px; width:595px; background-color:#fff;}
.xnjy ul li:nth-child(even) { margin-left:10px;}
.xnjy ul li a { display:block;}
.xnjy ul li a:hover span { color:#f50057;}
.xnjy ul li div { display:inline-block; width:250px; height:250px;}
.xnjy ul li div mark { position:relative; top:-47px; display:block; padding:5px 10px 0; height:95px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:16px; line-height:20px; -webkit-transition: top 0.3s ease-out; -moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -ms-transition: top 0.3s ease-out; transition: top 0.3s ease-out;}
.xnjy ul li div mark h4 { color:#fff; font-size:20px; font-weight:normal; line-height:40px;}
.xnjy ul li:hover div mark { position:relative; top:-95px;}
.xnjy ul li img { overflow:hidden; width:250px; height:250px; border:none;}
.xnjy ul li span { overflow:hidden; display:block; float:right; padding:27px 30px; width:285px; height:196px; background:url(../images/bg_xnjy_list.png) no-repeat 0 0; font-size:16px; line-height:28px;}
.xnjy ul li:nth-child(4n-1) span, .xnjy ul li:nth-child(4n) span { float:left; background:url(../images/bg_xnjy_list.png) no-repeat 0 -270px;}

.qwsy { background:url(../images/bg_qwsy.png) no-repeat top center;}
.qwsy section {}
ul.qwsy_list { overflow:hidden; padding:30px 0 10px; width:100%; list-style:none;}
ul.qwsy_list li { float:left; padding-left:30px; width:570px; background:url(../images/dot_all.png) no-repeat 10px 10px; font-size:16px; line-height:34px;}
ul.qwsy_list div { width:100%;}
ul.qwsy_nav { overflow:hidden; padding-left:224px; list-style:none;}
ul.qwsy_nav li { overflow:hidden; display:block; float:left; margin-right:2px; height:250px; cursor:pointer; transform:skewX(-10deg);}
ul.qwsy_nav li.qn1 { position:relative; width:360px;}
ul.qwsy_nav li.qn1:after { position:absolute; content:''; width:500px; background:url(../images/bg_qwsy_nav.png) no-repeat -39px 0; top:0; left:-25px; right:0; bottom:0; transform:skewX(10deg);}
ul.qwsy_nav li.on.qn1:after { background-position:-39px -260px;}
ul.qwsy_nav li.qn2 { position:relative; width:250px;}
ul.qwsy_nav li.qn2:after { position:absolute; content:''; width:350px; background:url(../images/bg_qwsy_nav.png) no-repeat -29px -520px; top:0; left:-25px; right:0; bottom:0; transform:skewX(10deg);}
ul.qwsy_nav li.on.qn2:after { background-position:-29px -780px;}
ul.qwsy_nav li.qn3 { position:relative; width:360px;}
ul.qwsy_nav li.qn3:after { position:absolute; content:''; width:500px; background:url(../images/bg_qwsy_nav.png) no-repeat 0 -1040px; top:0; left:-25px; right:0; bottom:0; transform:skewX(10deg);}
ul.qwsy_nav li.on.qn3:after { background-position:0 -1300px;}

.hg2018 { background:#f8f8f8 url(../images/bg_sq3.png) no-repeat top center;}
.hg2018 section { padding:160px 0 50px;}
.hg2018 section ul, .zw2019 section ul { float:left;}
.hg2018 section ul:first-child, .zw2019 section ul:first-child { margin-right:20px;}
.hg2018 section div, .zw2019 section div { width:100%;}
ul.hgzw_list1 { width:590px; list-style:none;}
ul.hgzw_list1 li { overflow:hidden; display:block; float:left; margin-bottom:10px; width:290px; height:220px;}
ul.hgzw_list1 li:nth-child(even) { margin-left:10px;}
ul.hgzw_list1 li img { width:290px; height:220px; border:none;}
ul.hgzw_list1 li h3 { position:relative; top:-81px; padding:50px 7px 15px; color:#fff; font-size:16px; font-weight:normal; line-height:16px; background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.7),rgba(0,0,0,0)); background:-o-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0)); background:-moz-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0));}
ul.hgzw_list2 { width:590px; list-style:none;}
ul.hgzw_list2 li { padding-left:20px; background:url(../images/dot_all.png) no-repeat 0 10px; font-size:16px; line-height:34px;}
ul.hgzw_list2 li:first-child { margin-bottom:21px; padding:18px 20px; background-image:none; background-color:#fff; border-radius:10px; line-height:32px;}
ul.hgzw_list2 li:first-child a { font-size:24px;}
ul.hgzw_list2 li:first-child span { display:block; margin-top:15px; color:#7d7d7d; line-height:28px;}

.zw2019 { background:#f8f8f8 url(../images/bg_sq4.png) no-repeat top center;}
.zw2019 section { padding:160px 0 20px;}

.newspaper { background:#f1f1f1 url(../images/bg_sq2.png) no-repeat top center;}
.newspaper section { padding:160px 0 50px;}
.newspaper ul { overflow:hidden;}
.newspaper ul li { float:left; padding:47px 46px 26px 47px; width:207px; height:307px; background:url(../images/bg_newspaper_list.png) no-repeat 0 0; list-style:none;}
.newspaper ul li div { overflow:hidden; width:207px; height:307px;}
.newspaper ul li img { width:207px; height:307px; border:none;}

.xnjy section, .qwsy section, .hg2018 section, .zw2019 section, .newspaper section { margin:0 auto; width:1200px;}
.xnjy ul li img, .xnjy ul li span, ul.hgzw_list1 li img, .newspaper ul li img, a.bt_more { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.xnjy ul li a:hover img, ul.hgzw_list1 li a:hover img, .newspaper ul li div:hover img{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

a.bt_more { display:block; margin:30px auto; width:80px; height:30px; background:#fff url(../images/dot_all.png) no-repeat 15px -29px; border:none; border-radius:15px;}
a.bt_more:hover { background-color:#e5e5e5;}

.pic01 ul { display:block; margin:0 auto; padding-left:40px; width:1160px;}
.door { overflow:hidden; display: inline-block; float:left; margin:15px; width:250px; height:236px; background-color:#fff; border-radius:6px; color:#333; cursor:pointer; transition:margin-top 0.3s, box-shadow 0.3s; -moz-transition:margin-top 0.3s, box-shadow 0.3s; -webkit-transition:margin-top 0.3s, box-shadow 0.3s; -o-transition:margin-top 0.3s, box-shadow 0.3s;}
.door:hover { box-shadow:0 10px 25px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 10px 25px rgb(0,0,0,0.3);}
.door a { display:inline-block; width:250px;}
.door img{ width:100%; height:160px; border:none;}
.door h2 { padding:10px 8px 0; font:normal normal 18px/26px "微软雅黑", "宋体"; text-align:left;}
.door:hover h2 { color:#e60012;}
.door span { display:block; padding:0 20px; color:#999; font-size:14px; line-height:24px;}
.door span i { display:inline-block; width:50%; font:normal normal 14px/42px "微软雅黑", "宋体"; text-align:center;}
.door span b { margin-right:5px; color:#333; font-weight:normal;}
.door button { display:block; margin:3px auto; width:90px; height:30px; background-image: linear-gradient( 135deg, #FF9D6C 10%, #BB4E75 100%); border:none; border-radius:15px; color:#fff; font-size:14px; line-height:30px; cursor:pointer;}
.door button:hover { background-image: linear-gradient( 135deg, #F97794 10%, #623AA2 100%);}

.pic02 ul { display:block; margin:0 auto; width:1200px; list-style:none;}
.door2 { position:relative; overflow:hidden; float:left; display:inline-block; margin-left:17px; margin-bottom:50px; width:220px;}
.door2 span { position: absolute; top:0; left:0; padding:10px; width:200px; height:290px; background-color: rgba(213,0,0,0.8); border-radius:10px; color:#fff; font-size:16px; line-height:28px; visibility:hidden; opacity:0; transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -webkit-box-shadow:opacity 0.3s;}
.door2:hover span { visibility:visible; opacity:1;}

.nflist { background:#f8f8f8 url(../images/bg_sq1.png) no-repeat top center;}
.nflist section, .nflist2 section { margin:0 auto; padding:160px 0 50px; width:1130px;}
.kcbzone { float:left; margin-right:30px; padding-top:10px; width:300px; height:450px;}
.kcbzone img { display:block; float:left; width:299px; height:450px; border:none;}
.box-gd { float:left; width:800px; height:470px; overflow-y:auto;}
.box-gd li{ padding:5px 10px 15px 20px;text-align:left; font-size:20px; font-weight:bold; line-height:48px; transition:background-color 0.3s; -moz-transition:background-color 0.3s; -webkit-transition:background-color 0.3s;}
.box-gd li:hover { background-color:#e4e7ea;}
.box-gd li p{ color:#707070;font-size:14px; font-weight:normal; line-height:24px;margin:0;}

.box-gd::-webkit-scrollbar-track-piece { background-color: #f8f8f8;}
.box-gd::-webkit-scrollbar { width: 10px;background-color: #f8f8f8;}
.box-gd::-webkit-scrollbar-thumb {border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #bfbfbf;}
.box-gd {scrollbar-base-color: #bfbfbf;scrollbar-track-color: #f8f8f8;scrollbar-arrow-color:  #bfbfbf; scrollbar-shadow-color: #bfbfbf;scrollbar-dark-shadow-color: #bfbfbf;}

.intro { padding:80px 0; background:#f8f8f8 url(../images/bg_sq0.png) no-repeat top center;}
.intro section { margin:0 auto; width:1080px;}
.intro section img { float:left; border:none; width:460px; height:320px;}
.intro section span { display:block; float:left; padding-left:60px; width:560px; font-size:18px; line-height:32px;}
.intro section span h1 { margin-bottom:20px; width:100%; color:#0d47a1; font:normal bold 28px/36px "微软雅黑", "宋体";}
.intro section span h1 a { color:#0d47a1;}
.intro section span h1 a:hover { color:#f50057;}

footer { padding-top:40px; width:100%; min-width:1200px; height:110px; background-color:#fff; color:#333; font-size:12px; line-height:30px; text-align:center;}
footer p { color:#fff;}

#gotop{ display:none; width:50px; height:50px; position:fixed; right:50px; bottom:50px; background:url(http://www.cs.com.cn/images/2014fbh/backtop.png) no-repeat -70px 0px; cursor:pointer;}