/* CSS reset */
body { 
    font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
    margin:0 auto; 
    padding:0; 
    font-size:12px; 
    color:#333;  
    min-width: 1180px;
}
div, form, ul, ol, li, span, p, dl, dt, dd { 
    margin:0; 
    padding:0; 
    border:0; 
}
img, a img { 
    border:0; 
    margin:0; 
    padding:0; 
}
h1, h2, h3, h4, h5, h6 { 
    margin:0; 
    padding:0; 
    font-size:12px; 
}
ul, ol, li { 
    list-style:none 
}
table, td, input { 
    font-size:12px; 
    padding:0; 
    font-family:inherit; 
}
img{ 
    vertical-align: top;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clear {
    clear:both
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.nomargin{
    margin: 0!important;
}
a { 
    outline-style:none; 
    color:#333; 
    text-decoration:none 
}
a:hover { 
    color:#c00; 
    text-decoration:none; 
}
.container{
    width: 1180px;
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 auto;
}
.top-places {
    padding: 2em 0;
}
.alert-danger{
    position:fixed;
    left:0;
    top:0;
    font-size:12px;
    color:#e78822;
    width:100%;
    height:25px;
    z-index:9999999;
    line-height:25px;
    background:#fff6cc;
    text-align:center
}
.alert-danger a{
    font-weight:700;
    color:#65a6ff;
    margin-left:8px;
}

/* header*/

.header {
    position: absolute;
    top: 2em;
    left: 0;
    width:100%;
    z-index: 9;
}

.header-top {
    /*padding: 5px 15px;*/
    width: 1180px;
    margin: 0 auto;
}
.header-top .logo {
    float: left;
    height: 50px;
    line-height: 50px;
}
.header-top .logo a{
    display: block;
    color: #fff;
}
.header-top .logo a img{
    height: 40px;
}

.header-top .top-menu {
    float: right;
    height: 50px;
    line-height: 50px;
}

.header-top .top-menu ul li {
    display: inline-block;
    margin-right: 1em;
}
.top-menu ul li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 0;
}
.top-menu ul li a.active, .top-menu ul li a:hover { 
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

/*--slider--*/

.banner-section{
    width: 100%;
    height: 540px;
    position: relative;
    overflow: hidden;
}
.banner-slider {
    overflow: hidden;
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.callbacks_container {
    width: 100%;
    height: 540px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display:none;
    width: 100%;
    left: 0;
    top: 0;
    height: 540px;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    height: 540px;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks li {
    position: absolute;
    width: 100%;
    height: 540px;
}
.callbacks img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 540px;
    border: 0;
}

/* 左右导航按钮 */
.callbacks_nav {
    opacity: 0;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width:44px;
    height: 86px;
    background: transparent url("../image/slide-btns.png") no-repeat;
    margin-top: -43px;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 50%;
    margin-right: -590px;
}
.callbacks_nav.prev {
    right: auto;
    background-position:left top;
    left: 50%;
    margin-left: -590px;
}
.banner-slider:hover .callbacks_nav{
    opacity: 0.6;
}
.callbacks_nav:hover{
    opacity: 1 !important;
}

/* 分页按钮 */
.callbacks_tabs{
    list-style: none;
    position: absolute;
    bottom: 30px;
    z-index: 999;
    left: 50%;
    padding: 0;
    margin-left: -117px;
    display: block;
}
.callbacks_tabs li{
    display: inline-block;
    width: 68px;
    height: 2px;
    background-color: rgba(255,255,255,0.5);
    margin: 0 5px;
}
.callbacks_tabs li.callbacks_here {
    background-color: rgba(255,255,255,1);
}
.callbacks_tabs a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -999em;
}

.banner-info {
    display: none;
    width: 600px;
    height: 300px;
    position: absolute;
    top:150px;
    left: 50%;
    margin-left: -300px;
    background-color: rgba(153, 171, 213, 0.73) !important;
    border-radius: 10px;
    padding: 3em;
    z-index: 999;
}
.banner-info h3 {
    font-size:2em;
    font-weight: 400;
    color: #fff;
}
.banner-info p {
    color: #fff;
    font-size: 0.9em;
    margin-top: 0.5em;
}


/* about-section */
#about {
    padding:3em 0;
}
h3.tittle{
    font-size: 2.5em;
    font-weight: 400;
    color: #b73c3d;
    text-align:center;
}

.testi-img {
    margin: 2em 0 1em 0;
}
.about-top p{
    font-size: 1.4em;
    color: #777;
    line-height: 1.9em;
    font-weight: 400;
    margin-top: 1em;
    text-indent: 2em;
}
.ab-top h2 {
    color: #524B46;
    font-size: 2em;
}
.about-img iframe {
    border: none;
    width: 100%;
    height:301px;
}
.about-top {
    padding-left: 0;
}
.ab-top {
    margin-top: 3em;
}

.col-md-6{
    width: 50%;
    float: left;
    padding: 0 15px;
}

/* videoplayer */
#videoplayer {
    width:100%;
    /*border:1px #cccccc solid;*/
    clear:both; 
    background:#ffffff; 
    padding: 5px;
    overflow: hidden;
    text-align:center;
}
#CuPlayer {
    width:400px;
    float:left;
    margin-right: 5px;
}
#videoplayer .list {
    width:900px;
    height: 100px;
    display:inline-block;
    text-align:center
    /*overflow-x: auto;*/
}


