@media only screen and (min-width: 1200px) {


	.pinpai {


		padding: 0;


		border-top: 1px solid #999999;


        padding-top: 9px;


	}


	.left_right {


		text-align: right;


		padding-top: 15px;


	}


	.liudong {


		border-bottom: 1px solid #888!important;


		


	}


	.ab{


		position: relative;


	}


	.liudong p {


		display: block;


		float: left;


		font-family: "微软雅黑";


		font-size: 20px;


		font-weight: bold;


		margin-top: 10px;


	}


	.left_right a {


		text-decoration: none;


	}


	.left {


		font-size: 17px;


		!important;


		border-radius: 10px;


		color: #3366cc;


		padding: 1px;


	}


	.right {


		border-radius: 10px;


		font-size: 17px;


		!important;


		padding: 1px;


		color: #3366cc;


	}


	.img-responsive {


		width: 175px;


		height: 160px;


		padding: 0 1px;


	}


	.hzt {


		display: block;


	    width: 90%;


	    height: 28px;


	    float: left;


	    overflow: hidden;


	    font-family: "微软雅黑";


	    font-size: 14px;


	    text-align: center;


	    text-decoration: none;


	    text-overflow: ellipsis;


	    white-space: nowrap;


	}


	.mybg {


		background-color: #fff;


		border: 1px solid #999;


		padding: 0;


		height: 400px;


	}


	.model{


		position: fixed;


		z-index: 999;


		top: 25%;


		left: 28%;


		background-color: #fff!important;


		height: 400px;


        width: 600px;


	}


	.mybg_title {


		padding: 1% 3%;


		border-bottom: 1px solid #999;


		background-color: #f5f5f5;


	}


	.mybg_title p {


		display: block;


		font-family: "微软雅黑";


		font-size: 16px;


		text-align: left;


		width: 100%;


		padding: 0;


		display: inline;


	}


	.mybg_title .close img {


		display: block;


		width: 21px;


		float: right;


		height: 27px;


		background-color: #999;


		margin-top: 1px;


	}


	.mybg_text {


		display: block;


		float: left;


		overflow: hidden;


		margin: 3% 5%;


	}


	.mybg_text img {


		display: block;


		float: left;


		overflow: hidden;


		width: 200px;


		height: 240px;


	}


	.mybg_text ul {


		display: block;


		float: left;


		overflow: hidden;


		width: 50%;


		margin-left: 5%;


	}


	.mybg_text ul li {


		display: block;


		float: left;


		overflow: hidden;


		width: 100%;


		font-family: "微软雅黑";


		font-size: 14px;


	}


	.mybg_text ul li span {


		display: block;


		float: left;


		overflow: hidden;


		width: 20%;


		color: #0033FF;


	}


}





