html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: "simsun", Arial, Helvetica, sans-serif ;
    font-size: 12px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    text-decoration: none;
    color: #666;
}
a:hover{
   color: #ff9c01; 
}
input{ outline: none; }
/*-----main page start-----*/
.hot-informationBg{
    background-color: #eee;}
.hot-information{
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    height: 30px;
    color: #494949;}
.hot-information a{
    color: #666;
}
.hot-information a:hover{
   color: #ff9c01; 
}
.information-new a{
    color: #666;
}
.information-new a:hover{
   color: #ff9c01; 
}
.hot-information-upward{
    width: 1134px;
    margin-top: 9px;
    height: 12px;
    overflow:hidden;}
.hot-information-upward li{
    margin-bottom: 12px;}
.showQrsj-label{
    display: inline-block;
    margin-top: 9px;
    font-weight: 600;}
.main {
    overflow: hidden;
}
/**-----containnerBg-----**/
.containnerBg{
    background-color: #fff;}
.containnerBg-img0{
    padding-bottom: 48px;
    background: url(../images/bgimg_development.jpg) no-repeat center bottom;}
.containner{
    width: 1200px;
    margin: 0 auto;}
.content-grid{
    width: 380PX;}
.content-grid-title{
    background: url(../images/content_grid_line.gif) repeat-x 0 bottom;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;}
.content-grid-title .next-service{
    display: inline-block; 
    width: 7px ;
    height: 32px ;
    background: url(../images/icon_changeR.png) no-repeat 0 16px;}
.content-grid-title .next-service:hover{
    background: url(../images/icon_changeR_pre.png) no-repeat 0 16px;}
.content-grid-title .prev-service{
    display: inline-block; 
    width: 7px ;
    height: 32px ;
    background: url(../images/icon_changeL.png) no-repeat 0 16px; 
    margin-right: 6px;}
.content-grid-title .prev-service:hover{
    background: url(../images/icon_changeL_pre.png) no-repeat 0 16px;}
.content-grid-title .more{
    font-size: 12px;
    color: #ff9c01;
    line-height: 18px;
    margin-top: 12px;}
.content-grid-title label{
    display: inline-block;
    border-bottom: 1px solid #1da0ff;
}
.content-grid-img{
    text-align: center;
    display: block;
    border: 1px solid #cccccc;
    padding: 1px;
    width: 376px; 
    height: 206px;
    overflow: hidden; 
    position: relative;
    z-index: 0;}
.content-grid-img img{
    width: 376px;
    height: 206px;    
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.535, 0.29, 0.36, 0.955);}
.content-grid-img:hover{
    width: 380px;
    height: 210px;
    border: 0;
    padding: 0;}
.content-grid-img:hover img{
    width: 380px;
    height: 210px;
    transform: scale(1.04);}
.btn-play{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background-image: url(../images/btn_play.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 376px;
    height: 206px;
    z-index: 999;
    transition: background-image 0.4s ease-in-out;
    -webkit-transition: background-image 0.4s ease-in-out;
    -moz-transition: background-image 0.4s ease-in-out;
    -ms-transition: background-image 0.4s ease-in-out;
    -o-transition: background-image 0.4s ease-in-out;}
.content-grid-img:hover .btn-play{
    background-image: url(../images/btn_play_pre.png);
    transition: background-image 0.4s ease-in-out;
    -webkit-transition: background-image 0.4s ease-in-out;
    -moz-transition: background-image 0.4s ease-in-out;
    -ms-transition: background-image 0.4s ease-in-out;
    -o-transition: background-image 0.4s ease-in-out;}
.products-img{
    border: 1px solid #cccccc;
    padding: 1px;
    width: 376px; 
    height: 206px; 
    overflow: hidden; 
    position: relative;
    z-index: 0;}
#products_img { 
    display: block; 
    position: relative; }
#products_img li { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 376px; 
    height: 206px; 
    background-position: center; 
    display: none; 
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: cover;
    z-index: 0}
#products_img li.sele{
    width: 380px; 
    height: 210px; }
#products_img li img{
    width: 376px; 
    height: 206px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.535, 0.29, 0.36, 0.955);}
#products_img li.sele img{
    width: 380px; 
    height: 210px;
    transform: scale(1.04);}
#products_img .block{ display: block;}
.products-info{
    background: url(../images/products_infoBg.png) no-repeat 0 0;
    width: 360px;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    line-height: 18px;
    padding: 6px 10px;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    z-index: 99;}

.information-ul ul li{
    line-height: 24px;}
