﻿@charset "utf-8";
/* CSS Document */

body{
	margin:auto;
	font-size:14px;
	line-height:180%;
	font-family:"微软雅黑";
	background: #efefef;
	}
a{
	text-decoration:none;
	color: #333;
	}
img{
	border:0px;
	}
ul{
	padding:0px;
	margin:auto;
	list-style:none;
	}
.break{
	width:auto;
	height:0;
	clear:both;
	overflow:hidden;
}
.container{width: 1200px;margin: auto;}
@media (max-width:1200px){.container{width: 100%;}}


/*--头部--*/
.top{width: 100%;}
.top img{width: 100%;}
.men{width: 100%;height: 70px;line-height: 70px;background: rgba(44,91,159,0.95);margin-top: -70px;z-index: 99;position: absolute;margin-bottom: 30px;}
/*.men ul{position: relative;text-align: center;border-right: 1px solid #4b73ad;display: inline-block;}
.men ul li{float: left;border-left: 1px solid #4b73ad;}
.men ul li a{padding-left: 30px;padding-right: 30px;color: #fff;font-size:18px;}
.men ul ul{z-index:9;	display:none;position: absolute;}
.men ul ul li{float:none;	height:35px;background: rgba(0,0,0,0.5);}
.men ul ul li a{font-size:14px;display:block;padding-left: 10px;padding-right: 10px;background:none;min-width: 65px;text-align: center;}
.men ul ul li a:hover{background:none;color:#f4fd05;}*/
/*.men{width: 100%;height: 73px;line-height: 73px;color: #fff;font-size: 18px;position: absolute;text-align: center;margin-top: -80px;z-index: 9;background: rgba(255,173,30,0.9);}*/
.menu{display: inline-block;position: relative;text-align: center;}
/*.menu li{float: left;font-size: 1.25em;padding-left: 20px;padding-right: 20px;}
.menu li a{color: #fff;display:block;}
.menu li a:hover{background: #1bc105;color: #f4fd05;}*/

