/*reset*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
margin: 0;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
color: #333;
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
audio,
canvas,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
display: block;
}
svg:not(:root) {
overflow: hidden;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input,
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
resize: none;
border: 1px solid #ccc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
del {
text-decoration: line-through;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
clear: both;
}
html {
font-size: 12px;
-webkit-tap-highlight-color: transparent;
}
@keyframes mymove {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
}
/* 鍖椾含鐣欏瀵艰埅鏍峰紡 */
.top_nav {
background: #444546;
}
.top_nav .top_nava_dh {
margin-left: 35px;
}
.top_nav .top_nava_dh .top_nav_cg:hover {
background: rgba(255, 255, 255, 0.9);
}
.top_nav .top_nava_dh .top_nav_cg:hover:before {
background: none;
}
.top_nav .top_nava_dh .top_nav_cg:hover span {
color: #333;
height: 80px;
}
.top_nav .top_nava_dh .top_nav_cg .top_nav_cg_no {
background: rgba(255, 255, 255, 0.9);
top: 80px;
padding-top: 0;
z-index: 9;
}
.top_nav .top_nava_dh .top_nav_cg .top_nav_cg_no a {
color: #333;
}
.top_nav .top_nava_dh .top_nav_cg .top_nav_cg_no a:first-child {
margin-top: -20px;
}
.yx-footer {
padding-top: 1px;
}
.yx-footer .title {
margin-top: 25px;
}
.yx-footer ul {
padding-top: 10px;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
font-size: 14px;
color: #333;
background:#f4f4f4;
overflow-x: hidden;
}
.pullL{
float:left;
}
.pullR{
float:left;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
clear: both;
}
.wrapper {
width: 1200px;
margin: 0 auto;
}
.content100{
width: 100%;
}
.w1200{
width: 1200px;
margin:0 auto;
}
.mr0{
margin-right: 0 !important;
}
.w432 {
width: 432px;
margin: 0 auto;
}
.w457 {
width: 457px;
margin: 0 auto;
}
.w498{
width: 498px;
margin: 0 auto;
}
.w561{
width: 561px;
margin: 0 auto;
}
.w751{
width: 751px;
margin: 0 auto;
}
.w912{
width: 912px;
margin: 0 auto;
}
.w921{
width: 921px;
margin: 0 auto;
}
.w950 {
width: 1074px;
margin: 0 auto;
}
/* banner */
.ban1_bg{
height: 455px;
background: url(../images/ban1.jpg) top center no-repeat;
box-sizing: border-box;
text-align: center;
padding-top: 360px;
margin-top: 136px;
}
.w1200{
width: 1200px;
margin:0 auto;
}
.ban1_bg .ba1_mian{
width: 1232px;
height: 192px;
margin:0 auto;
position: relative;
background: url(../images/ban1_bg2.png) 0 0 no-repeat;
}
.ban1_bg .ba1_mian h3{
color:#181e2a;
font-size:45px;
position: absolute;
left: 80px;
top: 33px;
}
.ban1_bg .ba1_mian h3 span{
color:#e92c32;
}
.ban1_bg .ba1_mian p{
color:#181e2a;
font-size:16px;
position: absolute;
text-align: left;
}
.ban1_bg .ba1_mian p.p1{
right: 59px;
top: 63px;
}
.ban1_bg .ba1_mian p.p2{
right: 377px;
top: 105px;
}
/*鑳屾櫙鎻愬崌鏈変粈涔堢被鍨�*/
.ban2_bg{
margin-top: 103px;
}
.pubstyle h3{
text-align: center;
color:#181e2a;
font-size:56px;
}
.pubstyle h3 span{
color:#e92c32;
}
.ban2_bg .leixing_list ul li{
width: 308px;
height: 424px;
float: left;
margin-right:-11px;
margin-top:30px;
box-sizing: border-box;
padding:230px 25px 0 25px;
}
.ban2_bg .leixing_list ul li:nth-child(1){
background: url(../images/leixing01.png) 0 0 no-repeat;
}
.ban2_bg .leixing_list ul li:nth-child(2){
background: url(../images/leixing02.png) 0 0 no-repeat;
}
.ban2_bg .leixing_list ul li:nth-child(3){
background: url(../images/leixing03.png) 0 0 no-repeat;
}
.ban2_bg .leixing_list ul li:nth-child(4){
background: url(../images/leixing04.png) 0 0 no-repeat;
margin-right: 0;
}
.ban2_bg .leixing_list ul li dl{
text-align: center;
color:#181e2a;
}
.ban2_bg .leixing_list ul li dl dt p.ppt1{
font-size: 26px;
position: relative;
}
.ban2_bg .leixing_list ul li dl dt p.ppt1:after{
content:'';
width: 45px;
height: 2px;
background: #e92c32;
font-size: 26px;
position: absolute;
bottom: 2px;
left: 50%;
margin-left: -22px;
}
.ban2_bg .leixing_list ul li dl dt p.ppt2{
font-size: 18px;
margin-bottom: 20px;
}
.ban2_bg .leixing_list ul li dl dd{
text-align: left;
color:#5e5e5e;
font-size:16px;
}
.pubstyle a.btnnl{
display: block;
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
color:#fff;
background: #e92c32;
box-shadow: 0 3px 0 #bb1d22;
border-radius: 50px;
margin:0 auto;
margin-top: 20px;
margin-bottom: 40px;
font-size: 18px;
transition: all .3;
animation: mymove 3s infinite;
}
.pubstyle a.btnnl:hover{
box-shadow: 0 3px 20px #bb1d22;
}
/*鐣欏鐢宠锛屼负浠€涔堥渶瑕佽儗鏅彁鍗�*/
.ban3_bg{
height: 1095px;
background: url(../images/ban3_bg.jpg) top center no-repeat;
box-sizing: border-box;
text-align: center;
padding-top: 15px;
background-size: 100% 1188px;
}
.ban3_bg .w1200{
position: relative;
}
.ban3_bg .yrShili img{
position: absolute;
width: 387px;
height: 387px;
left: 50%;
margin-left: -193px;
top: 146px;
}
.ban3_bg .yrShili .shili{
position: absolute;
font-size: 32px;
color:#333333;
font-weight:bold;
border-radius: 10px;
text-align: center;
width: 220px;
height: 64px;
line-height: 64px;
}
.ban3_bg .yrShili .yingsl_div{
left: 20px;
top: 308px;
background:#fbd5d6;
}
.ban3_bg .yrShili .ruansl_div{
right: 20px;
top: 308px;
background:#e0eeff;
}
.ban3_bg .yrShili p{
position: absolute;
font-size: 24px;
color:#333333;
}
.ban3_bg .yrShili p.pp01{
top: 326px;
left: 277px;
}
.ban3_bg .yrShili p.pp02{
top: 154px;
right: 362px;
}
.ban3_bg .yrShili p.pp03{
top: 320px;
right: 279px;
}
.ban3_bg .yrShili p.pp04{
top: 523px;
right: 409px;
}
.ban3_bg .yrShili p.pp05{
top: 566px;
right: 520px;
}
.ban3_bg .shili_sec .shiliMain{
position: absolute;
width: 640px;
height: 300px;
box-sizing: border-box;
padding-top: 52px;
padding-left:20px;
border-radius: 10px;
color:#fff;
text-align: left;
}
.ban3_bg .shili_sec .left_red{
top: 627px;
left: 0;
background: linear-gradient(to right, #e92c32, #fe693f);
}
.ban3_bg .shili_sec .left_blue{
top: 665px;
right: 0;
z-index:3;
background: linear-gradient(to right, #4096ff, #63c1ff);
}
.ban3_bg .shili_sec .shiliMain dl dt{
width: 500px;
font-size:30px;
border-bottom:1px solid #fff;
position: relative;
}
.ban3_bg .shili_sec .shiliMain dl dt:after{
content:'';
width: 61px;
height: 3px;
background: #fff;
position: absolute;
bottom: -2px;
left:0;
}
.ban3_bg .shili_sec .shiliMain dl dd{
margin-top: 20px;
font-size:16px;
}
.ban3_bg .pubstyle .btnnl{
margin-top: 923px;
}
/*鍙傚姞鏂拌埅閬撹儗鏅彁鍗囷紝鍙敹鑾�*/
.ban4_bg{
margin-top: 20px;
}
.ban4_bg .huode_main{
margin-top: 25px;
height: 473px;
margin-bottom: 30px;
}
.ban4_bg .huode_main ul li{
float: left;
width: 221px;
height: 221px;
text-align: center;
margin-right: 23px;
margin-bottom: 22px;
background:#fff;
box-shadow: 0 0 10px rgba(236,72,76,.5) inset;
border-radius: 20px;
box-sizing: border-box;
padding:20px 10px 0 10px;
}
.ban4_bg .huode_main ul li img{
display: inline-block;
margin:0 auto;
}
.ban4_bg .huode_main ul li:nth-child(5n){
margin-right: 0;
}
.ban4_bg .huode_main ul li dl dt{
width: 100%;
font-size:24px;
height: 45px;
color:#333;
border-bottom: 1px dashed #d6d6d6;
margin:15px auto;
}
.ban4_bg .huode_main ul li dl dd{
font-size:14px;
}
/*鏂拌埅閬撹儗鏅彁鍗囬€傚悎鍝簺浜猴紵*/
.ban5_bg{
height: 390px;
background: url(../images/ban5_bg.jpg) top center no-repeat;
box-sizing: border-box;
text-align: center;
padding-top: 20px;
}
.ban5_bg .pubstyle h3 {
color: #fff;
}
.ban5_bg ul{
margin-top: 30px;
}
.ban5_bg ul li{
float: left;
width: 373px;
height: 91px;
background:#f4bfbe;
border-top:2px solid #fff;
margin-right: 39px;
font-size:20px;
color:#b41b21;
box-sizing: border-box;
padding-top: 17px;
margin-bottom: 39px;
}
.ban5_bg ul li:nth-child(3n){
margin-right: 0;
}
.ban5_bg ul li:nth-child(3){
padding-top: 30px;
}
.ban5_bg ul li:nth-child(4){
padding-top: 30px;
}
/*鏂拌埅閬撹儗鏅彁鍗囬」鐩�*/
.ban6_bg .banci_tit {
width: 1200px;
height: 68px;
margin:0 auto;
margin-top: 30px;
background:#fff;
border-radius: 10px 10px 0 0 ;
}
.ban6_bg .banci_tit ul li{
float: left;
width: 300px;
height: 68px;
line-height: 68px;
text-align: center;
color:#333;
font-size:24px;
cursor: pointer;
}
.ban6_bg .banci_tit ul li#two4{
margin-right: 0;
}
.ban6_bg .banci_tit ul li.cur{
color:#e63823;
}
.ban6_bg .banci_zhuyao .leftse_nav{
width: 300px;
height: 300px;
text-align: center;
float: left;
}
.ban6_bg .banci_zhuyao #con_two_1 .leftse_nav ul li{
width: 300px;
height: 150px;
line-height: 150px;
background:#fff;
cursor: pointer;
font-size: 22px;
color:#333;
}
.ban6_bg .banci_zhuyao #con_two_1 .leftse_nav ul li.cur{
background:#eeeeee;
}
/*鍙充晶涓昏鍐呭*/
.ban6_bg .banci_zhuyao .xiang_right{
float: left;
width: 900px;
height: 300px;
box-sizing: border-box;
padding:40px 30px;
color:#fff;
}
.ban6_bg .banci_zhuyao .xiang_right{
background: url(../images/tab_bg1.jpg) 0 0 no-repeat;
}
.ban6_bg .banci_zhuyao .xiang_right p{
height: 58px;
font-size:16px;
line-height: 58px;
border-bottom:1px dashed #fff;
}
.ban6_bg .banci_zhuyao .xiang_right p img{
display:inline;
margin-right: 10px;
}
.ban6_bg .banci_zhuyao .xiang_right p span{
display: inline-block;
margin-left: 30px;
}
.ban6_bg .banci_zhuyao .xiang_right p.towP{
height: 70px;
line-height: 30px;
}
.ban6_bg .banci_zhuyao #con_two_2 .xiang_right{
background: url(../images/tab_bg2.jpg) 0 0 no-repeat;
}
.ban6_bg .banci_zhuyao #con_two_3 .xiang_right{
background: url(../images/tab_bg3.jpg) 0 0 no-repeat;
}
.ban6_bg .banci_zhuyao #con_two_4 .xiang_right{
background: url(../images/tab_bg4.jpg) 0 0 no-repeat;
}
.ban6_bg .banci_zhuyao .xiang_right p.bornone{
border-bottom:none !important;
}
/*绉戠爺绫�*/
.ban6_bg .banci_zhuyao #con_two_2 .leftse_nav ul li{
width: 300px;
height: 150px;
line-height: 30px;
background:#fff;
cursor: pointer;
font-size: 22px;
box-sizing: border-box;
padding-top: 33px;
color:#333;
}
.ban6_bg .banci_zhuyao #con_two_2 .leftse_nav ul li.cur{
background:#eeeeee;
}
.ban6_bg .banci_zhuyao #con_two_2 .xiang_right p.towP{
height: 80px;
}
.ban6_bg .banci_zhuyao #con_two_2 .xiang_right p.mt20{
margin-top: 20PX;
}
/*瀹炶绫�*/
.ban6_bg .banci_zhuyao #con_two_3 .leftse_nav ul li{
width: 300px;
height: 150px;
line-height: 30px;
background:#fff;
cursor: pointer;
font-size: 22px;
box-sizing: border-box;
padding-top: 50px;
color:#333;
}
.ban6_bg .banci_zhuyao #con_two_3 .leftse_nav ul li.cur{
background:#eeeeee;
}
.ban6_bg .banci_zhuyao #con_two_3 .xiang_right p span.mr200{
margin-left: 100px;
}
.ban6_bg .pubstyle h3 {
text-align: center;
color: #181e2a;
font-size: 56px;
margin-top: 20px;
}
/*绔炶禌绫�*/
.ban6_bg .banci_zhuyao #con_two_4 .leftse_nav ul li{
width: 300px;
height: 150px;
line-height: 30px;
background:#fff;
cursor: pointer;
font-size: 22px;
box-sizing: border-box;
padding-top: 33px;
color:#333;
}
.ban6_bg .banci_zhuyao #con_two_4 .leftse_nav ul li.cur{
background:#eeeeee;
}
.ban6_bg .banci_zhuyao #con_two_4 .xiang_right p span.ml300{
margin-left: 200px;
}
.ban6_bg .banci_zhuyao #con_two_4 .xiang_right p.towP2{
height: 118px;
line-height: 35px;
}
.ban6_bg .pubstyle .btnnl {
margin-top:30px;
margin-bottom:30px;
}
/* 鏂拌埅閬撹儗鏅彁鍗囦紭鍔� */
.ban7_bg .youshi_main{
width: 1200px;
height: 676px;
position: relative;
margin-bottom: 70px;
}
.ban7_bg .youshi_main:after{
content: '';
width: 35px;
height: 47px;
background: url(../images/ys_icon.png) 0 0 no-repeat;
position: absolute;
top: 194px;
left: 61px;
}
.ban7_bg .youshi_main:before{
content: '';
width: 35px;
height: 47px;
background: url(../images/ys_icon.png) 0 0 no-repeat;
position: absolute;
bottom:21px;
right:30px;
}
.ban7_bg .youshi_main .pelxgh{
position: absolute;
width: 452px;
height: 242px;
border:1px solid #f2d6d6;
border-radius:24px;
box-sizing: border-box;
padding-top: 66px;
padding-left: 21px;
}
.ban7_bg .youshi_main .pelxgh dl dt{
font-size: 32px;
color:#333333;
}
.ban7_bg .youshi_main .pelxgh dl dt img{
display:inline-block;
margin-right: 20px;
}
.ban7_bg .youshi_main .pelxgh dl dd{
font-size:16px;
color:#333333;
margin-top: 32px;
}
.ban7_bg .youshi_main .youshi01{
top: 41px;
left: 229px;
}
.ban7_bg .youshi_main .youshi02{
top:160px;
right: 0;
}
.ban7_bg .youshi_main .youshi03{
top:372px;
left: 0;
}
.ban7_bg .youshi_main .youshi04{
top:470px;
right: 231px;
}
/* 鏂拌埅閬撹儗鏅彁鍗囬」鐩瓟鐤� */
.ban8_bg{
height: 240px;
background: url(../images/ban8_bg.jpg) top center no-repeat;
box-sizing: border-box;
padding-top: 20px;
}
.ban8_bg .pubstyle h3{
margin-bottom: 20px;
}
.ban8_bg .pubstyle .xmdy_list{
width: 1200px;
height: 537px;
background:#fff;
border-radius:30px;
box-shadow: 0 0 20px rgba(250,219,210,.5);
box-sizing: border-box;
padding-left: 58px;
padding-top: 53px;
}
.ban8_bg .pubstyle .xmdy_list ul li{
width: 1095px;
height: 48px;
line-height: 39px;
box-sizing: border-box;
padding-left: 20px;
background: linear-gradient(to right, #fad1d1, #ffffff);
border-radius: 10px;
font-size:20px;
color:#333;
font-weight: bold;
margin-bottom: 20px;
transition: all .3s;
}
.ban8_bg .pubstyle .xmdy_list ul li:hover{
margin-left: -8px;
}
.ban8_bg .pubstyle .xmdy_list ul li span{
display:block;
font-size:35px;
color:#d26063;
font-weight: bold;
margin-top: 5px;
float: left;
}
.ban8_bg .pubstyle .xmdy_list ul li p{
display:block;
float: left;
margin-top: 6px;
margin-left: 10px;
}
/* 瀹氬埗鎴戠殑鑳屾櫙鎻愬崌鏂规 */
.ban9_bg{
height:435px;
background: url(../images/ban9_bg.jpg) top center no-repeat;
box-sizing: border-box;
padding-top:30px;
margin-top: 450px;
}
.ban9_bg .pubstyle h3{
color: #fff;
}
.ban9_bg .pubstyle h3 span{
color: #f9a245;
}
.ban9_bg .pubstyle .form_main{
width: 1049px;
height: 332px;
margin:0 auto;
margin-top: 18px;
box-sizing: border-box;
padding: 20px 66px;
}
.ban9_bg .pubstyle .form-item{
width:412px;
height: 64px;
box-sizing: border-box;
position:relative;
margin-bottom: 30px;
float: left;
margin-right:87px;
}
.ban9_bg .pubstyle .form_main .form-item input{
width: 100%;
height: 64px;
border:1px solid #a0a0a0;
border-radius:5px;
text-indent: 53px;
font-size: 20px;
color: #fff;
background:transparent;
}
.ban9_bg .pubstyle .form_main .form-item img{
position:absolute;
display:inline-block;
left: 10px;
top: 16px;
}
.ban9_bg .pubstyle .form_main .form-item:nth-child(2) img{
position:absolute;
display:inline-block;
left: 18px;
top: 16px;
}
.ban9_bg .pubstyle .form_main button.submit{
width: 412px;
height: 64px;
line-height: 64px;
font-size: 20px;
color:#fff;
border:none;
border-radius:5px;
background: linear-gradient(to right, #e92d32, #fe6a3f);
animation: mymove 3s infinite;
}
.ban9_bg .pubstyle .form_main button.submit:hover{
box-shadow: 0 0 10px #fe6a3f;
}
.ban9_bg .pubstyle .form_main .formCode{
display: block;
width: 412px;
height: 44px;
}
.ban9_bg .pubstyle .form_main .formCode .codeInput
{
width: 240px;
text-align: center;
height:64px;
background-color:transparent;
border-radius: 8px;
font-size: 20px;
line-height:64px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
color: #000;
margin-right: 10px;
float: left;
margin-bottom: 0;
text-indent: 0;
border: 1px solid #a0a0a0;
}
.ban9_bg .pubstyle .form_main .formCode .codetxt{
width: 152px;
background: #e3e3e3;
outline: none;
height:64px;
cursor: pointer;
font-size: 20px;
border: 0;
color: #000;
float:right;
margin-bottom: 0;
border-radius: 8px;
}