@charset "utf-8";
/****************
 * @description : css for xintong
 * @author   : sean
 * @date     : 2014.4.21
 ****************/
/*css reset*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{/*font:16px/1.5 'microsoft yahei','simsun';  */color:#333;background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
form{display:inline}
ul,ol{list-style:none}
i{font-style: normal;}
a{text-decoration:none;color:#1a1a1a}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{max-width:100%;height:auto;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
table { border-collapse:collapse; border-spacing:0}
.fl{float:left;}.fr{float:right;}.hide{display:none;}.show{display: block;}
.ellipsis { white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.break { word-break:break-all; word-wrap:break-word}
header, footer, article, section, nav, menu, hgroup {display: block;clear:all;}
.clear{clear: both;visibility: hidden;width: 100%;height: 0;overflow: hidden;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a{outline: none;}

body{
    width: 100%;
    height: auto;
    overflow-x: hidden;
    font-family:tahoma,arial,roboto,鈥滵roid sans鈥?鈥滺elvetica neue鈥?鈥滵roid sans fallback鈥?鈥滺eiti sc鈥?sans-self;
}
input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.grey{
    color: #565656;
}
.red{}
.radio{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.radio-left{
    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.radio-right{
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.radio-top{
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.xt-line{
    display: block;
    width: 100%;
    height: 0.35rem;
    overflow: hidden;
    background: #ececec;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 998;
    display: none;
}
.opcmask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0);
    z-index: 998;
    display: none;
}



.search-tip{
    width: 100%;
    height: 3rem;
    background: #bd141d;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    color: #fff;
    text-align: center;
    line-height: 1.9rem;
    font-size: 0.8em;
    display: none;
    z-index: 999;
}
.search-tip .search{
    width: 12.5rem;
    height: 1.5rem;
    float: left;
    padding:0.75rem 0 0 0.5rem;
}
.search-tip .search-box{
    display: block;
    width: 10.5rem;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    background: #fff;
    height: 1rem;
    padding: 0.25rem 0.5rem 0.25rem 0;
    line-height:0.65rem;
}
.search-tip .search-btn{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    background:  #fff center center no-repeat;
    background-size: 0.8rem;
}
.search-tip .cancel{
    float: right;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.75rem;
}
.search-result{
    padding:0.5rem;
    background: #fff;
}
.search-result li{
    padding: 0 0.5rem;
    text-align: left;
    /*height: 2.5em;*/
    height: 2em;
    /*height: 2.8em;*/
    font-size: 0.7rem;
    color: #565656;
    /*line-height: 2.5em;*/
    line-height: 2.5em;
    /*border-bottom: 1px solid #ececec;*/
}


.xt-header{
    width: 100%;
    height: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    font-size: 0.6rem;
    background: #bd141d;
}

.xt-header2{
    background: rgba(189,20,29,0);
    /*background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(14,4,5,1)), to(rgba(118, 118, 118, 1)));  
    background: linear-gradient(to bottom, rgba(14,4,5,1) , rgba(118, 118, 118, 1)) */
}
.xt-header .back{
    display: block;
    width: 1.5rem;
    height: 100%;
    float: left;
    background:  center center no-repeat;
    background-size: 0.5em;
}
.xt-header .title{
    float: left;
    width: 12.5rem;
    text-align: center;
    font-size: 18px;
}

.xt-header .search-icon{
    display: block;
    float: right;
    width: 2rem;
    height: 100%;
    background:  center center no-repeat;
    background-size: 0.9rem;
}


.xt-header .logo{
    display: block;
    width: 5rem;
    height: 100%;
    float: left;
    background:  center center no-repeat;
    background-size: 4rem;
}
.xt-header .search{
    height: 1.2rem;
    margin-top: 0.4rem;
    overflow: hidden;
    background: rgba(255,255,255,0.6);
    border-radius: 15px;
}
.xt-header .search .search-box{
    display: block;
    width: 80%;
    height: 100%;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    text-indent: 0.5em;
    overflow: hidden;
    background: transparent;
}
.xt-header .search-btn{
    display: block;
    width: 17%;
    height: 100%;
    float: left;
    background:   center center no-repeat;
    background-size: 0.8rem;
}
.menu-show{
    float: right;
    width: 2rem;
    height: 100%;
    text-align: center;
    background:  center center no-repeat;
    background-size: 1.1rem;
}

.menubar{
    width: 100%;
    height: 2.4rem;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 888;
    font-size:0.8rem;
}
.menubar li{
    width: 20%;
    height: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
}
.menubar li a{
    display: block;
    width: 100%;
    height: 2.2rem;
    text-align: center;
    padding-top: 0.2rem;
}
.menubar .active p{
    color: #bd141d;
}
.menubar img:nth-child(1){

}
.menubar li img{
    display: inline-block;
    height: 1.2rem;
}
.menubar li p{
    color: #535353;
    font-size: 0.55rem;
    text-align: center;
    line-height: 1.1rem;
}
.call-person{
    width: 2.75rem;
    height: 2.75rem;
    position: fixed;
    left: 0.4rem;
    bottom: 2.9rem;
    z-index: 999;
    border-radius: 1rem;
    overflow: hidden;
}
.call-person a{
    display: none;
    width: 2.75rem;
    height: 2.75rem;
    background:;
    /*background: ;*/
    background-size: 2.75rem;
}

.hot_news{
    border-top: 1px solid #ececec;
    padding: 0.28rem  0.625rem;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
}
.hot_news  .hotnews_img{
    width: 2rem;
    height: 2rem;
    border-right: 1px solid #ededed;
    padding-right: 8px;
    float: left;
}
.hot-news-wrap{
    font-size: 0.6rem;
    float: left;
    width: 12rem;
    height: 2rem;
    padding-left: 10px;
    box-sizing: border-box;
    overflow:hidden;
    position: relative;
}
.hot-news-box li{
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.05rem;
    height: 1.05rem;
    overflow:hidden;
    display: block;
}
.hot-news-box li a{
    color:#535353;
    font-size: 0.6rem;
}
.hot-news-type{
    color: #bd141d;
    display: inline-block;
    border:1px solid #bd141d;
    border-radius: 5px;
    line-height: 0.65rem;
    height: 0.55rem;
    vertical-align: middle;
    padding: 0 4px;
    margin-top: -1px;
    font-size: 0.4rem;
}

.tools_list{
    border: 1px solid #ececec;
    display: inline-block;
    border-left: 0;
    border-bottom: 0;
    margin-bottom: 5px;

}
.tools_list li{
    float: left; 
    height: 4.1rem;
    width: 25%;   
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
}
.tools_list li a{
    display: inline-block;
    height: 4.25rem;
    width: 100%;    
    text-align: center;
}
.tools_list li img{
    width: 2rem;
    height: auto;
    padding-top: 0.45rem;
}
.tools_list li p{
    font-size: 0.55rem;
    line-height: 0.9rem;
}

.hide-classify{
    position: absolute;
    top: 0;
    left: 15%;
    display: none;
    overflow-y: auto;
    z-index: 1000;
}
.hide-classify.index-classfy{
    width: 85%;
}
.hide-classify .classify-ul{
    font-size: 0.55em;
}
.hide-classify .classify-ul li{
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    background: #fff;
}
.hide-classify .classify-ul li a:visited{
    color: #000;
}
.hide-classify .classify-ul li a{
    display: block;
    width: 16rem;
    height: 1.8rem;
    padding: 0 0.8rem;
}
.hide-classify .classify-ul li img{
    display: block;
    float: left;
    width: 1rem;
    margin-top: 0.4rem;
}
.hide-classify .classify-ul li i{
    display: block;
    float: left;
    font-size: 0.6rem;
    padding-left: 0.8rem;
    line-height: 1.8rem;
}
.country-list{
    padding: 1rem 5%;
    background: #ececec;
}
.country-list li{
    float: left;
    width: 20%;
    height: 3.2rem;
    font-size: 0.55rem;
    text-align: center;
    line-height: 2em;
}
.country-list li img{
    display: block;
    width: 70%;
    margin: 0 auto;
}




.xt-container{
    padding: 2rem 0 3.625rem 0;
    position: relative;
    background: #fff;
    overflow-x: hidden;
}
.xt-container2{
    padding: 0 0 3.625rem 0;
}
.slider{
    /*height: 136px!important;*/
    overflow: hidden;
}
.slider img{
    display: block;
    width: 100%;
}

.menu-bar-sec{
    padding: 0.8rem 0;
    height: 7.5rem!important;
}
.menu-bar-sec li{
    width: 20%;
    float: left;
    height: 4rem;
    font-size: 0.6rem;
    text-align: center;
    overflow: hidden;
}
.menu-bar-sec li i{
    display: inline-block;
    width: 2.35rem;
    height: 2.35rem;
}
.menu-bar-sec li img{
    width: 2rem;
    height: 2rem;
}
.menu-bar-sec li a.active{
    color: #ff5059;
}
.menu-bar-sec li p{
    height: 1.2rem;
    line-height: 1.2rem;
}
.menu-bar-sec .ui-slider-dot-select{
    background: #bd141d!important;
}
.menu-bar-sec .ui-slider-dots{
    bottom: 10px!important;
}

.europe-tap{
    position: fixed;
    width: 75%;
    height: 10rem;
    left: 12.5%;
    top: 5rem;
    z-index: 999;
    display: none;
    overflow: hidden;
    background: #ececec;
}
.europe-tap .title{
    color: #fff;
    font-size: 0.6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #ffc168;
}
.europe-tap .content{
    padding-top: .5rem;
}
.europe-tap li{
    float: left;
    width: 33%;
    height: 3.5rem;
    font-size: 0.55rem;
    line-height: 1.8em;
    text-align: center;
}
.europe-tap img{
    display: block;
    height: 2rem;
    margin: 0 auto;
}
.for-date{
    display: none;
    position: fixed;
    left: 12.5%;
    top: 4rem;
    width: 75%;
    height: 12.5rem;
    z-index: 999;
    overflow: hidden;
    background: #ececec;
}
.for-date .title{
    color: #fff;
    font-size: 0.6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #ffc168;
}
.for-date li{
    width: 100%;
    height: 2.2rem;
}
.for-date ul{
    padding: 1rem 1rem 0 1rem;
}
.for-date li span{
    float: left;
    display: block;
    width: 18%;
    height: 1.5rem;
    background-color: #ffc168;
}
.for-date .xt-name{
    background:  #ffc168 center center no-repeat;
    background-size: 0.8rem;
}
.for-date .xt-city{
    background:  #ffc168 center center no-repeat;
    background-size: 0.8rem;
}
.for-date .xt-phone{
    background:  #ffc168 center center no-repeat;
    background-size: 0.8rem;
}
::-webkit-input-placeholder { /* webkit browsers */
    color:    #dcdcdc;
}
:-moz-placeholder { /* mozilla firefox 4 to 18 */
    color:    #dcdcdc;
}
::-moz-placeholder { /* mozilla firefox 19  */
    color:    #dcdcdc;
}
:-ms-input-placeholder { /* internet explorer 10  */
    color:    #dcdcdc;
}
.for-date li input{
    -webkit-appearance:none;
    -moz-appearance:none;
    display: block;
    width: 82%;
    height: 1.5rem;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    padding:0 0.5em;
    color: #000;
    background: #ececec;
    box-sizing: border-box;
}
.for-date li select{
    -webkit-appearance:none;
    -moz-appearance:none;
    display: block;
    width: 82%;
    height: 1.5rem;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    padding:0 0.5em;
    color: #dcdcdc;
    background: #ececec;
    box-sizing: border-box;
}
.for-date .date-btn{}
.for-date .date-btn a{
    display: block;
    width: 9rem;
    height: 2rem;
    background: #bd141d;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 0.6rem;
    line-height: 2rem;
}


.xt-box{
    padding: 0 0.5rem;
}
.xt-box .title{
    height: 2rem;
}
.xt-box .title h2{
    float: left;
    height: 0.875rem;
    font-weight: normal;
    font-size: 0.6rem;
    border-left: 0.25rem solid #f6444d;
    overflow: hidden;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
}
.xt-box .title a.more{
    float: right;
    font-size: 0.6rem;
    height: 0.875rem;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
    color: #666;
    padding-right: 0.8em;
    background:  right center no-repeat;
    background-size: 0.5em;
}

.new-cell .cell{
    float: left;
    width: 51%;
    height: 7.5rem;
    overflow: hidden;
}
.new-cell img{
    display: block;
    width: 100%;
}
.new-cell p{
    background: rgba(255,255,255,0.7);
    margin-top: -1.1rem;
    position: relative;
    z-index: 6;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: right;
    font-size: 0.55rem;
    padding-right: 0.35em;
}
.new-cell .cell img{
    width: 100%;
    height: 3.05rem;
}
.new-cell .big{
    float: right;
    width: 48%;
    overflow: hidden;
}
.new-cell .big img{
    width: 100%;
    height: 6.5rem;
}

.active-list{
}
.active-list li{
    padding: 0.5rem 0;
    height: 3.4rem;
    border-top: 1px solid #ececec;
}
.active-list li p{
    height: 100%;
    float: right;
}
.active-list li a{
    width: 78%;
    float: left;
    display: block;
    height: 3.4rem;
}
.active-list li:first-child{
    padding-top: 0;
    border-top: 0;
}
.active-list img{
    display: block;
    float: left;
    width: 2.65rem;
    height: 3.35rem;
}
.active-list dl{
    font-size: 0.6rem;
    height: 3.4rem;
    overflow: hidden;
    padding: 0 0.5rem;
}
.active-list dt{
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    height: 1.6rem;
    line-height: 0.8rem;
    padding-bottom: 0.2rem;
}
.active-list dd{
    width: 100%;
    color: #565656;
    overflow: hidden;
    height: 0.75rem;
    line-height: 0.75rem;
}
.active-list .show-info{
    display: block;
    float: left;
    width: 3rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    color: #bd141d;
    font-size: 0.55em;
    margin-top: 1rem;
    border: 1px solid #bd141d;
}
.xt-phone-number{
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #ececec;
    text-align: center;
    position:relative;
    bottom:0.2rem;
}
.menubar>ul{
    overflow:hidden;
    height:100%;
    -webkit-box-shadow: 0 -1px 10px rgba(149,149,149,0.6);
    box-shadow: 0 -3px 10px rgba(149,149,149,0.6);
}
.xt-phone-number span{
    display: inline-block;
    height: 1.5rem;
    line-height: 1.6rem;
    color: #565656;
    font-size: 0.6rem;
    overflow: hidden;
    padding-left: 1.15em;
    background:  left center no-repeat;
    background-size: 1em;
}
.xt-phone-number span em{
    color: #bd141d!important;
    font-style: normal;
}
.copy-right{
    color: #565656;
    font-size: 0.55rem;
    text-align: center;
    width: 100%;
    height: 2rem;
    line-height: 1.2rem;
}

/*----------------assess start---------------*/
.assess{
    padding: 1.5rem 0;
}
.assess select{
    -webkit-appearance:none;
    background: none;
    font-size: 0.55rem;
    float: left;
    height: 1.6rem;
    width: 9.5rem;
    border: 0;
    text-indent: 0.5em;
    color: #dcdcdc;
}
.assess span{
    float: left;
    display: inline-block;
    width: 4.75rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: right;
    padding-right: 0.5rem;
    font-size: 0.6rem;
}
.assess li{
    height: 2.1rem;
}
.assess .select-type{
    float: left;
    width: 9.5rem;
    height: 1.6rem;
    border: 1px solid #ccc;
    background:  8.3rem 0.6rem no-repeat;
    background-size: 0.5em;
}
.assess input{
    float: left;
    width: 8.8rem;
    -webkit-appearance:none;
    background: none;
    border: 0;
    font-size: 0.55rem;
    padding: 0.35rem;
}
.assess-submit .sub{
    display: block;
    width: 12rem;
    height: 2.4rem;
    color: #fff;
    text-align: center;
    background: #bd141d;
    line-height: 2.35rem;
    font-size: 0.6rem;
    margin: 0 auto;
    margin-top: 0.75rem;
}


/*----------------assess end-----------------*/
/*---------------universal start-------------*/
.universal{
    width: 100%;
    overflow: hidden;
}
.universal ul{
    width: 16.4rem;
}
.universal li{
    float: left;
    width: 5.34rem;
    height: 5.34rem;
    background: #fff;
    font-size: 0.6rem;
    text-align: center;
    overflow: hidden;
    margin-top: 2px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.universal li a{
    display: block;
}
.universal li img{
    display: inline-block;
    height: 1.6rem;
    margin: 1.4rem auto 0.6rem auto;
}
.universal li p{
    height: 1.8rem;
    line-height: 1.5rem;
}

/*---------------universal end-------------*/

/*---------------product start------------*/

.product{}
.product-box{
    padding: 0 0.5rem;
}
.product-box .title{
    height: 2rem;
}
.product .title h2{
    float: left;
    height: 0.875rem;
    font-weight: normal;
    font-size: 0.6rem;
    border-left: 0.25rem solid #ffc168;
    overflow: hidden;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
}
.product-box .title a.more{
    float: right;
    font-size: 0.6rem;
    height: 0.875rem;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
    color: #666;
    padding-right: 0.7em;
    background:  right center no-repeat;
    background-size: 0.45em;
}
.product-box .pro-apply{
    color:#565656;
    font-size: 0.6rem;
    line-height: 1.5em;
    padding: 0 0.4rem 0.5rem .4rem;
}
.pro-star{
    height: 1.7rem;
    font-size: 0.55rem;
    line-height: 1.7rem;
    background: #ececec;
    overflow: hidden;
    margin-top: 0.25rem;
}
.pro-star .text{
    color: #fff;
    float: left;
    width: 3rem;
    height: 1.7rem;
    text-align: center;
    background: #ffc168;
}
.pro-star .num{
    float: left;
    width: 5.2rem;
    padding-left: .1rem;
}
.pro-star .star{
    float: left;
    width: 6.5rem;
}
.pro-star em{
    float: left;
    font-style: normal;
    padding-right: 5px;
}
.pro-star i{
    float: left;
    width: 0.5rem;
    height: 0.5rem;
    margin: .7rem .15rem 0 0;
}
.pro-star i.full{
    background:  no-repeat;
    background-size: 0.5rem;
}
.pro-star i.half{
    background:  no-repeat;
    background-size: 0.5rem;
}
.pro-star i.null{
    background:  no-repeat;
    background-size: 0.5rem;
}
.product .pro-btn{
    text-align: center;
    padding: 1rem 0 0.8rem 0;
}
.product .pro-btn a{
    color: #fff;
    display: inline-block;
    width: 12rem;
    height: 2.5rem;
    font-size: 0.6rem;
    background: #bd141d;
    line-height: 2.5rem;
}

.pro-process{
}
.pro-process ul{
    padding: .5rem 1.4rem 0 2.1rem;
}
.pro-process li{
    position: relative;
    height: 2.5rem;
    padding-left: 1.5rem;
    border-left:3px solid #ececec;
}
.pro-process li.inside{
    display: none;
}
.pro-process li i{
    color: #565656;
    display: block;
    height: 2rem;
    font-size: 0.6rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid #ffc168;
}
.pro-process li em{
    color: #fff;
    font-size: 13px;
    font-style: normal;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #ffc168;
    border: 1px solid #ececec;
    border-radius: 1.8rem;
    overflow: hidden;

    position: absolute;
    top: 0;
    left: -1.1rem;
}
.pro-process .show-more{
    height: 2.5rem;
    padding-left: 1.5rem;
    background: #f00;
    border-left:3px solid #ececec;
}
.pro-process li p{
    height: 1.2rem;
    background:  #ececec center center no-repeat;
    background-size: .5em;
}
.pro-process li p.up{
    height: 1.2rem;
    background:  #ececec center center no-repeat;
    background-size: .5em;
}

.pro-services{
}
.pro-services li{
    float: left;
    width: 4.5rem;
    height: 3rem;
    margin-right: 0.5rem;
    margin-top: .6rem;
}
.pro-services li div{
    position: relative;
    height: 2.3rem;
    text-align: center;
    border: 1px solid #ffc168;
    font-size: 0.6rem;
    line-height: .8rem;
    padding-top: .7rem;
}
.pro-services li p{
    height: .9rem;
    font-size: 0.9em;
}

.pro-services li div:after, .pro-services li div:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pro-services li  .arrow-right:after {
    border-color: rgba(213, 213, 213, 0);
    border-left-color: #fff;
    border-width: 8px;
    margin-top: -22px;
}
.pro-services li  .arrow-right:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #ffc168;
    border-width: 9px;
    margin-top: -23px;
}

.pro-services li div.arrow-down:after, .pro-services li div.arrow-down:before{
    top: 100%;
}
.pro-services li  .arrow-down:after {
    border-color: rgba(213, 213, 213, 0);
    border-top-color: #fff;
    border-width: 9px;
    margin: -1px 0 0 -35px;
}
.pro-services li  .arrow-down:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #ffc168;
    border-width: 9px;
    margin: 0px 0 0 -35px;
}
.pro-services li div.arrow-left:after, .pro-services li div.arrow-left:before{
    left: 0;
    top: 0;
}
.pro-services li  .arrow-left:after {
    border-color: rgba(213, 213, 213, 0);
    border-right-color: #fff;
    border-width: 9px;
    margin: 14px 0 0 -18px;
}
.pro-services li  .arrow-left:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #ffc168;
    border-width: 9px;
    margin: 14px 0 0 -19px;
}

.pro-sucess ul{
}
.pro-sucess li{
    padding: 0.5rem;
    height: 2.25rem;
    overflow: hidden;
    font-size: 0.6rem;
    border-bottom: 1px solid #ececec;
}
.pro-sucess li:nth-last-child(1){
    border-bottom: 0;
}
.pro-sucess dl{
    overflow: hidden;
    padding-top: .3rem;
}
.pro-sucess dt,.pro-sucess dd{
    padding: 0 .5rem;
    height: 1rem;
    overflow: hidden;
    line-height: 1rem;
}
.pro-sucess dd{
    color: #565656;
}
.pro-sucess li img{
    display: block;
    float: left;
    width: 2rem;
    margin: 0;
}
.product .pro-btn-line{
    text-align: center;
    padding: 0.7rem 0 1rem 0;
}
.product .pro-btn-line a{
    color: #bd141d;
    display: inline-block;
    width: 10rem;
    height: 1.4rem;
    font-size: 0.6rem;
    line-height: 1.4rem;
    border: 1px solid #bd141d;
}


.pro-recommend li{
    float: left;
    width: 3.1rem;
    min-height: 4.2rem;
    overflow: hidden;
    margin: 0 0.3rem;
    font-size: 0.55rem;
    text-align: center;
}
.product-list-tj li{
    height: 4.5rem;
}
.pro-recommend li img{
    display: block;
    border: 1px solid #ececec;
    width: 2.35rem;
    margin: 0 auto 5px auto;
}

/*---------------product end-------------*/

/*--------------successful-case start-----*/

.successful-case{}
.successful-case .case-title{
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.5rem;
    font-size: 0.6rem;
    border-bottom: 1px solid #cecece;
}
.successful-case .case-title p{
    display: inline-block;
    float: right;
    text-align: right;
    padding-left: 1rem;
    padding-right: .75rem;
    background:  right center no-repeat;
    background-size: .6rem;
}
.successful-case .case-title p.up{
    background:  right center no-repeat;
    background-size: .6rem;
}
.successful-case ul{
    padding: 0 0.5rem;
}
.successful-case li{
    padding: 0.5rem 0;
    height: 2.25rem;
    overflow: hidden;
    font-size: 0.6rem;
    border-bottom: 1px solid #ececec;
}
.successful-case dl{
    float: left;
    width: 9.5rem;
    overflow: hidden;
    padding-top: .3rem;
}
.successful-case dt,.successful-case dd{
    padding: 0 .5rem;
    height: 1rem;
    overflow: hidden;
    line-height: 1rem;
}
.successful-case dd{
    color: #565656;
}
.successful-case li img{
    display: block;
    float: left;
    width: 2rem;
    margin: 0;
}
.successful-case li a{
    float: left;
    display: block;
    height: 50%;
}

.successful-case li .show-more{
    display: block;
    color: #bd141d;
    width: 3rem;
    height: 1rem;
    float: right;
    margin-top: .55rem;
    text-align: center;
    line-height: 1rem;
    border: 1px solid #bd141d;
    font-size: 0.9em;
}
.sucessful-list{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    z-index: 999;
    display: none;
}
.sucessful-list dl{
    width: 100%;
    padding: .5rem;
    background: #fff;
    margin-top: 2rem;
    font-size: 13px;
}
.sucessful-list dt{
    color: #faa346;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: .5em;
    border-bottom: 1px solid #faa346;
}
.sucessful-list dd{
    height: 1.2rem;
    padding-left: 1em;
    line-height: 1.2rem;
    border-bottom: 1px solid #ececec;
}
.sucessful-list dd.active{
    color: #faa346;
    border-bottom: 1px solid #faa346;
}
.sucessful-list dd a{
    display: block;
    width: 100%;
    height: 1.2rem;
}

/*--------------successful-case end-----------*/
/*--------------case-information start--------*/

.case-information{
    font-size: 0.6rem;
    line-height: 1.6em;
}
.case-info{
    padding: 0 0.5rem;
}
.case-info .article{
    padding: 0.6rem 0 0.3rem 0;
    border-bottom: 1px solid #ececec;
}
.case-info .article h2{
    color: #000;
    padding: 0.4rem 0 0.6rem 0;
    font-size: 1.1em;
    line-height: 1.25em;
}
.case-info .tips{
    width: 100%;
    padding: 0.25rem 0;
    padding-left: 1.3rem;
    overflow: hidden;
    background:  0.25em 0.75em no-repeat;
    background-size: 1.2em;
}
.case-info .tips em{
    float: left;
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    margin-top: 0.35rem;
    margin-right: 0.5rem;
    background:  no-repeat;
    background-size: 0.8rem;
}
.case-info .tips i{
    float: left;
    font-size: 0.55rem;
    color: #8ec1ff;
    padding: 0 0.2rem;
    line-height: 1.5em;
    margin: 0.25rem 0.5rem 0 0rem;
    white-space: nowrap;
    border: 1px solid #8ec1ff;
}
.case-info .text{
    padding: 0.5rem 0 0.75rem 0;
}
.case-information .xt-box .title h2{
    font-size: 1.1em;
    border-color: #8ec1ff;
}
.case-information .info-more{
    padding: 0.5rem 1rem;
    font-size: 0.95em;
    background: #ececec;
}
.case-information .info-more strong{
    font-size: 1em;
    line-height: 1.2em;
}
.case-information .info-box{
    padding: 1rem 0 0.7rem 0;
}

.case-information .info-box a{
    margin: 0 auto;
    display: block;
    width: 11.5rem;
    height: 2.4rem;
    color: #fff;
    font-size: 1em;
    line-height: 2.4rem;
    text-align: center;
    background: #bd141d;
}
.info-experts{
    padding: 1rem 0;
}
.info-experts img{
    float: left;
    display: block;
    width: 3.75rem;
}
.info-experts ul{
    float: left;
    width: 9rem;
}
.info-experts li{
    padding-left: 0.5rem;
}
.info-experts li a{
    display: inline-block;
    width: 4rem;
    font-size: 1em;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    border: 1px solid #bd141d;
    background:  left bottom repeat-x;
}



/*--------------case-information start--------*/
/*---------------discover start--------------*/

.dis-list{
    font-size: 0.7em;
}
.dis-list li{
    width: 100%;
    height: 2rem;
    border-bottom: 1px solid #ececec;
    background:  #fff 15rem center no-repeat;
    background-size: 0.4em;
}
.dis-list li a:visited{
    color: #000;
}
.dis-list li a{
    width: 16rem;
    height: 2rem;
    padding: 0 0.5rem;
    display: table-cell;
    vertical-align: middle;
}
.dis-list li img{
    display: block;
    float: left;
    width: 0.9rem;
    margin-top: 0.6rem;
    vertical-align: middle;
}
.dis-list li i{
    display: block;
    float: left;
    width: 5rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.6rem;
    padding-left: .5rem;
}
.dis-list li em{
    float: left;
    display: block;
    font-size: 0.55rem;
    font-style: normal;
    color: #565656;
    height: 2rem;
    line-height: 2rem;
}
/*---------------discover end--------------*/
/*---------------country start--------------*/
.country{}
.country .title h2{
    border-color: #8ec1ff!important;
}

.country .edu{
    font-size: 0.75em;
}
.country .edu-tab-ctr{
    width: 17rem;
}
.country .edu-tab-ctr li{
    float: left;
    width: 4.5rem;
    height: 2rem;
    text-align: center;
    margin-right: 0.75rem;
    background: #ececec;
    line-height: 1.8rem;
    font-size: 0.6rem;
}
.country .edu-tab-ctr i{
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: #ececec;
}
.country .edu-tab-ctr .active i{
    background: #8ec1ff;
}
.country .edu .article{
    height: 1.5em;
    padding-top: 1rem;
    font-size: 13px;
    text-indent: 1em;
    line-height: 1.3em;
}
.country .edu-content{
    border:1px solid #ececec;
}
.country .edu-content i{
    display: block;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background: #ececec;
}
.country .edu-content p{
    font-size: 0.55rem;
    padding: 0.5em;
}
.country .article span{
    float: left;
}
.country .article a{
    color: #565656;
    float: right;
    font-size: 0.9em;
    padding-right: 1.5em;
    background:  3.5em center no-repeat;
    background-size: 0.45em;
}
.country .edu-btn-title{
    color: #fff;
    width: 5rem;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-size: 13px;
    background: #8ec1ff;
    margin: 0.75rem auto 0 auto;
}
.country .edu-limit li{
    width: 100%;
    height: 3rem;
    overflow: hidden;
    margin-top: 0.4em;
}
.country .edu-limit .edu-lim-left{
    color: #fff;
    float: left;
    display: block;
    width: 4rem;
    height: 3rem;
    font-size: 13px;
    position: relative;
    background: #8ec1ff;
    text-align: center;
    line-height: 1.6em;
}
.country .edu-lim-left img{
    display: block;
    height:1.2rem;
    margin: 0.6em auto 0.1em auto;
}

.country .edu-limit .edu-lim-left:after, .country .edu-lim-left:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.country .edu-lim-left:after {
    border-color: rgba(213, 213, 213, 0);
    border-left-color: #8ec1ff;
    border-width: 5px;
    margin-top: -5px;
}
.country .edu-lim-left:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #8ec1ff;
    border-width: 7px;
    margin-top: -7px;
}

.country .edu-limit .edu-lim-right{
    float: left;
    width: 10rem;
    font-size: 0.55rem;
    overflow: hidden;
    height: 3rem;
    line-height: 3rem;
    padding: 0 0.5rem;
    background: #ececec;
    display: table;
    vertical-align: middle;
}
.country .edu-limit .edu-lim-right p{
    display: table-cell;
    vertical-align: middle;
    line-height: 0.85rem;
}
.country .pro-recommend li img{
    border: 0;
}
.country .pro-recommend li{
    text-align: center;
    font-size: 0.55rem;
}

/*---------------country end--------------*/
/*-----------information start-----------*/
.information{}
.information .title{
    font-size: 0.6rem;
    padding: 1rem 0 .7rem 0;
}
.information .content{
    font-size: 0.6rem;
    line-height: 1.2em;
    padding: 0.5rem 0.5rem;
    background: #ececec;
    color: #565656;
}
.information .info-text{

}
.information .info-text a{
    display: block;
}
.information .keywords{
    line-height: 14px;
    padding-top: 0.2rem;
}
.information .keywords em{
    font-style: normal;
    font-size: 0.55rem;
    line-height: 014px;
}
.information .keywords i{
    font-size: 0.55rem;
    margin: 0 5px;
    line-height: 0.6em;
}
.information .info-text .red{
    color: #bd141d;
}
.information .time-tip{
    font-size: 0.55rem;
    padding: 0.5rem 0;
    height: 0.6rem;
    color: #565656;
    border-bottom: 1px solid #ececec;
}
.information .time-tip p{
    width: 50%;
    float: left;
}

.info-detail{}
.info-detail .more-read{}
.info-detail .more-read li{
    height: 1.25rem;
    overflow: hidden;
    line-height: 1.25rem;
}
.info-detail .more-read li a{
    height: 1.25rem;
    display: block;
}
.info-detail .more-read img{
    float: left;
    display: block;
    width: 0.8rem;
    margin-top: 0.15rem;
}
.info-detail .more-read span{
    float: left;
    padding-left: 0.5rem;
    color: #565656;
}
/*-----------information end-----------*/

/*-----------colleges end-----------*/
.colleges{}
.colleges .case-title{
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.5rem;
    font-size: 0.6rem;
    border-bottom: 1px solid #cecece;
}
.colleges .case-title p{
    display: inline-block;
    float: right;
    text-align: right;
    padding-left: 1rem;
    padding-right: .75rem;
    background:  right center no-repeat;
    background-size: .6rem;
}
.colleges .case-title p.up{
    background:  right center no-repeat;
    background-size: .6rem;
}
.colleges ul{
    padding: 0 0.5rem;
}
.colleges li{
    padding: 0 0;
    height: 4.75rem;
    overflow: hidden;
    font-size: 0.6rem;
    border-bottom: 1px solid #ececec;
}
.colleges li p{
    float: left;
    height: 100%;
    height: 100%;
}
.colleges dl{
    float: left;
    width: 8rem;
    overflow: hidden;
}
.colleges dt{
    color: #565656;
}
.colleges dt p{
    color: #000;
    float: none;
    height: auto;
}
.colleges dt,.colleges dd{
    padding: 0 .5rem;
    height: 2rem;
    overflow: hidden;
    line-height: 1rem;

}
.colleges dd{
    font-size: 0.9em;
    color: #565656;
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
    padding-top: 0.2rem;
}
.colleges li img{
    display: block;
    float: left;
    width: 3rem;
    margin: 0;
    margin-top: 0.8rem;
    border: 1px solid #ececec;
}
.colleges li .show-more{
    display: block;
    color: #bd141d;
    width: 3.8rem;
    height: 1.2rem;
    float: right;
    
    text-align: center;
    line-height: 1.2rem;
    font-size: 0.75em;
    border: 1px solid #bd141d;
}

.colleges li .show-more1{
    display: block;
    color: #bd141d;
    width: 3.8rem;
    height: 1.2rem;
    float: right;
    margin-top: 0.45rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: 0.75em;
    border: 1px solid #bd141d;
}


/*-----------colleges end-----------*/
/*-----------active end-----------*/
.activity{}
.activity .case-title{
    height: 1.8rem;
    line-height: 1.8    rem;
    padding: 0 0.5rem;
    border-bottom: 1px solid #cecece;
}
.activity .case-title p{
    float: right;
    display: inline-block;
    text-align: right;
    padding-right: .75rem;
    padding-left: 1rem;
    background:  right center no-repeat;
    background-size: .6rem;
}
.activity .case-title p.up{
    background:  right center no-repeat;
    background-size: .6rem;
}
.activity ul{
    padding: 0 0.5rem;
}
.activity li{
    padding: 0.1rem 0;
    height: 4.25rem;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}
.activity dl{
    float: left;
    width: 9rem;
    overflow: hidden;
}
.activity dt{
    padding: 0 0.5rem;
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
}
.activity dt{
    padding-bottom: 0.2rem;
}
.activity dd{
    height: 0.8rem;
    color: #565656;
    overflow: hidden;
    padding: 0 0.5rem;
}
.sm-size dd{
    font-size: 0.9em;
}

.activity li img{
    display: block;
    float: left;
    width: 2.65rem;
    height: 3.35rem;
    margin: 0;
    margin-top: 0.25rem;
}
.activity li .show-more{
    display: block;
    color: #bd141d;
    width: 3rem;
    height: 1.2rem;
    float: right;
    margin-top: 1.45rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: 0.9em;
    border: 1px solid #bd141d;
}
/*-----------active end-----------*/
/*----------colleges-details start-----*/
.colleges-details{
    padding: 0.5rem 0.5rem 2rem 0.5rem;

}
.colleges-details .info{
    overflow: hidden;
    border: 1px solid #ececec;
}
.colleges-details .info-top{
    background: #ececec;
    padding-bottom: 8px;
}
.colleges-details .info-left{
    float: left;
    width: 9.5rem;
    height: 100%;
    font-size: 0.6rem;
    padding: 0 1rem;
    line-height: 1.5em;
    color: #565656;
}
.colleges-details .info-left .info-name{
    color: #000;
    padding-top: 1em;
}
.colleges-details .info-left .info-number{
    padding-top: 0.5em;
}
.colleges-details .info-right{
    float: left;
    width: 3.2rem;
    height: 100%;
    font-size: 0.6rem;
    line-height: 1.5em;
    color: #565656;
    overflow: hidden;
}
.colleges-details .info-right img{
    display: block;
    width: 3.2rem;
    margin: 0.5em 0;
}
.colleges-details .info-right a{
    display: block;
    color: #bd141d;
    font-size: 0.85rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border: 1px solid #bd141d;
}
.colleges-details .info-right a.focusit{
	background-color:#fff;
	color:#bd141d;
}
.colleges-details .info-right a.focusit:after{font-size: 0.65rem;content:'鍏虫敞';}
.colleges-details .info-right a.focusit.active{
	background-color:#bd141d;
	color:#fff
}
.colleges-details .info-right a.focusit.active:after{content:'宸插叧娉?;}

.colleges-details .info ul{
    width: 105%;
    padding-top: 0.25rem;
}
.colleges-details .info li{
    float: left;
    width: 4.95rem;
    height: 4em;
    line-height: 1.5em;
    font-size: 0.6rem;
    text-align: center;
    border-right: 1px solid #ececec;
}
.colleges-details .info li p{
    padding-top: 0.25em;
    color: #bd141d;
}
.colleges-details .coll-info{
    padding: 0.5rem 0;
}
.colleges-details .coll-info li{
    color: #565656;
    font-size: 0.6rem;
    line-height: 1.5em;
    min-height: 1em;
    overflow: hidden;
    padding: 0.25em 0 0.25em 0.5rem;
}
.colleges-details .coll-info img{
    float: left;
    display: block;
    width: 0.75rem;
    margin-top: 0.1em;
}
.colleges-details .coll-info p{
    float: left;
    width: 12.5rem;
    padding-left: 0.5rem;
}
.colleges-details .coll-ctl{
    width: 17rem;
}
.colleges-details .coll-ctl li{
    float: left;
    width: 4.5rem;
    height:2rem;
    color: #565656;
    margin:0.5rem 0.75rem 0 0;
    line-height: 2rem;
    text-align: center;
    font-size: 0.55rem;
    background: #ececec;
}
.colleges-details .coll-ctl li a{
    color: #565656;
    display: block;
    width: 100%;
    height: 100%;
}
.colleges-details .coll-ctl li.active{
    color: #fff;
    background: #bd141d;
}
.colleges-details .coll-ctl li.active a{
    color: #fff;
}
.colleges-details .coll-content{
    padding-top: 0.75rem;
}
.colleges-details .coll-tab .text{
    padding: 0.5rem;
    font-size: 0.55rem;
    line-height: 1.5em;
    background: #ececec;
}
.colleges-details .coll-tab{
    font-size: 0.55rem;
    line-height: 1.5em;
    display: none;
}
.colleges-details .coll-tab td{
    padding: 3px 10px;
    background: #ececec;
}
.colleges-details .coll-tab .title td{
    background: #565656;
    color: #fff;
    text-align: center;
}
/*----------colleges-details end------*/

/*---------ridicule start------------*/
.ridicule{
    font-size: 0.6rem;
}
.ridicule .type select{
    float: left;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:none;
    border: 1px solid #565656;
    width: 4.5rem;
    height: 1.2rem;
    text-align: left;
    line-height: 1.2rem;
    color: #565656;
    margin-top: 0.4rem;
    padding-left: 0.5rem;
    background:  3.5rem center no-repeat;
    background-size: 0.5rem;
    font-size: 0.9em;
}
.ridicule .type{
    height: 2rem;
    line-height: 2rem;
    background: #fff;
    padding: 0 0.5rem;
    margin: 1rem 0;
}
.ridicule i{
    float: left;
    width: 4rem;
    display: block;
}
.ridicule .text{
    height: 11rem;
    background: #fff;
    padding: 0 0.5rem;
}
.ridicule .text p{
    height: 2em;
    line-height: 2em;
    padding: 0.5rem 0 0.2rem 0;
}
.ridicule .text textarea{
    display: block;
    width: 100%;
    height:7rem;
    -webkit-appearance:none;
    -moz-appearance:none;
}
.ridicule input{
    float: left;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:none;
    border: 1px solid #565656;
    width: 9rem;
    height: 0.9rem;
    line-height: 1em;
    color: #565656;
    margin-top: 0.4rem;
    font-size: 0.9em;
    padding: 0.15rem 0.5rem;
}
/*---------ridicule start------------*/

/*----------news start------------*/

.news{}
.news .newsbox ul{
    width: 16rem;
}
.news .newsbox li{
    float: left;
    width: 7.25rem;
    height: 6.5rem;
    margin-right: 0.5rem;
    position: relative;
    overflow: hidden;
}
.news .newsbox li img{
    display: block;
    width: 7.25rem;
}
.news .newsbox li p{
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 6.65rem;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.3rem;
    font-size: 0.6rem;
    text-align: left;
    background: rgba(0,0,0,0.6);
}

/*----------news end------------*/
a.block-squ{
    display: block;
    height: 100%;
}
.activity li p{
    float: left;
    height: 100%;
}
.activity .sm-size li span.show-more{
    font-size: 0.8em;
}
.index .active-list .show-info{
    font-size: 0.55rem;
}

.xt-dialog{
    width: 12rem;
    height: 6rem;
    color: #565656;
    position: fixed;
    background: #ececec;
    top: 5rem;
    left: 2rem;
    z-index: 999;
    display: none;
}
.xt-dialog .content{
    font-size: 0.6rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
}
.xt-dialog .dialog-cancel{
    color: #fff;
    display: block;
    font-size: 0.6rem;
    width: 50%;
    height: 2rem;
    float: left;
    display: block;
    text-align: center;
    line-height: 2rem;
    background: #565656;

}
.xt-dialog .dialog-confirm{
    color: #fff;
    display: block;
    font-size: 0.6rem;
    width: 50%;
    height: 2rem;
    float: right;
    display: block;
    text-align: center;
    line-height: 2rem;
    background: #f6444d;
}

.boxs{
    width: 12rem;
    height: 6rem;
    color: #565656;
    position: fixed;
    background: #ececec;
    top: 5rem;
    left: 2rem;
    z-index: 999;
    display: none;
}
.boxsdesc, .boxsdesc2 {
    font-size: 0.8rem;
    height: 4rem;
    line-height: 5rem;
    text-align: center;
}

.box{
    width: 12rem;
    height: 4rem;
    padding-top: 1rem;
    color: #565656;
    position: fixed;
    background: #ececec;
    top: 8.5rem;
    left: 2rem;
    z-index: 999;
    display: none;
}
.boxdesc, .boxdesc2 {
    font-size: 0.8rem;
    height: 4rem;
    /*line-height: 5rem;*/
    line-height: 1.5rem;
    text-align: center;
}

.country .edu-tab-ctr-sg{
    width: 17rem;
}
.country .edu-tab-ctr-sg li{
    float: left;
    width: 3.2rem;
    height: 2rem;
    text-align: center;
    margin-right: 0.75rem;
    background: #ececec;
    line-height: 1.8rem;
    font-size: 0.6rem;
}
.country .edu-tab-ctr-sg i{
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: #ececec;
}
.country .edu-tab-ctr-sg .active i{
    background: #8ec1ff;
}

/***鑷畾涔夌绾垮疂***/
	#diylxbwidget input,#diylxbwidget button,#diylxbwidget p{font-family: 'microsoft yahei';}
	#diylxbwidget #lxbpopwin_box{
		position: fixed;
		display:none;
		padding:0.5rem 1rem;
		top:50%;
		z-index:999999;
		margin-top: -7.75rem;
		left:2.55rem;
		border:0.1875rem solid #ffc168;
		-webkit-border-radius:0.5rem;
		   -moz-border-radius:0.5rem;
		   		border-radius:0.5rem;
		background-color: #fff;
	}
	#diylxbwidget #lxbpopwin_box .lxbpopwin{position: relative;}
	#diylxbwidget #lxbpopwin_box .lxbpopwin>img{display: block;height:5rem;margin:0 auto;}
	#diylxbwidget #lxbpopwin_box .lxbpopwin .telinputbox{
		padding-left:1.5rem;
		width:7rem;
		height:1.6rem;
		background: url(/uploads/image/liicon/lxb_icon_phone.png) 0.4rem center no-repeat;
		background-size:auto 75%;
		background-color: #ffc168;
	//	border:0.1875rem solid #ffc168;
		-webkit-border-radius:0.2rem;
		   -moz-border-radius:0.2rem;
		   		border-radius:0.2rem;
		margin:0.2rem auto 0.5rem;	
	}
	#diylxbwidget #lxbpopwin_box .lxbpopwin .telinputbox #lxbinput{
		display:block;
		width:6.7rem;
		height:100%;
	//	line-height: 2rem;
		border:none;
		margin:0;
		padding:0;
		padding-left:0.3rem;
		background-color: #ececec;
		color:#565656;
		font-size:0.6rem;
		-webkit-border-radius:0rem;
		   -moz-border-radius:0rem;
		   		border-radius:0rem;
		-webkit-border-top-right-radius:0.2rem;
		   -moz-border-top-right-radius:0.2rem;
		   		border-top-right-radius:0.2rem;
		-webkit-border-bottom-right-radius:0.2rem;
		   -moz-border-bottom-right-radius:0.2rem;
		   		border-bottom-right-radius:0.2rem;		   		
	}
	#diylxbwidget #lxbpopwin_box .lxbpopwin .telinputbox #lxbinput::-webkit-input-placeholder{color:#565656}
	#diylxbwidget #lxbpopwin_box .lxbpopwin .telinputbox #lxbinput::-moz-input-placeholder{color:#565656}
	#diylxbwidget #lxbpopwin_box .lxbpopwin .telinputbox #lxbinput::-ms-input-placeholder{color:#565656}
	
	#diylxbwidget #lxbpopwin_box .lxbpopwin #lxbcallbtn{
		display:block;
		width:7rem;
		height:1.6rem;
		text-align: center;
		border:none;
		background-color: #bd141d;
		color:#fff;
		margin:0 auto;
		font-size:0.6rem;
		-webkit-border-radius:0.2rem;
		   -moz-border-radius:0.2rem;
		   		border-radius:0.2rem;
	}
	#diylxbwidget #lxbpopwin_box .lxbpopwin>p{
		display: block;
		width:8.5rem;
		color:#565656;
		font-size:0.6rem;
		line-height: 1rem;
		text-align: center;
		margin:0 auto;
		margin-top:0.2rem
	}
	#diylxbwidget #lxbpopwin_box .lxbpopwin>span{
		display: block;
		position: absolute;
		top:0;
		right: -0.5rem;
		width:1rem;
		height:1rem;
	}
	#diylxbwidget #lxbpopwin_box .lxbpopwin>span>img{width:100%;height:100%;display:block;}

	#diylxbwidget #lxbpopbtn{
		display:none;
		position: fixed;
		z-index:999999;
		width:1.2rem;
		height:2rem;
		right:0;
		bottom:7.5rem;
	}
	#diylxbwidget #lxbpopbtn>img{display:block;}
#meiqia-btn-holder{
    z-index:214748364 !important;
}