@media only screen and (min-width: 992px) and (max-width: 1200px) {


	.pinpai {


		padding: 0;


		border-top: 1px solid #999999;


        padding-top: 9px;


	}


	.left_right {


		text-align: right;


		padding-top: 17px;


	}


	.ab{


		position: relative;


	}


	.liudong {


		border-bottom: 1px solid #888!important;


	}


	.liudong p {


		display: block;


		float: left;


		font-family: "微软雅黑";


		font-size: 20px;


		font-weight: bold;


		margin-top: 10px;


	}


	.left_right a {


		text-decoration: none;


	}


	.left {


		font-size: 15px;


		!important;


		border-radius: 10px;


		color: #3366cc;


		padding: 1px;


	}


	.right {


		border-radius: 10px;


		font-size: 15px;


		!important;


		padding: 1px;


		color: #3366cc;


	}


	.img-responsive {


		width: 145px;


		height: 135px;


		padding: 0 1px;


	}


	.hzt {


		display: block;


	    width: 90%;


	    height: 28px;


	    float: left;


	    overflow: hidden;


	    font-family: "微软雅黑";


	    font-size: 14px;


	    text-align: center;


	    text-decoration: none;


	    text-overflow: ellipsis;


	    white-space: nowrap;


	}


	.mybg {


		background-color: #fff;


		border: 1px solid #999;


		padding: 0;


				


	}


	.model{


		position: fixed;


		z-index: 999;


		top: 20%;


		left: 20%;


		background-color: #fff!important;


		width: 550px;


        height: 350px;


	}


	.mybg_title {


		padding: 1% 3%;


		border-bottom: 1px solid #999;


		background-color: #f5f5f5;


	}


	.mybg_title p {


		display: block;


		font-family: "微软雅黑";


		font-size: 16px;


		text-align: left;


		width: 100%;


		padding: 0;


		display: inline;


	}


	.mybg_title .close img {


		display: block;


		width: 20px;


		float: right;


		height: 25px;


		background-color: #999;


		margin-top: 2px;


	}


	.mybg_text {


		display: block;


		float: left;


		overflow: hidden;


		margin: 3% 5%;


	}


	.mybg_text img {


		display: block;


		float: left;


		overflow: hidden;


		width: 180px;


		height: 180px;


	}


	.mybg_text ul {


		display: block;


		float: left;


		overflow: hidden;


		width: 50%;


		margin-left: 5%;


	}


	.mybg_text ul li {


		display: block;


		float: left;


		overflow: hidden;


		width: 100%;


		font-family: "微软雅黑";


		font-size: 14px;


	}


	.mybg_text ul li span {


		display: block;


		float: left;


		overflow: hidden;


		width: 20%;


		color: #0033FF;


	}


}





@media only screen and (min-width: 768px) and (max-width: 992px) {


	.pinpai {


		padding: 0;


		border-top: 1px solid #999999;


        padding-top: 9px;


	}


	.left_right {


		text-align: right;


		padding-top: 12px;


	}


	.ab{


		position: relative;


	}


	.liudong {


		border-bottom: 1px solid #888!important;


	}


	.liudong p {


		display: block;


		float: left;


		font-family: "微软雅黑";


		font-size: 15px;


		font-weight: bold;


		margin-top: 10px;


	}


	.left_right a {


		text-decoration: none;


	}


	.left {


		font-size: 12px;


		!important;


		border-radius: 10px;


		color: #3366cc;


		padding: 1px;


	}


	.right {


		font-size: 12px;


		!important;


		padding: 1px;


		color: #3366cc;


	}


	.img-responsive {


		width: 115px;


		height: 100px;


		padding: 0 1px;


	}


	.hzt {


		display: block;


	    width: 90%;


	    height: 25px;


	    float: left;


	    overflow: hidden;


	    font-family: "微软雅黑";


	    font-size: 12px;


	    text-align: center;


	    text-decoration: none;


	    text-overflow: ellipsis;


	    white-space: nowrap;


	}


	.mybg {


		background-color: #fff;


		border: 1px solid #999;


		padding: 0;


				


	}


	.model{


		position: fixed;


		z-index: 999;


		top: 20%;


		background-color: #fff;


		left: 25%;


		width: 400px;


        height: 300px;


	}


	.mybg_title {


		padding: 1% 3%;


		border-bottom: 1px solid #999;


		background-color: #f5f5f5;


	}


	.mybg_title p {


		display: block;


		font-family: "微软雅黑";


		font-size: 16px;


		text-align: left;


		width: 100%;


		padding: 0;


		display: inline;


	}


	.mybg_title .close img {


		display: block;


		width: 20px;


		float: right;


		height: 25px;


		background-color: #999;


		margin-top: 2px;


	}


	.mybg_text {


		display: block;


		float: left;


		overflow: hidden;


		margin: 3% 5%;


	}


	.mybg_text img {


		display: block;


		float: left;


		overflow: hidden;


		width: 150px;


		height: 150px;


	}


	.mybg_text ul {


		display: block;


		float: left;


		overflow: hidden;


		width: 50%;


		margin-left: 5%;


	}


	.mybg_text ul li {


		display: block;


		float: left;


		overflow: hidden;


		width: 100%;


		font-family: "微软雅黑";


		font-size: 12px;


	}


	.mybg_text ul li span {


		display: block;


		float: left;


		overflow: hidden;


		width: 20%;


		color: #0033FF;


	}


}


