@charset "utf-8";
/* CSS Document */
/*切图：yqg*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;margin-bottom:0;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;font-size:12px;color:#000000;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:inherit;
    color:#333;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;text-decoration: inherit;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal;  font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
body{ overflow-x:hidden;}
input,table,tr,td{ margin:0; padding:0; border:none;outline:0;}
button,table{ border:none; background:none; margin:0; padding:0;outline:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;outline:0;}
textarea{ resize:none;outline:0;outline:0;}
input{ outline:0;}
::-webkit-input-placeholder { color:#999 !important;}
:-moz-placeholder {  color:#999 !important;}
::-moz-placeholder {  color:#999 !important;}
:-ms-input-placeholder { color:#999 !important; }
@media  screen and (max-width:767px){
    h1{font-size:24px;}
    h2{font-size:18px;}
    h3{font-size:16px;}
    h4{font-size:14px;}
    h5{font-size:12px;}
    h6{font-size:12px;}
}
img{border:none;}
a:focus{ text-decoration: none; color:inherit;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%; background-color: #c30010}

/**/



/*媒体查询*/

@media screen and (max-width: 1200px) {
    .header1 {  display: none;  }
    .header2{  display: block ;}
    .container.padd{ padding: 0 15px;}
    .container.nav{ padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 1199px) {
    .appointmentButton{ display: block;}
    .upTOP{ display: block;}
    }
@media (max-width: 767px) {
    .header2{ position: fixed; background-color:#fff;}
    .pz_top{ position:static;}
    .pz_banner{ margin-top:70px;}

}

.back1{ background-color: #c30010}
.topOne{ float: left; width: 100%; padding:50px 0;}
.topOne h1{ font-weight: bold; text-align: center; color:#fff;}
.textOne{ float: left; width: 100%; color:#fff; font-size:16px; line-height: 39px; margin-top: 35px;}

.topTwo{ float: left; width: 100%; padding: 80px 0;}
.topTwo h1{ color:#313131; text-align: center;}
.topTwo h3{ text-align: center; padding-top: 30px; color:#c30010}
.textTwo{ float: left; width: 100%; text-align: center; margin-top: 50px; color:#222222; font-size:16px; line-height: 42px;}
.textTwo p{color:#c30010; font-weight: bold; font-size:24px; line-height: 32px;}
.textTwo p.red1{ margin-top: 30px;}
@media screen and (max-width: 1199px) {
    .topTwo h1,
    .topOne h1{ font-size:32px;}
    .textOne{ font-size:15px; line-height: 32px; margin-top: 35px;}
    .topTwo{ padding: 60px 0;}
    .textTwo{ font-size: 15px; line-height: 38px; margin-top: 50px;}
    .textTwo p{font-size:22px; line-height: 32px;}
    .textTwo p.red1{ margin-top:25px;}

}
@media screen and (max-width: 991px) {
    .topOne{ padding:40px 0;}
    .topTwo h1,
    .topOne h1{ font-size:28px;}
    .textOne{ margin-top: 30px;}
    .topTwo{ padding: 60px 0;}
    .textTwo{margin-top: 30px;}
}
@media screen and (max-width: 767px) {
    .topTwo h1,
    .topOne h1{ font-size:24px;}
    .textOne{ font-size:14px; line-height: 28px; margin-top: 35px;}
    .topOne{ padding:30px 0;}
    .textOne{ margin-top: 25px;}
    .topTwo{ padding: 40px 0;}
    .textTwo{ font-size: 14px; line-height: 28px; margin-top: 20px;}
    .textTwo p{font-size:18px; line-height: 28px;}
    .textTwo p.red1{ margin-top:20px;}
    .topTwo h3{ padding-top: 20px; font-size:18px;}
}

.back2{ background-color: #f7f7f7;padding-bottom: 80px;}
h2.grayTit{ float: left; width: 100%; text-align: center; padding: 70px 0 50px 0; line-height: 45px; color:#222222; font-size:24px; font-weight: bold; text-align: center;}
.listBox{ float: left; width: 100%;}
.listBox ul{ float: left; width: 100%; background-color: #fff; position: relative;margin-top: 30px;}
.listBox ul.first{ margin-top: 0;}
.listBox ul:after{ position: absolute; content: ' '; width: 30px;left: 50%; margin-left: -15px; top:0; height: 100%; background-color:#f7f7f7}
.listBox ul li{ padding: 50px 25px; text-align: center;font-size:16px;color:#222222;line-height: 42px;}
.listBox ul li p{margin: 0;}
.listBox ul li p strong{ font-size:18px; color:#c30010}


.listBox1{ float: left; width: 100%;}
.listBox1 ul li{ float: left; width: 100%; margin-top: 30px;background-color: #fff;color:#222222; font-size:16px; line-height: 42px; padding: 50px 0 40px 0;display: block; text-align: center;}
.listBox1 ul li .topRedBox{display: inline-block; zoom: 1;text-align: center;}
.listBox1 ul li .topRedBox .bigBox{float: left; text-align: center; color:#fff; line-height: 36px; }

.textBox1{ float: left; width: 100%; margin-top: 36px;}
.textBox1 p{margin: 0;}
.leftBox{ float: left; width: 50%; padding: 0 15px;}
.leftBox h3{display: block; font-size:18px; color:#222222; font-weight: bold; line-height: 42px;}
.hrefText{ float: left; width: 100%; text-align: center; font-size:18px; font-weight: bold; color:#222222; line-height: 30px; padding: 70px 0 80px 0;}
.hrefText a{ color:#c30010; text-decoration: underline;}
.imgBox{display: block; text-align: center; padding-bottom: 80px;}
.imgBox img{ max-width: 1083px;}


@media screen and (max-width: 991px) {
    .back2{ padding-bottom:60px;}
    h2.grayTit{ padding: 50px 0 40px 0; font-size:20px; }
    .listBox1 ul li{ font-size:14px; line-height: 32px;}
    .leftBox h3{font-size:16px;line-height: 32px;}
    .hrefText{padding: 50px 0 60px 0;}
    .imgBox{ padding-bottom: 60px;}
    .listBox ul li{ font-size:14px;line-height: 32px;}
    .listBox ul li p strong{ font-size:16px;}

}
@media screen and (max-width: 767px) {
    .back2{ padding-bottom:30px;}
    h2.grayTit{ padding: 30px 0 20px 0; line-height: 28px;}
    .listBox1 ul li{  padding: 30px 10px 20px 10px; line-height: 28px;}
    .textBox1{ margin-top: 20px; padding: 0 10px;}
    .textBox1 p{display: inline; line-height: 20px;}
    .leftBox{ float: left; width: 100%; padding: 0 0px;}
    .leftBox:nth-child(2n){ margin-top: 20px;}
    .hrefText{font-size:16px;padding: 30px 0 30px 0;}
    .imgBox{ padding-bottom: 30px;}
    .listBox1 ul li .topRedBox .bigBox img{ max-width: 130px;}


    .listBox ul{ background:none; position: relative; margin-top: 0;}
    .listBox ul:after{  width: 0px;height: 0;}
    .listBox ul li{ padding: 30px 25px; background-color: #fff; margin-top: 30px; line-height: 28px;}
    .listBox ul li img{ max-width: 130px;}
    .listBox ul li p{ display:inline; }
}

.downText{ float: left; width: 100%; padding: 60px 0 40px 0; text-align: center; color:#fff; font-size:18px;line-height:20px;}

@media screen and (max-width: 767px) {
    .downText{ font-size:16px; line-height:28px;padding: 40px 0 30px 0; }
    .downText img{max-width: 200px;}
    .downText p{display: inline;}
}