/*重置*/
a{border:none;}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
body,h1,p,li,dd,dl{ margin:0;}
p{display:block;}
img{ display:block; border:none; margin:0;}
h1{ font-weight:normal;}
span{ display:block;}
*{ font-family:"微软雅黑";padding:0;list-style-type:none;}
.overflow{ overflow:hidden;}


.bannerbox{ background-color:#6d7484;}
.banner{ margin-left:auto; margin-right:auto; width:1140px; background-image:url(./Images/yyfwpage_banner01.png); height:367px;}


.mainbox01{ background-image:url(./Images/yyfwpage_banner_bg.png); background-repeat:repeat-x; height:710px;}
.main01{margin-left:auto; margin-right:auto;width:1140px;}
.text01{float:left;margin-left:80px; margin-top:-75px;}
.text01 h1{ font-size:24px; color:#a9804d; margin-bottom:10px;}
.text01 p{ font-size:14px; color:#323232; margin-bottom:32px;}
.main01 img{ margin-top:210px; margin-bottom:24px;}
.main01 .peitu1{ margin-left:550px; margin-top:200px;width:611px;; height:359px; background:url(./Images/yyfwpage_img_znyj.png) no-repeat center center }


.mainbox02{background-image: -moz-linear-gradient(top, #7081a4, #637497); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7081a4), color-stop(1,#637497));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7081a4', endColorstr='#637497', GradientType='0'); }
.main02{margin-left:auto; margin-right:auto;width:1140px;height:710px;}
.main02 img{float:left; margin-top:150px; margin-right:180px;}
.main02 .peitu2{  float:left;  margin-top:95px;width:532px; height:420px; background:url(./Images/yyfwpage_img_jdkc.png) no-repeat center center }
.text02{ width:300xp;  margin-left:730px; margin-top:0px;}
.text02 img{margin-bottom:22px;}
.text02 h1{ float:left;font-size:24px; color:#e3ceae; margin-bottom:10px;}
.text02 p{ float:left; font-size:14px; color:#c2c7d5; margin-bottom:32px;}



.mainbox03{ background-image:url(./Images/yyfwpage_banner_bg.png); background-repeat:repeat-x; height:710px;}
.main03{margin-left:auto; margin-right:auto;width:1140px;}
.text03{  float:left;margin-left:80px;}
.text03 img{margin-bottom:22px;}
.text03 h1{ font-size:24px; color:#a9804d; margin-bottom:10px;}
.text03 p{ font-size:14px; color:#323232; margin-bottom:32px;}
.main03 img{ margin-top:80px;}
.main03 .peitu3{ margin-left:550px; margin-top:100px;width:570px;; height:490px; background:url(./Images/yyfwpage_img_jsgy.png) no-repeat center center }


.mainbox04{background-image: -moz-linear-gradient(top, #a48a6b, #977d5e); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a48a6b), color-stop(1,#977d5e));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a48a6b', endColorstr='#977d5e', GradientType='0'); }
.main04{margin-left:auto; margin-right:auto;width:1140px;height:710px;}
.main04 .peitu4{  float:left;  margin-top:95px;width:530px; height:431px; background:url(./Images/yyfwpage_img_syaq.png) no-repeat center center }

.main04 img{float:left; margin-top:150px; margin-right:180px;}
.text04{  width:300xp; height:500px; margin-left:730px; margin-top:40px;}
.text04 img{margin-bottom:22px;}
.text04 h1{ float:left;font-size:24px; color:#e3ceae; margin-bottom:10px;}
.text04 p{ float:left; font-size:14px; color:#ddd6cd; margin-bottom:32px;}



.topheaderbox{ position:fixed;left:0;top:0; width:100%; z-index:10;}
.top{ width:46px; height:46px; background-color:#bbbbbb;background-image:url(./Images/top.png); background-repeat:no-repeat; background-position:center; border-radius:5px;position:fixed;right:0;bottom:20%;}
.top:hover{ background-color:#16a3ce;}
.customer{width:46px; height:46px; background-color:#bbbbbb; border-radius:5px;position:fixed;right:0;bottom:28%;float:left;}
.customerimg{ margin-left:9px; margin-top:7px; float:left;}
.customer:hover{background-color:#16a3ce; width:196px;}
.card-content{ font-size:18px; color:#FFF; text-align:center; line-height:46px;}


@media (max-width: 1024px) {
    .headerbox{width:100%}
	
}
@media (max-width: 768px) {
    .headerbox{width:80%}
}
@media (max-width: 320px) {
    .headerbox{width:100%}
}