#videoplayer .list dl {
    width:122px;
    height: 80px;
    margin-bottom: 5px;
}
#videoplayer .list dl img{ 
    width:102px;
    height:57px; 
}
#videoplayer .list dl dt { 
    width:120px;
    float:left; 
}
#videoplayer .list dl dt a { 
    display:block; 
    line-height:18px;
    height:80px;
    color:#333; 
    font-size:12px;
    padding: 5px 10px;
    text-align: center;
}
#videoplayer .list dl dt a:hover{
    height:80px;
    text-decoration:none; 
    background:#efefef;
}

/*--service--*/

#service .top-places {
    background: #B73C3D;
    padding: 7em 0;
}
h3.tittle.two{
    color: #fff;
}

.top-grid img {
    width: 100%;
}
.top-grid{
    padding:3.3em 2em;
    text-align: center;
    margin-right:4%;
    background-color: #B73C3D;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 332px;
    height: 332px;
    cursor:pointer;
    float: left;
}

.top-grid .icon{
    display: inline-block;
    width: 48px;
    height: 48px;
}
.top-grid .icon.glyphicon-tint{
    background: url(../image/service_icon.png) no-repeat;
    background-position: 0 -55px;
}
.top-grid .icon.glyphicon-thumbs-up{
    background: url(../image/service_icon.png) no-repeat;
    background-position: -55px -55px;
}
.top-grid .icon.glyphicon-pushpin{
    background: url(../image/service_icon.png) no-repeat;
    background-position: -110px -55px;
}
.top-grid:hover .icon.glyphicon-tint{
    background: url(../image/service_icon.png) no-repeat;
    background-position: 0 0px;
}
.top-grid:hover .icon.glyphicon-thumbs-up{
    background: url(../image/service_icon.png) no-repeat;
    background-position: -55px 0px;
}
.top-grid:hover .icon.glyphicon-pushpin{
    background: url(../image/service_icon.png) no-repeat;
    background-position: -110px 0px;
}
.top-grid:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.top-grid:hover  h4.ser{
    color:#B73C3D;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.top-grid:hover  i.icon,.top-grid:hover p.ser{
    color:#524B46;

    /*-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}
.top-grid:hover p.ser{
    color:#777;
}

.top-grid h4 {
    color: #fff;
    font-weight: 400;
    margin-top: 1em;
    font-size: 1.8em;
}
.top-grid p {
    line-height: 1.9em;
    color: #fff;
    font-size: 1.2em;
    margin-top: 0.7em ;
}
.top-grid i{
    font-size:3em;
    color:#fff;
}


/*-- business --*/
#business {
    padding: 3em 0;
}
.news_left {
    background: url(404.png) no-repeat 0px 0px;
    min-height: 685px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}
