
 <!--
                body {
            	background-color: #fff;
            
            background-position:top center;margin-left:0px;
            COLOR:#333;
            margin-top: 0px;margin-right: 0px;margin-bottom:0px;
            font-size: 12px;
            }
            A:link {
            FONT-SIZE: 14px;
            COLOR: #333;
            TEXT-DECORATION: none;
            }
            A:visited {
            FONT-SIZE: 14px;
            COLOR: #333;
            TEXT-DECORATION: none;
            }
            A:hover {
            FONT-SIZE: 14px;
            COLOR: #333;
            TEXT-DECORATION: none}
            
/*|????????????o??????????????????????????o??a???????????o?*/
            #webdh {
            text-align:center;
            vertical-align:middle;
            width: 1200px;
            height:60px;
            margin: 0 auto;
            font-size: 12px;
            font-weight: normal;
            COLOR: ;
            
            	background-color: ;
            
            overflow:hidden;
            }
            #webdh A:link {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:visited {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:hover {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #copy {text-align:center;width:1200px;margin: 0 auto; line-height:150%;}
            .clear {clear:both; height:0; overflow:hidden; display:block;}
            .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
            -->
            
/*?D??????????????2??????????????????????Y?a???????????o?*/
#bodycon {width:1200px;margin: 0 auto;}
#bodycon #left {float: left;width: 0px;
            	background-color: ;
            
}
#bodycon #center {float:left;width: 1200px;
            	background-color: ;
            
}
#bodycon #right {float:left;width: px;
            	background-color: ;
            
}
            
/*?D??????????????2??????????????????????Y??????????????????????|???????????o?*/
/*????????????o??????????????2??????????????????????Y?a???????????o?*/
            #bodycontent {width:1200px;
            margin: 0 auto;
            line-height:180%;text-align:center;}
            #bodycontent.bodycontent2020 {
                text-align:left;
            }
            
/*????????????o??????????????2??????????????????????Y??????????????????????|???????????o?*/

.content{ width:1200px; margin:0 auto;}

