@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:450px; background:url(../images/top.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:url(../images/bg_hg2018.png) no-repeat top center;}
.hg2018 section { padding:200px 0 10px;}
.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:url(../images/bg_zw2019.png) no-repeat top center;}
.zw2019 section { padding:200px 0 10px;}

.newspaper { background:#f1f1f1 url(../images/bg_newspaper.png) no-repeat top center;}
.newspaper section { padding:120px 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:#f4f4f4;}

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;}