/***********首页**************/
.head{  background: #ffffff; }
.head_content{
    margin: 0 auto;
    width: 1200px;
    height: 89px;
}
.service{
    position:fixed;
    top: 345px;
    right: 5px;
    width: 53px;
    height: 145px;
    background: url(../images/service.png) center no-repeat;
    z-index: 99999;
}
.logo{
    width: 183px;
    height: 72px;
    float: left;
    margin-top: 8px;
    background: url(../images/cmt_logo.png) center no-repeat;
}
.menu{
    width: 720px;
    height: 89px;
    float: right;
}
.menu a{
    width: 120px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #8c8c8e;
    float: left;
    display: block;
    margin-top: 30px;
}
.menu a:hover{ color: #15b4f8;}
.page_bj{
    background-color: #f4f4f6;
}
.page_center{
    width: 100%;
    height: 548px;
    background: url(../images/index_bj.jpg) center no-repeat;
    min-width: 1200px;
}
.p_container{
    width: 1200px;
    margin: 0 auto;
    height: 548px;
    position: relative;
}
.p_left{
    width: 801px;
    height: 366px;
    background: url(../images/p_left.png) center no-repeat;
    position: absolute;
    top: 140px;
    left: -98px;
}
.p_right{
    width: 408px;
    height: 300px;
    background: url(../images/index_title.png) top center no-repeat;
    position: absolute;
    top: 129px;
    right: 65px;
}
/*按钮上下移动*/
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}

@keyframes bounce-down {
    25% {transform: translateY(-10px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(10px);}
}
.animate-bounce-down {
    display: block;
    width: 221px;
    height: 72px;
    background: url(../images/download.png) left no-repeat;
    margin-top: 200px;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}
.cmt_title{
    background: #f4f4f6;
}
.title_content{
    width: 1200px;
    height: 220px;
    margin: 0 auto;
    background: url(../images/cmt-title.png) 266px 75px no-repeat;
}
.selected{
    color: #15b4f8!important;
}
.piece{
    display: block;
    width: 85px;
    height: 3px;
    background: #15b4f8;
    position: absolute;
    bottom: -9px;
    left: 19px;
}
.row_bj{
    height: 415px;
    border: solid 1px #f4f4f6;
    background: url(../images/row_bj.jpg) center #f4f4f6 no-repeat;
}
.announcement{
    width: 1200px;
    height: 267px;
    background-color: #ffffff;
    margin: 75px auto;
    box-shadow: 0 5px 50px 0 rgba(71, 201, 225, .25);
    border-radius: 10px;
}
.announcement_left{
    width: 464px;
    height: 218px;
    background: url(../images/announcement_bj.jpg) center no-repeat;
    margin: 24px 27px 25px 30px;
    float: left;
    position: relative;
}
.announcement_beauty{
    width: 195px;
    height: 341px;
    background: url(../images/beauty1.png) center no-repeat;
    position: absolute;
    top: -123px;
    left: 0px;
}
.announcement_right{
    margin: 24px 0px 25px 0px;
    float: left;
}
.list_lh{
    width: 655px;
    height: 218px;
    overflow: hidden;
}
.list_lh li.lieven {
    /*background:#F0F2F3;*/
}
.announcement_right li{
    font-size: 15px;
    line-height: 40px;
    border-bottom: dashed 1px #d6d6d6;
}
.announcement_right li a{
    color: #838383;
    display: block;
    width: 343px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
nobr {
    white-space: nowrap;
}
.announcement_right li a:hover{
    color: #4dbcda;
}
.announcement_right li span{
    color: #b3b3b3;
    float: right;
}
.announcement_right li em{
    display: block;
    float: left;
    width: 52px;
    height: 21px;
    margin: 9px 0px 0px 5px;
}
.announcement_right li .news_ico{
    background: url(../images/news-ico.png) -51px 0px no-repeat;
}
.announcement_right li .symbol_ico{
    background: url(../images/news-ico.png) -1px 0px no-repeat;
}

.pc_title{
    width: 100%;
    height: 221px;
    min-width: 1200px;
    background: url(../images/pc-title.png) center #f4f4f6 no-repeat;
}
.product_display{
    width: 100%;
    height: 736px;
    min-width: 1200px;
    background: url(../images/product_bj.jpg) bottom #f4f4f6 no-repeat;
}
.product_content{
    width: 1200px;
    height: 736px;
    margin: 0 auto;
    position: relative;
}
.banner{
    width: 801px;
    height: 634px;
    background: url(../images/banner.png) center no-repeat;
    position: absolute;
    top: 46px;
    right: -33px;
}
.banner_container{
    width: 638px;
    height: 418px;
    margin: 0 86px;
    background: #000;
    overflow: hidden;
}
/*轮播*/
.demo {
    width: 638px;
    height: 418px;
    font-size: 14px;
    position: relative;
}
.demo a.control {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -78px;
    width: 76px;
    height: 112px;
    cursor: pointer;
    z-index: 0;
    background: url(../images/buttons.png) no-repeat
}
.demo a.prev {
    left: 0;
    background-position: 0 0
}
.demo a.next {
    right: 0;
    background-position: -76px 0
}
.demo a.prev:hover {
    background-position: 0 -112px
}
.demo a.next:hover {
    background-position: -76px -112px
}
.slider {
    display: none
}
/*轮播*/
.pc_content{
    width: 407px;
    height: 312px;
    background: url(../images/pc-content.png) center no-repeat;
    position: absolute;
    top: 180px;
    left: 0px;
}
.footer{
    width: 100%;
    background-color: #026582;
}
.footer_content{
    width: 1200px;
    height: 390px;
    margin: 0 auto;
}
.f_content{
    width: 300px;
    height: 222px;
    float: left;
    padding-left: 32px;
    margin-top: 76px;
}
.f_content img{
    position: absolute;
    top: 33px;
    left: 88px;
}
.f_content span{
    font-size: 12px;
    color: #a7d0e3;
    line-height: 82px;
}
.f_content p{
    font-size: 12px;
    color: #a7d0e3;
    line-height: 22px;
}
.f_border{
    border-right:solid 1px #01475b ;
}
.box_center{
    width: 438px;
    height: 211px;
    border-right: solid 1px #01475b;
    float: left;
    margin-top: 76px;
    font-size: 12px;
    color: #a7d0e3;
    padding: 11px 48px 0px 48px;
    line-height: 20px;
}

.logo_bottom{
    width: 186px;
    height: 57px;
    background: url(../images/logo_bottom.png) center no-repeat;
}
.footer_bottom{
    background-color: #ceebfd;
}
.footer_bottom p{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    line-height: 22px;
}
/***********软件中心**************/
.box_main{
    background: url(../images/software_bg.jpg) center no-repeat;
}
.box_main_container{
    width: 1200px;
    height: 453px;
    margin: 0 auto;
}
.box_left{
    position: absolute;
    top: 201px;
    left: 145px;
    width: 288px;
    height: 176px;
}
.box_size{
    width: 132px;
    height: 132px;
    float: left;

}
.app_img{
    background: url(../images/code2.png) 0px 0px no-repeat;
}
.pc_img{
    background: url(../images/pc_but.png)center no-repeat;
}
.dow_but{
    display: none;
    width: 132px;
    line-height: 30px;
    text-align: center;
    background: #0d6d6b;
    margin-top: 91px;
    color: #fff;
}
.pc_img:hover a{
    transition: all .3s ease;
    color: #fff;
    display: block;
}
.box_bottom{
    float: left;
    width: 288px;
    height: 34px;
    margin-top: 8px;
    background: url(../images/reflexbottom.png) 0px 0px no-repeat;
}
.box_right{
    position: absolute;
    top: 69px;
    right: 115px;
    width: 465px;
    height: 383px;
    background: url(../images/interface.png)center no-repeat;
}
.row_bg{
    width: 100%;
    background: url(../images/line_x.png)repeat-x;
}
.row_content{
    width: 1200px;
    height: 341px;
    margin: 0 auto;
    background: url(../images/features.png) center no-repeat;
}
.main-container{
    background-color: #f3f4f6;
}
.main_row01{
    width: 1200px;
    height: 512px;
    margin: 0 auto;
    background: url(../images/row01.png) center no-repeat;
}
.main_row02{
    width: 1200px;
    height: 432px;
    margin: 0 auto;
    background: url(../images/row02.png) center no-repeat;
}
.main_row03{
    width: 1200px;
    height: 399px;
    margin: 0 auto;
    background: url(../images/row03.png) center no-repeat;
}
.main_row04{
    width: 1200px;
    height: 509px;
    margin: 0 auto;
    background: url(../images/row04.png) center no-repeat;
}
.box_text{
    width: 610px;
    color: #666666;
    font-size: 16px;
    line-height: 25px;
    letter-spacing : 2px;
}
.position_row01{
    position: absolute;
    top: 314px;
    left: 562px;
}
.position_row02{
    position: absolute;
    top: 200px;
    left: 97px;
}
.position_row03{
    position: absolute;
    top: 220px;
    left: 558px;
}
.position_row04{
    position: absolute;
    top: 239px;
    left: 100px
}
.footer_box{
    background-color: #1e1e1e;
}
.footer_box p{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    line-height: 22px;
}
/***********公司介绍、免责声明、帮助中心、反馈及建议**************/
.main_box{
    width: 1200px;
    margin: 0 auto;
}
.box_title{
    width: 528px;
    height: 128px;
    position: absolute;
    top: 93px;
    left: 50px;
}
.title_img{
    background: url(../images/theme.png) 0px -129px no-repeat;
}
.title2_img{
    background: url(../images/theme.png) 0px 8px no-repeat;
}
.box_people{
    width: 257px;
    height: 360px;
    position: absolute;
    top:0px;
    left: 805px;
    z-index: 1;
}
.people_img{
    background: url(../images/beauty2.png) -269px 23px no-repeat;
}
.people2_img{
    background: url(../images/beauty2.png) -5px 22px no-repeat;
}
.box_bg{
    background: url(../images/product_bj.jpg) top #d1ebfc no-repeat;
}
.box_content{
    width: 1200px;
    padding-top: 290px;
    margin: 0 auto;
}
.content_l{
    width: 240px;
    float: left;
    background: #ffffff;
    z-index: 99999;
}
.row_box{
    box-shadow: 0 2px 30px 0 rgba(71, 201, 225, .2);
}
.code_box{
    width: 100%;
    height: 190px;
    background: #ffffff;
    box-shadow: 0 2px 30px 0 rgba(71, 201, 225, .2);
    margin-top: 10px;
    padding-top: 40px;
}
.content_l h6{
    display: block;
    width: 100%;
    line-height: 60px;
    background: #0aa0d8;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 5px;
}
.box_contact{
    width: 100%;
    height: 117px;
    background: #16b6f2;
}
.box_contact h5{
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 5px;
    line-height: 30px;
    text-align: center;
}
.code_size{
    border: solid 2px #0aa0d8;
    width: 135px;
    height: 125px;
    margin: 0 auto;
    border-radius:8px;
    background: url(../images/code2.png) 0px -2px no-repeat;
}
.code_box p{
    color: #0aa0d8;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.content_r{
    width: 895px;
    min-height: 650px;
    margin-bottom: 155px;
    float: right;
    background-color: #ffffff;
    box-shadow: 0 2px 30px 0 rgba(71, 201, 225, .2);
    border-top:solid 8px #0aa0d8;
    padding: 10px 22px;
}
.title_t{
    width: 100%;
    border-bottom: solid 1px #dbdcdd;
}
.title_t h3{
    font-size: 25px;
    line-height: 60px;
    text-indent:20px;
}
.text_content{
    padding: 18px 18px;
    line-height: 30px;
}
.footer_title{
    color: #dadada;
    font-size: 14px;
    text-align: center;
    margin-top: 70px;
    border-top: solid 1px #eee;
    line-height: 50px;
    letter-spacing: 2px;
}
.link_return{
    color: #da590b;
    font-size: 14px;
    text-align: right;
    line-height: 80px;
    letter-spacing: 2px;
    float: right;
    margin-right: 30px;
}

.box_list{
    width: 835px;
    padding: 20px 30px 20px 30px;
    max-height: 790px;
    overflow-y: auto;
    overflow-x: hidden;
}
.box_list li a{
    display: block;
    width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    float: left;
}
.box_list li{
    line-height: 40px;
    letter-spacing: 2px;
}
.box_list em{
    float: right;
    color: #b9b9b9;
}
.box_list span{
    margin-right: 20px;
}

.page_content{
    width: 100%;
    min-height: 650px;
    margin-bottom: 155px;
    float: right;
    background-color: #ffffff;
    box-shadow: 0 2px 30px 0 rgba(71, 201, 225, .2);
    border-top:solid 8px #0aa0d8;
    padding: 10px 22px;
}
.title_t h4{
    font-size: 25px;
    line-height: 60px;
    text-indent:20px;
    float: left;
}
.title_t a{
    color: #da590b;
    float: right;
    margin: 27px 26px 0px 0px;
}
.title_t a:hover{color: #ff2f05;}

/*多行输入框*/
.contact-form form {
    margin-top: 2em;
}
.contact-form textarea {
    resize: none;
    width: 875px;
    background: none;
    color: #8b8b8f;
    font-size: .9em;
    outline: none;
    padding: .6em .8em;
    border: solid 1px #dbdcdd;
    min-height: 20em;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    width: 30%;
    color: #da8a0e;
    background: none;
    outline: none;
    font-size: 0.9em;
    padding: .8em .8em;
    margin: 1em 1.5em 0 0;
    border: solid 1px #dbdcdd;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
.contact-form input[type="submit"] {
    outline: none;
    color: #fff;
    padding: .5em 3.7em;
    font-size: 1em;
    float: right;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: #FFC107;
    border: 2px solid #FFC107;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;

}
/*输入框结束*/