@media only screen and (max-width: 768px) {


	.pinpai {


		padding: 0;


		border-top: 1px solid #999999;


        padding-top: 9px;


	}


	.left_right {


		text-align: right;


	}


	.ab{


		position: relative;


	}


	.liudong {


		border-bottom: 1px solid #888!important;


	}


	.liudong p {


		display: block;


		float: left;


		font-family: "微软雅黑";


		font-size: 13px;


		font-weight: bold;


		margin: 5px;


	}


	.left_right a {


		text-decoration: none;


	}


	.left {


		font-size: 12px;


		!important;


		border-radius: 10px;


		color: #3366cc;


		padding: 1px;


	}


	.right {


		font-size: 12px;


		!important;


		padding: 1px;


		color: #3366cc;


	}


	.img-responsive {


		width: 95%;


		height: 50px;


	}


	.hzt {


		display: block;


	    width: 90%;


	    height: 25px;


	    float: left;


	    overflow: hidden;


	    font-family: "微软雅黑";


	    font-size: 12px;


	    text-align: center;


	    text-decoration: none;


	    text-overflow: ellipsis;


	    white-space: nowrap;


	}


	.mybg {


		background-color: #fff;


		border: 1px solid #999;


		padding: 0;


				


	}


	.model{


		position: fixed;


		z-index: 999;


		top: 20%;


		left: 5%;


		background-color: #fff;


        width: 90%;


	}


	.mybg_title {


		padding: 1% 3%;


		border-bottom: 1px solid #999;


		background-color: #f5f5f5;


	}


	.mybg_title p {


		display: block;


		font-family: "微软雅黑";


		font-size: 16px;


		text-align: left;


		width: 100%;


		padding: 0;


		display: inline;


	}


	.mybg_title .close img {


		display: block;


		width: 20px;


		float: right;


		height: 25px;


		background-color: #999;


		margin-top: 2px;


	}


	.mybg_text {


		display: block;


		float: left;


		overflow: hidden;


		margin: 3% 5%;


	}


	.mybg_text img {


		display: block;


		float: left;


		overflow: hidden;


		width: 100%;


		height: auto;


	}


	.mybg_text ul {


		display: block;


		float: left;


		overflow: hidden;


		width: 100%;


		padding: 1%;


	}


	.mybg_text ul li {


		display: block;


		float: left;


		overflow: hidden;


		width: 100%;


		font-family: "微软雅黑";


		font-size: 12px;


	}


	.mybg_text ul li span {


		display: block;


		float: left;


		overflow: hidden;


		width: 20%;


		color: #0033FF;


	}


}


.carousel .carousel-inner> .item.row p {


	font-family: "微软雅黑";


	font-size: 12px;


	text-align: center;


}





.carousel {


	width: calc(100% - ($button-spacing * 2));


}





.carousel[data-shift="1"] .carousel-inner> .item {


	-webkit-transition: all .5s ease-in-out;


	transition: all .5s ease-in-out;


}





.carousel .carousel-inner> .item.row {


	margin: 0;


}





.carousel .carousel-control {


	background: none;


	color: transparent;


	overflow: hidden;


	text-shadow: none;


	-webkit-transition: all .3s ease-in-out;


	transition: all .3s ease-in-out;


	width: 30px;


}





.carousel .carousel-control:before {


	color: #444;


	font-family: 'Glyphicons Halflings';


	position: absolute;


	top: 50%;


	-webkit-transform: translateY(-50%);


	transform: translateY(-50%);


	width: 30px;


}





.carousel .carousel-control:after {


	border-radius: 50%;


	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);


	content: '';


	height: 60%;


	position:absolute;


	top: 50%;


	-webkit-transform: translateY(-50%);


	transform: translateY(-50%);


	-webkit-transition: all .3s ease-in-out;


	transition: all .3s ease-in-out;


	width: 100%;


}





.carousel .carousel-control:hover:after {


	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);


}





.carousel .carousel-control.left {


	left: -30px;


}





