@charset "UTF-8";

/* CSS Document */
body
{
    min-width:1200px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hide{ display:none;}
input{
    outline: none;
    -webkit-appearance: none;
}
input::-webkit-input-placeholder {
/*// chrome、safari私有属性*/
/*color: #ccc;*/
font-size:17px;
}
input::-moz-input-placeholder { 
/*// firefox浏览器私有属性*/
/*color: #ccc;*/
font-size:17px;
}
input::-ms-input-placeholder {
/*// IE浏览器私有属性*/
/*color: #ccc;*/
font-size:17px;
}

/*banner*/

.b_bg{ width:740px; margin:0 auto; box-sizing:border-box;  position:static; zoom:1; background-color: rgba(0,0,0,0.4); height: 350px;padding: 12px 0;}

.lis{ width:620px; background-color:#fff; color:#626262; margin:0 auto; border:3px solid #a49e9b; overflow:hidden;}

.lis .l_le{ float:left; width:420px; height:102px; overflow:hidden; text-align:center; padding:30px 0 20px; border-right:1px dashed #e0e0e0;}

.l_le h6{ font-size:14px; margin-bottom:20px;}


.lis .l_rig{ float:right; margin-right:45px; cursor:pointer;}

.l_rig img{ width:48px; margin:36px 0 12px; height:48px;}

.l_rig .lr_tip{ display:block; font-size:16px; line-height:16px; color:#2da7ff; text-decoration:underline;}

.l_red{ color:#df1344; font-weight:bold;}

.tips span{ float:left; margin-left: 104px;}

.tips ul{ overflow:hidden;}

.tips .t_list{ float:left; margin-right:40px; height:35px; overflow:hidden;}


/*图形检索*/
.pic-retrieve{
    text-align:center;
    background: url(../images/b_pic.png) no-repeat;
}
.pic-retrieve h1{
    padding: 70px 0 20px;
    font-size: 36px;
}
.pic-retrieve .retrieve-left{
    padding: 20px;
    display: inline-block;
}
.retrieve-left h1{
    font-size: 40px;
    line-height: 70px;
}
.retrieve-left h2{
    font-size: 40px;
    line-height: 60px;
}
.retrieve-left p{
    font-size: 20px;
    line-height: 40px;
    font-family: KaiTi, Arial, "Microsoft YaHei", serif;
}
.pic-retrieve .retrieve-right{
    height: 320px;
    text-align: center;
    width: 960px;
    margin: 0 auto;
}
.retrieve-right h4{
    font-size: 28px;
    line-height: 60px;
}
.retrieve-right h2{
    text-align: left;
    font-size: 22px;
    line-height: 35px;
}
.retrieve-right p{
    font-size: 16px;
    line-height: 50px;
    padding: 10px;
}
.retrieve-right ul li{
    float: left;
    width: 25%;
    position: relative;
}
.retrieve-right ul li p{
    position:absolute;
    bottom:30px;
    text-align: center;
    width: 100%;
}
.retrieve-preview{
    margin-right: 30px;
    float:left;
}
.retrieve-preview img{
    border: 0;
}
.retrieve-button{
    float: left;
    padding-top: 80px;
}
.retrieve-upload{
    font-size: 18px;
    border: solid 1px #dddddd;
    padding: 12px 50px;
    color: white;
    background: -webkit-linear-gradient(#92cefe,#2193fe);
    background: -o-linear-gradient(#92cefe,#2193fe);
    background: -moz-linear-gradient(#92cefe,#2193fe);
    background: linear-gradient(#92cefe,#2193fe);
    border-radius: 4px;
}
.retrive-btn{
    padding: 14px 80px;
    color: white;
    background: url(../images/up_btn.png) repeat-x;
    font-size: 20px;
    border-radius: 6px;
    letter-spacing: 2px;
}
.choose-frame{
    border: 1px solid #bbbbbb;
    height: 482px;
}
.choose-cate h1{
    padding-top: 30px;
    font-size: 32px;
    padding-bottom: 60px;
    text-align: center;
}
.choose-cate{
    height: 620px;
}
.choose-left{
    width: 300px;
    float: left;
}
.choose-right{
    width: 898px;
    float: left;
    text-align: center;
}
.choose-right h2{
    border-bottom: 1px solid #bbbbbb;
    line-height: 50px;
    font-size: 20px;
}
.choose-left ul{
    border-right: 1px solid #bbbbbb;
    background:url(../images/choose-01.png) no-repeat;
}
.choose-left ul li{
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 20px;
    color: white;
    border-top: 1px solid #ffffff;
}
.cur{
    background-color:#44b1ff;
}
.choose-hot{
    float: left;
    width: 50%;
    border-right: 1px solid #bbbbbb;
    height: 367px;
}
.choose-hot .hot-title{
    background: url(../images/industry-hot.png) no-repeat center;
    height: 60px;
}
.choose-relative .relative-title{
    background: url(../images/industry-relative.png) no-repeat center;
    height: 60px;
}
.choose-relative ul,.choose-hot ul{
   margin-top: 30px;
}
.choose-relative ul li,.choose-hot ul li{
    width: 50%;
    float: left;
    height: 60px;
    text-align: center;
}
.choose-relative ul li a,.choose-hot ul li a{
    padding: 8px 28px;
    border: 1px solid #ff8800;
    line-height: 25px;
    border-radius: 6px;
    font-size: 16px;
    display:block;
    width: 125px;
    margin-left: 20px;
}
.choose-relative{
    float: left;
    width: 49%;
    height: 367px;
}
.choose-submit{
    border-top: 1px solid #bbbbbb;
    padding-top: 16px;
}
.choose-submit a{
line-height: 36px;
    padding: 12px 30px;
    border: 1px solid #c5c4c3;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    background-color: #e77f27;
    box-shadow: 0 0 4px #c3c3c3;
}
.choose-change{
    height: 367px;
}

.material {
    text-align: center;
}
.material h1{
    font-size: 35px;
    padding-bottom: 60px;
}
.material-content{
    text-align: center;
    height: 540px;
}
.material-left{
    width: 450px;
    float: left;
    padding-left: 40px;
}
.material-right{
    float: left;
    width: 570px;
    padding-left: 50px;
}
.material-right ul li {
    margin:2px 40px 48px 40px;
    width: 160px;
    float: left;
    height: 220px;
    border-radius: 8px;
    padding: 10px 20px;
    border: 2px solid #eeeeee;
}

.material-right ul li span{
    font-weight: bold;
    font-size: 16px;
}

.material-person{
    height: 210px;
    font-size: 18px;
    border-left: 1px solid #ff8800;
    border-right: 1px solid #ff8800;
    border-bottom: 1px solid #ff8800;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.material-person .person-icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/person-icon.png) no-repeat;
    margin-right: 10px;
}
.material-personal h2{
    height: 50px;
    font-size: 21px;
    font-weight: bold;
    line-height: 50px;
    background: url(../images/article-person.png) repeat-x #ff8800;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.material-compan .company-icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/company-icon.png) no-repeat;
    margin-right: 15px;
}
.material-compan ul,.material-person ul{
    padding-top: 20px;
}
.material-compan ul li,.material-person ul li{
    padding-left: 50px;
    padding-right: 20px;
    float: left;
    line-height: 45px;
}
.material-compan ul li span,.material-person ul li span{
    position:relative;
    top:-6px;
}
.material-company{
    margin-top: 25px;
    font-size: 18px;
}
.material-compan{
    height: 210px;
    border-left: 1px solid #42b4fc;
    border-right: 1px solid #42b4fc;
    border-bottom: 1px solid #42b4fc;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.material-company h2{
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    font-weight: bold;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background: url(../images/article-company.png) repeat-x #42b4fc;
}
.retrieve-other{
    padding: 10px;
    height: 200px;
}
.retrieve-other .retrieve-logo,.retrieve-other .retrieve-brand{
    border: 2px solid #2D99FE;
    display: inline-block;
    width: 440px;
    float: left;
    padding: 20px 30px;
    text-align: left;
}
.retrieve-other .retrieve-logo h3{
    background: url(../images/b-logo.png) no-repeat left;
    padding-left: 36px;
    background-size: 29px;
}
.retrieve-other .retrieve-brand h3{
    background: url(../images/b-brand.png) no-repeat left;
    padding-left: 36px;
    background-size: 29px;
}
.retrieve-other .retrieve-brand
{
    float: right;
}
.retrieve-other  h3{
    font-size: 22px;
    color: #309BFE;
    line-height: 40px;
}
.retrieve-other a{
    float: right;
    padding: 4px 16px;
    border: 2px solid #2D99FE;
    color: #2D99FE;
}
.retrieve-other p{
    font-size: 14px;
    line-height: 30px;
}
/*商标注册*/
.sign{
    /*margin-top: 20px;*/
    text-align:center;
    height: 600px;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(188, 190, 191, 0.9);
    background: url(../images/sign-bg.jpg) no-repeat;
}
.sign h1{
    padding-top: 35px;
    font-size: 32px;
    padding-bottom: 40px;
}
.sign .sign-left{
    float: left;
    width: 420px;
    height: 400px;
    background-color: #a2d4ff;
    border-radius: 2px;
    padding: 20px;
    margin-left: 80px;
}
.sign-left h1{
    font-size: 40px;
    line-height: 70px;
}
.sign-left h2{
    font-size: 30px;
    line-height: 50px;
}
.sign-left h3{
    font-size: 20px;
    line-height: 40px;
}
.sign .sign-right{
    float: left;
    width: 500px;
    margin-left: 80px;
    height: 400px;
}
.sign-right h4{
    font-size: 28px;
    line-height: 58px;
}
.sign-right h2{
    text-align: left;
    font-size: 22px;
    line-height: 35px;
}
.sign-right p{
    padding-top: 10px;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
}
.sign-preview{
    padding: 20px;
    float:left;
}
.sign-preview img{
    width: 120px;
    height: 120px;
    border: 0;
}
.sign-button{
    float: left;
    padding-top: 70px;
}
.sign-upload{
    font-size: 18px;
    border: solid 1px #dddddd;
    padding: 8px 30px;
    background-color: white;
    border-radius: 4px;
}
.sign-btn{
    padding: 10px 80px;
    color: white;
    background: -webkit-linear-gradient(#ffb72c,#ff6c00);
    background: -o-linear-gradient(#ffb72c,#ff6c00);
    background: -moz-linear-gradient(#ffb72c,#ff6c00);
    background: linear-gradient(#ffb72c,#ff6c00);
    font-size: 18px;
    border-radius: 4px;
}
.sign-btn:hover{
    -webkit-box-shadow:0 12px 20px 0 rgba(0, 29, 59, 0.65);
    box-shadow:0 6px 20px 0 rgba(0, 24, 49, 0.65);
}

.sign-left .sign-line{
    float: left;
    font-size: 16px;
}
.sign-left label{
    float:left;
    padding: 5px 20px;
    font-size: 16px;
}
.sign-line .sign-input{
    background: url(../images/sign-name.png) 5px #ffffff no-repeat;
    padding-left: 40px;
    list-style: none;
    height: 45px;
    width: 340px;
    font-size: 16px;
    border-radius: 5px;
    border:none;
    box-shadow: 0 0 2px #2DB2FF;
}
.sign-line .sign-phone{
    padding-left: 40px;
    list-style: none;
    background: url(../images/star.png) no-repeat 1px #ffffff;
    height: 45px;
    width: 340px;
    font-size: 16px;
    border-radius: 5px;
    border:none;
    box-shadow: 0 0 2px #2DB2FF;
}
.sign-line .sign-select{
    border:none;
    padding-left: 40px;
    list-style: none;
    height: 45px;
    width: 380px;
}
.sign-submit{
    float: left;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}
.sign-pic{
    padding-right:10px;
    float: left;
    width: 100px;
    height: 100px;

}
.sign-pic01{
    background: url(../images/sign-pic01.png) no-repeat center;
    background-size: 100px 100px;
}
.sign-pic02{
    background: url(../images/sign-pic02.png) no-repeat center;
    background-size: 100px 100px;
}
.sign-pic03{
    background: url(../images/sign-pic03.png) no-repeat center;
    background-size: 100px 100px;
}
.sign-right ul li{
    padding: 5px 10px;
    height: 100px;
    border: 1px solid #eeeeee;
    margin: 15px 0;
    box-shadow: 1px 1px 10px #dcdcdc;
    background-color: white;
}
.success h1{
    padding-top: 30px;
    text-align: center;
    font-size: 35px;
    padding-bottom: 60px;
}
.success-content ul li{
    width: 200px;
    padding: 0px 60px 0 40px;
    text-align: center;
    height: 350px;
    float: left;
}
.success-content{
    height: 390px;
}
.success-content .success-de{
    background-color: #aaabab;
    position: relative;
}
.success-de h2{
    font-size: 16px;
    padding-top: 20px;
    line-height: 30px;
}
.success-content ul li {
    position: relative;
}
.success-content .success-con{
    box-shadow: 2px 4px 10px #b6b6b6;
    margin-top: 40px;
    height: 290px;
}
.success-content ul li{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.success-content ul li:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.success-detail{
    position:absolute;
    bottom: 30px;
    text-align: center;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
}
/*5大优势*/

.c_in .ci_num{ display:none; width:332px; overflow:hidden; padding-left:28px; height:58px; background-color:#e3e3e3; font-size:30px; color:#a3a3a3; line-height:60px; border-bottom:2px solid #bababa;}

/*弹框*/

.pop{
    width:1002px;
    height:463px;
    z-index:201;
    margin-left:-501px;
    margin-top:-288px;
    background-color:#fff;
    color:#222;
    position:fixed;
    top:50%;
    left:50%;
    border-radius: 6px;
}

.pop .d_tit{ text-align:center; font-size:24px;  margin: 20px 20px 0; padding-bottom:20px; border-bottom:1px solid #e2e2e2; line-height:24px; }

.pop .icon_close{ position:absolute; background:url(../images/icon_pop1.png) top right no-repeat; width:25px; height:25px; top:10px; right:10px; cursor:pointer;}

.pop .d_lis{ overflow:hidden; padding: 20px 30px 10px;}

.d_lis .dl_r{ margin-left:20px;}

.d_lis input{
    margin-left:10px;
    height:36px;
    line-height: 36px;
    border:1px solid #dbdbdb;
    box-sizing:border-box;
    width:240px;
    padding-left:10px; color:#999;
}
.d_lis input::-webkit-input-placeholder { /* WebKit browsers */

    color:#aaabab;

}

.d_lis input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:#aaabab;

}

.d_lis input::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:#aaabab;

}

.d_lis input:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:#aaabab;

}

.che .dl_check{ vertical-align: text-bottom; margin-top:4px; width: 13px; height:13px; padding-left:0;}

.d_lis .che{ margin-left:70px; font-size:12px; line-height:12px;}

.d_lis .dl_rig{ float:left; padding-top: 15px;}

.dl_rig p{  margin-left:10px; padding-left:16px; font-size:12px;}

.pop .d_li5{ height:90px; overflow:hidden;}

.d_li5 .dl_le .dl_star{ margin-right:5px; line-height:19px; color:#df1344;}

.d_li5 .dl_le{ padding-top: 20px; float: left;}

.pop .btn_lejie,

.pop .btn_js,.pop-message .btn_db,.pop .btn_db{ border-radius: 5px; display:block; background-color:#df1344;font-size: 16px; color:#fff; text-align:center; width:220px; height:42px; line-height:42px; margin:0 auto;}

.pop_bg{ position: fixed; opacity: 0.5; filter: alpha(opacity=50); top: 0;left: 0px; z-index: 200; background: #000; width: 100%; height: 100%; }

.btn_lejie:hover,

.pop .btn_js:hover,.pop .btn_db:hover{ background-color:#bf0431;}


.pop{ padding-bottom: 20px;}

.pop .d_li5{ height: 120px;}


.pop-quote{
    padding: 10px 40px;
    font-size: 14px;
    width: 422px;
    margin-left: -251px;
    height: 360px;
}


.pop_tinew .d_lis{ margin-left: 51px;}

.pop_tinew .d_lis input{ width: 350px; height: 45px; line-height: 45px; background-color: #fff; border-radius: 5px;}

.pop_tinew .d_li2{ margin-top: 25px;}

.pop_tinew .d_li5{ margin-left: 71px; position: relative;}

.pop_tinew .d_li5 .dl_star{ position: absolute; top: 30px; left: 0; font-size: 18px; font-weight: bold; color: #e91d28;  }

.pop_tinew  .icon_close{ background: url("../images/icon_pop4.png") no-repeat;}




/*head*/

.head{
    height: 62px;
    border-bottom: solid 1px #ddd;
    background-color: #fff;
    width: 100%;
    position:fixed;
    top: 0;
    z-index: 1;}

.head-logo{ float: left; padding-top: 8px;}

.head-logo a{ display: block;}

.head-nav{ float:right; }

.head-navfirst{ float: left; font-size: 18px;}

.hnf-text{ display: inline-block; height: 58px; line-height: 62px; margin: 0 25px; font-size: 16px; color:#333; border-bottom: 4px solid #fff;}

.hnf-text:hover{ color: #ca101a;}

.head-navfirst a.concern{border-color:#ca101a;}

.choose-indus01{
    display: inline-block;
    padding-right: 4px;
    background: url(../images/choose-indus01.png) no-repeat center;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    position: relative;
    top:10px;
}
.choose-indus02{
    display: inline-block;
    padding-right: 4px;
    background: url(../images/choose-indus02.png) no-repeat center;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    position: relative;
    top:10px;
}
.choose-indus03{
    display: inline-block;
    padding-right: 4px;
    background: url(../images/choose-indus03.png) no-repeat center;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    position: relative;
    top:10px;
}
.choose-indus04{
    display: inline-block;
    padding-right: 4px;
    background: url(../images/choose-indus04.png) no-repeat center;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    position: relative;
    top:10px;
}

/*select*/

div.select-main {
    background-color: #FFFFFF;
    border: none;
    box-shadow: 0 0 2px #2DB2FF;
    border-radius: 5px;
    font-size: 16px;
    height: 45px;
    position: relative;
    width: 380px;

    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

div.select-main.z-index {
    z-index: 10;
}

div.select-main.disabled {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
    zoom: 1;
}

div.select-main.disabled div.select-set {
    cursor: default;
}

div.select-main.disabled div.select-arrow {
    cursor: default;
}

div.select-set {
    background: url(../images/category.png) 5px #FFFFFF no-repeat;
    border-radius: 5px;
    color: #333333;
    cursor: pointer;
    height: 45px;
    text-align: left;
    line-height: 45px;
    overflow: hidden;
    position: relative;
    padding: 0 35px 0 40px;
    width: 250px;
    z-index: 5;
}

div.select-arrow {
    border-top: 7px solid #2DB2FF;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    cursor: pointer;
    height: 0px;
    position: absolute;
    top: 21px;
    right: 10px;
    width: 0px;
    z-index: 7;
}

div.select-arrow.reverse {
    border-top: 7px solid transparent;
    border-bottom: 7px solid #2DB2FF;
    top: 10px;
}

div.select-block {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px #2DB2FF;
    left: -1px;
    line-height: 20px;
    position: absolute;
    top: 46px;
    width: 380px;
}

ul.select-list {
    cursor: pointer;
    margin: 15px 0 7px;
    text-align: left;
}

/* Scroll view */

ul.select-list::-webkit-scrollbar {
    width: 12px;
}

ul.select-list::-webkit-scrollbar-track {
    border-radius: 10px;
}

ul.select-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
}

ul.select-list {
    scrollbar-face-color: #AEB1B1;
    scrollbar-shadow-color: #C7CACA;
    scrollbar-highlight-color: #CED1D1;
    scrollbar-3dlight-color: #CED1D1;
    scrollbar-darkshadow-color: #C7CACA;
    scrollbar-track-color: #CED1D1;
    scrollbar-arrow-color: #333;
}

/* End scroll view */

li.select-items {
    color: #333333;
    padding: 7px 15px 7px 40px;
}

li.select-items:hover,
li.select-items.active {
    background-color: #2DB2FF;
    color: #FFFFFF;
}

.send-validate{
    border-radius: 4px;
}
.cross{
    margin-top: 40px;
    background: url(../images/cross.png) no-repeat center;
    background-size: 100%;
    width: 100%;
    height: 200px;
}
.btnlj_ti{
    width: 300px;
    margin-left: 130px;
}
.sign-body{
    padding-top: 100px;
}
.success-ratio{
    font-size:22px;
    color:red;
    position: absolute;
    bottom: 90px;
    left: 85px;
}
.success-num{
    font-size: 26px;
    color: red;
    position: absolute;
    bottom: 65px;
    left: 161px;
}
.advantage{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 240px;
}
.advantage h1{
    padding: 20px 0 60px 0;
    text-align: center;
    font-size: 35px;
}
.advan-content{
    height:184px;
    width: 100%;
    border-radius: 12px;
    background-color: #1374D7;
}
.advan-content ul li{
    float: left;
    padding:  20px 10px 0 50px;
}
.advan-con{
    width: 230px;
    height: 290px;
    text-align: center;
}
.advan-con img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.advan-con img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.advan-title{
    background-color: #E3F3FF;
    padding: 72px 25px 0 25px;
    margin-top: -55px;
    height: 140px;
    border-radius: 8px;
    box-shadow: 1px 1px 8px #313131;
}
.advan-title h3{
    font-size: 24px;
    font-weight: 600;
}
.advan-title p{
    font-size: 19px;
    padding-top: 10px;
}

.circle-back{
    width: 100%;
    height: 290px;
    /*background: url(../images/cross.png) no-repeat;*/
    background-size: cover;
}
.circle-bg{
    height: 269px;
    background-size:100%;
    position: relative;
    font-size: 16px;
}
.circle-part{
    position: absolute;
    left: 95px;
    top:165px;
}

.circle-bg ul li {
    width: 240px;
    background: url(../images/point.png) no-repeat right;
    float: left;
    display: inline-block;
    text-align: center;
    padding: 30px 0 50px;
    height: 200px;
    position: relative;
}
.circle-bg ul li .circle-img{
    background: url(../images/circle-c.png) no-repeat center;
    width: 180px;
    margin: 0 auto;
    background-size: 100px;
    height: 220px;
    position: relative;
}
.circle-bg ul li .circle-img img{
    position: absolute;
    top: 86px;
    left: 76px;
    right: 0;
    width: 30px;
}

.circle-bg ul li .circle-img h3{
    position: absolute;
    top: 164px;
    left: 0;
    right: 0;
}
.circle-bg ul li .circle-img p{
    display: none;
    cursor: pointer;
}
.circle-bg ul li:last-child{
    background: none;
}
.circle-bg ul li .circle-btn a{
    position: absolute;
    padding: 6px 20px;
    font-size: 14px;
    color: white;
}
.circle-bg ul li :hover{
    background: url(../images/circle-bg.png) no-repeat;
}
.circle-bg ul li:hover .circle-img img{
    position: absolute;
    top: 50px;
    left: 66px;
    right: 0;
    width: 46px;
    background: none;
}

.circle-bg ul li:hover .circle-img h3{
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    color: white;
    background: none;
}
.circle-bg ul li:hover .circle-img p{
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    color: white;
    background: none;
    display: block;
}

    /*底部*/
.new_advan {
    width: 100%;
    height: 180px;
    background-color: #333;
}
.new_advan .f_con {
    width: 1200px;
    margin: 0 auto 30px;
    text-align: left;
    overflow: hidden; }
.new_advan .f_con .fc_list {
    margin-top: 36px;
    margin-right: 96px;
    float: left;
    padding-left: 95px; }
.new_advan .f_con .fc_list {
    background: url(../images/icon_foot01.png) left bottom no-repeat; }
.new_advan .f_con .fc_lsec {
    background: url(../images/icon_foot02.png) left bottom no-repeat; }
.new_advan .f_con .fc_lthr {
    background: url(../images/icon_foot03.png) left bottom no-repeat; }
.new_advan .f_con .fc_last {
    margin-right: 0;
    background: url(../images/icon_foot04.png) left bottom no-repeat; }
.fc_list .fcl_tit {
    font-size: 18px;
    color: #f7f9f9;
    margin-bottom: 20px; }
.fc_list p {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 20px; }

    .layer1 .form-box .txt2{
     border: 1px solid #e1e4f7;
    width: 262px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
}
.choose-ask{
    cursor: pointer;    
 }