@charset "utf-8";
html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font:normal 20px/1.5 "MicrosoftYaHei",;}
ol,ul,li{list-style:none;}
em,i{font-weight:normal;font-style:normal;font-size:100%;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#333;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
a:hover{color: #d7000f; text-decoration: none;}
input,button,select{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}

.w400 {width: 400px}
h2,h3{font-weight: normal;}
.bg1{background-color: #fff;}
.border1{border:1px solid #e5e5e5;}
.mt30{margin-top: 30px;}
.none{display: none;}
.mt45{margin-top: 45px;}
.mb8{margin-bottom: 8px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb48{margin-bottom: 48px;}
.mb50{margin-bottom: 50px;}
.mb68{margin-bottom: 68px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.m30{margin: 30px 0;}
.mr10{margin-right: 10px;}
.mr1{margin-right: 1px;}
.w420 {width: 420px;}
.w560 {width: 560px}
.pb40 {padding-bottom: 60px;}

.font20{font-size: 20px!important;}
.font18 {font-size: 18px;}
.font14 {font-size: 14px;}
.fonW {font-weight: bold;}

.pt10{padding-top: 10px;}
.col9{color: #999;}
.col6{color: #666666;}
.cold7{color: #d7000f;}
.cold6 {color: #0d6ddb;}
.col06 {color: #0066cc}
.colf9 {color: #ff9900;}
.f41-lists{margin-right: -24px; text-align: center;}
.f41-lists li{width: 282px; margin-right: 24px; float: left; background-color: #fff; text-align: center;}
.f41-lists li a{display: table-cell; height: 80px;width: 282px; line-height: 22px;padding: 0 20px; vertical-align: middle;}
.f41-lists li a:hover{background-color: #cd0000; color: #fff; text-decoration: none;}
.f7f-list{width: 924px; margin: 20px auto;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999999;}




/* @media screen and (max-width: 321px) {
body {
font-size:16px
}
}

@media screen and (min-width: 321px) and (max-width:400px) {
body {
font-size:18px
}
} */

/* 移动端 */
@media screen and (min-width: 320px) and (max-width: 500px) {
body {
font-size:18px
}
.footer-phone {width: 100%;height: .76rem;background: #333333;display: flex;align-items: center;justify-content: space-around;font-size: .26rem;color: #ffffff;box-sizing: border-box;padding: 0 .8rem;max-width: 11rem;}
.footer-phone a {font-size: .26rem;color: #ffffff;}
/* 头部 */
.w1200{width: 100%; margin: 0 auto;}
#header{background: #fff; }
#header .cd_logo {width: 100%;box-sizing: border-box;padding: .1rem .4rem;display: flex;align-items: center;justify-content: center;}
#header .cd_logo img {width: 1.8rem;}
#header .mnav {display: none;}
#header .mnav a{ float: left;font-size: 14px; line-height: 84px;color: #333;text-decoration: none; }
#header .mnav span {float: left; font-size: 14px; line-height: 83px;margin: 0 10px;color: #888888;}
#header .mnav a:hover{text-decoration: none;color: #e80011;}

#footer{background-color: #fff; padding: 20px 0;border-top:1px solid #ccc;height: 90px;display: none;}
#footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
#footer p a{color: #999;text-decoration: none; }
#footer p span{ margin: 0 5px; }


.content {width: 100%;background: #ffffff;box-sizing: border-box;}
.content .banner {display: none;}
.content .banner-1 {width: 100%;}
.content .banner-1 img {display: block;width: 100%;}

.pad40 {box-sizing: border-box;padding: .4rem;}

.lead {width: 100%;background: url('../images/bg-1.png')no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: 1.5rem .4rem;}
.lead p {font-size: .32rem;color: #333333;line-height: .45rem;text-align: justify;margin-bottom: .2rem;}
.lead p:last-child {margin-bottom: 0;}

.c-part {width: 100%;margin-bottom: .2rem;}
.c-part:last-child {margin-bottom: 0;}
.c-part .lab {text-align: center;position: relative;}
.c-part .lab img {max-width: 100%;}
.c-part .lab1 {margin-bottom: .3rem;}
.c-part .lab p {font-size: .3rem;color: #888888;line-height: .45rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,90%);width: 100%;}
.c-part .c-title {width: 100%;margin-bottom: .2rem;}
.c-part .c-title p {font-size: .32rem;color: #333333;line-height: .45rem;text-align: justify;margin-bottom: .1rem;}
.c-part .c-title p:last-child {margin-bottom: 0;}
.c-part .c-com-list {width: 100%;}
.c-part .c-com-list ul {display: flex;align-items: center;flex-wrap: wrap;}
.c-part .c-com-list ul li {width: 100%;box-sizing: border-box;background: #114ABF;border-radius: .1rem;border: .08rem solid #00A5FF;padding: .4rem;float: left;margin-bottom: .4rem;}
.c-part .c-com-list ul li p.tt {font-size: .36rem;color: #ffffff;font-weight: bold;line-height: .45rem;text-align: justify;margin-bottom: .22rem;height: .8rem;margin-top: .22rem;}
.c-part .c-com-list ul li p.int {font-size: .32rem;color: #ffffff;line-height: .45rem;text-align: justify;margin-bottom: .2rem;}
.c-part .c-com-list ul li p.int:last-child {margin-bottom: 0;}
.c-part .c-com-list ul li img {max-width: 100%;}
.c-part .c-com-list ul li:hover {background: #005CFF;border-radius: .1rem;border: .08rem solid #00C8FF;}

}

/* pc */
@media screen and (min-width: 500px) {
.footer-phone {display: none;}
/* 头部 */
#header{background: #fff; }
#header .mnav a{ float: left;font-size: 14px; line-height: 84px;color: #333;text-decoration: none; }
#header .mnav span {float: left; font-size: 14px; line-height: 83px;margin: 0 10px;color: #888888;}
#header .mnav a:hover{text-decoration: none;color: #e80011;}

#footer{background-color: #fff; padding: 20px 0;border-top:1px solid #ccc;}
#footer p{ line-height: 30px; text-align: center; color: #999; font-size: 14px;}
#footer p a{color: #999;text-decoration: none; }
#footer p span{ margin: 0 5px; }

.w1200{width: 1200px; margin: 0 auto;}
.content {width: 100%;background-size: 100% 100%;}
.content .banner {width: 100%;}
.content .banner img {display: block;width: 100%;}
.content .banner-1 {display: none;}

.lead {width: 100%;background-size: 100% 100%;box-sizing: border-box;padding: 66px;margin: 40px 0;}
.lead p {font-size: 16px;color: #333333;line-height: 24px;text-align: justify;margin-bottom: 20px;}
.lead p:last-child {margin-bottom: 0;}

.c-part {width: 100%;margin-bottom: 20px;}
.c-part:last-child {margin-bottom: 0;}
.c-part .lab {text-align: center;position: relative;background: url('../images/lab-1.png')no-repeat;background-position: bottom;height: 95px;color: #fff;
font-size: 30px;line-height: 75px;}
.c-part .lab1 {margin-bottom: 30px;}
.c-part .lab p {font-size: 17px;color: #888888;line-height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,110%);}
.c-part .c-title {width: 100%;margin-bottom: 20px;}
.c-part .c-title p {font-size: 16px;color: #333333;line-height: 24px;text-align: justify;margin-bottom: 10px;}
.c-part .c-title p:last-child {margin-bottom: 0;}
.c-part .c-com-list {width: 100%;}
.c-part .c-com-list ul {margin-right: -30px;}
.c-part .c-com-list ul li {width: 380px;height: 490px;box-sizing: border-box;background: #114ABF;border-radius: 10px;border: 8px solid #00A5FF;padding: 20px;float: left;margin-right: 30px;margin-bottom: 40px;}
.c-part .c-com-list ul li p.tt {font-size: 18px;color: #ffffff;font-weight: bold;line-height: 24px;text-align: justify;margin-bottom: 22px;height: 48px;margin-top: 22px;}
.c-part .c-com-list ul li p.int {font-size: 16px;color: #ffffff;line-height: 24px;text-align: justify;margin-bottom: 20px;}
.c-part .c-com-list ul li p.int:last-child {margin-bottom: 0;}
.c-part .c-com-list ul li img {max-width: 100%;}
.c-part .c-com-list ul li:hover {background: #005CFF;border-radius: 10px;border: 8px solid #00C8FF;}

}