
/*栏目1*/
#m1{ width:1280px; margin:0 auto; margin-top:50px; height:250px;}
#m1 .m1_t{ margin:0 auto; text-align:center;}
#m1 .m1_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
#m1 .m1_t p { font-size: 16px; color: #686868;}
#m1 .m1_c{ margin:0 auto; width:1280px; margin-top:60px;}
#m1 .m1_c li{ float:left; width:319px; text-align:center;font-size: 16px; color: #333333; line-height: 35px; border-right:#eeeeee 1px solid; padding-top:10px;}
#m1 .m1_c li span{ color: #f67524; font-size: 60px; }
#m1 .m1_c li:last-child{ border-right:0;}

/*栏目2*/
.m2_bg{ width:100%; min-width:1280px; margin-top:50px; padding:50px 0 60px 0; background-color:#ebebeb; overflow:hidden;}
.m2_bg .m2_t{ margin:0 auto; text-align:center;}
.m2_bg .m2_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
.m2_bg .m2_t p { font-size: 16px; color: #686868;}
#m2{ width:1280px; margin:0 auto; margin-top:40px;}
#m2 li{ float:left; width:294px; padding-bottom:35px; margin-left:32px; background:#fff; border-radius: 8px; text-align: center; border: #e2e2e2 1px solid; }
#m2 li i{ display:block; margin:35px auto; width:105px; height:105px; border-radius:55px;}
#m2 li .i1{ background:url(/img/m2_01.png) top left no-repeat; border:#458dd2 1px solid;}
#m2 li .i2{ background:url(/img/m2_01.png) left -105px no-repeat; border:#41adb6 1px solid;}
#m2 li .i3{ background:url(/img/m2_01.png) left -210px no-repeat; border:#f26655 1px solid;}
#m2 li .i4{ background:url(/img/m2_01.png) left -315px no-repeat; border:#82b34e 1px solid;}
#m2 li:hover .i1{ background:url(/img/m2_01.png) -105px 0px no-repeat; border:#458dd2 1px solid; background-color:#458dd2;}
#m2 li:hover .i2{ background:url(/img/m2_01.png) -105px -105px no-repeat; border:#41adb6 1px solid; background-color:#41adb6;}
#m2 li:hover .i3{ background:url(/img/m2_01.png) -105px -210px no-repeat; border:#f26655 1px solid; background-color:#f26655;}
#m2 li:hover .i4{ background:url(/img/m2_01.png) -105px -315px no-repeat; border:#82b34e 1px solid; background-color:#82b34e;}
#m2 li:nth-child(1) { border-top: #458dd2 5px solid;}
#m2 li:nth-child(2) { border-top: #41adb6 5px solid;}
#m2 li:nth-child(3) { border-top: #f26655 5px solid;}
#m2 li:nth-child(4) { border-top: #82b34e 5px solid;}

#m2 li:first-child{ margin-left:0;}
#m2 li h3 { font-weight: bold; font-size: 24px; line-height: 30px; text-align: center; text-indent: 0em; margin-top: 10px;}
#m2 li p{ font-size: 14px; color: #777; line-height:200%; text-align: left; font-weight: normal; padding:20px 20px;}
#m2 li a{display:block; margin:0 auto; text-align:center; width:130px; height:34px; line-height:34px; border:#ff6d16 1px solid; color:#ff6d16; border-radius:8px; font-size: 16px;}
#m2 li a:hover{background: #ff6d16; color: #fff;}

#m2 li:nth-child(1) h3{ color: #458dd2;}
#m2 li:nth-child(1) a{ color: #458dd2; border:#458dd2 1px solid;}
#m2 li:nth-child(1) a:hover{background: #458dd2; color: #fff;}
#m2 li:nth-child(2) h3{ color: #41adb6;}
#m2 li:nth-child(2) a{ color: #41adb6; border:#41adb6 1px solid;}
#m2 li:nth-child(2) a:hover{background: #41adb6; color: #fff;}
#m2 li:nth-child(3) h3{ color: #f26655;}
#m2 li:nth-child(3) a{ color: #f26655; border:#f26655 1px solid;}
#m2 li:nth-child(3) a:hover{background: #f26655; color: #fff;}
#m2 li:nth-child(4) h3{ color: #82b34e;}
#m2 li:nth-child(4) a{ color: #82b34e; border:#82b34e 1px solid;}
#m2 li:nth-child(4) a:hover{background: #82b34e; color: #fff;}
#m2 li:hover{ box-shadow: 2px 3px 3px #bbb;}

/*栏目3*/
#m3{ margin:50px auto; padding-bottom:10px; width:1280px;}
#m3 .m3_t{ margin:0 auto; text-align:center;}
#m3 .m3_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
#m3 .m3_t p { font-size: 16px; color: #686868;}
#m3 .lm3_c{ margin:0 auto; margin-top:40px; width:1280px;}
#m3 .lm3_c .l1{ float:left; width:200px;}
#m3 .lm3_c .l1 .ab1{font-size: 16px; color: #999;}
#m3 .lm3_c .l1 .ab1 span{ font-size:22px; color:#222;}
#m3 .lm3_c .l1 .d1{ margin: 20px 0 30px; }
#m3 .lm3_c .l1 .d1 em { display: block; margin: 0 auto 10px; width: 30px; height: 2px; background: #d2d2d2; }
#m3 .lm3_c .l1 .d1 .p1{font-size:60px; text-align: center; font-weight: lighter; color:#222; position:relative;font-family: STXihei,-apple-system;}
#m3 .lm3_c .l1 .d1 .p1 span{ position:absolute; left:140px; top:0px;font-size:18px;}
#m3 .lm3_c .l1 .d1 .p2 { font-size:16px; color:#232323; text-align:center;}
#m3 .lm3_c .l2{ float:left; width:545px; padding-right:30px; padding-left:60px; font-size:16px; line-height:200%; color:#333; position:relative;}
#m3 .lm3_c .l2 em { position:absolute; left:-45px; top:10px;font-size:90px; color: #b6b6b6;}
#m3 .lm3_c .l3{ float:left; width:445px;}

/*栏目4*/
.m4_bg{ width:100%; min-width:1280px; margin-top:50px; padding:50px 0 60px 0; background-color:#ebebeb; overflow:hidden;}
.m4_bg .m4_t{ margin:0 auto; text-align:center;}
.m4_bg .m4_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
.m4_bg .m4_t p { font-size: 16px; color: #686868;}
#m4{ width:1280px; margin:0 auto;}
#m4 li{ float:left; margin-left:48px; margin-top:48px; width:284px; background-color:#fff; border-radius:15px; overflow:hidden; }
#m4 li:nth-child(4n+1){ margin-left:0; }
#m4 li img{ width:284px; height:189px;}
#m4 li h3{ margin:10px auto; width:80%; height:60px; line-height:25px; text-align:center; background-color:#fff; font-weight:bold; color:#3b3b3b; }
#m4 li:hover{ box-shadow: 2px 3px 3px #ccc; }
#m4 li:hover h3{ color:#388EE4; }

/*栏目5*/
#m5{ margin:50px auto; padding-bottom:10px; width:1280px;}
#m5 .m5_t{ margin:0 auto; text-align:center;}
#m5 .m5_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
#m5 .m5_t p { font-size: 16px; color: #686868;}

#m5 .m5_c{ margin:0 auto; width:1270px; margin-top:50px;}
#m5 .m5_c div { width:220px; padding:40px 30px; height:130px;  float: left; margin-right: 50px; margin-bottom:50px; background-color:#fff; box-shadow:1px 1px 2px 1px #ccc;}/*实际宽280px，高240px*/
#m5 .m5_c div:nth-child(4),#m5 .m5_c div:last-child{margin-right:0;}
#m5 .m5_c .div01{ padding:40px 30px; background:url(/img/ys_01.png) bottom center no-repeat; background-color:#FFF; width:220px; height:390px;}
#m5 .m5_c .div01 .p1{ height:54px; text-align:center; line-height:65px; font-size:22px; color:#333;}
#m5 .m5_c .div01 i{ display: block; margin:25px auto; width: 100px; height: 2px; background: #f75853;}
#m5 .m5_c .div01 .p2{ text-align:center; line-height:200%;  color:#888;}
#m5 .m5_c .div02-7 img{ margin-right:10px;}
#m5 .m5_c .div02-7 .p1{ padding-left:70px; height:54px; line-height:65px; font-size:22px; color:#333;}
#m5 .m5_c .div02-7 .p2{ padding:15px 0; line-height:180%;}
#m5 .m5_c .div02 .p1{background:url(/img/ys_02.png) left center no-repeat;}
#m5 .m5_c .div02:hover .p1{background:url(/img/ys_02_hover.png) left center no-repeat; color:#dd373e;}
#m5 .m5_c .div03 .p1{background:url(/img/ys_03.png) left center no-repeat;}
#m5 .m5_c .div03:hover .p1{background:url(/img/ys_03_hover.png) left center no-repeat; color:#dd373e;}
#m5 .m5_c .div04 .p1{background:url(/img/ys_04.png) left center no-repeat;}
#m5 .m5_c .div04:hover .p1{background:url(/img/ys_04_hover.png) left center no-repeat; color:#dd373e;}
#m5 .m5_c .div05 .p1{background:url(/img/ys_05.png) left center no-repeat;}
#m5 .m5_c .div05:hover .p1{background:url(/img/ys_05_hover.png) left center no-repeat; color:#dd373e;}
#m5 .m5_c .div06 .p1{background:url(/img/ys_06.png) left center no-repeat;}
#m5 .m5_c .div06:hover .p1{background:url(/img/ys_06_hover.png) left center no-repeat; color:#dd373e;}
#m5 .m5_c .div07 .p1{background:url(/img/ys_07.png) left center no-repeat;}
#m5 .m5_c .div07:hover .p1{background:url(/img/ys_07_hover.png) left center no-repeat; color:#dd373e;}

/*栏目6*/
.m6_bg{ width:100%; min-width:1280px; margin-top:50px; padding:50px 0 60px 0; background-color:#ebebeb; overflow:hidden;}
.m6_bg .m6_t{ margin:0 auto; text-align:center;}
.m6_bg .m6_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
.m6_bg .m6_t p { font-size: 16px; color: #686868;}
#m6 { width:1280px; margin:0 auto; margin-top:40px;}
#m6 ul { float:left; width:750px;}
#m6 ul li{ list-style-type:disc; line-height:40px; color:#333; }
#m6 img{ float:right; margin-left:30px;}


 
/*栏目7*/
#m7{ margin:50px auto; padding-bottom:10px; width:1280px;}
#m7 .m7_t{ margin:0 auto; text-align:center;}
#m7 .m7_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
#m7 .m7_t p { font-size: 16px; color: #686868;}
#m7 .m7_c{ margin:0 auto; margin-top:40px; width:1280px;}/*div宽408，间隙为28*/
#m7 .m7_c li{ float:left; margin-bottom:30px; margin-right:48px; width:284px; height:420px; box-shadow: #ccc 0px 1px 2px;  position:relative; overflow:hidden;}
#m7 .m7_c li:nth-child(4n) { margin-right:0; }
#m7 .m7_c li img{ width:284px; height:189px;}
#m7 .m7_c li h4 { margin:15px 15px; font-size:20px; color:#333; font-weight:normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; line-height:160%; }
#m7 .m7_c li p{margin:15px; font-size:16px; color:#666; line-height:160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow:hidden; }
#m7 .m7_c li b{ padding:0 15px; font-size:14px; color: #888; font-weight:normal; }
#m7 .m7_c li:hover{ box-shadow: #666 1px 1px 5px;}
#m7 .m7_c li:hover h4{ color:#388EE4;}


/*栏目8*/
.m8_bg{ width:100%; min-width:1280px; margin-top:50px; padding:50px 0 0 0; background-color:#ebebeb; overflow:hidden;}
.m8_bg .m8_t{ margin:0 auto; text-align:center;}
.m8_bg .m8_t h3{font-size: 36px; font-weight:normal; color:#000; margin-bottom:10px;}
.m8_bg .m8_t p { font-size: 16px; color: #686868;}
#m8 { width:1280px; margin:0 auto; margin-top:40px;}

#m8 .zx{ float:left; width:758px; padding:30px; border: 1px solid #ddd; border-radius: 8px; background-color:#fff; }
#m8 .zx .zx_t1{ position: relative; }
#m8 .zx .zx_t1 img{ float:left;}
#m8 .zx .zx_t1 h2 { float:left; display:inline-block; font-size: 24px; color: #2a3457; line-height: 30px; padding-left:15px;}
#m8 .zx .zx_t1 span {  float: left; opacity: 0.5; color: #111E2C; font-size: 16px; line-height: 32px; padding-left: 15px; }
#m8 .zx .zx_t1 a{ float:right; color: #388EE4; font-size: 16px; line-height: 32px; text-align: right; }
#m8 .zx ul{ margin:0 auto; margin-top:20px; width:100%;}
#m8 .zx ul li{ float:left; width:46%; margin-right:8%; line-height:40px; height:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden;}
#m8 .zx ul li:nth-child(2n) { margin-right:0; }
#m8 .zx ul li a:hover{ color:#388EE4; }

#m8 .xw { float:right; width:370px; padding:30px; border: 1px solid #ddd; border-radius: 8px; background-color:#fff;}
#m8 .xw .gg_t1 { color: #111E2C; font-size: 18px; line-height: 26px; text-align: left; font-weight: 600; padding-bottom: 16px; position:relative; }
#m8 .xw .gg_t1 a{ float:right; margin-right:20px; font-size:14px; font-weight:normal; color: #388EE4;  line-height: 26px; }
#m8 .xw ul { width: 100%; margin-top:10px; }
#m8 .xw ul li { padding-bottom:16px; }
#m8 .xw ul li:last-child{ padding-bottom:6px; }
#m8 .xw ul li a { width: 330px; color: #264360; font-size: 16px; line-height: 24px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative;}
#m8 .xw ul li a i { padding-right: 10px; font-size: 13px; font-style: normal; }
#m8 .xw ul li a:hover{ color:#388EE4; }

#m8 .friendly_link{ margin:40px auto; width:1280px; color:#999;}
#m8 .friendly_link a{ color:#999;}


