.information-ul ul li a{
    color: #666;}
.information-new img{
    width: 148px;
    height: 102px;
    border: 1px solid #cccccc;
    padding: 1px;
    position: absolute;
    left: 0;
    top: 0;}
.information-new{
    line-height: 24px;
    color: #666;
    padding-left: 160px;
    margin-bottom: 14px;
    height: 104px;}
.information-new label{
    color: #1da0ff}
.service-content{
    position: relative;
    padding-top: 12px;
    height: 190px;
    width: 100%;}
.service-content-title{
    display: block;
    width: 202px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #f9f9f9;
    color: #666;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -101px;
    border: 1px solid #fff;
    z-index: 1;}
.service-content ul{
    border: 1px solid #eee;
    border-top: 4px solid #eee;
    *padding: 0 1px;
    *padding-bottom: 0;}
.service-content ul li{
    width: 294px;
    height: 188px;
    padding: 2px;
    *padding-top: 1px;
    *padding-bottom: 1px;
    float: left;
    display: inline;
    border-right: 1px solid #eee;
    position: relative;}
.service-content ul li.noli{
    width: 0;
    height: 0;
    border: none;
    *border: 0;
    float: none;}
.service-content ul li.last{
    width: 297px;
    border-right: none;
    *border-right: 0;}
.service-content ul li a{
    position: absolute;
    display: block;
    left: 2px;
    top: 2px;
    width: 294px;
    padding-top: 160px;
    height: 30px;
    text-align: center;
    color: #666;
    font-weight: 600;
    background-position: center 38px;
    background-repeat: no-repeat;
    z-index: 9;}
/*
.service-content ul li.sele a{
    background-color: #eee;}
*/
.icon_service0,.icon_service1,.icon_service2,.icon_service3{
    transition: background-image 0.6s ease-in-out;
    -webkit-transition: background-image 0.6s ease-in-out;
    -moz-transition: background-image 0.6s ease-in-out;
    -ms-transition: background-image 0.6s ease-in-out;
    -o-transition: background-image 0.6s ease-in-out;}
.service-content ul li.sele .icon_service0,.service-content ul li.sele .icon_service1,.service-content ul li.sele .icon_service2,.service-content ul li.sele .icon_service3{
    transition: background-image 0.6s ease-in-out;
    -webkit-transition: background-image 0.6s ease-in-out;
    -moz-transition: background-image 0.6s ease-in-out;
    -ms-transition: background-image 0.6s ease-in-out;
    -o-transition: background-image 0.6s ease-in-out;}
.icon_service0{ background-image: url(../images/icon_service00.png)}
.icon_service1{ background-image: url(../images/icon_service10.png)}
.icon_service2{ background-image: url(../images/icon_service20.png)}
.icon_service3{ background-image: url(../images/icon_service30.png)} 
.service-content ul li.sele .icon_service0{
    color: #FF9C01; 
    background-image: url(../images/icon_service01.png)}
.service-content ul li.sele .icon_service1{
    color: #FF9C01; 
    background-image: url(../images/icon_service11.png)}
.service-content ul li.sele .icon_service2{
    color: #FF9C01; 
    background-image: url(../images/icon_service21.png)}
.service-content ul li.sele .icon_service3{
    color: #FF9C01; 
    background-image: url(../images/icon_service31.png)}
.service-content ul li .hover-bg{
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 2px;
    background-color: #f9f9f9;
    width: 294px;
    height: 188px;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 0;}
.service-content ul li .hidden{
    display: none;}
.service-content ul li.last .hover-bg{
    width: 297px;}
/**-----links-----**/
.linksBg{
    background-color: #666666;
}
.links{
    width: 1200px;
    margin: 0 auto;
    color: #eee;
    padding: 22px 0 20px 0;
}
.links-ul{
    width: 160px;
}
.links .wid260{
    width: 260px;}
.links-ul ul li{
    line-height: 24px;
    padding-left: 11px;}
.links-ul ul li.title{
    font-weight: 600;
    margin-bottom: 12px;
    background: url(../images/icon_links_title.gif) no-repeat 0 center;
}
.links-ul ul li a{
    color: #eee;
}
.QR_img label{
    color: #eee;
    font-weight: 600;
    line-height: 24px;
    display: block;}
.QR_img img{
    border: 1px solid #e1e1e1;}
/*-----foot-----*/
.footBg{
    height: 30px;
    background-color: #333333;}
.foot {
    width: 1200px;
    margin: 0 auto;
    color: #cccccc;
    line-height: 30px;}
.foot a{
    color: #cccccc;}
.statistics{
    display: inline-block;
    margin-top: 4px;
    margin-left: 6px;}
.icon-jh{
    display: inline-block;
    margin: 4px 10px 0 0;
    padding-right: 10px;
    background: url(../images/foot_line.gif) no-repeat right center;}
/***********************************************************************/
.content {
    min-width: 927px ;
    height: 540px;
    position:relative;
    overflow:hidden;
    z-index:0;
    _z-index:0;
}
#banner { 
    min-width: 1200px; 
    height: 390px; 
    background: #000; 
    overflow: hidden; 
    position: relative;
    z-index: 0;}
#banner_img { 
    display: block; 
    position: relative; }
#banner_img li { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 390px; 
    background-position: center; 
/*  background-size: cover; */
    display: none; 
    cursor: pointer;
    background-repeat: no-repeat;
    z-index: 0}

#banner_img li img{
    margin: 0 calc(50% - 960px);
}
/*#banner_img li.item01 { background-image: url(../images/topBg20180921.jpg);}*/
/*#banner_img li.item00 { background-image: url(../images/banner20190101.png);}*/
/*#banner_img li.item0 { background-image: url(../images/banner201807.jpg);display:block;background-color:#061451;}*/
/*#banner_img li.item1 { background-image: url(../images/topBg01.jpg); }*/
/*#banner_img li.item2 { background-image: url(../images/topBg02.jpg); }*/
/*#banner_img li.item3 { background-image: url(../images/topBg03.jpg); }*/
/*#banner_img li.item4 { background-image: url(../images/topBg04.jpg); }*/
/*#banner_img li.item5 { background-image: url(../images/topBg05.jpg); }*/
/*#banner_img li.item6 { background-image: url(../images/topBg06.jpg); }*/
/*#banner_img li.item2017 { background-image: url(../images/topBg20171001.jpg); }*/
#banner_img li.itemNewProducts { background-image: url(../images/topBgNewProducts.jpg);}
#banner_img li.newYear2018 { background-image: url(../images/newYear2018.jpg); }
#banner_img li.item201805 { background-image: url(../images/item201805.png); }
#banner_img li.item201806 { background-image: url(../images/item201806.jpg);  }
#banner_ctr {  
    position: absolute;  
    width: 960px;  
    height: 8px;  
    margin-left: -480px;  
    left: 50%;  
    bottom: 9px; 
    z-index: 1; 
    text-align: center ;}
#banner_ctr ul { 
    font-size: 0;  
    line-height: 0;
    *margin: 0 auto;
    position: relative; 
    text-align: center ;}
#banner_ctr li {
    background: url(../images/icon_change_circle.png) no-repeat center 0 ;
    display: inline-block;
    *float: left;
    width: 21px;
    height: 9px;  
    cursor: pointer; }
#banner_ctr li.sele{
    background: url(../images/icon_change_circle_pre.png) no-repeat center 0 ;
    cursor: pointer; }
#banner_ctr li.first-item {  
    background: #fff;  
    width: 20px;  
    -webkit-border-radius: 20px 0 0 20px;  
    -moz-border-radius: 20px 0 0 20px;  
    border-radius: 20px 0 0 20px;  
    cursor: default; }
#banner_ctr li.last-item {  
    background: #fff;  
    width: 20px;
    -webkit-border-radius: 0 20px 20px 0;  
    -moz-border-radius: 0 20px 20px 0;  
    border-radius: 0 20px 20px 0;  
    cursor: default; }
#prev{
    position: absolute ;
    left: 40px ;
    top: 156px ;
    display: inline-block ;
    background-image: url(../images/icon_banner_prev0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 36px ;
    height: 76px ;
    cursor: pointer ;
    transition: background-image 0.6s ease-in-out;
    -webkit-transition: background-image 0.6s ease-in-out;
    -moz-transition: background-image 0.6s ease-in-out;
    -ms-transition: background-image 0.6s ease-in-out;
    -o-transition: background-image 0.6s ease-in-out;}
/*#prev:focus,*/
#prev:hover{
    transition: background-image 1s ease-in-out;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -ms-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    background-image: url(../images/icon_banner_prev.png);}
#next{
    position: absolute ;
    right: 40px ;
    top: 156px ;
    display: inline-block ;
    background-image: url(../images/icon_banner_next0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 36px ;
    height: 76px ;
    cursor: pointer ;
    transition: background-image 0.6s ease-in-out;
    -webkit-transition: background-image 0.6s ease-in-out;
    -moz-transition: background-image 0.6s ease-in-out;
    -ms-transition: background-image 0.6s ease-in-out;
    -o-transition: background-image 0.6s ease-in-out;}
/*#next:focus,*/
#next:hover{
    transition: background-image 1s ease-in-out;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -ms-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    background-image: url(../images/icon_banner_next.png);}
.topBg{
    position: relative ;}

/*-----header-----*/
.head-topBg{
    width: 1200px;
    margin: 0 auto;
    height: 70px ;
    position: relative;
    z-index: 999;}
.logo{
    display: block;
    width: 200px;
    height: 70px;
    background: url(../images/logo.png) no-repeat center center;}
.btn-wx{
    display: block;
    width: 80px;
    margin-top: 22px;
    height: 22px;
/*    cursor: pointer;*/
    background: url(../images/icon_wx.png) no-repeat center center;}
.btn-wx-pre{
    background: url(../images/icon_wx_pre.png) no-repeat center center;}
.btn-wx-center{
    position: absolute;
    top: 44px;
    right: 140px;
    z-index: 9999;
    padding-top: 20px;
    background: url(../images/wxTop.png) no-repeat center 8px; 
    animation-duration: 0.4s;
    animation-fill-mode: both;}
