@charset "utf-8";
		.clear:after {
			content: ".";
			clear: both;
			display: block;
			height: 0;
			overflow: hidden;
			visibility: hidden;
		}
        *,body{ margin: 0 auto;}

		.main {
			width: 1200px;
			margin: 0 auto;
		}

		.ban>img {
			width: 100%;
		}

		.xbt {
			display: block;
			padding:50px 0;
		}

		.xbt img{
			width: 100%;
		}

		.zxdt ul {
			padding: 0 0 10px 0;
			float:left;
			width: 480px;
		}

		.zxdt li {
			padding: 8px 0;
            line-height: 30px; font-size: 18px;
		}

		.zxdt li>a {
	
			color: #333;
		
		}
		.pct>a {
			display: block;
			font-weight: bold;
			line-height: 22px;
			font-size: 22px;
			color: #000000;
			padding-top: 10px;
		}

		.pic {
			float: right;
		}
		.slider2 img{
			width: 700px;
		    height: 426px;
		}
		.pic .slide{
			position: relative;
		}
		.pic .slide span{
			position: absolute;
			bottom: 0;
			display: block;
			width: 100%;
			height: 40px;
			background: rgba(0,0,0,0.6);
		}
		.pic .slide span a{
			display: block;
			width: 94%;
			margin: 0 auto;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 40px;
		}
		.pic .bx-wrapper .bx-controls-direction a {
		    width: 40px;
		    height: 72px;
		    top: 46%;
		}
		.pic .bx-wrapper .bx-viewport {
		    -moz-box-shadow: none;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    border: 0;
		    left: 0;
		    background: none;
		}
		.pic .bx-wrapper .bx-pager {
			bottom: 14px;
			width: auto;
			right: 20px;
		}
		.zzyj>div {
			float: left;
			width: 500px;
			margin: 15px 50px;
		}

		.zzyj>div img {
			width: 100%;
			height: 350px;
		}

		.zzyj>div span {
			display: block;
			text-align: center;
			padding: 5px 0;
		}

		.zzyj>div span>a {
			color: #333;
			font-size: 14px;
			line-height: 20px;
		}

		.img-wh {
			width: 1180px;
			margin: 0 auto;
		}

		.slider1 img {
			width: 1180px;
			height: 738px;
			display: inline-block;
		}

		.bx-wrapper {
			margin: 0 auto ;
		}

		.dlb .slide span {
			position: absolute;
			bottom: 3px;
			display: block;
			width: 100%;
			height: 40px;
			background: rgba(0,0,0,0.6);
			color: #FFFFFF;
			font-size: 16px;
			line-height: 40px;
			text-align:center;
		}
		.dlb .bx-wrapper .bx-controls-direction a {
			width: 40px;
			height: 72px;
			top: 46%;
		}
		.dlb .bx-wrapper .bx-pager {
			bottom: 14px;
			width: auto;
			right: 20px;
		}

		.bx-wrapper .bx-pager.bx-default-pager a {
			background: #fff;
		}

		.bx-wrapper .bx-pager.bx-default-pager a:hover,
		.bx-wrapper .bx-pager.bx-default-pager a.active {
			background: #0168a3;
		}

		.bx-wrapper .bx-viewport {
			border: 0px;
			-moz-box-shadow: 0 0 0px #fff;
			-webkit-box-shadow: 0 0 0px #fff;
			box-shadow: 0 0 0px #fff;
			left: 0;
		}

		.bx-wrapper .bx-prev {}

		.bx-wrapper .bx-next {
			right: 3px;
		}

		.footer {
			background-color: #1d4ca1;
			width: 100%;
			text-align: center;
			color: #FFFFFF;
			line-height: 24px;
			font-size: 12px;
			padding: 40px 0;
			margin-top: 50px;
		}

		.footer>p {
			width: 1000px;
			margin: 0 auto;
		}

		.more {
			font-size: 15px;
			color: #0268A3;
			float: right;
			margin-top: 15px;
		}
        @media (max-width: 768px){

.xbt{padding: 20px 0;}

            
            .footer>p ,.main{width: 100%;}

            .zxdt ul{width: 96%; float: none; padding-top: 0;}

            .slider2 img { width: 100%; height: auto; display: block;}

            .slider1 img{max-width: 100%; height:300px;}

            .img-wh{width: 96%;}

            .pic{float: none; width: 96%;}
            .zxdt li {
                padding: 5px 0;
                line-height:24px; font-size: 16px;
            }

        }