.carousel .carousel-control.left:before {


	content: '\e079';


}





.carousel .carousel-control.left:after {


	right: -100%;


}





.carousel .carousel-control.right {


	right: -30px;


}





.carousel .carousel-control.right:before {


	content: '\e080';


}





.carousel .carousel-control.right:after {


	left: -100%;


}





.model{


	display: none;


	


}


body {


		position: relative;


	}


	.beijing {


		display: none;


		width: 100%;


		height: 100%;


		position: absolute;


		z-index: 100;


		top: 0;


		left: 0;


		padding: 0;


		background-color: #000;


		-moz-opacity:0.8;


		opacity:.80;


		filter:alpha(opacity=80);


	}





.box {


	width: 100%;


	height: auto;


	line-height: 5;


	text-align: center;


	font-size: 5em;


	color: #fff;


	text-transform: capitalize;


	vertical-align: middle;


}


/*


 | ------------------------------------------


 | Glide styles


 | ------------------------------------------


 | Here are slider styles


 | 


*/





.slider {


	position: relative;


	width: 100%;


	height: auto;


	overflow: hidden;


}











.slides {


	height: auto;


	/* Simple clear fix */


	overflow: hidden;


	/**	


		 * Prevent blinking issue


		 * Not tested. Experimental.


		 */


	-webkit-backface-visibility: hidden;


	-webkit-transform-style: preserve-3d;


	/**


		 * Here is CSS transitions 


		 * responsible for slider animation in modern broswers


		 */


	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);


	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);


	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);


	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);


	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);


}


.slide {


	height: auto;


	float: left;


	clear: none;


}


.slider-arrow {


	position: absolute;


	display: block;


	margin-bottom: -20px;


	width: 40px;


	height: 40px;


	line-height: 40px;


	text-decoration: none;


	text-align: center;


	color: #fff;


	font-size: 2em;


	background-color: #333;


	background-color: rgba(50,50,50,.3);


	border-radius: 50%;


}








.slider-arrow--right {


	bottom: 50%;


	right: 30px;


}


.slider-arrow--left {


	bottom: 50%;


	left: 30px;


}


/*


background:url(img/.png) no-repeat;


*/





.slider-nav {


	position: absolute;


	bottom: 35px;


	left: 50%!important;


    width: 135px!important;


    margin-left: -65px!important;


}


.slider-nav__item {


	width: 12px;


	height: 12px;


	float: left;


	clear: none;


	display: block;


	margin: 0 5px;


	background: #999;


	border-radius: 100%;


}


.slider-nav__item:hover {


	background: yellow;


}


.slider-nav__item--current {


	background: yellow;


}


.slider_info{


	position: absolute;


    bottom: 0px;


    background-color: #000;


    color: #fff;


    width: 100%;


    filter:alpha(opacity:50); 


    opacity:0.5;  


    -moz-opacity:0.5;


    -khtml-opacity: 0.5


}


.slider_info a {


    color: #fff;


    text-decoration: none;


}


.slider_info a p {


	padding: 8px 5px;


	overflow: hidden;


	white-space: nowrap;


    text-overflow: ellipsis;


    color: #fff;


    font-weight: bold;


}


.carousel_info {


	position: absolute;


    bottom: 0px;


    background-color: #999;


    color: #fff;


    width: 100%;


}


.carousel_info a {


	opacity: 0.8;


    color: #fff;


    text-decoration: none;


}


.carousel_info a p {


	padding: 8px 5px;


}


.swiper-container{


	margin-left: 5px!important;


}





@media (max-width: 768px) {


    #yeqing {


        width: 12.5%;


    }





    #it {


        width: 15%;


    }


}


@media (min-width: 768px) and (max-width: 992px) {


    #yeqing {


        width: 51%;


    }





    #it {


        width: 43%;


    }


}


@media (min-width: 992px) and (max-width: 1200px) {


    #yeqing {


        width: 48%;


    }





    #it {


        width: 40%;


    }


}


@media (min-width: 1200px) {


    #yeqing {


        width: 41%;


    }


}