.btn-wx-QR{
    width: 210px;
    padding: 10px;
    background-color: #eee;}
.btn-wx-QR .QR_img label{
    color: #484848;}
.btn-wx-QR .QR_img img {
    border: 1px solid #ddd;
}
.hot-line{
    color: #666;
    margin-top: 22px;
    line-height: 22px;
    padding-right: 20px;
    background: url(../images/top_line.gif) no-repeat right center;}
.hot-line font{
    color: #ff9c01;
    font-size: 14px;
    font-weight: 600;}
/*
.hot-line label{
    font-size: 14px;
    color: #ff9c01;}
*/
.searchBg{
    margin-top: 22px;
    padding-left: 20px;
    background: url(../images/top_line.gif) no-repeat left center;}
.search{
    width: 200px;
    height: 22px;
    background: url(../images/search_bg.gif) no-repeat 0 0;}
.search input{
    width: 164px;
    *width: 158px;
    height: 18px;
    *height: 16px;
    margin-top: 1px;
    *margin-top: 2px;
    margin-left: 8px;
    border: none;
    *border: 0;
    color: #7d7f84}
.btn-search{
    display: inline-block;
    background: url(../images/btn_search.gif) no-repeat 0 center;
    width: 13px; 
    height: 22px;
    margin-right: 10px;}
/**菜单**/
/*-----header-----*/    
.headerBg {
    position: relative ;
    height: 36px ;
    background: url(../images/menu_line.gif) repeat-x 0 0 ;
    z-index: 99;}
.menu {
    margin: 0 auto;
    width: 1200px;
    }
.jqueryslidemenu{
    margin: 0;
    height: 36px;
    font-size:14px;
    vertical-align:bottom ;
}

.jqueryslidemenu ul.menu-first{
    line-height: 36px;
    list-style-type: none;
}

.jqueryslidemenu ul li.menu-li{
    display: inline;
    float: left;
}

.jqueryslidemenu ul li a.menu-a{
    display: block;
    color: #666;
    width: 100px;
    text-align: center;
    text-decoration: none;
    font-weight: normal ;
}

.jqueryslidemenu ul li.sele a.menu-a{
    line-height: 35px;
    border-top: 1px solid #1da0ff;
    background-color: #eeeeee;
}
.menu-childBg{
    position: absolute;
    left: 0;
    width: 100%;
    top: 36px;
/*
    display: block;
    visibility: hidden;
*/
    background-color: #eeeeee;
    z-index: 99;}
.menu-child{
    width: 1200px;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 40px;
    font-size: 12px;}
.menu-second{
    width: 300px;
    color: #666;}
.menu-second250 .menu-second{
    width: 240px;}
.menu-second-href{
    cursor: pointer;}
.menu-child .wid400{
    width: 400px}
.menu-second ul{
    padding-left: 20px;}
.menu-second ul li{
    padding-left: 12px;
    color: #666;
    line-height: 24px;}
.menu-second ul li a{
    text-align: left;
    width: 100%;
    color: #666;}
.menu-second ul li.first{
    background: url(../images/icon_menu_second.gif) no-repeat 0 center;
    font-weight: 600;}
.menu-second ul li.other{
    background: url(../images/icon_menu_second.gif) no-repeat 0 center;
    padding-left: 18px;
    font-weight: 600;}

.menu-second .title{
    padding-left: 12px;
    background: url(../images/icon_menu_second.gif) no-repeat 0 center;
    font-weight: 600;
    line-height: 24px;}
.menu-second .title2{
    color: #1da0ff;
    font-weight: 600;
    line-height: 24px;}
.menu-second .title3{
    font-weight: 600;
    line-height: 24px;}
.menu-second .p{
    width: 252px;
    line-height: 24px;}
.menu-second .pre{
    line-height: 24px;
    *letter-spacing: -1px;}
.menu-second .img{
    margin: 4px 0;}
.solution-menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #666;}
.solution-menu:hover{
    color: #666;}

.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(82px);
        transform: translateY(82px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(82px);
        -ms-transform: translateY(82px);
        transform: translateY(82px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(82px);
        transform: translateY(82px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(82px);
        -ms-transform: translateY(82px);
        transform: translateY(82px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

/**-------------solution--------------**/
.banner{
    height: 240px;
    background-position: center 0;
    background-repeat: no-repeat;}
.img-banner1{ background-image: url(../images/banner1.jpg)}
.img-banner2{ background-image: url(../images/banner2.jpg)}
.img-banner3{ background-image: url(../images/banner3.jpg)}
.img-banner4{ background-image: url(../images/banner4.jpg)}
.img-banner5{ background-image: url(../images/banner5.jpg)}
.img-banner6{ background-image: url(../images/banner6.jpg)}
.img-banner7{ background-image: url(../images/banner7.jpg)}
.img-banner8{ background-image: url(../images/banner8.jpg)}
.img-banner9{ background-image: url(../images/banner9.jpg)}
.img-banner10{ background-image: url(../images/banner10.jpg)}
.img-banner-investor{ background-image: url(../images/banner-investor.jpg)}
.img-banner11{ background-image: url(../images/banner11.png)}

/**-------------products-------------**/
.content-grid2{
    width: 100%;
    min-height:360px;
}
.content-grid2-head{
    position: relative;
    height: 52px;
    line-height: 36px;
    background: url(../images/center-grid-line.gif) repeat-x 0 37px;
    color: #666;
    margin-bottom: 20px;}
.content-grid2-titleBg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    text-align: center;
    z-index: 9}
.content-grid2-title{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #23adec;
    color: #fff;
	font-family:"思源黑体";
	font-weight:normal;
    font-size: 20px;
    padding: 0 36px;}
.content-grid2-bottom{
    padding-bottom: 24px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;}
.content-grid2-details{
    width: 1000px;
	font-family:"思源黑体";
    margin: 0 auto;}
.content-grid2-details p{
    line-height: 30px;
	font-family:"思源黑体";
    color: #666;
    width: 100%;
    text-align: left;}
.content-grid2-details .info-img{
    text-align: center;
    margin: 12px 0;}
.content-grid2-details .info-label{
    font-size: 16px;
    line-height: 30px;
    color: #22aceb}
.content-grid2-details .choose a{
    display: inline-block;
    width: 80px;
    text-align: center;
    color: #999;
/*    color: #23ADEC;*/}
.content-grid2-details .choose a:hover{
/*    color: #FF9C01;*/
    color: #23ADEC;}
.content-grid2-details .icon-login-in{
    background: url(../images/login_in.png) no-repeat 0 center/16px 16px;
    padding-left: 22px}
.content-grid2-details .choose .icon-more-help{
    width: auto;
    padding-left: 22px;
    background: url(../images/icon_toProblem.png) no-repeat 0 center;}
.content-grid2-details .choose .icon-more-help:hover{
    background-image: url(../images/icon_toProblem.png);}
/*
.info-p{
    line-height: 30px;
    color: #666;
    width: 670px;}
*/
.info-label{
    line-height: 30px;
    color: #22aceb}
.info-span{
    display: inline-block;
    width: 300px;
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    color: #666;}
.info-p-icon{
    line-height: 30px;
    color: #666;
    width: 670px;
    background: url(../images/icon_p.gif) no-repeat 0 center ;
    padding-left: 24px;}
.custom-value{
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 98px;
    width: 330px;}
.custom-value-icon0{
    background-image: url(../images/icon_solution0.gif)}
.custom-value-icon1{
    background-image: url(../images/icon_solution1.gif)}
.custom-value-icon2{
    background-image: url(../images/icon_solution2.gif)}
.custom-value-p,
.custom-value-span{
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    width: 100%;
    text-align: center;}
.custom-value-span{
    line-height: 32px;
    font-weight: 600;}
/**--------------znjt-grid-----------------**/
.znjt-grids{
    padding: 0 9px;}
.znjt-grid{
    width: 280px;
    border: 1px solid #ccc;}
.znjt-grid-title{
    display: block;
    color: #666;
    font-weight: 600;
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
    padding-left: 10px;}
.znjt-grid-p{
    margin: 0 10px;
    line-height: 24px;}
.znjt-grid-a {
    display: inline-block;
    color: #23ADEC;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 12px;}
.znjt-grid-a font{
    font-family: Arial;
    font-weight: 600;
    color: #FF9C01;
    font-size: 14px;
    margin-right: 4px;}
/**----------------about-----------------**/
.development-bg{
    width: 1012px;
    margin: 0 auto;
    background: url(../images/bg_development.gif) repeat-y center 100px;
}
.development-gridL,
.development-gridR{
    width: 502px;
}
.development-gridL{
    margin-top: 100px;}
.development-grid{
    font-size: 14px;
    color: #666;
    line-height: 26px;
    position: relative;}
.development-gridR .development-grid{
    margin-left: 42px;}
.icon-right{
    display: block;
    position: absolute;
    left: -151px;
    top: 0;
    width: 54px;
    height: 86px;
    line-height: 86px;
    background: url(../images/development_left.png) no-repeat right center;
    color: #ff9c01;
    font-size: 24px;
    font-family: Arial;
    font-style: italic;
    width: 112px;}
.icon-left{
    position: absolute;
    right: -169px;
    top: 0;
    width: 54px;
    height: 86px;
    line-height: 86px;
    background: url(../images/development_right.png) no-repeat left center;
    padding-left: 60px;
    color: #ff9c01;
    font-size: 24px;
    font-family: Arial;
    font-style: italic;
    width: 112px;}
.development-title{
    font-weight: 600;
    line-height: 30px;}
.development-title label{
    font-weight: normal;}
.development-img{
    width: 180px;}
.development-img .img{
    border: 1px solid #23adec;
    background-color: #232323;
    height: 186px;}
.development-img .img img{
    vertical-align: middle;}
.development-center{
    width: 100%;}
.development-img i{
    display: inline-block;
    width: 10px;
    height: 136px;
    background-color: #ff9c01;}
.development-info{
    line-height: 21px;}
.development-gridR .development-info{
    color: #787878;
    width: 388px;
    height: 70px;
    padding: 16px 40px 0 36px;
    background: url(../images/bg_development.png) no-repeat 0 0;}
.development-gridL .development-info{
    color: #787878;
    width: 388px;
    height: 70px;
    padding: 16px 36px 0 40px;
    background: url(../images/bg_development2.png) no-repeat 0 0;}

/*honor*/
.honor-grid label{
    display: block;
    color: #666666;
    font-size: 24px;
    background: url(../images/icon_honor.png) no-repeat 20px center;
    line-height: 48px;
    padding-left: 64px;
    font-family: Arial;}
.img-honor{
    text-align: center;
    padding: 30px 0 58px;}
.honor-grid ul{
    color: #666;
    border-top: 1px dashed #eee; }
.honor-grid ul li{
    line-height: 48px;
    border-bottom: 1px dashed #eee;
    background: url(../images/icon_honor_li2.png) no-repeat 32px center;
    padding-left: 64px;}
.honor-grid ul li.sele{
    background-color: #f0faff;}
.honor-grid ul li span{
    position: relative;}
.honor-img{ 
    position: absolute;
    right: -748px;
    top: -68px;
    z-index: 9999;
    padding: 10px;
    margin-left: 346px;
    border-radius: 5px;
    background-color: #f0faff;
    background: url(../images/honor_line.gif) no-repeat 0 140px;
}

/*mien*/
.mien-grid{
    padding-left: 1px;}
.mien-grid ul{
    margin-left: 22px;}
.mien-grid ul li{
    display: inline-block;
    float: left;
    margin: 0 28px;
    margin-top: 48px;
    position: relative;
    width: 208px;
    /*height: 244px;*/
    overflow: hidden;
    cursor: pointer;}
#mien_grid2 ul li img{
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.535, 0.29, 0.36, 0.955);}
.mien-grid ul li a{
    display: block;
    position: absolute;
    left: 0 ;
    width: 100%;
    top: 0;
    bottom: 0;
    color: #f9f9f9;}
.mien-grid ul li .mien-info{
    animation-duration: 0.4s;
    animation-fill-mode: both;}
#mien_grid1 ul li a:hover{
    background: url(../images/bg_img_mien.png) repeat 0 0;}
    
.mien-grid ul li p,.mien-grid ul li hr,
.mien-grid ul li label{
    width: 136px;
    margin-left: 36px;}
.mien-grid ul li p{
    margin-top: 48px;
    line-height: 28px;
    height: 110px;
    font-size: 18px;
    font-weight: 600;}
.mien-grid ul li hr{
    border-color: #fff;}
.mien-grid ul li label{
    display: block;
    line-height: 28px;
    font-size: 14px;}
.mien-pop-bg{
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/bg_opo_mien0.png) repeat 0 0;
    z-index: 9999;}
.mien-pop{
    position: fixed;
    left: 50%;
    top: 50%;
    *width: 730px;
    *text-align: center;
    min-width: 520px;
    margin: 0 auto;
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../images/bg_pop_mien1.png) repeat 0 0;
    border-radius: 3px;
    z-index: 99999;}
.mien-pop-detail{
    *text-align: left;
    color: #f3f3f3;
    font-size: 14px;
    letter-spacing: 2px;
    height: 54px;
    line-height: 36px;}
.mien-pop-detail p{
/*    width: 580px;*/
    width: 80%;}
.mien-pop-btns{}
.mien-pop-detail label{
    color: #999;
    width: 64px;
    text-align: center;}
.mien-pop-detail label font{
    color: #fff;}
.mien-pop-next{
    display: inline-block;
    height: 36px;
    width: 13px;
    background: url(../images/icon_mien_next_pre.png) no-repeat 0 center;}
.mien-pop-next:hover{
    background-image: url(../images/icon_mien_next.png)}
.mien-pop-prev{
    display: inline-block;
    height: 36px;
    width: 13px;
    background: url(../images/icon_mien_prev_pre.png) no-repeat 0 center;}
.mien-pop-prev:hover{
    background-image: url(../images/icon_mien_prev.png)}
.icon-pop-prev{
    position: absolute;
    display: block;
    width: 46%;
    left: 4%;
    top: 0;
    z-index: 999999}
.icon-pop-prev:hover{
    background: url(../images/icon_pop_prev.png) no-repeat left center;}
.icon-pop-next{
    position: absolute;
    display: block;
    width: 46%;
    right: 4%;
    top: 0;
    z-index: 9999}
.icon-pop-next:hover{
    background: url(../images/icon_pop_next.png) no-repeat right center;}

/**----------------support-----------------**/
.download-grid-bg{
    padding: 0 15px;}
.download-grid{
    background: url(../images/bg_download_grid.png) no-repeat 0 0;
    width: 370px;
    height: 104px;
    position: relative;
    font-weight: 14px;
    color: #666;
    line-height: 24px;}
.download-icon{
    margin-top: 18px;
    padding-left: 100px;
    background-position: 20px center;
    background-repeat: no-repeat;}
.download-icon1{ background-image: url(../images/icon_download1.png);}
.download-icon2{ background-image: url(../images/icon_download2.png);}
.download-icon3{ background-image: url(../images/icon_download3.png);}
.download-icon4{ background-image: url(../images/icon_download4.png);}
.download-icon5{ background-image: url(../images/icon_download5.png);}
.download-icon6{ background-image: url(../images/icon_download6.png);}
.download-grid .title{
    font-weight: 600;}
.download-grid pre{
    line-height: 22px;}
.btn-download{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 64px;
    height: 56px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/icon_download_btn.png);}
.btn-download:hover{
    background-image: url(../images/icon_download_btn_pre.png);}
/**----------------information-----------------**/
.information_bg{
    padding: 0 30px;}
.information_bg ul li{
    display: inline-block;
    float: left;
    width: 224px;
    padding: 10px 0;
    margin-left: 80px;
    margin-top: 20px;}
.information_bg ul li.sele{
    padding: 0;}
.information_bg ul li.first{
    margin-left: 0;}
.information-grid{
    color: #666;
    border-left: 4px solid #23adec;
    padding-left: 20px;
    position: relative;}
.information_bg ul li.sele .information-grid{
    padding: 10px 0 10px 20px;
    border-left: 4px solid #ff9c01;}
.information-btn{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    *bottom: 10px;
    background: url(../images/icon_logo1.png) no-repeat 20px bottom;}
.information-problem-icon{
    background: url(../images/icon_problem.png) no-repeat 20px bottom;}
.information_bg ul li.sele .information-btn{
    bottom: 10px;}
.information-grid .title{
    line-height: 26px;
    font-size: 14px;
/*    font-weight: 600;*/
    min-height: 80px;
    margin-top: 6px;}
.information-grid .time{
    display: block;
    line-height: 24px;
    padding-left: 8px;
    background-color: #eee;}
.information-grid .detail{
    text-align: right;}
.information-grid .detail label{
    display: inline-block;
    line-height: 28px;
    color: #23adec;
    background: url(../images/icon_detail.png) no-repeat right center;
    padding-right: 12px;}
.information_bg ul li.sele .information-grid .detail label{
    color: #ff9c01;
    background: url(../images/icon_detail_pre.png) no-repeat right center;}
.information-page{
    width: 180px;
    margin: 0 auto;}
.information-page ul li{
    display: inline-block ;
    float: left;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    width: 16px;
    margin: 0 2px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    border: 2px solid #fff;}
.information-page ul{
    margin-left: 20px;}
.information-page ul li.sele{
    background-color: #ff9c01;
    border: 2px solid #ff9c01;}
.information-page ul li.sele a{
    color:#fff;
}
.information-page .page-next,
.information-page .page-prev{
    display: block;
    width: 8px;
    height: 22px;
    background: url(../images/icon_information_next.png) no-repeat 0 center;}
.information-page .page-prev{
    background: url(../images/icon_information_prev.png) no-repeat 0 center;}
.information-page .no-page-next{
    background-image: url(../images/icon_information_next0.png);}
.information-page .no-page-prev{
    background-image: url(../images/icon_information_prev0.png);}
.information-ditail-bg{
    background-color: #fdfdfd;
    padding-bottom: 36px;}
.information-ditail{
    width: 1000px;
    margin: 0 auto;
    text-align: center;}
.information-ditail p{
    color: #999;
    line-height: 22px;
    text-align: left;
    margin-top: 16px;
    letter-spacing: 1px;}
.information-ditail img{
    margin-top: 16px;}
.information-ditail h2{
    font-size: 26px;
    font-weight: 600;
    color: #333333;
    padding: 48px 0 26px;}
    color: #999;}
.information-ditail pre{
    color: #999;
    padding-bottom: 18px;}
.information-ditail hr{
    border-color: #dadada;}

/*--------------cooperation---------------*/
.cooperation-bg{
    padding-top: 160px;}
.cooperation-register-banner{
    background: url(../images/banner8.jpg) no-repeat center 0;}
.cooperation-register-grid{
    width: 760px;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #e3f8ff;
/*    background-image: url(../images/bg_cooperation_ register.png);*/
    background-repeat: repeat;
    background-position: 0 0;
    border-top: 2px solid #514e69;
    padding-bottom: 40px;}
.cooperation-agreement-grid{
    background-color: #fcfeff;
    width: 1010px;
    margin: 0 auto;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius:  3px;
    background-position: 0 0;
    border: 1px solid #eee;
    border-top: 1px solid #0061a8;
/*    border-top: 2px solid #898989;*/
    padding-bottom: 40px;
    margin-bottom: 48px;}
.cooperation-agreement-title{
    width: 970px;
    margin: 0 auto;
    line-height: 60px;
    margin-top: 48px;
    background-color: #0061a8;
    border: 1px solid #0061a8;
    height: 60px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0 20px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;}
.cooperation-agreement-title .bg{
    width: 100%;
    height: 60px;
    background: url(../images/bg_cooperation0.png) repeat-x 0 center;}
.cooperation-agreement-title .bg span{
    display: inline-block;
    padding: 0 20px;
    margin-left: 102px;
    background-color: #0061a8}
.cooperation-title{
    display: block;
    width: 400px;
    font-size: 14px;
    color: #514e69;
    border-bottom: 1px solid #ccc;
    line-height: 46px;
    margin-bottom: 20px;
    margin-top: 30px;}
.cooperation-input-grid{
    margin-top: 10px;}
.wid400{
    width: 400px;
    margin: 0 auto;}
.cooperation-input-grid label{
    font-size: 14px;
    font-weight: 600;
    color: #666;
    line-height: 32px;
    padding-right: 10px;
    background: url(../images/icon_required.png) no-repeat right center;}
.cooperation-input-grid label.none-bg{
    background-image: url();}
.cooperation-label{
    width: 100px;}
.cooperation-label1{
    width: 172px;}
.cooperation-label1 label{
    background-image: url();}
.cooperation-label1 label.icon{
    background: url(../images/icon_required.png) no-repeat right center;}
.cooperation-input{
    width: 298px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;}
.cooperation-input-border{
    border: 1px solid #eee;
    border-bottom: 2px solid #dbdbdb;}
.cooperation-input input{
    margin: 7px 6px 0;
    width: 280px;
    border: none;
    *border: 0;
    outline: none;
    color: #787878;
    letter-spacing: 1px;
    font-size: 12px;}
.cooperation-input:focuse,
.cooperation-input:hover{
    outline: thin solid green;}
.identifying-code .cooperation-input{
    width: 136px;}
.identifying-code .cooperation-input input{
    width: 118px;}
.btn-cooperation0{
    display: inline-block;
    color: #fff;
    background-color: #1da0ff;
    line-height: 36px;
    width: 152px;
    font-size: 16px;
    text-align: center;}
.btn-cooperation0:hover{
    color: #fff;
    background-color: #0094ff}
.icon-check-box{
    line-height: 18px;
    margin: 14px 0;
    color: #999999;}
.icon-check-box a.check{
    display: inline-block;
    background: url(../images/icon_check.png) no-repeat 0 1px;
    height: 18px;
    width: 18px;}
.icon-check-box a.sele{
    background-image: url(../images/icon_check_pre.png);}
.icon-check-box label{
    display: inline-block;
    height: 14px;}
.icon-check-box a.agreement{
    color: #999999;}
.icon-check-box a.agreement:hover{
    color: #1da0ff;}
.get-code,.btn-get-code{
    display: inline-block;
    margin-left: 12px;}
.get-code{
    height: 33px;
    width: 150px;
    background: url(../images/img_identifying.gif) no-repeat 0 0;}
.get-code2{
    display: inline-block;
    height: 18px;
    width: 20px;
    margin-top: 7px;
    margin-left: 8px;
    background: url(../images/icon_refrash_identifying.png) no-repeat 0 0;}
.get-code2:hover,.get-code2.sele{
    -moz-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    background-image: url(../images/icon_refrash_identifying_pre.png);}
.btn-get-code{
    height: 31px;
    width: 148px;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    color: #666;
    text-align: center;
    line-height: 32px;
    letter-spacing: 2px;
    font-size: 13px;}
.btn-get-code:hover{
    background-color: #ddd;
    color: #666;}
.press-btns a{
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 42px;
    letter-spacing: 1px;
    text-decoration: underline;}
.press-btns a:hover{
    color: #333}
.press-btns a.red{
    color: #fe5858}
.press-btns a.red:hover{
    color: #ff2626}
.register-recommend{
    width: 400px;
    padding-top: 10px;
    border-top: 1px solid #999;
    margin-top: 36px;}
.register-recommend2{
    width: 472px;
    padding-top: 10px;
    border-top: 1px solid #999;
    margin-top: 36px;}
.register-recommend2 p{
    line-height: 26px;
    color: #666;
    width: 100%;
    font-size: 14px;}
.register-recommend p{
    line-height: 26px;
    color: #666;
    width: 326px;
    font-size: 14px;}
.register-recommend a{
    display: block;
    font-size: 16px;
    color: #7e733b;
    height: 40px;
    line-height: 40px;
    width: 66px;
    border: 1px solid #eac71d;
    background-color: #ffe150;
    text-align: center;
    margin-top: 6px;}
.register-recommend a:hover{
    background-color: #ffdc31}
.cooperation-agreement-tabs{
    margin-top: 40px;}
.cooperation-agreement-tabs li{
    width: 212px;
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 40px;
    position: relative;
    padding: 0 4px;
    margin: 0 1px;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-image: url(../images/line-agreement10.png);}
.cooperation-agreement-tabs li.pre,
.cooperation-agreement-tabs li.sele{
    background-image: url(../images/line-agreement11.png);}
.cooperation-agreement-tabs li.first{
    background-image: url();}
.cooperation-agreement-tabs li label{
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 4px solid #eee;}
.cooperation-agreement-tabs li.pre label,
.cooperation-agreement-tabs li.sele label{
    border-bottom: 4px solid #1da0ff;}
.cooperation-agreement-tabs li.sele label{
    color: #1da0ff;}
.cooperation-agreement-tabs li i{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 44px;
    width: 4px;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-image: url(../images/line-agreement20.png);}
.cooperation-agreement-tabs li.pre i,
.cooperation-agreement-tabs li.sele i{
    background-image: url(../images/line-agreement21.png);}
.cooperation-agreement-tabs li.last i{
    background-image: url()}
.cooperation-textarea{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #eee;
    border-bottom: 2px solid #dbdbdb;
    width: 420px;
    height: 68px;
    padding: 4px 6px;
    resize: none;}
.input-file{
    text-align: center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    color: #1da0ff;
    background: #d9efff;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: 1px;}
a.input-file:hover{
    color: #1da0ff;
    background: #c5e6ff;
    text-decoration: none}
.input-file input{
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer}
.input-file span font{
    color: #666}
.cooperation-agreement-success{
    width: 320px;
    color: #666;
    margin: 0 auto;
    margin-top: 64px;
    text-align: center;
    padding-top: 194px;
    padding-bottom: 48px;
    background: url(../images/cooperation_success.png) no-repeat center 0;
    font-size: 18px;}
.agreement-pop-bg{
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/bg_opo_mien0.png) repeat 0 0;
    z-index: 9999;}
.agreement-pop{
    position: fixed;
    left: 50%;
    top: 40px;;
    width: 1000px;
    *text-align: center;
    min-width: 520px;
    margin-left: -500px;
    display: inline-block;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 3px;
    z-index: 99999;
    height: 540px;
    overflow: hidden;
    overflow-y: scroll;}
.agreement-pop p{
    color: #666;
    line-height: 24px;}
.agreement-pop p.title{
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;}
.agreement-pop p.title2{
    font-weight: 600;
    line-height: 26px;}
.agreement-pop p.cl-yellow{
    color: #ff9c01}
.agreement-pop p.pad20{
    padding-bottom: 20px;}
/*select*/
.select-border{
    width:298px;
    height:32px;
    *background:#fff;
    background:#fff;
    border-bottom:1px solid #ccc;
    *padding:4px;
    *height:20px;
    font-family : Trebuchet MS ;}
.select-border2{
    border: 2px solid #eee;
    border-bottom: 2px solid #dbdbdb;}
.select-center{
    *border:0;
    *position:relative;
    *height:18px;
    *overflow:hidden;}
.select{
    border:none;
    *border: 0;
    padding:4px 3px;
    font-size:12px;
    line-height: 32px ;
    height:32px;
    width:298px;
    *width:226px;
    margin:-1px;
    color: #787878;}
.select:facuse{
    outline: 1px solid #1da0ff;}
.select-border,.select-center {
    *width:224px;}

.select2-border{
    position: absolute;
    right: 8px;
    top: 6px;
    width:80px;
    height:22px;
    *background:#fff;
    background:#fff;
    border:1px solid #23adec;
    border-top:2px solid #23adec;
    *padding:4px;
    font-family : Trebuchet MS ;}
.select2-border2{
    border: 2px solid #23adec;
    border-bottom: 2px solid #23adec;}
.select2-center{
    *border:0;
    *position:relative;
    *height:18px;
    *overflow:hidden;}
.select2{
    border:none;
    *border: 0;
    padding:2px 3px;
    font-size:12px;
    line-height: 22px ;
    height:22px;
    width:80px;
    margin:-1px;
    color: #787878;}
.select2:facuse{}
.select2-border,.select2-center {
    *width:224px;}

/***-------advertise0---------***/
.advertise0{
    width: 1000px;
    margin: 0 auto;
    border-collapse: collapse;}
.advertise0 table{
    width: 100%;}
.advertise0 tr{
    background: #fefefe;
    color: #666;}
.advertise0 tr:nth-child(odd){
    background: #fcfcfc;}
.advertise0 tr:hover{
    background: #23adec;
    color: #fff}
.advertise0 th{
    border: 1px solid #ccc;
    background-color: #eee;
    line-height: 36px;
    color: #333;
    font-size: 14px;}
.advertise0 td{
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;}
.advertise-pop-bg{ 
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/bg_opo_mien0.png) repeat 0 0;
    z-index: 9999;}
.advertise-pop{
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0 auto;
    display: inline-block;
    padding: 28px 48px 32px 32px;
    border-radius: 3px;
    z-index: 99999;
    background: #fff url(../images/icon_advertise2.png) no-repeat right bottom;}
.advertise-pop-icon2{
    background-image: url(../images/icon_advertise3.png);}
.advertise-pop .title{
    display: block;
    background: url(../images/icon_advertise0.gif) no-repeat 0 center;
    line-height: 24px; 
    padding-left: 36px;
    font-size: 18px;
    color: #23adec;
    font-weight: 600;
    margin-bottom: 12px;}
.advertise-line{
    margin-top: 4px;
    font-size: 14px;}
.advertise-line label{
    float: left;
    display: inline-block;
    background: url(../images/icon_advertise1.gif) no-repeat 9px center;
    color: #787878;
    font-weight: 600;
    line-height: 28px;
    padding-left: 36px;}
.advertise-line p{
    float: left;
    color: #666;
    width: 700px;
    line-height: 28px;
    margin-left: 16px;}
.advertise-line p.cl-red{
    color: #e74f4f;}
.advertise-line .advertise-p p{
    float: none;}
a.btn-apply{
    background: url(../images/icon_advertise4.png) no-repeat 12px center;
    padding-left: 34px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 86px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;}
.nav-grid{
    border: 2px solid #27aeec;
    border-radius: 3px;;
    background-color: #f9fdff;
    margin-top: 4px;}
.nav-head{
    background: url(../images/nav_head_bg.gif) repeat-x 0 0;
    line-height: 34px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;}
.nav-grid ul{
    margin: 0 10px;
    padding-bottom: 28px;
    padding-top: 10px;}
.nav-grid ul li{
    font-size: 12px;
    border-bottom: 1px solid #d2eaf6;
    line-height: 20px;
    padding: 6px 0;
    width: 142px;
    padding-left: 22px;
    background: url(../images/nav_li.png) no-repeat 8px center}
.nav-grid ul li a{
    color: #666;}
.nav-grid ul li a:hover{
    color: #23adec;}
.nav-grid ul li.sele{
    background-image: url(../images/nav_li_pre.png)}
.nav-grid ul li.sele a{
    color: #23adec;}
.fixed-nav {
    margin-left: 1014px ;
    position: fixed;
    top: 64px;
    z-index: 999;
}

/*service-custom*/
.custom-service-grid{
    margin: 0 22px;
    background: url(../images/bg_service_grid.png) no-repeat 0 0;
    width: 355px;
    height: 400px;
    text-align: center;
    font-size: 16px;}
.custom-service-grid .img1{
    margin-top: 26px;}
.custom-service-grid .title{
    display: block;
    color: #666666;
    letter-spacing: 2px;
    margin: 14px 0 26px;
    font-weight: 600;}
.custom-service-grid ul{
    width: 188px;
    margin: 0 auto;}
.custom-service-grid ul li{
    background: url(../images/icon_sercice_male.png) no-repeat 0 center;
    padding-left: 18px;
    line-height: 24px;
    margin-top: 7px;}
.custom-service-grid ul li.female{
    background-image: url(../images/icon_sercice_female.png);}
.custom-service-grid ul li div{
    position: relative;
    border-bottom: 1px solid #dadada;
    text-align: right;}
.custom-service-grid ul li div label{
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid #23adec;
    width: 44px;
    font-size: 14px;
    left: 0;
    bottom: -1px;
    text-align: center;}
.custom-service-grid ul li.female div label{
    border-color: #e474be;}
.custom-service-grid p{
    line-height: 34px;
    padding-top: 14px;}
.custom-service-grid p label{
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    padding: 0 8px;
    border-bottom: 1px solid #23adec;}
.custom-service-grid2{
    background: url(../images/bg_service_grid2.png) no-repeat center 0;
    height: 455px;}
.service-input-grid{
    margin: 14px 0;
    width: 386px;}
.service-input-grid label{
    font-size: 14px;
    font-weight: 600;
    color: #666;
    line-height: 32px;
    width: 86px;}
.service-textarea{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #eee;
    border-bottom: 2px solid #dbdbdb;
    width: 286px;
    height: 68px;
    padding: 4px 6px;
    resize: none;}
.service-input-grids{
    padding-left: 138px;
    padding-top: 120px;}
.btn-service0{
    display: inline-block;
    color: #fff;
    background-color: #7bcef4;
    line-height: 36px;
    width: 152px;
    font-size: 16px;
    margin-left: 86px;
    text-align: center;}
.btn-service0:hover{
    color: #fff;
    background-color: #23ADEC}
.service-info-grids{
    padding-left: 114px;
    padding-top: 120px;
    font-size: 14px;
    color: #666;}
.service-info-grids .p1{
    font-weight: 600;
    background: url(../images/icon_service_li.gif) no-repeat 0 16px;
    line-height: 16px;
    padding: 14px 0 10px 22px;}
.contact-numbers{
    border: 3px dashed #fafafa;
    width: 226px;
    height: 134px;
    margin: 6px 0 0 20px;
    border-radius: 5px;
    padding: 22px 0 0 20px;}
.contact-numbers p{
    margin-bottom: 10px;
    line-height: 26px;}
.contact-numbers p font{
    font-size: 16px;
    color: #787878;
    font-weight: 600;}

/*about0*/
.map-grid{
    width: 100%;
    background: url(../images/bg_map.gif) no-repeat center 0;
    background-color: #f4f4f4;
    padding: 30px 0;
    position: relative;
/*
    padding: 1px 0\9;
    height: 1px\9;
    width: 1200px\9;
    margin: 0 auto\9;
    background-color: #cecece\9;
*/
}
/*
.map-grid .map{
    width:600px;
    margin: auto;
    position:relative;}
*/
#main{
    width:100%;
    margin:auto;}
.flag{
    position:absolute;
    width:11.13%;
    height:auto;}
.map-grid .address{
    width: 394px;
    height: 98px;
    position:absolute;
    top: 176px;
    left: 50%;
    margin-left: -340px;
    padding-left: 22px;
    padding-top: 10px;
    background: url(../images/bg_about_info.png) no-repeat 0 0;}
.map-grid .name{
    color: #787878;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    line-height: 34px;}
.map-grid p{
    color: #666;
    line-height: 24px;}
.map-grid p *{line-height:1.45em;}
.about-contact{
    width: 1188px;
    margin: 30px auto 0;
    padding-bottom: 30px;}
.about-contact ul li{
    float: left; 
    margin: 6px 36px 0;
    width: 522px;
    height: 100px;
    background: url(../images/bg_about_info2.png) no-repeat right bottom;
    color: #666;
    font-size: 14px;}
.about-contact ul li label{
    font-weight: 600;
    line-height: 34px;
    font-size: 16px;}
.about-contact ul li p{
    line-height: 28px;}
.about-contact0{
    width: 1188px;
    margin: 36px auto;}
.about-contact-map{
    border: 1px solid #d1d1d1;
    width: 620px;
    height: 372px;
    background: url(../images/about_map.gif) no-repeat 0 0;}
.about-contact-info{
    width: 510px;
    height: 320px;
    border: 3px dashed #d1d1d1;
    padding-left: 36px;
    padding-top: 46px;
    font-size: 16px;
    color: #666;}
.about-contact-info label{
    font-weight: 600;
    line-height: 42px;}
.about-contact-info p{
    line-height: 30px;
    font-size: 14px;}

.trustway-info{
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    padding-left: 120px;
    padding-top: 24px;
    margin-top: 48px;
    background: url(../images/bg_corner0.png) no-repeat 0 0;}
.trustway-info p{
    padding-right: 120px;
    padding-bottom: 24px;
    background: url(../images/bg_corner1.png) no-repeat right bottom;
    letter-spacing: 2px;}
.trustway-info p label{
    font-weight: 600;
    font-size: 16px;}
.enterprise-culture{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 48px;}
.enterprise-culture ul li{
    margin: 0 7px;
    width: 242px;
    height: 300px;
    padding: 40px 20px 0;
    border: 2px solid #e6ecf0;
    float: left;
    font-size: 14px;
    color: #666;}
.enterprise-culture .head{
    font-weight: 600;
    border-bottom: 1px solid #afc2d0;
    padding-bottom: 32px;
    margin-bottom: 20px;}
.enterprise-culture .head label{
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    margin-left: 32px;}
.enterprise-culture .head span{
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #787878;
    margin-right: 20px;
    height: 30px;}
.enterprise-culture .head span.icon0{
    width: 94px;
    padding-left: 26px;
    background: url(../images/icon_credible.png) no-repeat 0 0;}
.enterprise-culture .head span.icon1{
    width: 100px;
    padding-left: 20px;
    background: url(../images/icon_professional.png) no-repeat 0 0;}
.enterprise-culture .head span.icon2{
    width: 96px;
    padding-left: 24px;
    background: url(../images/icon_humane.png) no-repeat 0 0;}
.enterprise-culture .head span.icon3{
    width: 84px;
    padding-left: 36px;
    background: url(../images/icon_innovative.png) no-repeat 0 0;}

.enterprise-culture ul li p{
    margin-top: 6px;
    color: #787878;
    line-height: 28px;}
.trustway-info1{
    margin: 32px 0 20px;
    background: url(../images/trustway_banner.jpg) no-repeat center 0;
    height: 500px;}
/*----------------cooperate------------*/
.cooperateMain{
    padding:0 20px;
    background:#fff;
}
.h5{
    font-size:16px;
    border-bottom:1px solid #eee;
    /*background: url(../images/dian02.gif) no-repeat 3px 2px;*/
    padding-left:0px;
    color:#666;
    margin:10px 0 10px 0;
    position: relative;
    height: 24px ;
    letter-spacing: 2px ;
}
.h5 span{
    float:left ;
    display: inline-block ;
    padding: 0px 6px ;
    border-bottom:1px solid #a0a0a0;
    height: 24px ;
    line-height: 24px ;}
.cooperate{
    padding:3px 0;}
.cooperate dt{
    color:#23ADEC;
    background: url(../images/dian03.gif) no-repeat 3px 2px;
    padding:0px 0 0px 15px;
    height:30px;
    font-size: 14px;
}
.cooperate dd{
    padding: 1px 10px 1px;
    float:left;
    width:280px;
    height:30px;
    font-size:14px;
}
.cooperate dd a:link,
.cooperate dd a:visited{
    color: #999 ;}
.cooperate dd a:hover,
.cooperate dd a:active{
    color: #23ADEC ;
    text-decoration: none ;}
    
    
/*error*/
.error-bg{
    position: absolute;
    padding-top: 120px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f2f6f6;}
.error-grid{
    width: 514px;
    height: 340px;
    margin: 0 auto;
    background: url(../images/bg500.jpg) no-repeat 0 0;
    padding: 1px;}
.error-grid2{
    background-image: url(../images/bg400.jpg);}
.error-grid p{
    margin: 160px 0 0 80px;
    line-height: 30px;
    color: #666;
    font-weight: 600;
    font-size: 14px;
    position: relative;}
.error-grid2 p{
    margin: 160px 0 0 70px;}
.error-grid a{
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 44px;
    height: 25px;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;}
.error-grid2 a.btn0,
.error-grid a.btn0{
    right: 142px;
    color: #a4a430;
    background: url(../images/bt_error0.png) no-repeat 0 0;}
.error-grid2 a.btn1,
.error-grid a.btn1{
    right: 86px;
    color: #666;
    background: url(../images/bt_error1.png) no-repeat 0 0;}
.error-grid a.btn0{
    right: 148px;}
.error-grid a.btn1{
    right: 92px;}
.error-grid a.btn0:hover{
    color: #FFFFF4;
    background-image: url(../images/bt_error0_pre.png);}
.error-grid a.btn1:hover{
    color: #FFFFF4;
    background-image: url(../images/bt_error1_pre.png);}
@media screen and (min-height: 800px) {
    .error-bg{
        padding-top: 200px;
    }
}

.investorList{ width: 932px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #}
.investorList .title{ font-size: 22px; color: #666; font-weight: bold; padding-left: 10px;}
.investorList hr{ margin: 46px 36px 36px 0; border: none; background-color: #e6e6e6; height: 1px;}
.investorList .information-page{ margin-top: 26px;}
.investorList .list li{ font-size: 14px; border-bottom: 1px solid #f9f9f9; line-height: 24px; width: 46%; margin-top: 12px; float: left; margin-right: 36px;}
.investorList .list li a{ color: #666;}
.investorList .list li a:hover{ color: #ff9c01}
.investorList .list li .time{ color: #999; float: right;}
.investorList .more{ text-align: right;}
.investorList .more a{ display: inline-block; text-align: left; background: url(../images/more.gif) no-repeat 0 0; width: 47px; padding-left: 12px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; color: #fff; letter-spacing: 2px; margin: 26px 38px 0 0;}
.investorList .more a:hover{ margin-right: 36px;}

.investorInfo{ width: 240px;}
.investorInfo .title{ font-size: 22px; color: #666; font-weight: bold; padding-left: 10px;}
.investorInfo ul li{ border: 1px solid #f9f9f9; background-color: #fdfdfd; height: 80px; margin: 17px 0; background-repeat: no-repeat; background-position: 10px center;}
.investorInfo ul li.icon0{ background-image: url(../images/iconInvestor1.png);}
.investorInfo ul li.icon1{ background-image: url(../images/iconInvestor2.png);}
.investorInfo ul li.icon2{ background-image: url(../images/iconInvestor3.png);}
.investorInfo ul li.icon3{ background-image: url(../images/iconInvestor4.png);}
.investorInfo ul li.icon4{ background-image: url(../images/iconInvestor5.png);}
.investorInfo ul li a{ display: block; border-left: 1px solid #e6e6e6; padding:10px 0 10px 8px; line-height: 20px; margin: 10px  0 0 40px; color: #666666; font-size: 14px;}
.investorInfo ul li a font{ font-weight: bold;}



/**public**/
.floatR {
    float: right;
    }
.floatL {
    float: left;
    }
.clear:after {  
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden; }
.clear{ zoom:1; }
.relative{ position: relative;}
.noneIe7{ *display: none;}
.fb{ font-weight:bold;}
.f14{ font-size: 14px;}
.mid{ text-align:center;}
.wid1100{
    width: 1100px;
    margin: 0 auto;}
.rit{ text-align:right;}
.hidden{ display: none;}
.block{ display: block;}
.marL20{ margin-left: 20px}
.marL30{ margin-left: 30px}
.marL30{ margin-left: 30px}
.marL100{ margin-left: 100px}
.marL142{ margin-left: 142px;}
.marL172{ margin-left: 172px;}
.marL182{ margin-left: 182px;}
.marL18{ margin-left: 18px}
.marL67{ margin-left: 67px}
.marR100{ margin-right: 100px}
.marT10{ margin-top: 10px}
.marT24{ margin-top: 24px}
.marT30{ margin-top: 30px}
.marT36{ margin-top: 36px}
.marT56{ margin-top: 56px}
.marT80{ margin-top: 50px}
.marT110{ margin-top: 110px;}
.marT140{ margin-top: 140px}
.marT120{ margin-top: 120px}
.marB20{ margin-bottom: 20px}
.marR24{ margin-right: 24px}
.padB16{ padding-bottom: 16px}
.links-ul ul li a:hover,
.information-ul ul li a:hover,
.foot a:hover,
.menu-second ul li.sele a,
.menu-second ul li a:hover{
   color: #ff9c01; }
.nonmar{
    margin: inherit;}