.menu li{float: left;border-left: 1px solid #4b73ad;}
.menu li a{padding-left: 30px;padding-right: 30px;color: #fff;font-size:18px;}
.menu li a:hover{background:#003162;}
.menu ul{z-index:9;	display:none;position: absolute;}
.menu ul li{float:none;	height:35px;float:left;border-left: none;}
.menu ul li a{font-size:14px;display:block;padding-left: 10px;padding-right: 10px;background:none;color:#003162;height: 30px;line-height: 30px;border-left: none;}
.menu ul li a:hover{background:none;color:#003162;}
.even{background:#003162;}
/*--推荐、登陆--*/
.tjdl{margin-top: 40px;padding-top: 20px;padding-bottom: 20px;background: #fff;height: 165px;}
.xwtj{background: #007eff;width: 810px;float: left;height: 165px;overflow: hidden;}
.xwtjc{float: left;width: 710px;overflow:hidden;}
.xwtjcc a{float: left;width: 470px;color: #fff;margin-top: 30px;display: block;}
.xwtjcc a span{font-size: 18px;display: block;width: 100%;}
.xwtjcimg{float: right;width: 220px;}
.xwtj .l_vn {
	width: 39px;
	float: left;
	height: 39px;
	padding-top: 60px;
	margin-left: 5px;
}
 .xwtj .avn {
	float: left;
	width: 710px;
	overflow: hidden;
	margin-left:10px;
}
 .xwtj .r_vn {
	float: right;
	height: 39px;
	width: 39px;
	padding-top: 60px;
	margin-right: 5px;
}

.dl{width: 370px;float: right;background: #ececec;height: 165px;}
.dlt{background: #adadad;color: #fff;width: 25px;font-size: 25px;float: left;height: 145px;padding-left: 25px;padding-right: 25px;padding-top: 20px;line-height: 120%;}
.dlc{width: 295px;float: left;}
.dlbd{width: 100%;height: 25px;line-height: 25px;font-size: 16px;padding-top: 10px;}
.dlbd span{width: 90px;text-align: center;display: inline-block;}
.dlbd input{width: 180px;padding: 5px;border-radius: 5px;border: 1px solid #767676;}
.dlbd button{background: #e18629;border-radius: 3px;color: #fff;font-size: 16px;height: 25px;line-height: 25px;width: 80px;text-align: center;margin-left: 100px;border: none;margin-top: 10px;}
/*--资讯--*/
.zx{margin-top: 30px;padding-top: 20px;padding-bottom: 20px;background: #fff;height: 207px;}
.zx01{float: left;width: 290px;background: #ececec;}
.zx01 .l_vn1 {
	width: 14px;
	float: left;
	height: 26px;
	padding-top: 90px;
}
 .zx01 .avn1 {
	float: left;
	width: 260px;
	overflow: hidden;
	
}
.zx01 .avn1 a{float: left;}
.zx01 .avn1 a img{width: 260px;height: 207px;}
 .zx01 .r_vn1 {
	float: right;
	height: 26px;
	width: 14px;
	padding-top: 90px;
}

.zx02{float: left;margin-left: 35px;width: 420px;}
.zx02t{width: 100%;height: 35px;line-height: 35px;background: #ececec;color: #fff;}
.zx02t span{width: 120px;height: 35px;background: #007eff;text-align: center;display: block;font-size: 18px;float: left;}
.zx02t a{float: right;margin-right: 10px;color: #007eff;}
.zx02c{margin-top: 20px;}
.zx02c ul{list-style: none;padding-left: 10px;line-height: 30px;}
/*--快捷链接--*/
.kjlj{margin-top: 30px;padding-top: 20px;padding-bottom: 20px;background: #fff;height: 60px;line-height: 60px;}
.kjlj a{width: 150px;height: 60px;display: block;text-align: center;color: #fff;font-size: 18px;float: left;margin-left: 20px;}
.kjlj a:nth-child(1){background: #f4a575;}
.kjlj a:nth-child(2){background: #82b222;}
.kjlj a:nth-child(3){background: #e07f16;}
.kjlj a:nth-child(4){background: #5bb99f;}
.kjlj a:nth-child(5){background: #eabc67;}
.kjlj a:nth-child(6){background: #3880b0;}
.kjlj a:nth-child(7){background: #4abaf9;}
/*--经典案例--*/
.jdal{margin-top: 30px;padding-top: 20px;padding-bottom: 20px;background: #fff;height: 180px;}
.jdalc{float: left;margin-left: 20px;width: 253px;height: 180px;}
.jdalc a p{margin-top: -30px;text-align: center;width: 100%;height: 30px;line-height: 30px;color: #fff;position:relative;background: rgba(0,49,98,0.85);}
.jdal .l_vn2 {
	width: 40px;
	float: left;
	height: 59px;
	padding-top: 60px;
}
 .jdal .avn2 {
	float: left;
	width: 1100px;
	overflow: hidden;
	
}
 .jdal .r_vn2 {
	float: right;
	height: 59px;
	width: 40px;
	padding-top: 60px;
}
/*--友情链接--*/
.yqlj{margin-top: 30px;padding-top: 20px;padding-bottom: 20px;background: #fff;height: 40px;line-height: 40px;padding-left: 20px;}
.yqlj span{font-size: 24px;color: #003162;}
.yqlj a{padding-left: 10px;padding-right: 10px;font-size: 18px;}
/*--脚注--*/
.jz{width: 100%;background: #2b5a9c;padding-top: 20px;margin-top: 30px;color: #fff;text-align: center;}
.jz a{color: #fff;}



.con5{
	width:100%;
	padding:40px 0;
}
.ny{
	width:1200px;
	margin:0 auto;
}
.ny_left{
	width:290px;
	min-height:300px;
	float:left;
}
.ny_dh{
	width:100%;
	border-radius:6px;
	border:1px solid #ddd;
	margin-bottom:20px;
}
.ny_dhbt{
	width:100%;
	height:39px;
	line-height:39px;
	text-indent:30px;
	color:#fff;
	border-radius:6px;
	background:url(dy_main.jpg) repeat-x #2b5a9c ;
}
.ny_dh ul{
	width:200px;
	margin:0 auto;
	padding:20px 0 10px 0;
}
.ny_dh ul li{
	width:100%;
	height:30px;
	line-height:30px;
	border-radius:6px;
	margin:0 0 10px 0;
	border:1px solid #ddd;
}
.ny_dh ul li a{
	display:block;
	color:#233e2f;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:6px;
	background:#fcfcfc;
}
.ny_dh ul li a:hover{
	background:#2b5a9c;
	color:#fff;
}
.ny_news{
	width:100%;
	border-top:2px solid #2b5a9c;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.ny_newsbt{
	width:100%;
	height:35px;
	line-height:35px;
	text-indent:10px;
	border-bottom:1px solid #ddd;
}
.ny_news ul{
	width:97%;
	margin:0 auto;
}
.ny_news ul li{
	width:100%;
	height:30px;
	line-height:30px;
	text-indent:16px;
	background:url(icon2.jpg) no-repeat left center;
}

.ny_right{
	width:880px;
	min-height:300px;
	float:right;
	border:1px solid #ddd;
}
.ny_conbt{
	width:100%;
	height:39px;
	line-height:39px;
	border-bottom:1px solid #ddd;
	background:#fcfcfc;
}
.ny_conbt em{
	font-style:normal;
	width:auto;
	height:39px;
	line-height:39px;
	margin:0 10px 0 10px;
	padding-left:20px;
	background:url(icon3.png) no-repeat left center;
}
.ny_conbt span{
	float:right;
	margin-right:15px;
}
.ny_conbt span a{
	color:#2b5a9c;
}
.ny_con{
	padding:5px 8px;
}
/*单页结束*/


.ul_list{width:100%;}
.ul_list li{width:100%;height:30px;line-height:30px;}
.ul_list li a{background:url(icon2.jpg) no-repeat left center;padding-left:20px;}
.ul_list li a:hover{text-decoration:underline;}
.ul_list li span{float:right;}

.dy_cp{width:97%;margin:0 auto;padding:15px 0;}
.dy_cp1{width:97.4%;margin:0 auto;;}
.ImageText{float:left;width:262px;height:228px;margin:0 8px;background:url(cpzx.jpg) no-repeat ;}
.ImageText img{padding:2px;}
.ImageText p{width:235px;padding-left:8px;}


.ImageText1{width:260px;float:left;margin:10px;}
.ImageText1 p{text-align:center;}

.ny_wzbt{text-align:center;font-size:16px;}
.wz_c_m{text-align:center;width:100%;border-bottom:1px dashed #ddd;padding:4px 0;margin-bottom:5px;}



.ygtd{width:580px;margin:auto;min-height:300px;}
.ygd{width:262px;height:60px;transform:rotate(-4deg);overflow:hidden;margin-left:10px;margin-top:10px;}
.ygd1{transform:rotate(4deg);margin-top:-10px;}
.ygd1 a{color:#fff;font-size:14px;font-weight:bold;display:block;width:262px;height:81px;line-height:81px;text-align:center;background:url(kj_15.png) center;}
.ygd1 a:hover{color:#fcf303;background:url(kj_16.png) center;}
.ygd2{width:262px;float:left;}






.box {
            width: 300px;
            margin: 0 auto;
            border: 1px solid #ff6700;
            overflow: hidden;
        }
 
        .animate {
            padding-left: 20px;
            font-size: 12px;
            color: #000;
            display: inline-block;
            white-space: nowrap;
            animation: 10s wordsLoop linear infinite normal;
        }
 
        @keyframes wordsLoop {
            0% {
                transform: translateX(200px);
                -webkit-transform: translateX(200px);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }
 
        @-webkit-keyframes wordsLoop {
            0% {
                transform: translateX(200px);
                -webkit-transform: translateX(200px);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }




.marquee {            
            margin: 0 auto;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            animation: marquee 50s linear infinite;
            margin-bottom:20px;
        }

        .marquee:hover {
            animation-play-state: paused
        }

        /* Make it move */
        @keyframes marquee {
            0%   { text-indent: 27.5em }
            100% { text-indent: -105em }
        }

        /* Make it pretty */
        .microsoft {
            padding-left: 1.5em;
            position: relative;
            font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
        }

        /* ::before was :before before ::before was ::before - kthx */
       

        .microsoft:after, .microsoft::after {
            z-index: 1;
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 2em; height: 2em;
            background-image: linear-gradient(90deg, white 70%, rgba(255,255,255,0));
        }



