@media screen and (max-width:1700px) {
	.x-header-n-logo {
		width: 22%!important;
		background-size: 100%!important
	}

	.x-header-tel {
		display: none!important
	}
}

@media screen and (max-width:1260px) {
	.x-header-n-logo {
		width: 20%!important;
		background-size: 100%!important
	}
}

.x-header * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.x-header {
    width: 100%;
    height: 118px;
    min-width: 1226px;
    background:#fff;
}

.x-header>.x-header-nav {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.x-header>.x-header-nav .x-header-n-logo {
    position: absolute;
    width: 30%;
    height: 100px;
    left: 14px;
    top: 0;
    background: url('/images/pclogo.jpg') center left no-repeat;
  
   
}

.x-header>.x-header-nav .x-header-n-content {
    width: 1200px;
    height: 100px;
    margin: 0 auto
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-slogen {
    width: 190px;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    position: relative;
    float: left;
    margin-left: 85px
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-slogen:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background-color: #ccc
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-nav {
    width: 650px;
    float: left;
    text-align: center;
    position: relative;
    height: 100px
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-nav>a {
    display: inline-block;
    height: 100px;
    margin: 0 25px;
    line-height: 100px;
    color: #333;
    font-size: 16px;
    transition: color .5s;
    -webkit-transition: color .5s;
    -moz-transition: color .5s
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-nav>.x-header-nav-line {
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #010101
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-nav>a:hover {
    color: #000
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl {
    width: 275px;
    height: 100px;
    text-align: left;
    position: relative;
    float: left
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl span {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    margin: 34px 6.5px 0;
    font-size:0;
}
.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl span a{
    display:inline-block;
    width:34px;
    height:34px;
}
.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl span.x-header-n-content-ctrl-video {
    background-image: url('http://www.zzdytpr.com/public/images/ico1.svg');background-size: 68%;
    margin: 34px 6.5px 0 30px
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl span.x-header-n-content-ctrl-vr {
    background-image: url('http://www.zzdytpr.com/public/images/ico2.svg');background-size: 68%
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl span.x-header-n-content-ctrl-news {
    background-image: url('http://www.zzdytpr.com/public/images/ico3.svg');background-size: 65%
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl span.x-header-n-content-ctrl-s {
    background-image: url('http://www.zzdytpr.com/public/images/ico4.svg');background-size: 70%
}

.x-header>.x-header-nav .x-header-n-content .x-header-n-content-ctrl:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    background: #ccc
}

.x-header>.x-header-nav .x-header-tel {
    position: absolute;
    width: 300px;
    height: 100px;
    top: 0;
    right: 0;
    background: url('/images/pctel.jpg') center center no-repeat
}

.x-header-major {
    width: 100%;
    height: 110px;
    background: #ee5400
}

/**footer**/
.x-footer {
	width: 100%;
	min-width: 1200px;
	height: 420px;
  background: #1b1b1b;
  margin-top:100px;
}

.x-footer .x-footer-item {
	width: 1200px;
	height: 320px;
	margin: 0 auto
}

.x-footer .x-footer-item .x-footer-item-left {
	width: 570px;
	float: left
}

.x-footer .x-footer-item .x-footer-item-left .x-footer-item-left-list {
	padding-top: 80px;
	position: relative
}

.x-footer .x-footer-item .x-footer-item-left .x-footer-item-left-list span {
	position: absolute;
	top: 110px;
	right: 0;
	width: 1px;
	height: 110px;
	background: #464646
}

.x-footer .x-footer-item .x-footer-item-left .x-footer-item-left-list ul {
	width: 170px;
	text-align: center;
	color: #f4f4f4;
	float: left
}

.x-footer .x-footer-item .x-footer-item-left .x-footer-item-left-list ul li {
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-weight: 400
}

.x-footer .x-footer-item .x-footer-item-left .x-footer-item-left-list ul li a {
	display: inline-block;
	color: #f4f4f4;
	height: 30px;
	line-height: 30px;
	font-weight: 300
}

.x-footer .x-footer-item .x-footer-item-left .x-footer-item-left-list ul .x-footer-title {
	color: #a1a1a1;
	height: 50px;
	line-height: 50px
}

.x-footer .x-footer-item .x-footer-item-right {
	width: 630px;
	float: right
}

.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-tel {
	width: 230px;
	float: left;
	padding: 80px 0 0 80px;
	position: relative
}

.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-tel span {
	position: absolute;
	top: 110px;
	right: 0;
	width: 1px;
	height: 110px;
	background: #464646
}

.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-tel h4 {
	font-size: 16px;
	color: #a1a1a1;
	height: 50px;
	line-height: 50px;
	font-weight: 300
}

.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-tel h3 {
	display: block;
	width: 158px;
	height: 30px;
	background: url('../images/0371-66863333.png') no-repeat;
	background-size:100%;
}
.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-qr {
	width: 250px;
	float: right;
	padding-top: 80px
}

.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-qr h4 {
	font-size: 16px;
	color: #a1a1a1;
	height: 50px;
	line-height: 50px;
	font-weight: 300
}

.x-footer .x-footer-item .x-footer-item-right .x-footer-item-right-qr h3 {
	width: 75px;
	height: 75px;
	margin-top: 10px;
	background: url(../images/ewm.png) no-repeat;
}

.x-footer .x-footer-item-site {
	width: 100%;
	min-width: 1200px;
	height: 100px;
	background: #262526
}

.x-footer .x-footer-item-site .x-footer-item-site-content {
	width: 1200px;
	margin: 0 auto
}

.x-footer .x-footer-item-site .x-footer-item-site-content .x-footer-item-site-c-left {
	width: 800px;
	text-align: left;
	height: 100px;
	line-height: 100px;
	float: left
}

.x-footer .x-footer-item-site .x-footer-item-site-content .x-footer-item-site-c-left a {
	font-size: 14px;
	color: grey;
	font-weight: 300
}

.x-footer .x-footer-item-site .x-footer-item-site-content .x-footer-item-site-c-left a b {
	color: #ee7600;
	font-weight: 300
}

.x-footer .x-footer-item-site .x-footer-item-site-content .x-footer-item-site-c-right {
	width: 320px;
	text-align: center;
	float: right;
	height: 100px;
	line-height: 100px;
	position: relative
}

.x-footer .x-footer-item-site .x-footer-item-site-content .x-footer-item-site-c-right a {
	color: grey;
	font-size: 14px;
	font-weight: 400
}

.x-footer .x-footer-item-site .x-footer-item-site-content .x-footer-item-site-c-right:before {
	content: '';
	width: 1px;
	height: 23px;
	margin-top: -11.5px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #515151;
	display:none;
}


/**popup&float**/