.yinz{height: 180px;/* padding-top:80px; */background-color:#f5f5f5;}
.yinz dl{ height:217px; overflow:hidden;}
.yinz dt{ width:430px; height:217px; float:left; overflow:hidden; background:url(../images/yinz_line.png) no-repeat right top; position:relative;}
.yinz dt img{ display:block; width:350px; height:217px;}
/*.yinz dt:before{ content:""; position:absolute; top:85px; left:150px; background:url(../images/yinz_v.png) no-repeat; width:48px; height:48px;}*/
.yinz dd{ width:725px; height:217px; float:right; overflow:hidden;}
.yinz dd h3{ height:112px; border-bottom:2px solid #cfcfcf; font:54px "Microsoft YaHei UI"; font-weight:bold; color:#282828; margin-bottom:20px;}
.yinz dd p{ font:14px "Microsoft YaHei UI"; line-height:30px; color:#4c4c4c;}
.yinz ul{ height:165px; overflow:hidden; background:#fff; box-shadow:0 0 1rem #ccc;}
.yinz li{ width:25%; height:135px; float:left; position:relative; font:18px "Microsoft YaHei UI"; text-align:center; color:#4a4a4a; padding-top:30px;}
.yinz li:before{ content:""; position:absolute; top:42px; right:0; width:1px; height:80px; background:#d2d2d2;}
.yinz li:last-child:before{ background:none;}
.yinz li span{ display:block; font:60px Arial, Helvetica, sans-serif; color:#4a4a4a;}
.yinz li span em{display:inline-block;width: 38px;height: 38px;background:#340c70;border-radius:28px;color:#fff;font:16px "Microsoft YaHei UI";text-align:center;line-height:28px;}



.about dt img{ display:block; width:100%;}
.about dd{width:1200px;padding:30px 50px;background:#fff;box-shadow:0 0 1rem #ccc;position:relative;height: 300px;margin:0 auto;}
.about .tit{ width:380px; float:left;}

.about dd p{width: 725px;float:left;padding:0 0 0 40px;margin-left:40px;border-left:1px solid #ccc;font:14px "Microsoft YaHei UI";line-height:30px;color:#4c4c4c;margin-top:23px;}
.about dd span a{ display:block; width:140px; height:40px; background:#340c70; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; float:right; margin-top:50px;}

/**/

.help_cut{height: 244px;box-sizing: border-box;}

.help_nav{height: 50px; line-height: 50px; margin-bottom: 40px; position: relative;}

.help_nav ul{padding-left: 275px;}



.help_nav li a{ height: 50px; line-height: 50px;width: 196px; border:2px solid #3b3b3b;border-radius: 35px; padding-left: 78px;box-sizing: border-box;  font-size: 18px; color: #333333; float: left;  text-decoration: none; color: #333333; margin-right: 24px; position: relative; font-weight: bold;}

.help_nav li i{position: absolute;left:38px;top:5px;width:40px;height: 40px;overflow: hidden;}

.help_nav li.cur a{background: #ee9b11; color: #fff; border:2px solid #fff;}

.help_nav li.cur i img{margin-left: -40px;}



.m_help{ height:280px;width: 1200px; position: relative; }

.xc{width:1200px;  overflow: hidden;}

.xc .xclst li{ width:288px; position:relative;margin-right: 22px; float: left; }

.xc .xclst li img{ display:block;width:288px; height:216px;}

.xc .xclst li em{ height:40px;  font:14px "Microsoft YaHei"; line-height:40px; color:#666666; overflow:hidden; display: block; text-align: center;  }

.xc .xclst li a{ text-decoration: none; }

.xc .xclst li.nones{margin-right: 0;}

.xc .xclst li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }

.xc .xclst li img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

.xc .zslst li{ width:232px; position:relative;margin-right: 10px; float: left; }

.xc .zslst li i{display: block;background:url(../images/zsbg.jpg) no-repeat;width: 232px;height: 304px;}

.xc .zslst li img{ display:block;width:216px; height:288px;padding: 8px;}

.xc .zslst li em{height:40px;width:216px;font: 16px "Microsoft YaHei";line-height:40px;color:#666666;overflow:hidden;display: block;text-align: center;}

.xc_scroll .prev1,.xc_scroll .next1{position: absolute;width: 24px;height: 40px;}

.xc_scroll .prev1{left:-36px;top:90px;background:url(../images/ljt2.jpg) no-repeat}

.xc_scroll .next1{right:-36px;top:90px;background:url(../images/rjt2.jpg) no-repeat}



.xc_scroll2 .prev1,.xc_scroll2 .next1{position: absolute;width: 24px;height: 40px;}

.xc_scroll2 .prev1{left:-36px;top:128px;background:url(../images/ljt2.jpg) no-repeat}

.xc_scroll2 .next1{right:-36px;top:128px;background:url(../images/rjt2.jpg) no-repeat}

.foot{ overflow:hidden;}
.expre{ height:150px; padding-top:50px; background:url(../images/exp_bg.jpg) no-repeat center top; overflow:hidden;}
.expre h5{ width:185px; height:100px; float:left; overflow:hidden; background:#340c70; font:28px "Microsoft YaHei UI"; text-align:center; color:#fff;}
.expre h5 em{ display:block; font:16px "Microsoft YaHei UI"; font-weight:bold; padding-top:20px;}
.expre dl{ width:977px; height:99px; border-top:1px solid #ebebeb; float:right;}
.expre dd{ height:48px;border-bottom:1px solid #ebebeb;}
.expre dd a{ display:inline-block; font:14px "Microsoft YaHei UI"; line-height:48px; color:#666; padding:0 15px;}
.expre dd a:hover{ font-weight:bold; color:#340c70; text-decoration:underline;}
.expre dd a:last-child{ float:right; background:url(../images/exp_arr1.png) no-repeat right center; padding-right:30px;}
.expre dd a:last-child:hover{background:url(../images/exp_arr2.png) no-repeat right center; }
.footer,.content{width: 1200px;margin:0 auto;}
.flogo{width: 400px;/* height: 203px; */overflow:hidden;padding-top: 40px;}
.flogo img{ display:block;width:222px; height:auto;}
.flogo em{display:block;font: 14px "Microsoft YaHei UI";/* font-weight:bold; */color: #ffffff;padding-top:20px;}
.fnav{width: 400px;float:left;/* height:233px; */overflow:hidden;padding-top: 40px;/* margin-right:50px; */}
.fnav a{display:block;font:14px "Microsoft YaHei UI";color: #ffffff;padding-left:25px;line-height:40px;float:left;width:135px;position:relative;}
.fnav a:before{ content:""; position:absolute; top:15px; left:0; width:4px; height:6px; background:url(../images/f_arr.png) no-repeat center top;}
.fnav a:hover{ font-weight:bold; color:#ffffff;}
.fnav a:hover:before{ background:url(../images/f_arr.png) no-repeat center top; background-position:0 -6px;}
.flx{width: 400px;font:14px "Microsoft YaHei UI";line-height:40px;color: #ffffff;overflow:hidden;padding-top: 40px;}
.flx p{ background:url(../images/f03.png) no-repeat left center; padding-left:40px;}
.flx p:nth-child(2){ background:url(../images/f04.png) no-repeat left center;}
.flx p:nth-child(3){ background:url(../images/f02.png) no-repeat left center;}
.flx p:nth-child(4){ background:url(../images/f01.png) no-repeat left center;}
.flx p em{padding:0 12px;}
.code img{ display:block; width:85px; height:85px; border:2px solid #fff;}
.code em{ display:block; font:14px "Microsoft YaHei UI"; height:40px; line-height:40px; color:#fff; overflow:hidden; text-align:center;}
.code{background:#340c70;border-radius:6px;margin-top: 40px;padding:10px 10px 0 10px;}
.foot2{ height:70px; background:#340c70;overflow:hidden;}
.foot2 p{ width:700px; float:left; font:12px "Microsoft YaHei UI"; line-height:70px; color:#fff;}
.foot2 p em{ padding:0 20px;}
.foot2 p a{ color:#fff;}
.foot2 p a:hover{ text-decoration:underline;}

/*??????*/
.wrap-title{margin-bottom:40px;text-align:center;overflow:hidden;animation:zoomInDown 1s;}
.wrap-title h3{line-height:50px;font-size:40px;font-weight: bold; color:#FFF;}
.wrap-title em{height:30px;line-height:30px;font-size:14px;color:#666;text-transform:uppercase; font-style:normal;}
.adv{padding:75px 0;overflow:hidden;background:url(../images/20210426145124_1427270275.jpg) no-repeat center top ;}
.adv-list{padding-top:30px;overflow:hidden;}
.adv-list .item{float:left;padding: 0 30px;width: 240px;text-align:center;overflow:hidden;}
.adv-list .item i{display:block;position:relative;margin:0 auto;width:120px;height:120px;overflow:hidden;}
.adv-list .item i:after{position:absolute;z-index:1;left:0;top:0;width:120px;height:120px;content:"";background:url(../images/20210426145224_358984149.png) no-repeat;animation:adv 5s linear infinite;}
.adv-list .item i img{display:block;position:relative;z-index:2;margin:35px auto;width:50px;height:50px;}
.adv-list .item h3{margin-top:68px;height:40px;line-height:40px;font-size:22px;color:#fff;}
.adv-list .item p{margin-top:30px;height:75px;line-height:25px;font-size:14px;color:#fff;overflow:hidden;}
.adv-list .item:hover i:after{background-image:url(../uploadfile/image/20210316/20210316162814_879097673.png);}
.adv-list .item:nth-child(1){animation:bounceInLeft 4s}
.adv-list .item:nth-child(2){animation:bounceInLeft 3s}
.adv-list .item:nth-child(3){animation:bounceInLeft 2s}
.adv-list .item:nth-child(4){animation:bounceInLeft 1s}
@keyframes adv {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 0;
  }

  30% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0;
  }
}

.page{ margin:0 auto;width: 1200px; }