.news_right{
    padding: 5em 0;
}
.span_1_of_middle h3 {
    color: #000;
    font-size: 1.5em;
    margin-bottom:0;
    line-height: 1.1em;
    font-weight:800;
}
.mask1 img{
    width: 100%;
}
p.news_desc{
    color: #777;
    font-size: 14px;
    line-height: 1.9em;
    text-align: justify;
    margin: 1.5em 0 0 0;
    font-weight: 400;
    text-indent: 2em;
}
.btn1 {
    display: inline-block;
    color:#B73C3D;
    font-size:0.85em;
    float:right;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}
.btn1:hover{
    text-decoration:none;
    color:#000;
}
.col_1_of_middle:first-child {
    margin-left: 0;
}
.span_1_of_middle {
    width: 30%;
}
.col_1_of_middle {
    display: block;
    float: left;
    margin: 0 0 0 5%;
}
.col_1_of_middle.span_1_of_middle h3 {
    font-size: 1.3em;
    line-height: 1.4em;
    color: #524B46;
    margin-bottom: 1em;
    text-align: center;
}
.col_1_of_middle.span_1_of_middle h3 a:hover {
 color:#B73C3D;
}
h3.tittle.new {
    color: #fff;
    margin-top: 7.5em;
}
.pop_up2 {
    margin: 0 auto;
    text-align: center;
}
.pop_up2 img {
    margin: 0 auto;
    text-align: center;
}

/* app*/

#app .top-places{
    background: url(../image/app_bg.jpg) repeat center 0;
    padding: 5em 0 0;
}
#app .app-img{
    float: left;
    margin-left: 100px;
}
#app .app-img img{
    width: 400px;
}
#app .app-introduce{
    float: left;
    width: 500px;
    height: 575px;
    margin-left: 50px;
    position: relative;
}
#app .app-introduce h2{
    font-size: 40px;
    font-weight: bold;
    color: #B73C3D;
    text-align: left;
    padding-top: 10px;
}
#app .app-introduce h3{
    font-size: 24px;
    color: #000;
    text-align: left;
    padding: 1em 0;
    font-weight: 500;
}
#app .app-introduce p{
    font-size: 16px;
    color: #5e5e5e;
}

#app .app-down-bg{
    position: absolute;
    bottom: 120px;
    width: 410px;
    height: 220px;
    background-color: #000;
    border-radius: 5px;
    opacity: 0.5;
    fliter: alpha(opacity=50);
}

#app .app-down{
    position: absolute;
    bottom: 120px;
    width: 410px;
    padding: 50px;
}
#app .app-down .app-link{
    width: 150px;
    float: left;
}
#app .app-down .app-link img{
    width: 150px;
}
#app .app-down .app-link .android{
    width: 150px;
    text-align: left;
}
#app .app-down .app-link .apple{
    width: 150px;
    text-align: left;
    margin-bottom: 22px;
}
#app .app-down .app-qr{
    float: left;
    margin-left: 40px;
}
#app .app-down .app-qr img{
    width: 120px;
}


/* recruitment */

.bg-grey {
    background-color: #f1f1f1;
    padding: 5em 0;
}

.recruitment-section .col-md-6.about-top {
    width: 60%;
}

.recruitment-section .col-md-6.about-img {
    width: 40%;
    text-align: right;
}

.recruitment-section .col-md-6 img{
    width: 400px;

}

/*  branch */
.branch-section{
    background-color: #3e4b5b;
}
#branch .top-places{
    height: 540px;
    padding:  0;
}
.branch-map {
    width: 700px;
    float: left;
}
.branch-map img{
   
}
#branch .branch-introduce{
    width: 450px;
    float: left;
    padding: 15em 3em;
}
#branch .branch-introduce h2{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: right;
}
#branch .branch-introduce h3{
    font-size: 20px;
    color: #fff;
    text-align: right;
    padding: 10px 0;
    font-weight: 500;
}


