@charset "utf-8";
/* CSS Document 
制作： 青华互联网站建设 版权所有 复制必究
网址： www.qinghuahulian.com
电话/微信：18653219163  QQ:893157818
邮箱：vip@qinghuadns.com  联系人：王小姐
*/

*{margin:0px; padding:0px; box-sizing:border-box;
}
html,body{
     -webkit-text-size-adjust:none;
}
body{
	color:#333333;
	background-color:#fff; font-family: 'Nanum Gothic', sans-serif;
}
body img{
    border:0px;
}
input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-family: 'Nanum Gothic', sans-serif;
	-webkit-appearance: none;
}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none; -webkit-appearance:none;}

/*强制去除textarea自带的样式*/
textarea{resize:none; -webkit-appearance:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	color: #222222; text-decoration:none;
}
A:link {
	color: #222222; text-decoration:none;
}
A:visited {
	color: #222222; text-decoration:none;
}
A:hover {
	color: #E71D1A; text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.wrap{
	max-width:1360px; height:auto; margin-left:auto; margin-right:auto;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.headbox{
	width:100%; height:auto; display:table; padding-top:10px; padding-bottom:10px; box-shadow: 0px 4px 4px rgba(56, 70, 143, 0.2); position:relative;
}
.header{
	height:auto; overflow:hidden;
}
.logo{
	float:left;
}
.nav{
	float:right; margin-top:25px;
}
.nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.nav li{
	margin-right:40px;
}
.nav li a{
	font-weight:bolder;
}
.nav li.on a{
	color:#E71D1A;
}
.mnav{
	display:none;
}
.searchbox{
	 float:right; margin-top:15px;
}
.search_bnt{
	width:50px; height:36px; margin-top:5px; background:url(../images/seabnt.svg) center center no-repeat #E71D1A; border-radius: 7px; cursor:pointer; display:none;
}
.search{
	width: 200px; height: 44px; padding-left:10px; padding-right:3px; padding-top:2px; border: 1px solid #E71D1A; border-radius: 10px; display:inline-block;
}
.search form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.sea_txt{
	width:67%; height:38px; line-height:38px;
}
.sea_bnt{
	width:30%; height:38px; background:url(../images/seabnt.svg) center center no-repeat #E71D1A; border-radius: 7px; cursor:pointer;
}
.banner{
	height:auto; overflow:hidden; margin-top:35px; position:relative; border-radius: 10px;
}
.banner .swiper-slide{
	width:100%; height:auto; transform:translate3d(0,0,0); overflow:hidden;
}
.banner img{
	width:100%; height:auto; display:block; transition:1s linear 2s; transform:scale(1.1,1.1);
}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
	transition:6s linear; transform:scale(1,1);
}	
.banner .pagination {
	width:100%; position:absolute; left:0px; text-align:center; bottom:10px; z-index:10;
}
.banner .swiper-pagination-bullet {
	display: inline-block;opacity:1; width: 14px;height: 14px;margin: 5px;cursor: pointer;transition: width 0.3s ease-in-out;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; background: #E71D1A; border:1px #E71D1A solid; transform:scale(0.85);
}
.banner .swiper-pagination-bullet-active{
	background:none; border:2px #fff solid; transform:scale(1);
}
.products_list{
	height:auto; margin-top:35px;
}
.products_list ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products_list li{
	width:23%; border:1px #D9D9D9 solid; text-align:center; padding:5px; margin-bottom:40px; padding-bottom:25px;
}
.products_list .itemempty{
    width:23%; height:0px; border:0px; padding:0px; margin-bottom:0px;
}
.products_list:after {
    content: "";
    flex: auto;
}
.products_list li a{
	font-size:20px;
}
.products_list li img{
	width:100%; height:auto; display:block;
}
.products_list li span{
	font-size:28px; color:#E71D1A; font-family: 'D-DIN'; font-style: normal; font-weight: 700; display:inline-block; margin-top:10px;
}
.products_list li .order{
	width: 146px; height: 44px; line-height:44px; margin:0 auto; margin-top:25px; background: #0054b7; border-radius: 24.5px;
}
.products_list li .order a{
	color:#fff; display:block; font-size:18px;
}
.process_title{
	font-size:42px; font-weight:bolder; margin-top:20px;
}
.process_title span{
	color:#E71D1A;
}
.process_title p{
	font-size:26px; font-weight:normal; margin-top:15px;
}
.process{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:40px;
}
.process div{
	width:31%; height:auto; font-size:28px; color:#E71D1A; font-weight:bolder; background: #F6F6F6; border: 1px solid #EAEAEA; border-radius: 30px; text-align:center; padding:35px 60px; 
}
.process div img{
	margin-bottom:20px;
}
.process div:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.process div p{
	margin-top:20px; font-size:20px; color:#333333; font-weight:normal; text-align:left;
}
.footbox{
	width:100%; height:auto; background: #201C1C; padding-top:60px; margin-top:120px;
}
.footer{
	color:#ffffff; padding-bottom:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_left{
	line-height:44px; font-size:22px; font-weight:bolder;
}
.foot_left span{
	font-size:18px; font-weight:normal;
}
.foot_left span.address{
	background:url(../images/addbg.svg) left 10px no-repeat; display:inline-block; padding-left:35px;
}
.foot_left span.time{
	background:url(../images/timebg.svg) left 10px no-repeat; display:inline-block; padding-left:35px;
}
.wechat{
	width:165px; height:auto; text-align:center; font-size:18px;
}
.wechat img{
	width:100%; height:auto; display:block; border-radius: 10px; margin-bottom:10px;
}
.copyrights{
	width:100%; height:auto; background-color:#0B0A0A; padding-top:15px; padding-bottom:15px; text-align:center; color:#ffffff; font-size:14px;
}
.customer{
	width:75px; height:auto; position:fixed; right:10px; bottom:35%; z-index:100;
}
.customer li{
	width:75px; height:75px; background-color:#E71D1A; border-radius: 10px; text-align:center; margin-bottom:10px; position:relative;
}
.customer li a{
	color:#fff; display:block; width:100%; height:100%; padding-top:12px;
}
.customer li.backtop{
	background-color:#333333;
}
.customer li.backtop a{
	padding-top:25px;
}
.online{
	width:243px; height:118px; text-align:left; position:absolute; right:0px; top:-118px; background:url(../images/custbg.svg) left center no-repeat;
}
.online h4{
	background:url(../images/right_icon03.svg) left 7px no-repeat; padding-left:25px; font-weight:bolder; font-size:18px;
}
.online p{
	font-size:18px; margin-left:25px;
}
.online a{
	padding-left:30px; padding-top:0px; 
}
.online a h4{
	color:#333333;
}
.online a p{
	color:#333333;
}
.close{
	width:9px; height:9px; position:absolute; right:15px; top:10px; z-index:10; background:url(../images/close.svg) no-repeat; cursor:pointer;
}
.title{
	height: 68px; margin-top:45px; position:relative; background: linear-gradient(180deg, #EDEDED 0%, #FFFFFF 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.title h2{
	width:278px; height:80px; line-height:76px; position:absolute; left:0px; top:-12px; padding-left:50px; color:#fff; background:url(../images/h2bg.svg) left center no-repeat; -moz-background-size:100% auto;  background-size:100% auto;
}
.title span{
	position:absolute; right:20px; top:22px;
}
.position{
	margin-top:35px; background:url(../images/posibg.svg) left center no-repeat;  -moz-background-size:20px auto;  background-size:20px auto; padding-left:20px;
}
.position a{
	margin-left:5px; margin-right:5px;
}
.products{
	margin-top:35px; padding-bottom:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.products_pic{
	width:45%;
}
.products_pic img{
	width:100%; height:auto; display:block;
}
.products_txt{
	width:55%; padding-left:50px; padding-top:15px; position:relative;
}
.products_txt h1{
	font-size:36px;
}
.products_txt span{
	font-size:36px; color:#E71D1A; font-family: 'D-DIN'; font-style: normal; font-weight: 700; display:inline-block; margin-top:10px;
}
.products_txt p{
	font-size:20px; margin-top:45px;
}
.products_txt dl{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; margin-bottom:30px;
}
.products_txt dt{
	width:120px;
}
.pro_order{
	width: 435px; height: 50px; line-height:48px; position:absolute; left:50px; bottom:20px; text-align:center; background: #0054b7; border-radius: 25px;
}
.pro_order a{
	color:#fff; font-size:20px; display:block; font-weight:bolder;
}
.content{
	margin-top:40px; line-height:36px; padding-bottom:40px;
}
.mbigbox{
	position: fixed; position:_absolute; top:0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index:112; display:none;
}
.mbigbox_a{
	width:100%; height:100%; display:block; cursor:default;
}
#pro_message{
	display:none;
}
.pro_message{
	width:800px; height:auto; padding-bottom:20px; background-color:#ffffff; z-index:115; position:fixed; _position:fixed; left:50%; top:50%; transform: translate(-50%, -50%);
}
.pro_message_title{
	height:52px; line-height:52px; background-color:#fafafa; border-bottom:2px #ebebeb solid; padding-left:25px; font-weight:400;
}
.pro_message_title span{
	float:right; margin-right:25px;
}
.pro_message_pro{
	padding-left:25px; padding-top:20px; font-size:16px; line-height:21px;
}
.pro_message_pro img{
	width:105px; height:auto;
}
.pro_message_pro dd{
	width:105px; float:left; margin-right:15px; 
}
.pro_message_pro .price{
	font-size:20px; font-family: 'D-DIN'; color: #E71D1A;
}
.pro_message_pro .brand{
	font-weight:600; font-size:18px; display:inline-block; margin-bottom:10px;
}
.pro_message_pro p{
	font-size:12px; color:#999; margin-top:6px;
}
.pro_message_form{
	padding-left:25px; padding-right:25px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:20px;
}
.pro_message_form div{
	 width:48%; font-weight:600;
}
.pro_message_form span.dian{
	width:5px; height:10px; background:url(../images/dian.png) center center no-repeat; -moz-background-size:4px auto;  background-size:4px auto; display:inline-block;
}
.pro_message_form div.pro_message_content{
	 width:100%;
}
.pro_message_form .messg_txt{
	border:1px #EBEBEB solid; width:100%; padding-left:10px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; height:40px; line-height:40px; margin-top:6px; margin-bottom:20px; color:#4D4D4D; font-weight:400;
}
.pro_message_form .messg_txt::-ms-clear, ::-ms-reveal{display: none;}
.pro_message_form input:focus{
    border:1px #00457e solid;
}
.messg_text{
	border:1px #EBEBEB solid; width:100%; height:90px; padding-left:10px; padding-top:10px; padding-bottom:10px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; line-height:22px; margin-top:6px; margin-bottom:20px; color:#4D4D4D; font-weight:400;
}
.pro_message_form textarea:focus{
    border:1px #00457e solid;
}
.messg_sub{
	width:210px; height:40px; line-height:40px; cursor:pointer; background-color:#0054b7; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px; color:#fff; font-weight:400;
}
.pages{
	margin:0 auto; text-align:center; padding-top:30px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
	display:inline-block;
	height:50px;
	line-height:50px; 
	font-size:18px; margin-left:5px; margin-right:5px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px;
}
.pages ul span.page-numbar{
	font-size:18px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:18px; margin-right:8px; padding-left:20px; padding-right:20px;
}
.pages ul span a{
	color:#333;
	height:50px;
	line-height:50px;
	padding-left:16px;
	padding-right:16px;
	display:inline-block;
	font-size:18px; background-color:#f2f2f2;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#E71D1A; height:50px; line-height:50px;
	padding-left:16px;
	padding-right:16px; display:inline-block;
}
.pages ul span.page-numbar a:hover{
	padding-left:20px; padding-right:20px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#E71D1A;
	padding:0px 4px 0px; padding-left:20px; padding-right:20px;
	color:#fff;
}
.text-secondary{
       font-size:18px; text-align:center; height:auto; overflow:hidden; color:#888; padding-top:20px; margin-bottom:125px;
}
@keyframes webfd
{
from  {top: -120px;}
to  {top: -110px;}
}
 
@-moz-keyframes webfd /* Firefox */
{
from  {top: -120px;}
to  {top: -110px;}
}
 
@-webkit-keyframes webfd /* Safari 和 Chrome */
{
from  {top: -120px;}
to  {top: -110px;}
}
 
@-o-keyframes webfd /* Opera */
{
from  {top: -120px;}
to  {top: -110px;}
}
.webfd{
    animation: webfd 0.8s linear 0s infinite alternate;
    /* Firefox: */
    -moz-animation: webfd 0.8s linear 0s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: webfd 0.8s linear 0s infinite alternate;
    /* Opera: */
    -o-animation: webfd 0.8s linear 0s infinite alternate;
}
.news_list{
	height:auto; padding-top:30px; padding-bottom:50px; overflow:hidden;
}
.news_list li{
	width:100%;	height:auto; line-height:32px; padding-bottom:15px; margin-top:15px; border-bottom:1px #e2e2e2 solid;
}
.news_list li a{
	font-size:20px; color:#333333;
}
.news_list em{
	font-size:20px;
}
.news_list li a:hover{
	color:#384eea;
}
.news_list li span.datetime{
	font-size:14px; color:#888; display:inline-block; float:right; margin-top:2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.news_list li p{
    line-height:24px; font-size:14px; margin-top:15px; color:#919191;
}
@media  (max-width: 1440px) {
.wrap{
	margin-left:100px; margin-right:100px;
}
.nav li{
	margin-right:30px;
}
.news_list li a{
	font-size:18px;
}
.news_list em{
	font-size:18px;
}
}
@media  (max-width: 1366px) {
.nav li{
	margin-right:25px;
}
.banner{
	margin-top:30px;
}
.position{
	margin-top:30px;
}
.products{
	margin-top:30px;
}
.content{
	margin-top:30px;
}
.products_list{
	margin-top:30px;
}
.products_list li{
	margin-bottom:25px; padding-bottom:20px;
}
.products_list li a{
	font-size:18px;
}
.products_list li span{
	font-size:24px;
}
.products_list li .order{
	width: 146px; height: 40px; line-height:40px;
}
.products_txt h1{
	font-size:34px;
}
.products_txt span{
	font-size:34px;
}
.process_title{
	font-size:38px;
}
.process_title p{
	font-size:22px; font-weight:normal; margin-top:15px;
}
.process div{
	font-size:26px;
}
.process div p{
	font-size:18px;
}
.process div img{
	width:100px; height:auto;
}
.foot_left{
	font-size:20px;
}
.foot_left span{
	font-size:16px;
}
.wechat{
	font-size:16px;
}
.title{
	height: 60px;
}
.title h2{
	width:268px; height:72px; line-height:68px;
}
.title span{
	top:18px;
}
}
@media  (max-width: 1280px) {
.search_bnt{
	display:block;
}
.search{
	display:none;
}
.search_show{
	width:250px; display:inline-block; position:absolute; right:50px; top:72px; z-index:100; background-color:#fff;
}
.pro_order{
	bottom:0px;
}
.news_list li a{
	font-size:16px;
}
.news_list em{
	font-size:16px;
}
}
@media  (max-width: 1050px) {
.headbox{
	padding-top:5px; padding-bottom:5px;
}
.wrap{
	margin-left:40px; margin-right:40px;
}
.search_show{
	right:30px; top:65px;
}
.mnav{
	width:50px; height:36px; background:#E71D1A; border-radius: 7px;
	display:block; float:right; margin-right:10px; margin-top:20px; position:relative;
}
.mnav span{display:block;background:#fff; width:25px;height:2px;position:absolute;left:12px;transition:all ease 0.35s}
.mnav span:nth-of-type(1){top:8px}
.mnav span:nth-of-type(2){top:16px}
.mnav span:nth-of-type(3){top:24px}
.mnav_se span:nth-of-type(1){top:16px;transform:rotate(45deg)}
.mnav_se span:nth-of-type(2){width:0}
.mnav_se span:nth-of-type(3){top:16px;transform:rotate(-45deg)}
.nav{
	width:100%; height:auto; position:absolute; left:-100%; top:58px; z-index:111; background-color:#fff; justify-content: flex-start; padding-left:20px; padding-right:25px; padding-top:0px; border-top:1px #ddd solid; padding-bottom:30px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; 
}
.nav ul{
	width:100%;
}
.nav li{
	width:100%; float:none; border-bottom:1px #ddd solid; margin-right:0px; margin-top:8px; height:auto; line-height:35px; padding-bottom:8px; padding-right:0px;
}
.nav li a{
	line-height:38px; display:block; color:#222; padding-bottom:0px;
}
.nav li.cur a{
	color:#e5222a; border-bottom:0px;
}
.nav_show{
	left:0px;
}
.products_list li{
	width:32%;
}
.related_list li{
	width:48%;
}
.customer{
	width:50px;	bottom:20px;
}
.customer li{
	width:50px; height:50px; margin-bottom:5px;
}
.customer li a{
	padding-top:7px; font-size:12px;
}
.customer li.backtop a{
	padding-top:16px;
}
.customer li img{
	width:19px; height:auto;
}
.customer .online{
	display:none;
}
.title{
	height: 50px;
}
.title h2{
	width:248px; height:62px; line-height:60px; padding-left:40px;
}
.title span{
	top:13px;
}
.products_txt h1{
	font-size:30px;
}
.products_txt span{
	font-size:30px;
}
.pro_order{
	width: 400px;
}
}
@media  (max-width: 900px) {
.wrap{
	margin-left:20px; margin-right:20px;
}
.search_show{
	right:20px;
}
.process div{
	width:100%; margin-bottom:30px;
}
.products_txt{
	padding-left:30px; padding-top:10px;
}
.products_txt p{
	line-height:46px; margin-top:25px;
}
.products_txt h1{
	font-size:26px;
}
.products_txt span{
	font-size:26px;
}
.products_txt dl{
	margin-bottom:20px;
}
.pro_order{
	width: 85%; left:30px; height: 45px; line-height:43px;
}
.pro_message{
	width:95%; overflow-y:auto;
}
.pro_message_pro .brand{
	margin-top:5px;
}
}
@media  (max-width: 768px) {
.headbox{
	padding-top:3px; padding-bottom:0px;
}
.logo img{
	height:50px; width:auto;
}
.search_show{
	top:50px;
}
.mnav{
	 margin-top:8px;
}
.nav{
	top:31px;
}
.searchbox{
	 margin-top:3px;
}
.products_list li{
	width:48%;
}
.banner .pagination {
	bottom:0px;
}
.banner .swiper-pagination-bullet {
	width: 12px;height: 12px;
}
.footbox{
	padding-top:40px; margin-top:80px;
}
.footer{
	padding-bottom:40px;
}
.foot_left{
	width:100%; margin-bottom:20px;
}
.wechat{
	margin:0 auto;	
}
.title{
	height: 40px;
}
.title h2{
	width:208px; height:52px; line-height:50px; padding-left:40px; font-size:20px;
}
}
@media  (max-width: 750px) {
.products_pic{
	width:100%; margin-bottom:15px;
}
.products_txt{
	width:100%; padding-left:0px; padding-bottom:60px;
}
.pro_order{
	width: 100%; left:0px;
}
/*.pro_message_form div{
	 width:100%;
}*/
.pro_message_pro{
	padding-left:15px;
}
.pro_message_form{
	padding-left:15px; padding-right:15px;
}
.pages ul span.page-numbar a{
	padding-left:14px; padding-right:14px;
}
.pages ul span a{
	color:#30318c;
	height:36px;
	line-height:36px;
	padding-left:12px;
	padding-right:12px;
	display:inline-block;
	font-size:16px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	height:36px; line-height:36px;
	padding-left:12px;
	padding-right:12px;
}
.pages ul span.page-numbar a:hover{
	padding-left:14px; padding-right:14px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	padding-left:14px; padding-right:14px;
}
}
@media  (max-width: 440px) {
.wrap{
	margin-left:10px; margin-right:10px;
}
.search_show{
	right:10px; top:55px;
}
.products_list li a{
	font-size:16px;
}
.products_list li span{
	font-size:20px;
}
.products_list li .order{
	width: 130px; height: 35px; line-height:35px;
}
.products_list li .order a{
	font-size:16px;
}
.process_title{
	font-size:28px;
}
.process_title p{
	font-size:16px;
}
.process div{
	font-size:22px;
}
.process div p{
	font-size:16px;
}
.process div img{
	width:100px; height:auto;
}
.title{
	height: 30px; margin-top:35px;
}
.title h2{
	width:168px; height:42px; line-height:38px; padding-left:25px; font-size:18px;
}
.title span{
	top:3px;
}
.title span a{
	font-size:14px;
}
.position{
	font-size:14px;
}
.position a{
	font-size:14px;
}
.products_txt h1{
	font-size:24px;
}
.products_txt span{
	font-size:24px;
}
.content{
	margin-top:25px; line-height:32px; font-size:14px;
}
.pro_order{
	width: 100%;
}
.messg_sub{
	width: 100%;
}
}