/*reset*/
*{ margin:0; padding:0;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei; font-size:14px; background:#fff;}
img{ vertical-align:top; border:none;}
header,footer,div{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
/*base*/
.rspsv-img{ display:block; max-width:100%; margin:0 auto;}
.txtcen{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.pdbot{ padding-bottom:30px!important;}
.wrap1000{ margin:0 auto; width:1000px; position:relative;}
.wrap1200{ margin:0 auto; width:1200px; position:relative;}
.wrap1150{ margin:0 auto; width:1150px; position:relative;}
.clrboth{ clear:both;}
.clrafter:after{ content:''; visibility:hidden; display:block; height:0; clear:both;}

/*PC端*/
.max500{ text-align:center; font-size:22px; color:#487fff; padding:20px 0 0 0;}
.max500 strong{ font-size:26px;}
.apply-btn{ display:block; width:200px; line-height:2.8; text-align:center; font-size:20px; font-weight:bold; color:#487fff!important; border-radius:5px; margin:0 auto; border:1px solid #487fff;}
.apply-btn:hover{ background:#fff;}
.ygf-ban{ height:620px; background:url(../img/bswq/ban.jpg) center no-repeat; position:relative;}
.ygf-ban>a{ display:block; height:100%;}
.ygf-ban>.jumplink{ position:absolute; top:0; right:0; width:18%; height:100%; cursor:pointer;}
.ygf-ban-btn{ position:absolute; left:0; top:480px; text-align:center; line-height:2.5; font-size:22px; font-weight:bold;}
.ygf-ban-btn a{ display:inline-block; border:1px solid #fff; color:#fff; border-radius:5px; padding:0 50px; margin:0 2rem 0 0; vertical-align:middle;}
.ygf-ban-btn a:hover{ background:#fff; color:#2d53aa;}
.ygf-ban-btn span{ display:inline-block; color:#fff; line-height:1.6; text-align:left; vertical-align:middle;}
.ygf-ban-btn span>i{ font-size:20px; display:block; font-style:normal; font-weight:normal;}
.ygf-intro{ background:url(../img/bswq/s1.jpg) center bottom no-repeat #fff; padding:80px 0;}
.ygf-intro .t1{ font-size:40px; padding-bottom:20px;}
.ygf-intro .t1>strong{ color:#4560e2;}
.ygf-intro .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
.ygf-intro>.wrap1200{ height:780px;}
.ygf-reason{ background:#f6f6f6; padding:80px 0;}
.ygf-reason .t1{ font-size:40px; padding-bottom:20px;}
.ygf-reason .t1>strong{ color:#4560e2;}
.ygf-reason .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
.ygf-reason-list li{ display:inline-block; width:30.33%; margin:0 1% 2.5% 1%; box-shadow:0 0 10px #aaa; background:#fff; padding:30px 0; transition:all 0.7s; cursor:pointer;}
.ygf-reason-list li:nth-child(1):hover{ background:url(../img/bswq/a1.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li:nth-child(2):hover{ background:url(../img/bswq/a2.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li:nth-child(3):hover{ background:url(../img/bswq/a3.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li:nth-child(4):hover{ background:url(../img/bswq/a4.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li:nth-child(5):hover{ background:url(../img/bswq/a5.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li:nth-child(6):hover{ background:url(../img/bswq/a6.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li:nth-child(7):hover{ background:url(../img/bswq/a1.jpg) center/cover no-repeat; color:#fff;}
.ygf-reason-list li>h1{ font-size:32px; padding-bottom:30px;}
.ygf-reason-list li>h2{ font-size:17px; color:#999; line-height:2; transition:all 0.7s;}
.ygf-reason-list li>figure>img{ display:block; height:70px; margin:0 auto;}
.ygf-reason-list li>figure>img:nth-child(2){ display:none;}
.ygf-reason-list li:hover>h2{ color:#fff;}
.ygf-reason-list li:hover>figure>img:nth-child(1){ display:none;}
.ygf-reason-list li:hover>figure>img:nth-child(2){ display:block;}
.ygf-advantage{ padding:80px 0; background:#f5f5ff;}
.ygf-advantage .t1{ font-size:40px; padding-bottom:20px;}
.ygf-advantage .t1>strong{ color:#4560e2;}
.ygf-advantage .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
.ygf-advantage>div>.rspsv-img{ margin:0 auto 60px auto;}
.ygf-advantage ul li{ width:31.33%; margin-right:3%; margin-bottom:3%; float:left; transition:all 0.5s; position:relative; cursor:pointer;}
.ygf-advantage ul li:hover{ box-shadow:0 0 15px #ccc; margin-top:-5px;}
.ygf-advantage ul li .cov{ position:absolute; background:rgba(0,0,0,0.5); left:0; top:0; width:100%; height:210px; padding-top:47px; z-index:9; color:#fff; text-align:center; font-size:16px; transition:all 0.5s; opacity:0;}
.ygf-advantage ul li .cov>.rspsv-img{ height:130px;}
.ygf-advantage ul li .cov>p{ padding:10px 0 0 0;}
.ygf-advantage ul li:hover .cov{ opacity:1;}
.ygf-advantage ul li:nth-child(3n){ margin-right:0;}
.ygf-advantage ul li>img{ display:block; width:100%;}
.ygf-advantage ul li .w1{ background:#fff; text-align:center; padding:20px 0;}
.ygf-advantage ul li .w1 h1{ font-size:30px; padding:0 0 15px 0;}
.ygf-advantage ul li .w1 h2{ font-size:18px; color:#888;}
.ygf-help{ padding:80px 0;}
.ygf-help .t1{ font-size:40px; padding-bottom:20px;}
.ygf-help .t1>strong{ color:#4560e2;}
.ygf-help .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
.ygf-help .ua li{ width:25%; float:left; text-align:center; font-size:20px; padding:20px 0; border-right:1px solid #fff; box-sizing:border-box; background:#f5f5ff; cursor:pointer;}
.ygf-help .ua li.on{ background:#487fff; color:#fff;}
.ygf-help .ub li{ display:none;}
.ygf-help .ub li.on{ display:block;}
.ygf-steps{ padding:80px 0; background:#f5f5ff;}
.ygf-steps .t1{ font-size:40px; padding-bottom:20px;}
.ygf-steps .t1>strong{ color:#4560e2;}
.ygf-steps .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
.ygf-steps .ua1{ width:465px;}
.ygf-steps .ua1 li{ border-radius:7px; box-sizing:border-box; padding:30px 20px; background:#fff; margin-bottom:10px; cursor:pointer;}
.ygf-steps .ua1 li h1{ font-size:24px; padding-bottom:10px;}
.ygf-steps .ua1 li h2{ display:none; font-size:14px; line-height:1.8;}
.ygf-steps .ua1 li.on{ background:#487fff; color:#fff;}
.ygf-steps .ua1 li.on h2{ display:block;}
.ygf-steps .ub1 li{ display:none; position:relative;}
.ygf-steps .ub1 li>a{ position:absolute; width:200px; line-height:2.8; text-align:center; font-size:20px; color:#fff; border-radius:5px; right:20px; bottom:20px; z-index:9; background:#3672ff;}
.ygf-steps .ub1 li>a:hover{ background:#fff; color:#3672ff; font-weight:bold;}
.ygf-steps .ub1 li.on{ display:block;}
.ygf-tools{ padding:80px 0;}
.ygf-tools .t1{ font-size:40px; padding-bottom:20px;}
.ygf-tools .t1>strong{ color:#4560e2;}
.ygf-tools .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
.ygf-tools .ua2 li{ width:25%; float:left; text-align:center; font-size:20px; padding:20px 0; border-right:1px solid #fff; box-sizing:border-box; background:#f5f5ff; cursor:pointer;}
.ygf-tools .ua2 li.on{ background:#487fff; color:#fff;}
.ygf-tools .ub2 li{ display:none; position:relative;}
.ygf-tools .ub2 li>img{ width:100%; display:block;}
.ygf-tools .ub2 li>a{ position:absolute; width:200px; line-height:2.8; text-align:center; font-size:20px; color:#fff; border-radius:5px; left:50%; margin-left:-100px; bottom:50px; z-index:9; background:#3672ff;}
.ygf-tools .ub2 li>a:hover{ background:#fff; color:#3672ff; font-weight:bold;}
.ygf-tools .ub2 li.on{ display:block;}
.ygf-tools .morebtn{ display:block; text-align:center; margin:30px 0 0 0; color:#3672ff!important; font-size:20px;}
.ygf-buy{ background:#f7f8ff; padding:80px 0;}
.ygf-buy .t1{ font-size:40px; padding-bottom:20px;}
.ygf-buy .t1>strong{ color:#4560e2;}
.ygf-buy .t2{ font-size:20px; color:#777; padding-bottom:50px;}
.ygf-buy-list{ padding:40px 0;}
.ygf-buy-list li{ float:left; width:24%; margin-right:1.3333%; background:#ffffff; text-align:center; padding-bottom:30px; cursor:pointer;}
.ygf-buy-list li>p{ overflow:hidden;}
.ygf-buy-list li>p>img{ transition:all 0.4s;}
.ygf-buy-list li:hover>p>img{ -webkit-transform:scale(1.1,1.1);}
.ygf-buy-list li>h1{ font-size:22px; padding:30px 0 10px 0;}
.ygf-buy-list li>h2{ font-size:14px; line-height:1.9; padding:0 10px; color:#777;}
.ygf-buy-list li:last-child{ margin-right:0;}
.ygf-buy-apply{ text-align:center; line-height:2.5; font-size:22px; font-weight:bold;}
.ygf-buy-apply a{ display:inline-block; border:1px solid #fff; color:#fff; border-radius:5px; padding:0 50px; margin:0 2rem 0 0;}
.ygf-buy-apply a:hover{ background:#fff; color:#2d53aa;}
.ygf-buy-apply span{ display:inline-block; color:#fff;}
.ygf-newadd{ height:614px; background:url(/Skins/ygf/images/newadd.jpg) center no-repeat;}
.ygf-newadd>a{ display:block; height:100%;}
.ygf-clients{ height:833px; background:url(/Skins/ygf/images/clients.jpg) center no-repeat;}
.ygf-clients .t1{ font-size:40px; padding-bottom:20px; padding-top:100px;}
.ygf-clients .t2{ font-size:20px; color:#808080; padding-bottom:50px;}
/*门窗店*/
.mcd-1{ background:#303030; box-sizing:border-box;}
.mcd-1 *{ box-sizing:border-box;}
.mcd-1 ul{ display:block;}
.mcd-1 ul li{ float:left; width:25%; display:block; position:relative; height:527px; cursor:pointer;}
.mcd-1 ul li:nth-child(1){ background:url(/Skins/ygf/images/mcd1101.jpg) center;}
.mcd-1 ul li:nth-child(2){ background:url(/Skins/ygf/images/mcd1102.jpg) center;}
.mcd-1 ul li:nth-child(3){ background:url(/Skins/ygf/images/mcd1103.jpg) center;}
.mcd-1 ul li:nth-child(4){ background:url(/Skins/ygf/images/mcd1104.jpg) center;}
.mcd-1-1{ position:absolute; left:0; top:0; transition:all 0.4s; width:100%; height:100%; text-align:center; color:#fff; padding-top:40%;}
.mcd-1 ul li:hover .mcd-1-1{ background:rgba(0,133,252,0.4); padding-top:20%;}
.mcd-1-1 a{ display:block; opacity:0; visibility:hidden; color:#fff; width:100px; line-height:2.5; border-radius:5px; border:1px solid #ccc; margin:0 auto;}
.mcd-1-1 a:hover{ background:#fff; color:#303030;}
.mcd-1 ul li:hover a{ opacity:1; visibility:visible;}
.mcd-1-1>.img{ display:block; margin:0 auto; width:102px; height:102px;}
.mcd-1-1-1{ font-size:20px; padding:40px 0 10px 0;}
.mcd-1-1-2{ line-height:1.8; padding:0 0 30px 0; display:none;}

/*mobile端*/
.apply-btn2{ display:block; width:50%; line-height:2.4; text-align:center; font-size:18px; font-weight:bold; color:#487fff!important; border-radius:30px; margin:16px auto 0 auto; border:1px solid #487fff;}
.mobile{ max-width:720px; margin:0 auto;}
.mobi-ban{ position:relative;}
.mobi-ban-btn{ position:absolute; left:15px; top:68%; text-align:left; line-height:2.4; font-size:14px; font-weight:bold;}
.mobi-ban-btn a{ display:inline-block; background:#fff; color:#2d53aa; border-radius:30px; padding:0 20px; margin:0 10px 0 0;}
.mobi-ban-btn span{ display:inline-block; color:#fff;}
.mobi-intro{ padding:30px 0; background:#f7f8ff;}
.mobi-intro .t1{ font-size:21px; padding-bottom:15px; font-weight:bold;}
.mobi-intro .t1>strong{ color:#4560e2;}
.mobi-intro .p1{ font-size:14px; line-height:1.8; padding:15px 0 0 0; color:#777;}
.mobi-reason{ background:#f6f6f6; padding:30px 15px 10px 15px;}
.mobi-reason .t1{  font-size:22px; padding-bottom:30px; font-weight:bold;}
.mobi-reason .t1>strong{ color:#4560e2;}
.mobi-reason ul li{ width:50%; float:left; box-sizing:border-box; margin-bottom:30px;}
.mobi-reason ul li>img{ display:block; height:60px; margin:0 auto 10px auto;}
.mobi-reason ul li:nth-child(odd)>h1,.mobi-reason ul li:nth-child(odd)>h2{ border-right:1px solid #aaa;}
.mobi-reason ul li>h1{ font-size:18px; padding:0 0 14px 0; color:#111;}
.mobi-reason ul li>h2{ color:#888;}
.mobi-advantage{ padding:30px 15px; background:#f5f5ff;}
.mobi-advantage>.rspsv-img{ margin-bottom:15px;}
.mobi-advantage .t1{ font-size:22px; padding-bottom:15px; font-weight:bold;}
.mobi-advantage .t1>strong{ color:#4560e2;}
.mobi-advantage ul li{ width:48%; float:left; margin-right:4%; margin-bottom:4%; box-shadow:0 0 7px #ccc;}
.mobi-advantage ul li img{ display:block; width:100%;}
.mobi-advantage ul li:nth-child(even){ margin-right:0;}
.mobi-advantage ul li .w1{ padding:10px; text-align:center;}
.mobi-advantage ul li .w1 h1{ font-size:17px; padding-bottom:10px;}
.mobi-advantage ul li .w1 h2{ font-size:13px; color:#777;}
.mobi-help{ padding:30px 0.15rem; background:#f6f7ff;}
.mobi-help .t1{ font-size:22px; padding-bottom:15px; font-weight:bold;}
.mobi-help .t1>strong{ color:#4560e2;}
.mobi-help .ua{ margin-bottom:10px;}
.mobi-help .ua li{ width:50%; float:left; text-align:center; font-size:14px; padding:15px 0; box-sizing:border-box; background:#f5f5ff; cursor:pointer; border-radius:5px;}
.mobi-help .ua li.on{ background:#487fff; color:#fff;}
.mobi-help .ub li{ display:none;}
.mobi-help .ub li img{ display:block; width:100%;}
.mobi-help .ub li.on{ display:block;}
.mobi-steps{ padding:30px 0.15rem; background:#f5f5ff;}
.mobi-steps .t1{ font-size:22px; padding-bottom:15px; font-weight:bold;}
.mobi-steps .t1>strong{ color:#4560e2;}
.mobi-steps .ua1{ width:100%; margin-bottom:10px;}
.mobi-steps .ua1 li{ width:25%; float:left; text-align:center; font-size:14px; padding:12px 0; box-sizing:border-box; background:#f5f5ff; cursor:pointer; border-radius:5px;}
.mobi-steps .ua1 li.on{ background:#487fff; color:#fff;}
.mobi-steps .ua1 li.on h2{ display:block;}
.mobi-steps .ub1 li{ display:none;}
.mobi-steps .ub1 li img{ display:block; width:100%;}
.mobi-steps .ub1 li.on{ display:block;}
.mobi-tools{ padding:30px 0.15rem; background:#f5f5ff;}
.mobi-tools .t1{ font-size:22px; padding-bottom:15px; font-weight:bold;}
.mobi-tools .t1>strong{ color:#4560e2;}
.mobi-tools .ua2{ margin-bottom:10px;}
.mobi-tools .ua2 li{ width:25%; float:left; text-align:center; font-size:12px; padding:12px 0; border-right:1px solid #fff; box-sizing:border-box; background:#f5f5ff; cursor:pointer; border-radius:5px;}
.mobi-tools .ua2 li.on{ background:#487fff; color:#fff;}
.mobi-tools .ub2 li{ display:none; position:relative;}
.mobi-tools .ub2 li img{ display:block; width:100%;}
.mobi-tools .ub2 li>a{ position:absolute; width:40%; line-height:2.8; text-align:center; font-size:14px; color:#fff; border-radius:20px; left:30%; bottom:10px; z-index:9; background:#3672ff;}
.mobi-tools .ub2 li.on{ display:block;}
.mobi-tools .morebtn{ display:block; text-align:center; margin:15px 0 0 0; color:#3672ff!important; font-size:18px;}
.mobi-buy{ padding:30px 15px; background:#f5f5ff;}
.mobi-buy .t1{ font-size:22px; padding-bottom:45px; font-weight:bold;}
.mobi-buy .t1>strong{ color:#4560e2;}
.mobi-buy-apply{ text-align:center; line-height:2.5; font-size:15px; font-weight:bold; padding:30px 0 0 0;}
.mobi-buy-apply a{ display:inline-block; background:#fff; color:#2d53aa; border-radius:30px; padding:0 20px; margin:0 0.1rem 0 0;}
.mobi-buy-apply span{ display:inline-block; color:#fff;}
.mobi-clients{ padding:30px 20px;}
.mobi-clients .t1{ font-size:19px; padding-bottom:45px;}

/*query*/
@media screen and (max-width:750px) {
	.ygf-buy-list{ padding:0 0 10px 0;}
	.ygf-buy-list li{ width:49%; margin-right:2%; margin-bottom:3%;}
	.ygf-buy-list li:nth-child(2n){ margin-right:0;}
	.ygf-buy-list li>h1{ font-size:16px;}
	.ygf-buy-list li>h2{ font-size:13px;}
	
}