﻿

@media screen and (max-width: 800px) {

	.left,.right{ display: block; width: 100%; float: left;box-sizing: border-box; padding: 10px;}
    .left{ background: none; background-size: cover; box-sizing: border-box;
     padding: 40px; display: flex; justify-items: center; justify-content: center;}
    .left video{ display: block; margin: 0 auto; width: 100%; height: auto !important;}
	
	.pc{ display:none !important;}
.bigbox{width: 100%; overflow: hidden;}
.wrap{ width:100%; margin: 0 auto;}
.main{ overflow:hidden; margin: 10px 0;}
.dqwz_title{ overflow: hidden; line-height: 38px; border-bottom: 1px solid #cf0000; padding-bottom: 10px; margin-bottom: 10px;}
.dqwz_p{ float: left; width: 150px;font-size: 22px; width: 100%;}
.dqwz_pl{ width: 100%;}
.dqwz_pl li{ float:left;margin-bottom: 15px;}
.dqwz_pl li a{padding: 0 10px;border: 1px solid #e6e6e6;display: block;margin-left: 10px; transition: ease-in-out .2s;}
.dqwz_pl li a:hover{background: #cf0000;color: #fff;border: 1px solid #cf0000;}
.dqwz_contect{ overflow: hidden;}
.company{ font-size:16px; color: #666; box-sizing: border-box; padding: 10px;}
.company img{max-width: 100%; width: 100%; height: auto;}
.dqwz_d{ overflow:hidden;}
.dqwz_d h1{ text-align:center;font-size: 22px;text-transform: capitalize;}
.dqwz_d h2{text-align:center; padding: 30px 0;}
.dqwz_d h3{color: #666;font-size: 16px;}
.dqwz_p {color:#cf0000; text-align: center;}

/*首页内容*/
.picbox{width:100%; overflow:hidden;}
.pic_title{display:block; overflow:hidden; text-align:center; padding:65px 0; background:url(../images/pic_title.png) no-repeat center center;}
.pic_p{line-height:40px; font-size:30px; color:#cf0000; font-weight:bold;}
.pic_sp{line-height:26px; font-size:16px; color:#717171;}
.pic_contect{display:block; overflow:hidden; background:#f4f4f4; position:relative;}
.pic_contect::before{content:""; width:0; height:0; border-top:36px solid #fff; border-left:36px solid transparent; border-right:36px solid transparent; position:absolute;left:50%;top:0; transform: translateX(-50%);}
.pic_ul{display:block; overflow:hidden;}
.pic_ul li{width:20%; float:left; cursor:pointer; position:relative; padding:45px 30px;}
.pic_ul li::before{content:""; width:1px; float:left; height:128px; background:#a3a3a3; position:absolute; right:4px; bottom:0;}
.pic_ul li::after{content:"";width:9px; float:left; height:9px; border-radius:50%; background:#a3a3a3; position:absolute; right:0; bottom:128px;}
.pic_ul li .pic_logo{width:85px; height:85px; display:block; margin:0 auto; border-radius:50%; background-image:url(../images/pic_icon.png); background-repeat:no-repeat;}
.pic_ul li .pic_pp{display:block; overflow:hidden; height:54px; line-height:54px; text-align:center; font-size:22px; color:#3c3c3c;}
.pic_ul li .pic_txt{display:block; overflow:hidden; line-height:24px; text-align:center; font-size:16px; color:#828282;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.pic_ul li:nth-child(1) .pic_logo{background-position:left top;}
.pic_ul li:nth-child(2) .pic_logo{background-position:-85px top;}
.pic_ul li:nth-child(3) .pic_logo{background-position:-170px top;}
.pic_ul li:nth-child(4) .pic_logo{background-position:right top;}
.pic_ul li:nth-child(4)::before{display:none;}
.pic_ul li:nth-child(4)::after{display:none;}
.pic_ul li:hover .pic_logo{background-color:#cf0000;}
.pic_ul li:hover .pic_pp{color:#cf0000;}
.pic_ul li:nth-child(1):hover .pic_logo{background-position:left bottom;}
.pic_ul li:nth-child(2):hover .pic_logo{background-position:-85px bottom;}
.pic_ul li:nth-child(3):hover .pic_logo{background-position:-170px bottom;}
.pic_ul li:nth-child(4):hover .pic_logo{background-position:right bottom;}

}




@media screen and (min-width: 801px) {
.phone{ display:none !important;}
.bigbox{width: 100%; overflow: hidden;}
.wrap{ width:1200px; margin: 0 auto;}
.main{ overflow:hidden; margin: 50px 0;}
.dqwz_title{ overflow: hidden; line-height: 38px; border-bottom: 1px solid #cf0000; padding-bottom: 30px; margin-bottom: 30px;}
.dqwz_p{ float: left; width: 260px;font-size: 30px;}
.dqwz_pl{ overflow: hidden;}
.dqwz_pl li{ float:left;margin-bottom: 15px;}
.dqwz_pl li a{padding: 0 18px;border: 1px solid #e6e6e6;display: block;margin-left: 10px; transition: ease-in-out .2s;font-size: 16px;font-weight: bold;}
.dqwz_pl li a:hover{background: #cf0000;color: #fff;border: 1px solid #cf0000;}
.dqwz_contect{ overflow: hidden;}
.company{ font-size:16px; color: #666;}
.company img{max-width: 100%;}
.dqwz_d{ overflow:hidden;}
.dqwz_d h1{ text-align:center;font-size: 22px;text-transform: capitalize;}
.dqwz_d h2{text-align:center; padding: 30px 0;}
.dqwz_d h3{color: #666;font-size: 16px;}
.dqwz_p {color:#cf0000;}


.left,.right{ display: block; width: 50%; float: left; height: 450px; box-sizing: border-box; padding: 10px;}
.left{ background: none; background-size: cover; box-sizing: border-box;
 padding: 40px; display: flex; justify-items: center; justify-content: center;}
.left video{ display: block; margin: 0 auto; width: 100%; height: auto !important;}


/*首页内容*/
.picbox{width:100%; overflow:hidden;}
.pic_title{display:block; overflow:hidden; text-align:center; padding:65px 0; background:url(../images/pic_title.png) no-repeat center center;}
.pic_p{line-height:40px; font-size:30px; color:#cf0000; font-weight:bold;}
.pic_sp{line-height:26px; font-size:16px; color:#717171;}
.pic_contect{display:block; overflow:hidden; background:#f4f4f4; position:relative;}
.pic_contect::before{content:""; width:0; height:0; border-top:36px solid #fff; border-left:36px solid transparent; border-right:36px solid transparent; position:absolute;left:50%;top:0; transform: translateX(-50%);}
.pic_ul{display:block; overflow:hidden;}
.pic_ul li{width:20%; float:left; cursor:pointer; position:relative; padding:45px 30px;}
.pic_ul li::before{content:""; width:1px; float:left; height:128px; background:#a3a3a3; position:absolute; right:4px; bottom:0;}
.pic_ul li::after{content:"";width:9px; float:left; height:9px; border-radius:50%; background:#a3a3a3; position:absolute; right:0; bottom:128px;}
.pic_ul li .pic_logo{width:85px; height:85px; display:block; margin:0 auto; border-radius:50%; background-image:url(../images/pic_icon.png); background-repeat:no-repeat;}
.pic_ul li .pic_pp{display:block; overflow:hidden; height:54px; line-height:54px; text-align:center; font-size:22px; color:#3c3c3c;}
.pic_ul li .pic_txt{display:block; overflow:hidden; line-height:24px; text-align:center; font-size:16px; color:#828282;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.pic_ul li:nth-child(1) .pic_logo{background-position:left top;}
.pic_ul li:nth-child(2) .pic_logo{background-position:-85px top;}
.pic_ul li:nth-child(3) .pic_logo{background-position:-170px top;}
.pic_ul li:nth-child(4) .pic_logo{background-position:right top;}
.pic_ul li:nth-child(4)::before{display:none;}
.pic_ul li:nth-child(4)::after{display:none;}
.pic_ul li:hover .pic_logo{background-color:#cf0000;}
.pic_ul li:hover .pic_pp{color:#cf0000;}
.pic_ul li:nth-child(1):hover .pic_logo{background-position:left bottom;}
.pic_ul li:nth-child(2):hover .pic_logo{background-position:-85px bottom;}
.pic_ul li:nth-child(3):hover .pic_logo{background-position:-170px bottom;}
.pic_ul li:nth-child(4):hover .pic_logo{background-position:right bottom;}


}