@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,form {margin:0;padding:0;}
body,button,input,select,textarea {font:14px/1.5 "5FAE8F6F96C59ED1",Arial,"5b8b4f53",sans-serif;}
body {background-color:#fff;color:#333;}
i,em {font-style:normal;}
small {font-size:12px;}
ul,ol {list-style:none;}
a {color:#444;text-decoration:none;}
a:hover {color:#329FF2;text-decoration:none;}
a:focus,*:focus {outline:none;}
button,input,select,textarea,label {font-size:100%;vertical-align:middle}
table {border-collapse:collapse;border-spacing:0;}
hr {border:none;height:1px;}
img,a img {border:0;}
h2,strong{font-weight: normal;}

.play-box {position: fixed;top: 70px;width: 780px !important;left: 550px;z-index: 9999;height: 590px !important;}
.m-open-exit{ display:block;position:absolute;right:0;top:0;z-index:999;width:46px;height:30px;line-height:30px;background:#8f8f8f;font-size:14px;font-weight:400;color:#fff;text-align:center;overflow:hidden;cursor:pointer}
.m-black-bg{width:100%;height:100%;background:#000;display:none;overflow:hidden;position:fixed;top:0;left:0;z-index:998}
.m-open-exit{display:block;width:46px;height:30px;line-height:30px;background:#8f8f8f;font-size:14px;font-weight:400;color:#fff;text-align:center;overflow:hidden;cursor:pointer;position: fixed; top: 43px; left: 1284px;z-index: 9999;}
.playico{width: 87px;height: 87px;background-image: url(../imgs/icon_play.png);z-index: 99999;display: block;background-repeat: no-repeat;position: absolute;margin-top: -165px;margin-left: 80px;}
.playico:hover{background-position: 0 -87px;}

.fr {float:right;}
.fl {float:left;}
.hide {display:none;}
.block {display:block;}
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.clear {display:block;clear:both;height:0;overflow:hidden;}
.m20 {margin:20px 0;}
.m10 {margin:5px 0}
.m15 {margin:15px 0}
.mt15 {margin-top:15px}
.shadow {box-shadow:2px 6px 5px #E9E9E9;}


.content {position:relative;text-align:center;}
.box {width:1200px;margin:0 auto;overflow:hidden;position:relative;}  
.pos {height:45px;line-height:45px;background:#fff;color:#666;}

.hd {height:100px;}
.hd .h-logo {float:left;width:263px;overflow:hidden;}
.hd .h-logo a {width:100%;height:100px;background:url(/d/file/jtbz/2022-06-04/969effe87a5601ade5cfe040a861949c.png) no-repeat;display:inline-block;}
.hd .h-nav {width:550px; float:left;margin:30px 0 0 110px;}
.hd .h-nav li {float:left;width:70px;margin-right:40px;height:40px;line-height:40px;overflow:hidden;text-align:center;}
.hd .h-nav li a {font-size:16.5px;color:#3F4E59;}
.hd .h-nav li:hover,.hd .h-nav li.on {border-bottom:3px solid #0083F1;}
.hd .h-nav li:hover a,.hd .h-nav li.on a {color:#0083F1;text-decoration:none;}
.hd .h-search {float: left; width: 221px; height: auto; overflow: hidden; margin: 38px 0 0 20px;}
.hd .h-search img{width:100%;}
.hd .h-search .ipt {width:180px;text-indent:0.5em;line-height:30px; border:0;color:#5E5E5E;}
.hd .h-search .btn {width:24px;height:24px;font-size:0;text-indent:-9999em;cursor:pointer;border:0;background:url(icon-search-btn.png) no-repeat 0 0;}


.homeBanner {height:627px;margin-bottom:30px;background:#0D96FF url(homeBanner.png) no-repeat 50% 50%;overflow:hidden;}
.homeBanner .downBox {width:43%;float:right;margin-top:65px;}
.homeBanner .downBox .downText {width:100%;padding:50px 0 0;font-size:18px;color:#fff;clear:both;}
.homeBanner .downBox .downText h4{font-size:24px;font-weight:normal;margin-bottom:20px;}.homeBanner .downBox .downText .t4h{font-size:24px;font-weight:normal;margin-bottom:20px;}
.homeBanner .downBox .downText h2{font-size:38px;font-weight:normal;}.homeBanner .downBox .downText .t2h{font-size:38px;font-weight:normal;}
.homeBanner .downBox .downText strong {font-size:38px;color:#fff;display:block;padding-bottom:5px;}
.homeBanner .downBox .downText span {display:block;padding:5px 0;font-size:14px;}
.homeBanner .downBox .downLink {width:100%; color:#fff;line-height:100%;clear:both;overflow:hidden;} 
.homeBanner .downBox .downLink .clickUrl {float: left;width: 200px;height: 60px;background: url(bgDown-btn.png) no-repeat;overflow: hidden;text-indent: -9999em;}
.homeBanner .downBox .downLink .xlUrl {float: left;width: 200px;height: 60px;background: url(bgDown-btn.png) no-repeat 15px -60px;overflow: hidden;text-indent: -9999em;}
.homeBanner .downBox .downLink .downInfo {float:left;margin-left:25px;line-height:165%;} 
.homeBanner .downBox  .downBt{width:100%;margin-top:20px; color:#fff;color:#fff;}
.homeBanner .downBox  .downBt a{color:#fff;margin-right:20px;display:inline-block;}
.homeBanner .downBox  .downBt span{display:block;color:#fff;/*margin-top:20px;*/}
.homeBanner .downBox  a{color:#fff;}
.homeBanner .downBox  a:hover{color:#D0FF00;}
  
.homePList{width:100%;overflow:hidden;position:relative;}
.homePList ul{width:100%;padding:30px 0 0;overflow:hidden;}
.homePList ul li{float:left;width:250px;/*height:300px;*/padding:0 32px 40px 0;  margin-right:33px; border-right:1px dashed #fff;}
.homePList ul li.mr0{padding-right:0;margin-right:0; clear:right;}
.homePList ul li a.block{display:block; font-size:15px; height:225px; overflow:hidden;color:#555;margin-bottom:10px;position:relative;font-size:18px;font-weight:600;text-align:center;}
.homePList ul li a.block  i{width:85px; height:85px;margin:-60px 0 0 -43px;display:block;background:url('home-ico-play.png') no-repeat 0 0; z-index:9999;position:absolute;top:50%;left:50%;}
.homePList ul li a.block:hover{color:#329FF2; }
.homePList ul li a.block:hover  i{background-position:0 -85px; }
.homePList ul li img{width:100%;height:190px;display:block;margin-bottom:10px;border-radius: 8px; box-shadow: 1px 2px 8px 3px #2a2a2a;}

.homePList ul li span{font-size:13px;color:#666;text-indent:2em;display:inline-block;line-height:180%;text-align:left;} 
.homePList ul li:hover span{color:#666;} 
   
.homePList ul.sys li {text-align:center;height: 350px;border-right:1px dashed #ddd;}
.homePList ul.sys li a.down{width:125px;height:32px;line-height:32px;margin:18px auto;font-size:16px;text-align:center;color:#329FF2;background:#fff;display:inline-block;border:1px solid #329FF2; } 
.homePList ul.sys li a.down:hover{color:#fff;background:#329FF2;} 
.homePList ul.sys li.mr0{border-right:1px dashed #fff;}

  
.homePList ul.video li {text-align:center; }
.homePList ul.video li .play,
.homePList ul.video li a.block{height:185px; overflow:hidden;margin-bottom:10px;position:relative;}
.homePList ul.video li span.tit{display:block; font-size:15px;font-size:18px;font-weight:600;text-align:center;color:#555;margin:10px 0;text-indent:0em;}



.listFocus {width:1200px;height:430px;overflow:hidden;margin:70px 0; position:relative;}
.listFocus .focus {width:100%;}
.listFocus .focus li {position:absolute;top:0;left:2%;list-style:none;opacity:0;transition:all 0.3s ease-out;}
.listFocus .focus li img {width:600px;height:420px;border:none;}  
.listFocus .focus li.p1 {transform:translate3d(-0,0,0) scale(1);transform-origin:0% 0%;-ms-transform:translate3d(-0,0,0) scale(1);opacity:1;z-index:3;}
.listFocus .focus li.p2 {transform:translate3d(200px,50px,0) scale(0.88);transform-origin:0% 0%;-ms-transform:translate3d(-0,0,0) scale(1); opacity:1; z-index:2;  }
.listFocus .focus li.p3 {transform:translate3d(350px,85px,0) scale(0.80);transform-origin:0% 0%;-ms-transform:translate3d(-0,0,0) scale(1);opacity:1;z-index:1; }
 
.listFocus .buttons {position:absolute;width:100px;height:20px;bottom:20px;right:6%;z-index:999;text-align:center;}
.listFocus .buttons a {display:inline-block;width:12px;height:12px;margin:0 3px;cursor:pointer;}
.listFocus .buttons span {display:block;width:12px;height:12px;background:#0C95FE;border-radius:50%;}
.listFocus .buttons span.blue {background:#0C95FE;width:7px;height:7px;margin-top:3px;}

.listFocus .focus-art {width:260px;height:420px; float:right;position:relative;overflow:hidden;}
.listFocus .focus-art dl {width:100%;}
.listFocus .focus-art dl dt{color:#0C95FE;text-indent:0;font-size:24px;margin-bottom:20px;font-weight:600}
.listFocus .focus-art dl dd{ text-indent:2em;color:#0C95FE;line-height:200%;}
.listFocus .focus-art a {color:#0C95FE}

.homeTlist {width:100%;overflow:hidden;} 
.homeTlist .side-box{float:left; width:31%;margin-right:3.5%;}
.homeTlist .mr0{margin-right:0;}

.homeAdRow{background:#0C95FE;height:200px;padding:100px 0;overflow:hidden;text-align:center; }
.homeAdRow h2{font-size:40px;color:#fff; }
.homeAdRow h4{font-size:13px;color:#fff;font-weight:normal;padding:10px 0;}
.homeAdRow a{width:200px;height:60px;display:inline-block;text-align:center;overflow:hidden;margin-top:30px;}
.homeAdRow a.todown{background:#fff;border:2px solid #fff;color:#0C95FE;margin-right:30px;font-size:13px;}
.homeAdRow a.todown:hover{background:#0C95FE;color:#fff;}
.homeAdRow a.todown strong{padding:0 0 5px ;display:block;font-weight:normal;font-size:20px;}
.homeAdRow a.toread {line-height:60px;border:2px solid #fff;color:#fff;font-size:20px;}
.homeAdRow a.toread:hover{background:#fff;color:#0C95FE;}

.plbox{width:95%;padding:2.5%;}

.safa-link {margin-top:50px;margin-bottom:30px;overflow:visible;}
.safa-link ul {width:95.8%;float:left;padding:10px 2%;border:1px dashed #999;position:relative;}
.safa-link ul li {float:left;width:16.6%;text-align:center;}
.safa-link ul li img {width:180px;height:70px;}
.safa-link ul strong {color:#fff;background:#007AE2;height:26px;line-height:26px;padding:1px 15px;position:absolute;margin-top:-30px;}

.link-pic {width:100%; margin:40px 0;overflow:hidden;position:relative;clear:both;}
.link-pic ul {width:100%;padding-top:3%; background:#fff;overflow:hidden;}
.link-pic ul li {float:left;width:90px;height:40px;margin-right:21px;margin-bottom:21px;overflow:hidden;text-align:center;}
.link-pic ul li.mr0{margin-right:0;}
.link-pic ul li img {width:90px;height:40px;}
.link-pic ul li a {color:#555;font-size:14px;}

.link-txt {width:100%;margin:15px 0;position:relative;background:#fff;line-height:180%;}
.link-txt .linklist {width:100%;margin:40px 0;clear:both;}
.link-txt .linklist a {font-size:13px;color:#999;border-right:1px solid #ccc;padding:0 10px 0 3px;margin-right:5px;}
.link-txt .linklist a:hover {color:#1A8EFF;text-decoration:none;}

.footer{background:#0C95FE;border-top:5px solid #6DC0FF;color:#fff; text-align:left;padding:35px 0;margin-top:15px;}

.footer .box{text-align: center;}

.footer .ft_nav  {color:#44AEFF;}
.footer .ft_nav a {margin:0 5px;}
.footer a {color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer p {line-height:250%}

 
.artBanner {height:260px;margin:0 0 30px;background:#0D96FF url(artBanner.png) no-repeat 50% 50%;overflow:hidden;}
.artBanner .downBox {width:43%;float:right;}
.artBanner .downBox .downText {width:100%;padding:35px 0 0;font-size:18px;color:#fff;clear:both;} 
.artBanner .downBox .downText h2{font-size:38px;font-weight:normal;} 
.artBanner .downBox .downLink {width:100%;margin-top:15px; color:#fff;line-height:100%;clear:both;overflow:hidden;} 
.artBanner .downBox .downLink .clickUrl {float:left;width:200px;text-align:right; padding-right:35px;height:68px;line-height:68px;background:#fff url('icon-down.png') no-repeat 20px 50%;color:#0D96FF; font-size:30px; display:inline-block;}
.artBanner .downBox .downLink .downInfo {float:left;margin-left:25px;line-height:175%;} 
.artBanner .downBox  .downBt{width:100%;margin-top:20px; color:#fff;color:#fff;}
.artBanner .downBox  .downBt a{color:#fff;margin-right:20px;display:inline-block;}
.artBanner .downBox  .downBt span{display:block;color:#fff;margin-top:20px;}
.artBanner .downBox  a{color:#fff;}
.artBanner .downBox  a:hover{color:#D0FF00;}
   

.art-main,.art-side {float:left;overflow:hidden;}
.art-main {width:67%;padding-right:2.5%;}
.art-side {width:30.5%;margin-bottom:20px;}
.art-page {width:94%;padding:0 1%;background:#fff;min-height:400px;margin-bottom:20px;}

.art-item {width:97%;padding:3% 1.5%;border-bottom:1px solid #E6E6E6;overflow:hidden;position:relative;clear:both;}
.art-item dt {float:left;width:31%;overflow:hidden;}
.art-item dt img {width:195px;height:135px;}
.art-item dd {float:left;width:68%;color:#999;}
.art-item dd .tit {display:block;font-size:16px;margin-top:10px;}
.art-item dd .tit a {color:#444;}
.art-item dd .tit a:hover {color:#1C9CFF;}
.art-item dd .item_intro {line-height:150%;padding:10px 0;font-size:10pt;}
.art-item dd .item_date {float:left;text-indent:2em;margin-right:30px;background:url(bgSmallitem.png) no-repeat left 0;}
.art-item dd .item_tag {float:left;text-indent:2em;background:url(bgSmallitem.png) no-repeat left -20px;}
.art-item dd .item_tag a {margin-right:10px;font-size:14px;color:#1C9CFF;}

.st {width:100%;color:#605D56;position:relative;padding-left: 14px;}
.st h3 {font-size:24px;font-weight:800;display:block;}
.st em{font-weight:normal;font-size:13px;position:absolute;margin-top:-3px;display:inline-block; }
.st a{font-size:13px;font-weight:normal;color:#605D56;} 
.st a:hover{color:#1C8DFF;} 

.side-box {width:99%;margin:20px 0;overflow:hidden;position:relative;}
.side-box ul {width:99%;padding:5px 0%;overflow:hidden;background:#fff;}
.side-box ul li {margin:14px 0;height:16px;line-height:16px;overflow:hidden;}
.side-box ul li a {font-size:14px;margin-left:1em;overflow: hidden;width: 75%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
.side-box ul li i {width:6px;height:6px;border-radius:50%;background:#1C9CFF;color:#1C9CFF;display:inline-block;}
.side-box ul li span {float: right;color: #c18282;font-size: 9px;}

.side-box ul.row2 {padding:30px 0%;}
.side-box ul.row2  li {float:left;width:50%;margin:8px 0;height:16px;line-height:16px;overflow:hidden;}

.artinfo {float:left;width:100%;height:95px;border-bottom:1px solid #ddd;}
.artinfo dt {height:40px;line-height:40px;margin:0 0 5px;overflow:hidden;}
.artinfo dt h1 {font-size:22px;font-weight:normal;text-align:center;}
.artinfo dd {font-size:13px;color:#999;line-height:150%;text-align:center;}
.artinfo dd div.infos {color:#999;line-height:150%;text-align:center;}
.artinfo dd div.infos a{color:#999;}

.artcontent {width:90%;margin:auto;padding:25px 0;line-height:180%;font-size:14px;color:#444;}
.artcontent img {max-width: 680px !important;height: auto !important;_width:expression(this.width>680 ? 680:true);height:auto;margin-bottom:5px;text-indent:0em!important;margin:0 auto;display:block;box-shadow: 0px 5px 15px #e5e5e5;}
.artcontent p {display:block;clear:both;margin-bottom:20px;text-indent: 2em;}
.artcontent a {color:#1A8EFF;}
.artcontent a:hover {text-decoration:underline;}
.artcontent .tags {color:#999;margin-top:0px;height:36px;line-height:36px;overflow:hidden;}
.artcontent .tags a {margin:0 5px;}

.art_next {width:100%;height:65px;line-height:65px;overflow:hidden;clear:both;border-top:1px solid #ddd;}
.art_next span {float:left;display:block;width:50%;height:45px;line-height:45px;margin-top:8px;color:#999;overflow:hidden;}
.art_next span.next {text-align:left;}
.art_next span.pre {text-align:right;}


.pagebox { width: 96%;padding:0 2%;height:36px;line-height:36px; margin: 10px auto; text-align: center;  overflow:hidden; clear:both;}
.pagebox a { color: #666; background: #fff; border: 1px solid #eee;   padding:5px 11px; font-size:12px;}
.pagebox a:hover { color: #fff; background:#2C99F6; text-decoration:none; }
.pagebox span { width: auto; margin: 0px 5px; }
.pagebox b{color:#2C99F6;border: 1px solid #eee;  padding:5px 11px;background:#2C99F6;color:#fff;font-weight:normal;font-size:12px;}
.pagebox a b{color:#666; border:none; background:none;padding:0;font-weight:normal;}
.pagebox a:hover b{ background-color:none;color:#fff;}



.videoList{width:94%;padding:3%;overflow:hidden;position:relative;}
.videoList ul{width:100%;overflow:hidden;}
.videoList ul li{float:left;width:232px;margin:20px 25px;overflow:hidden;}
.videoList ul li .play{width:285px;height:185px; overflow:hidden;}
.videoList ul li .jwplayer,
.videoList ul li a.block{display:block;height:185px; overflow:hidden;position:relative;}
.videoList ul li a.block  i{width:56px; height:56px;margin:-40px 0 0 -28px;display:block;background:url('ico-play.png') no-repeat 0 0; z-index:9999;position:absolute;top:50%;left:50%;}
.videoList ul li a.block:hover  i{background-position:0 -56px; }
.videoList ul li a.block  img{width:100%;height:185px;display:block;margin-bottom:20px;}

.videoList ul li span.tit{ font-size:15px; color:#444; height:30px;line-height:30px;display:block;text-align:center;margin:10px 0;overflow:hidden;}
.videoList ul li span.tit:hover{color:#444; }

.videoList ul li span.fl,
.videoList ul li span.fr{font-size:12px;color:#999;height:16px;line-height:16px;} 
.videoList ul li span.fl{text-indent:1.7em;font-size:12px;color:#999;background:url(ico-videolist.png) no-repeat 0 0;} 
  
.logList {width:955px;margin:15px auto; background:#fff;overflow:hidden;position:relative; }
.logList  dl {width:100%;clear:both;}
.logList  dl.block  dd{display:block;}
.logList  dl dt {height:105px;line-height:105px;text-align:center;clear:both;cursor:pointer;}
.logList  dl dt strong {width:120px;display:inline-block;height:38px;line-height:38px;border:1px solid #2C99F6;font-size:12px;color:#1A8EFF;text-align:center;font-weight:normal;}
.logList  dl dt i {margin-left:5px;border:6px solid transparent;   width: 0; height: 0px;display:inline-block;border-bottom: 10px solid #2C99F6;border-top:0; }
.logList  dl dt i.darr {border-top: 10px solid #2C99F6;border-bottom:0;} 
.logList  dl dd {display:none;width:100%;overflow:hidden;position:relative;} 
.logList  dl dd  .logcon{width:330px;padding:30px;background:#E9F5FE;color:#2C99F6;font-size:12px;}
.logList  dl dd  .logdate{width:155px;text-align:center;overflow:hidden;}
.logList  dl dd   i{margin-top:20px;border: 10px solid transparent;   width: 0; height: 0px;display:block;}
.logList  dl dd  .fl  i{float:left;border-left: 15px solid #E9F5FE;}
.logList  dl dd  .fr  i{float:right;border-right: 15px solid #E9F5FE;}
.logList  dl dd  .logdate h2{color:#2C99F6;font-size:28px;}
.logList  dl dd  .logdate h3{color:#2C99F6;font-size:20px;}
.logList  dl dd  .logdate .cline{width:5px;background:#2C99F6; position:absolute; left:50%;top:50px; height:70%; }
.logList  .showAllLog{width:70%;display:block;margin:55px auto 20px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#2C99F6;border:1px solid #2C99F6;background-color:#F0F8FE; cursor:pointer;}

.about_box {width:98%;padding:30px 0;margin:15px auto;background:#fff;background:#fff;position:relative;overflow:hidden; }
.about_side {float:left;width:15%;background:#fff;padding:5% 2.5% 0;min-height:500px;border-right:1px solid #ddd;}
.about_side ul {width:90%;margin:auto;overflow:hidden;}
.about_side ul li {height:36px;line-height:36px;margin:10px 0;overflow:hidden;text-align:left;}
.about_side ul li a {display:block;font-size:15px;text-indent:3em;color:#666}
.about_side ul li a.on,.about_side ul li a:hover {background:#1A8EFF;color:#fff;text-decoration:none;}
.about_con {float:left;width:69.5%;padding:5% 5% 0;min-height:500px;}
.about_con h1 {height:50px;line-height:50px;margin:0 0 20px;font-size:28px;clear:both;text-align:center;color:#1A8EFF;}
.about_content {width:800px;line-height:190%;font-size:15px;}
.about_content img {max-width:99%;}
.about_content p {text-indent:2em;margin-bottom:15px;}
.about_content p img {margin-left:-2em;}
.about_content a {text-decoration:underline;}

.ad {width:100%;overflow:hidden;position:relative;clear:both;}
.ad img {width:100%;}
.ad_top {height:100px;display:none;}
.ad_top img {height:100px;}
.ad_bottom {margin:20px 0;height:100px;}
.ad_bottom img {height:100px;}
.ad_side {margin:0 0 20px;height:293px;}
.ad_side img {height:293px;}

#reTop{position:fixed;right:3%;bottom:15%;width:60px;height:60px;line-height:60px;background:#858585;cursor:pointer;text-align:center;}
#reTop i{border:15px solid transparent;   width: 0; height: 0px;display:inline-block;border-bottom: 15px solid #fff;  }

#reTop:hover{background:#5CD1FF;}
#reTop:hover i{border-bottom-color:#fff;  }

.row-gongzhonghao{
    padding: 23px 5px;
}
.row-gongzhonghao img{
    width: 100%;
}

.content-gongzhonghao{
	width:unset !important;
}

@media screen and (min-width: 320px)  {
 		.w100 {width:1200px;}
 		.row-gongzhonghao{display:none;}
}
@media screen and (min-width: 414px)  {
		.w100 {width:1200px;}
		.row-gongzhonghao{display:none;}
}
@media screen and (min-width: 800px) {
	    .row-gongzhonghao{display:none;}
		.w100 {width:1200px;}
}
@media screen and (min-width: 1024px)  {
	.w100 {width:100%;position:relative;overflow:hidden;}
	.row-gongzhonghao{display:block;}
}


.su-form .su-tool ul{ display:inline-flex; }
.su-form .su-tool ul li{ display:flex; margin-right:10px; }
.show-one{
    background-color: #fff;
    display: inline-block;
    border: 1px #d3d3d3 solid;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 3px 3px 0;
    width: 35px;
    height: 35px;
    font-size: 26px;
    line-height: 35px;
     /*"Segoe UI Symbol",*/
    font-family:PMingLiU,SimSun,arial,sans-serif;
}
.show-one:hover{
    background-color: #d3d3d3;
    cursor: pointer;
}
.show-selected{
    cursor: pointer;
    border: 1px #ef0c0c solid;
}
.homePList ul.sys1 li {
    text-align: center;
    height: 150px;
    border-right: 1px dashed #ddd;
}

.show-input-list{
  text-align:center;
}
.show-input-list input{
	width:90%;
}

.show-input-home{
	text-align:center;
}
.show-input-home input{
	width:91%;
}
.side-box-x .st{
    text-align: center;
    padding-top:10px;
}
.side-box-x ul{
   text-align:center;
}


.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
    color: white;

}
.myButton:active {
	position:relative;
	top:1px;    color: white;
}


/*begin biaoqing */
.panel-biaoqing{
    display: inline-block;
    float: left;
    width: 30%;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin: 20px 20px 0 0;
    border-radius: 3px;
    position: relative;
}
.panel-biaoqing .biaoqing{
	font-size: 20px;
    width: 100%;
    height: 66px;
    line-height: 44px;
    text-align: center;
    resize: none;
    outline: 0;
    overflow: hidden;
    display: block;
    border: 0;
    color: #333;
    white-space: nowrap;
    word-wrap: break-word;
    padding-top: 22px;
}
.panel-biaoqing .tip{
	position: relative;
    border-top: 1px solid #e2e2e2;
    text-align: left;
    padding: 0 79px 0 12px;
    color: #999;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
}
.panel-biaoqing .button{
	position: absolute;
    top: 88px;
    right: 0;
    display: block;
    height: 32px;
    width: 66px;
    line-height: 32px;
    text-align: center;
    background: #FDFDFD;
    border-radius: 0 0 2px 0;
    color: #c2c2c2;
    border: solid #e2e2e2;
    cursor: pointer;
    border-width: 1px 0 0 1px;
}
/* end biaoqing */
/*appjiazi*/
.form-style-1 {
	margin:10px auto;
	max-width: 400px;
	padding: 20px 12px 10px 20px;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        box-shadow: 0 15px 30px #e5e5e5;
}
.form-style-1 h3{
    border-bottom: 1px #444444  solid;
}
.form-style-1 li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style-1 label{
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
	width: 49%;
}

.form-style-1 .field-long{
	width: 100%;
}
.form-style-1 .field-select{
	width: 100%;
}
.form-style-1 .field-textarea{
	height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
	background: #4691A4;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.form-style-1 .required{
	color:red;
}
/*end appjiazi*/
.box-shadow{
    box-shadow: 0px 5px 15px #d9b8b8;
}
.side-box-x{
   box-shadow: 0px 5px 15px #d9b8b8;width: 50%;margin: 0px auto;
}

#app-home {
    display: none;
}

@media screen and (max-width:768px) {

    body {}

    .box {

        width: 100%;
    }

    .pos {
        /* padding-left: 21px; */
    }

    .topFixed {
        display: block !important;
        position: fixed;
        top: 0;
        height: 98px;
        background: #fff;
        z-index: 999999;
        clear: both;
        border-bottom: 1px solid #eaeaea;
        overflow: hidden
    }

    .container {
        width: 100%
    }

    .hd {
        padding-bottom: 10px;
        height: 86px;
    }

    .hd .h-logo {
        width: 100%;
        height: 62px;
        left: 0px;
    }

    .hd .h-logo a {
        width: 100%;
        height: 55px;
        background: #fff url(/d/file/jtbz/2022-06-04/969effe87a5601ade5cfe040a861949c.png) no-repeat;
        /* float: left; */
        background-size: 164px 60px;
    }

    .hd .h-search {
    width: 186px;
    right: 0;
    position: absolute;
    margin: 15px 5px 0 20px;
    }

    .hd .h-search form {
        display: block;
        height: 29px;
    }

    .hd .h-search .ipt {
        width: 65%;
        /* height: 24px; */
        font-size: 12px;
        text-indent: 1em;
    }

    .hd .h-search .btn {
        width: 30%;
        height: 24px;
        background: #fff url(/d/imgs/icon-search-btn.png) no-repeat 50%;
        background-size: 15px;
    }

    .hd .h-nav {
        width: 100%;
        height: auto;
        white-space: nowrap;
        float: left;
        margin-top: 0;
        padding: 0;
        overflow-x: scroll;
        margin-left: 0px;
    }

    .hd .h-nav::-webkit-scrollbar {
        display: none;
        width: 100%;
        line-height: 100%
    }

    .hd .h-nav li {
        width: 16%;
        float: none;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        padding: 4px 0;
        text-align: center;
    }

    .hd .h-nav li a {
        font-size: 110%;
        display: inline-block;
        color: #545454;
        position: relative
    }

    .hd .h-nav li.on a {
        color: #ca0e1c;
    }

    .hd .h-nav li.on a:after {
        content: '';
        width: 100%;
        height: 3px;
        background-color: #ca0e1c;
        position: absolute;
        bottom: -4px;
        display: block
    }

    .art-side {
        display: none;
    }

    .art-main {
        width: 100%;
        padding-right: 0px;
    }

    .art-page {
        width: 100%;
        padding: 0 1%;
        background: #fff;
        min-height: 400px;
        margin-bottom: 20px;
    }

    .artinfo dd span.infos {
        float: left;
        margin: 0 auto 0 89px;
        color: #999;
        line-height: 150%;
        /* text-align: center; */
    }

    .artinfo {
        width: 100%;
        height: 73px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .art_next span.pre {
        text-align: left;
    }

    #reTop {
        display: none;
    }

    .artcontent {
        padding: 5px 0;
    }

    .side-box {
        width: 100%;
        margin: 20px 0 0 10px;
        overflow: hidden;
        position: relative;
    }
    .w100{width:100%;}
    .art-item dd .item_intro{text-indent: 1em;padding: 5px 1px 5px 1px;}
    .art-item dt img {
    width: 114px;
    height: 100px;
    margin-top: 22px;
}

.art-item dd .tit{
    margin-left: 16px;
}
.homePList ul li {
    float: left;
    width: 100%;
    height: 274px;
    padding: 0 5px 5px 0;
    margin-right: 33px;
    border-right: 1px dashed #fff;
}
.genbox{
    width: 255px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.st{padding-left: 19px;}
.homePList ul.sys li {
    text-align: center;
    width: 100%;
    height: 265px;
    }
    .homeTlist .side-box {
    float: left;
    width: 41%;
    margin-right: 4.5%;
}
.panel-biaoqing {margin: 1px;}
.side-box-x{width:93%;}
.artcontent img{width: 100% !important;height: auto !important;}
.side-box-x .st{
    text-align: inherit;
    padding-top:10px;
}
.homePList ul li img {
    width: 201px;
    height: 112px;
    display: block;
    margin: 0 auto;
}
.homePList ul li a.block {
    display: block;
    font-size: 15px;
    height: 134px;
    overflow: hidden;
    color: #555;
    margin-bottom: 10px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
}/*end phone*/

/*首页直接加在线符号,方便使用*/
.tsfh-wrap { min-width: 80px;}
.tsfh-frame{height: 485px;padding-left: 8px;padding-top: 10px;box-shadow: 0px 0px 11px -2px #ccc;width: 362px;margin: 0 auto;}
.tsfh-frame .tsfh-title{text-align: center;margin-bottom: 14px;padding-right: 6px;font-weight: bold;font: 1.17em "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.tsfh-frame .tsfh-title a{font-size: 9px;float: right;position: relative;top: 12px;}
.tsfh-frame .tsfh-show{height: 35px;}
.tsfh-frame .tsfh-show textarea{height: 100%;position: relative;width: 98%;padding: 5px;text-align: center;border: 1px solid #cdc7c7;}
.tsfh-frame .tsfh-show button{height: 100%;width: 14%;box-shadow: 1px 1px 2px 1px #ccc;}
.tsfh-frame .tsfh-box{min-height: 236px;}
.tsfh-frame .tsfh-box ul{}
.tsfh-frame .tsfh-box ul li{ float:left; margin-top: 2px; margin-left: 2px;}
.tsfh-frame .tsfh-box ul li a{ 
    background-color: #fff;  display: inline-block;  border: 1px #d3d3d3 solid;  text-align: center;  -webkit-border-radius: 8px;  height: 36px;
    border-radius: 8px; width: 35px;  height: 35px; height: 35px; font-size: 26px; line-height: 35px; font-family: PMingLiU,SimSun,arial,sans-serif;
	color: unset;text-decoration: none;
}
.tsfh-frame .tsfh-selecttype{}
.tsfh-frame .tsfh-selecttype .tsfh-btn-generator{};
.tsfh-frame .tsfh-selecttype .tsfh-btn-clear{};
.tsfh-frame .tsfh-selecttype label{}
.tsfh-frame .tsfh-selecttype select{width: 98%;}
.tsfh-frame .tsfh-buttons{  text-align: center; margin-top: 17px;}
.tsfh-frame .tsfh-buttons ul{}
.tsfh-frame .tsfh-buttons ul li{float:left;margin-left: 5px;}
.tsfh-frame .tsfh-buttons ul li a{ color: white;}
.tsfh-frame .tsfh-buttons ul li a:hover{text-decoration:none;}
.tsfh-frame .tsfh-tip div{ text-indent: 2em; color: grey;min-height:50px;font-size:13px;}
.tsfh-frame hr{margin: 3px 0;background-color: #f4f4f4;height: 1px;}


.new-home-tool {}
.new-home-tool ul{}
.new-home-tool ul li{}
.new-home-tool .cls-appfuhaodaquan{width: 42%;float: left;}
.new-home-tool .cls-appjiazi{float: right;width: 53%;}
.new-home-tool .cls-appchangename{ display:none;}

@media screen and (max-width:768px) {
	.new-home-tool {}
	.new-home-tool ul{}
	.new-home-tool ul li{}
	.new-home-tool .cls-appfuhaodaquan{  width: 100%;}
	.new-home-tool .cls-appjiazi{width: 100%;margin-top: 15px;}
	.new-home-tool .cls-appchangename{width: 100%;display:unset;}
        .onlinetool{display:none;}
}

/*end首页直接加在线符号,方便使用*/
#span-yuedu {margin-left:11px;}


/*首页3个计算器排版*/
.cal-home-1{ width: 33% !important;}
.cal-home-2{  width: 30% !important;float: left !important;  margin-left: -4px;}
.cal-home-3{float:right !important;display:block !important;width: 34%;}
.cal-home-2 .form-style-1,.cal-home-3 .form-style-1{  box-shadow: 0px 0px 11px -2px #ccc;  width: 362px; height: 465px; margin-top: 0px;}
.cal-home-2 textarea{height: 157px !important;}
.cal-home-3 textarea{ height: 85px !important;}
.cal-home-4 {display:none;}

@media screen and (max-width:768px) {
	.cal-home-1{  width: 100% !important;}
	.cal-home-2{width: 100% !important;float: left !important;margin-left: 0px;}
	.cal-home-3{display: block !important;width: 34%;}
	.cal-home-4 .form-style-1 ,.cal-home-2 .form-style-1, .cal-home-3 .form-style-1{box-shadow: 0px 0px 11px -2px #ccc;width: 83%;height: 364px;margin-top: 0px;}
	.cal-home-3 .form-style-1{height: 435px;}
	.cal-home-2 textarea{height:56px !important;}
    .cal-home-3 textarea{height:56px !important;}
    .cal-home-4 {display:block;width: 100%;float: left;height: 490px;}
    .cal-home-4 .form-style-1{height: 463px;}
    .home-tool .st{text-align:center;margin:10px 0;height: 58px;}
    .home-tool .st em{ position: unset;}
}

@media screen and (max-width:377px) {
  .tsfh-frame{padding-left: 2px;position: relative;left: -16px;}
  .new-home-tool .tsfh-frame{ position: unset;}
   .cal-home-4 .form-style-1 input[type=submit]{
    margin-left: 8px !important;
    padding: 7px 12px;
}
}


.ad-end{ text-align: center; padding-top: 29px;}
.ad-end a{ text-decoration: underline; color: red;}



/*公众号关注*/
/*pc端*/
.weixin-frame{  background: #fff;  padding: 4px 3px;  -webkit-box-shadow: 0 1px 2px 0 rgba(122,146,159,.2);  box-shadow: 0 1px 2px 0 rgba(122,146,159,.2);  min-height: 105px;}
.weixin-frame .qrcode{  width: 103px; margin-left: 33px;}
.weixin-frame .logo{}
.weixin-frame .left{  float: left;  width: 36%; padding-left: 0px;}
.weixin-frame .right{ width: 61%; float: right;  letter-spacing: 3px;}
.weixin-frame .title{  background: url(weixin.png) no-repeat; font-weight:bold;  font-size: 24px; height: 43px; padding-left: 52px;  line-height: 46px;}
.weixin-frame .des{ padding: 0px 36px 0px 0px; margin-top: 9px;}
.weixin-frame .des p{
     background: url('/d/file/mfjc4/2020/03/11/0ad225ad1847c0862d4434ee56a8580f.png') no-repeat 7px;
     background-size: 24px;
     background-color: #47e879;
     border-radius: 10px;
     line-height: 43px;
     height: 42px;
     background-size: 24px;
     padding-left: 39px;
     font-size: 18px;
}

.weixin-x{display:none;}
/*手机端*/
@media screen and (max-width: 640px) {

.pagebox a{
  padding:5px 4px;
}

        /*微信介绍*/
.weixin-x {
    display:block;
    /* font-size: 40px; */
    text-align: center;
    background-color: #fcfafa;
    background-image: radial-gradient(currentColor .5px, transparent .5px),radial-gradient(currentColor .5px, transparent .5px);
    background-size: calc(20 * .5px) calc(20 * .5px);
    background-position: 0 0,calc(10 * .5px) calc(10 * .5px);
    padding-bottom: 10px;
    padding-top: 6px;
}
.weixin-x .head{margin: 10px 0;}
.weixin-x .focus{}
.weixin-x .name{ font-weight: 700;color: #1C9CFF;}
.weixin-x .body p i{width: 11px;height: 11px;border-radius: 50%;background: #1C9CFF;color: #1C9CFF;display: inline-block;right: 3px;position: relative;}
.weixin-x span{}
.weixin-x .body p{margin: 16px 0px;letter-spacing: 5px;/* font-size: 36px; */}
 
        /*end*/

	.weixin-frame{background: #fff;padding: 4px 3px;-webkit-box-shadow: 0 1px 2px 0 rgba(122,146,159,.2);box-shadow: 0 1px 2px 0 rgba(122,146,159,.2);min-height: 53px;}
        .weixin-frame .qrcode{}
        .weixin-frame .logo{}
        .weixin-frame .left{float: left;width: 36%;padding-left: 0px;display: none;}
       .weixin-frame .right{width: 100%;float: unset;letter-spacing: 3px;}
       .weixin-frame .title{background: url(weixin.png) no-repeat;font-weight:bold;font-size: 18px;height: 43px;padding-left: 52px;line-height: 52px;float: left;/* margin-top: 8px; */}
       .weixin-frame .des{padding: 0px 19px 0px 0px;margin-top: 9px;float: right;}
       .weixin-frame .des p{
     background: url('/d/file/mfjc4/2020/03/11/0ad225ad1847c0862d4434ee56a8580f.png') no-repeat 7px;
     background-size: 24px;
     background-color: #4deb7a;
     border-radius: 10px;
     line-height: 37px;
     height: 33px;
     background-size: 24px;
     padding-left: 39px;
     font-size: 18px;
     width: 84%;
     letter-spacing: 0px;
}


}
.home-qrcode{
	display:none;
}
@media screen and (max-width: 640px) {
	.home-qrcode{
	   display:block;
	   text-align: center;
	 }
	 .home-qrcode img{
	 	 width: 100%;
         height: auto;
	 }
}