/**
transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;
**/
.homepages-home {background: url("../images/pagebg.jpg") left 0 no-repeat;}
.mb-40 {margin-bottom:40px}
.table-upload > tbody > tr > td {padding: 18px 10px; border-bottom:1px solid #dddddd; border-top:0px}
/****/

.home {padding-top:100px;width:900px; overflow:hidden;margin: 0 auto}
.main-top {margin-bottom:30px;}
.searcharea {margin-bottom:30px;}
.searchnav {display:flex;justify-content: center;align-items: center;}
.searchnav ul {}
.searchnav li {float: left;padding:3px 20px;}
.searchnav li a {position:relative}
.searchnav li.on {font-weight: bold}
.searchnav li a:before {position:absolute;content:'';top:22px;left:50%;border-bottom:4px solid #f4d134;padding-bottom:5px;width:0;transition: all 0.2s linear;    -webkit-transition: all 0.2s linear;}
.searchnav li.on a:before ,.searchnav li a:hover:before {margin-left:-50%;width:100%}

.searcharea .searchm {border:4px solid #ebebeb;background-color:#fff;padding:3px 10px;border-radius:50px;height:54px;position: relative}
.searcharea .searchm .rig {position: absolute;right:10px;top:8px;border-left:1px solid #e2e2e2;padding-left:20px}
.home-tool {display:inline-block;justify-content: center;align-items: center;}
.home-tool-item  {float:left;width:400px;margin:10px 20px 10px;height:160px}
.home-tool-item a {transition: all 0.2s linear;display:block;
    -webkit-transition: all 0.2s linear;width:100%;border-radius:16px;height:150px;padding-top:15px;}
.home-tool-item .fl-left {width: 200px; padding:0 25px; line-height:28px;color:#777}
.home-tool-item .fl-right { width:200px;}
.home-tool-item .fl-right img {border-radius:12px}
.home-tool-item .fl-left h3 {font-size:20px;color:#333;font-weight:600;line-height: 40px}.home-tool-item .fl-left p {line-height: 24px;font-size: 14px;}

.home-tool-item-bg1 {background: url("../images/h_tool_bg1.jpg") left 0 no-repeat;}
.home-tool-item-bg2 {background: url("../images/h_tool_bg2.jpg") left 0 no-repeat;}
.home-tool-item-bg3 {background: url("../images/h_tool_bg3.jpg") left 0 no-repeat;}
.home-tool-item-bg4 {background: url("../images/h_tool_bg4.jpg") left 0 no-repeat;}

.home-tool-item:hover a {margin-top:-10px;/*box-shadow: 0px 0px 18px rgba(0,0,0,0.2);*/margin-bottom:10px}
.home-tool a {}


@media screen and (min-width:1000px) {
.home-item  { width:400px;}	
}

/**************/
.formbox {width:80%}
.fromtextbox {background: #fff;border-radius: 20px;padding:8px;border:1px solid #ccc;margin-bottom:15px;position:relative;min-height:50px}
.fromtextbox .hd {border-bottom:1px dashed #ccc;padding:8px;font-size:14px}
.fromtextbox .hd .fl-left {width:45%}
.fromtextbox .hd .fl-left a {margin-right:10px;}
.fromtextbox .hd .fl-right {width:45%;text-align: right}
.fromtextbox .bd {padding:15px;}

.bg-white {background: #fff}
.h300 {min-height:300px}
.formtab a{background: #f6f6f6;padding:3px 18px;margin:8px 8px;display: inline-block; border-radius: 6px;position: relative}
.formtab a:hover {background: #FDF6C7}
.formtab a.on {background: #FDF6C7}
.formtab a.on img {margin-right:5px}

/***********/
.banner-nav {padding-left:30px;}
.banner-nav h4 {font-size:24px; line-height: 45px;font-weight: bold}
.banner-nav a {margin:0 0px;float:left; line-height: 55px;padding:15px 30px;}

.tool-cz {height:90px;padding:10px 10px 0;}
.tool-cz a{width:86px;float:left;margin-right:10px;text-align: center}
.tool-cz a p{ }

.audiolayer {position: relative;margin-left:80px;background: #fff;width:470px;height:96px;box-shadow: 0px 0px 18px rgba(0,0,0,0.2);border-radius:20px;padding:0px 20px;margin-bottom:20px; }
.audiolayer span {padding: 0px 20px 0 0}.audiolayer span img {width:300px;height:50px}
.audiolayer .i-del-g {position: absolute;top:10px;right:10px}
.i-audio {width:110px;height:100px;}
.i-audio-stop {background-position: -15px -530px;}
.i-audio-play {background-position: -134px -530px;}
.formbox-col a.btn-b300 {width:300px;margin-right:10px}

.g-n500-box { background:#fff;width:500px;padding:55px 0px;margin:0 auto; position:relative}
.fenxiangarea {background: url("../images/fenxiangma.png") left 0 no-repeat;background-size: cover;width:300px;height:488px;margin-left:30px;position:relative;border-radius:15px}
.fenxiangarea .top {height:390px;}
.fenxiangarea .fx-col {padding:5px 10px}
.fenxiangarea .fx-col p {margin:7px ;line-height: 20px;font-size:14px}
.fenxiangarea .fx-ewm {position:absolute;bottom:24px;right:20px;width:60px}
.fenxiangarea .fx-ewm img {width:100%}
.fenxiangarea .blue {color:#456ad5;font-weight: bold}
.fenxiangarea p.yqm {font-size: 20px;font-weight: bold}