/* contract */

#contract ul{
    padding: 15px 0;
    overflow: hidden;
}
#contract ul li {
    width: 250px;
    float: left;
    height: 240px;
    margin-right: 50px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: url(../image/index_icon.png) no-repeat;
}

#contract ul li:hover{
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    transform: translate(0,-10px);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#contract ul li.c-tel{
    background-position: 25px 0;
}
#contract ul li.c-weixin{
    background-position: -200px 0;
}
#contract ul li.c-qq{
    background-position: -650px 0;
}
#contract ul li.c-postiton{
    margin-right: 0;
    background-position: -425px 0;
}

#contract ul li a{
    display: block;
    width: 100%;
    height: 100%;
}



/* footer */

#footer {
    margin:0 auto;
    width:100%;
    background:#33363b;
    font-size: 14px;
    padding-top: 5px;
}
#footer .footer {
    margin:0 auto;
    width:1180px;
}
#footer .footer .copy{
    text-align: center;
    color: #ffffff;
    padding: 2em 0;
}
.copy a{
    color: #fff;
}


#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 40px;
    height: 22px;
    border: none;
    text-indent: 100%;
    background: url(../image/move-top.png) no-repeat 0px 0px;
}

/*Inside pages*/

.header.pages{
    position: relative;
    background-color: #ae233a;
    top: 0;
    left: 0;
}
.header.pages .header-top{
    width: 1000px;
    padding: 5px 0;
}
.breadcrumbs{
    height: 54px;
    line-height: 54px;
    background-color: #f1f1f1;
    color: #909090;
    position: relative;
    padding: 10px 0 ;
}
.breadcrumbs .main {
    margin: 0 auto;
    width: 1000px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}
.breadcrumbs .main a{
    margin:0 10px;
}



.header.page .top-menu ul li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}

.page-banner{
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
}

.page-banner .banner-inner{
    overflow: hidden;
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.section1{
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.section1 h2{
    font-size: 22px;
    font-weight: bold;
    line-height: 3em;
    color: #B02923;
    border-bottom: 2px solid #B02923;
    margin-bottom: 2em;
}
.section1 h2 i{
    background: url(../image/title_icon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}
h2 i.tico1{
    background-position: 0 0;
}
h2 i.tico2{
    background-position: -27px 0;
}
h2 i.tico3{
    background-position: -54px 0;
}
h2 i.tico4{
    background-position: -81px 0;
}
h2 i.tico5{
    background-position: -108px 0;
}
.section1 h2 span{
    font-family: 'Merienda-Regular';
    padding-left: 1em;
}
.section1 h3{
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 1em;
}
.section1 h3 i{
    background: url(../image/title_icon.png) no-repeat;
    background-position: 0 -27px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}
.section1 .content-left{
    float: left;
    width: 700px;
}

.section1 .content-left p{
    font-size: 18px;
    line-height: 2em;
    text-indent: 2em;
    padding-bottom: 10px;
}

.section1 .content-right{
    float: right;
    width: 400px;
}

.section2{
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #3e4b5b;
}

.section2 h2{
    font-size: 22px;
    font-weight: bold;
    line-height: 3em;
    color: #c6c6c6;
    border-bottom: 2px solid #c6c6c6;
    margin-bottom: 2em;
}
.section2 h2 span{
    font-family: 'Merienda-Regular';
    padding-left: 1em;
}

.section2 h3{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 1em;
}
.section2 h3 i{
    background: url(../image/title_icon.png) no-repeat;
    background-position: -27px -27px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}

.section2 .content-right{
    float: right;
    width: 700px;
}

.section2  p{
    font-size: 18px;
    line-height: 2em;
    text-indent: 2em;
    padding-bottom: 10px;
    color: #fff;
}

.section2 .content-left{
    float: left;
    width: 400px;
}

ul.honour{
    padding-left: 100px;
}
ul.honour li {
    font-size: 18px;
    line-height: 2em;
    margin-left: 2em;
    list-style: square;
    color: #c6c6c6;
}
ul.cases{
    padding-left: 20px;
}
ul.cases li {
    font-size: 16px;
    line-height: 2.2em;
    margin-left: 2em;
    list-style: square;
    color: #c6c6c6;
}


.content{
    width: 100%;
    padding: 0px 20px;
}

.content h4{
    font-size: 22px;
    line-height: 2em;
    padding-bottom: 25px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
    color: #AE233A;
}
.section2 .content h4{
    color: #fff;
}
.content p{
    font-size: 16px;
    line-height: 2em;
    text-indent: 2em;
    padding-bottom: 10px;
}


.content ul.requirement{
    margin-bottom: 20px;
    padding-left: 2em;
}
.content ul.requirement li{
    font-size: 16px;
    line-height: 2em;
    margin-left: 2em;
    list-style:decimal;
}
.section2 .requirement {
    color: #fff;
}
.content p.title{
    text-indent:0;
    font-weight: bold;
    font-size: 14px;
}




/*公司发展时光轴*/

.event-title{
    font-size: 60px;
    line-height: 2em;
    text-align: center;
}
.timeline {
    background: url("../image/line4.gif") repeat-y 50% 0;
    overflow: hidden;
    position: relative;
    height:100px;
    margin: 20px 10px;
    width: 1110px;
    margin: 0 auto;
}
.timeline-date {
    overflow: hidden;
    position: relative;
}
.timeline-date h2 {
    background:url("../image/icon9.gif") no-repeat 50% 0;
    height: 87px;
    margin-bottom: 20px;
    position: relative;
    border: 0;
}
.timeline-date h2 span {
    color: #999999;
    display: inline-block;
    font-size: 30px;
    margin-left: 52%;
}
.timeline-date ul li.left {
    background: url("../image/icon7.gif") no-repeat 50% 13px;
    zoom: 1;
    height: 70px;
    padding-left: 45%;
    text-align: left;
}
.timeline-date ul li.right {
    background: url("../image/icon7.gif") no-repeat 50% 13px;
    zoom: 1;
    height: 70px;
    padding-right: 45%;
    text-align: right;
}
.timeline-date ul li h3 {
    height: 40px;
    text-align: right;
    font-size: 14px;
    color: #878787;
    display: inline-block;
}
.timeline-date ul li.right h3{
    text-align: left;
}       
.timeline-date ul li h3 span {
    display: block;
    color: #ADADAD;
    font-size: 12px;
    padding-left:15px;
}
.timeline-date ul li.right h3 span{
    padding: 0;
}
.timeline-date ul li.left dl{
    background: url("../image/left_arrow.png") no-repeat 0 0;
    margin-left: 35px;
    display: inline-block;
    background-color:#3e4b5b;
    height:40px;
}
.timeline-date ul li.right dl{
    background: url("../image/right_arrow.png") no-repeat right 0;
    margin-right: 35px;
    display: inline-block;
    background-color:#3e4b5b;
    height:40px;
}       
.timeline-date ul li dl span{
    display: block;
    font-size:16px;
    padding: 0px 10px 0px 30px;
    color:#fff;
    line-height: 40px;
}
.timeline-date ul li.right dl span{
    padding: 0 30px 0 10px;
}

/*联系我们*/
.c-img{
    width: 400px;
    float: left;
    text-align: center;
}
.c-map{
    width: 100%;
    text-align: center;
}
.c-map img{
    border: 1px solid #9E9e9e;
}
.ctc{
    width: 700px;
    float: right;
    padding-left: 50px;
}
.ctc li {
    width: 100%;
    line-height: 52px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px; 
    color: rgb(51, 51, 51); 
    margin: 0px 0px 14px; 
    clear: both; 
}
.ctc li b {
    font-weight: 100;
    color: rgb(5, 74, 137);
}
.ctc li p {
    padding: 0px 0px 0px 50px;
    line-height: 52px;
    text-indent: 0; 
}
.ctc .ctc1 p { 
    background: transparent url(../image/cion_phone.png) 0px 9px no-repeat ; 
}
.ctc .ctc2 p { 
    background: transparent url(../image/cion_emaill.png) 0px 9px no-repeat ; 
}
.ctc .ctc3 p:nth-child(1) { 
    background: transparent url(../image/cion_address.png) 0px 9px no-repeat ; 
}
.ctc .ctc4 p { 
    background: transparent url(../image/cion_bus.png) 0px 9px  no-repeat ; 
}
.ctc .ctc5 p { 
    background: transparent url(../image/cion_car.png) 0px 9px  no-repeat ; 
}
.pro_t { 
    line-height: 44px; 
    height: 44px; 
    overflow: visible; 
}
.pro_t h3 { 
    float: left; 
    font-weight: 100; 
}
.pro_t h3 a { 
    font-weight: 100; 
    font-size: 24px; 
    color: rgb(3,3,3); 
}
.pro_t h3 span { 
    text-transform: uppercase; 
    margin: 0px 0px 0px 8px; 
    font-size: 16px; 
    color: rgb(153, 153, 153); 
    font-family: Arial; 
}
.section3 h2 span{
    font-family: 'Merienda-Regular';
    padding-left: 1em;
}
.section3 h3{
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 1em;
}
.section3 h3 i{
    background: url(../image/title_icon.png) no-repeat;
    background-position: 0 -27px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}
.section3 .content-left{
    float: left;
    width: 700px;
}

.section3 .content-left p{
    font-size: 18px;
    line-height: 2em;
    text-indent: 2em;
    padding-bottom: 10px;
}

.section3 .content-right{
    float: right;
    width: 400px;
}
.section3{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
    margin: 0 auto;
    background-color: #fff;
}
.section3 h2{
    font-size: 22px;
    font-weight: bold;
    line-height: 3em;
    color: #B02923;
    border-bottom: 2px solid #B02923;
    margin-bottom: 2em;
}
.section3 h2 i{
    background: url(../image/title_icon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}

.section4{
    width: 1180px;
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 auto;
    background-color: #3e4b5b;
}

.section4 h2{
    font-size: 22px;
    font-weight: bold;
    line-height: 3em;
    color: #c6c6c6;
    border-bottom: 2px solid #c6c6c6;
    margin-bottom: 2em;
}
.section4 h2 span{
    font-family: 'Merienda-Regular';
    padding-left: 1em;
}

.section4 h3{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 1em;
}
.section4 h3 i{
    background: url(../image/title_icon.png) no-repeat;
    background-position: -27px -27px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}

.section4 .content-right{
    float: right;
    width: 700px;
}

.section4  p{
    font-size: 18px;
    line-height: 2em;
    text-indent: 2em;
    padding-bottom: 10px;
    color: #fff;
}

.section4 .content-left{
    float: left;
    width: 400px;
}
.section4 .requirement {
    color: #fff;
}
.section4 .content h4{
    color: #fff;
}


input,textarea{
    outline: none;
    border: 1px solid #aaaaaa;
}

/* 快速提问框*/
.experts-answer {
    position: relative;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    padding: 40px;
}
.ask-title {
    position: absolute;
    top: 0;
    left: 30px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #AE233A;
    color: #fff;
    text-align: center;
}
.ask-title:before,.ask-title:after{
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    right: -8px;
    border-style: solid dashed;
}
.ask-title:before {
    top: 0;
    border-width: 16px 8px 0;
    border-color: #AE233A transparent transparent;
}
.ask-title:after {
    bottom: 0;
    border-width: 0 8px 16px;
    border-color: transparent transparent #AE233A;
}
.ask-title span{
    font-size:16px;
}

/* 提问表单 */
.ask-form {
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
}
.ask-form input {
    height: 30px;
    line-height: 30px;
    -moz-border-radius:2px;
    border-radius: 2px;
    font-family:'Microsoft Yahei', Verdana, Arial;
    font-size: 14px;
}

/* 用户需填写处 */
.ask-form .form-item {
    overflow: hidden;
}
.form-item .form-title {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
}
.form-title .required{
    color: #AE233A;
    font-size: 20px;
    vertical-align: middle;
}
.ask-form .q-title {
    margin-bottom: 10px;
}
.q-title input {
    width: 706px;
    padding: 0 15px;
}
.ask-form .q-content {
    position: relative;
    margin-bottom: 0px;
}
.ask-form .q-content textarea {
    display: block;
    width: 706px;
    height: 100px;
    padding: 15px;
    font-size: 14px;
    resize: none;
}
.ask-form .q-content .text-num {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 80px;
    text-align: right;
    color: #e4007f;
}
.ask-form .q-content .text-num i{
    font-style: normal;
}
.ask-form .q-contact {
    height: 22px;
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #aaa;
    border-top: none;
}

.q-submit .q-code {
    display: inline-block;
    margin-right: 5px;
}
.q-code input {
    width: 80px;
    padding: 0 5px;
}
.q-code img{
    width: 76px;
    height: 32px;
    vertical-align: bottom;
}
.q-submit .askbutton {
   display: inline-block;
   width: 135px;
   height: 32px;
   line-height: 32px;
   background-color: #AE233A;
   text-align: center;
   border-radius: 2px;
   margin-top:30px;
}
.askbutton .btn {
    width: 100%;
    height: 100%;
    font-size:14px;
    color: #fff;
    border:none;
    background:none;
    cursor:pointer;
}

.RecruitmentContainer{
    width: 1180px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.a-title input {
    width: 233px;
    padding: 0 15px;
}


.login-input{
    width: 100%;
    overflow: hidden;
}
.login-input ul li{
    margin-bottom: 25px;
    overflow: hidden;
}

.login-input ul li .inputbox2{
    width: 225px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
}
.login-input ul li i{
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 12px;
    left: 10px;
    background: url(../image/sign_icon.png) no-repeat;
}


.login-input ul li i.user-v-code{
    background-position: -84px 0;
}

.login-input ul li input{
    width: 306px;
    height: 45px;
    line-height: 45px;
    border: none;
    display: inline-block;
    padding-left: 42px;
}
.login-input ul li .inputbox2 input{
    width: 183px;
    padding-left: 42px;
}

.login-input ul li .code-num{
    width: 115px;
    height: 48px;
    vertical-align: bottom;
}

.page {text-align: center;margin-top: 20px;}
.pageborder { margin:5px 0;}
.pageborder span { font-size: 22px;padding: 0 5px; }
.pageborder .pagelink {font-size: 22px; margin: 2px; line-height: 40px; cursor: pointer; padding: 0 11px; display: inline-block; border: 1px solid #6e6e6e; border-radius: 2px;}
.pageborder .pagelink:hover {background: #AE233A;color: #fff;border: 1px solid #AE233A;}
.pageborder .Sedpage {background: #AE233A; color: #fff;border: 1px solid #AE233A;}
.pagelink .inputtext{width:30px; height:12px; margin-top:-10px; padding:0; border:none; background:#B2BFCF;}
.pageborder .pagelink a {font-size: 22px;}
.pageborder .pagelink a:link {color: #666;text-decoration: none;}
.pageborder .pagelink a:visited {text-decoration: none;color: #666;}
.pageborder .pagelink a:hover {text-decoration: none;color: #666;}
.pageborder .pagelink:hover a{color: #fff;}
.pageborder .pagelink a:active {text-decoration: none;}

.trademark {
    width: 250px;
    height: 180px
}

.trademark2 {
    width: 250px;
    height: 300px
}