body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, figure {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
    color: #4f4f4f;
    font-family: "Microsoft YaHei", Tohoma, Arial;
    min-width: 1200px;
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

button, input, select, textarea {
    font: 12px/1.5 Microsoft YaHei;
    *line-height: 1.5;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace;
}

ul, ol {
    list-style: none;
}

s, i, u, em {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #4f4f4f;
}

a:hover {
    text-decoration: none;
    color: #4893be;
}

a, a:hover, a:focus {
    transition: 0.5s all;
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.layout:after, .clearfix:after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}

.clearfix, .layout {
    *zoom: 1;
}

.flr {
    float: right;
}

.fll {
    float: left;
}

.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.hidden {
    overflow: hidden;
}

.pb60 {
    padding-bottom: 60px;
}

input::-ms-clear {
    display: none;
}

.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fixed {
    width: 100%;
    height: 560px;
    top: 50%;
    margin-top: -280px;
    left: 0;
    position: fixed;
    z-index: 999;
    background: url("static/assets/images/bg.jpg") center no-repeat;
    background-size: cover;
}
/*header*/
.header {width: 100%;position: fixed;height:64px;top:0;left:0;z-index: 20;-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-ms-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;}
.header-bar {width: 1200px;height:64px;margin: auto;}
.logo {width:180px;float: left;text-indent: -9999px;margin:2px 0 0 1px;display: inline;}
.logo a {display: block;background: url("/static/assets/images/logo_white.png") 100% no-repeat;background-size: 180px 50px;}
.site-nav {float: right;height:64px;}
.site-nav li {float: left;height:64px;font-size: 16px;color: #3c3c3c;position: relative;color: #FFF;}
.site-nav li a {display: block;margin: 0 27px;color: #FFF;line-height:62px;}
.site-nav li a:hover {border-bottom:2px solid #148cdc;line-height: 62px;}
.site-nav li.selected > a {border-bottom:2px solid #148cdc;line-height:62px;}
.header-bar .dropdown-menu {top:64px;right:0;border:none;margin:0;background: #000000;padding:20px 0;position: fixed;z-index:30;border-radius:0;}
.header-bar .dropdown-menu > li > a:hover, .header-bar .dropdown-menu > li > a:focus {color: #148cdc;text-decoration: none;background-color: transparent;}
.header-bar .nav .open > a,.header-bar .nav .open > a:hover,.header-bar  .nav .open > a:focus {background:none;border-bottom:2px solid #148cdc;line-height: 62px;}
.header-bar .nav .open > a span a {border-bottom:none;}
.open > .dropdown-menu {-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-animation: subnavshow 0.4s both;-moz-animation: subnavshow 0.4s both;-ms-animation: subnavshow 0.4s both;-o-animation: subnavshow 0.4s both;animation: subnavshow 0.4s both;}
.downmenu {width:1060px;margin: auto;overflow:hidden;}
.downmenu li {float: left;width:25%;line-height: 40px;height:40px;font-size: 14px;}
.downmenu li a {display: inline-block;color: #FFF;line-height:40px;padding:0 9px;-webkit-transition: background-color 0.2s ease-out;-moz-transition: background-color 0.2s ease-out;  -ms-transition: background-color 0.2s ease-out;-o-transition: background-color 0.2s ease-out;transition: background-color 0.2s ease-out;margin:0;}
.downmenu li a:hover {
    line-height:40px;
    background-color: #ed4040;
    border-bottom:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.downmenu li.selected a {line-height:40px;background-color: #148cdc;border-bottom:none;}
.downmenu-1 ul {text-align: center;}
.downmenu-1 li {float: none;display: inline-block;margin:0 40px;width:auto;margin:0 40px;}
.topMenu {width:1100px;margin: auto;overflow:hidden;}
.topMenu .topMenu-list {width:50%;float: left;padding:0 20px;}
.topMenu .topMenu-list h3 {padding:12px 0 12px 9px;margin-bottom:10px;border-bottom:1px solid #FFF;color: #FFF;font-size: 18px;}
.topMenu .topMenu-list li {float: left;width:50%;line-height: 40px;height:40px;font-size: 14px;}
.topMenu .topMenu-list li a {display: inline-block;color: #FFF;line-height:40px;padding:0 9px;-webkit-transition: background-color 0.2s ease-out;-moz-transition: background-color 0.2s ease-out;  -ms-transition: background-color 0.2s ease-out;-o-transition: background-color 0.2s ease-out;transition: background-color 0.2s ease-out;margin:0;}
.topMenu .topMenu-list li a:hover {
    line-height:40px;
    background-color: #ed4040;
    border-bottom:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.banner {
    width: 1920px;
    position: relative;
    height: 600px;
    margin: 0 auto;
    min-width: 1200px;
    max-width: 2545px;
    overflow: hidden;
}

.gray-bg {
    background-color: #f5f5f5;
}

.serviceItem .service-con {
    width: 1200px;
    margin: 25px auto 25px;
    height: 230px;
}

.topMenu .topMenu-list li.selected a {line-height:40px;background-color: #148cdc;border-bottom:none;}
#headerwrap {width:100%;height:64px;}
#headerwrap .header {background: #FFFFFF;-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-moz-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-ms-box-shadow: 0 4px 6px rgba(0,0,0,0.08);box-shadow: 0 4px 6px rgba(0,0,0,0.08);}
#headerwrap .logo a {background: url("../images/logo.png") 100% no-repeat; background-size: 190px 50px;}
#headerwrap .site-nav li {color: #3c3c3c;}
#headerwrap .site-nav li a {color: #3c3c3c; -webkit-transition: all .2s;transition: all .2s; vertical-align: middle; cursor: pointer;}
#headerwrap .site-nav li a:hover {color: #3c3c3c;}
#headerwrap .site-nav li.selected a {color: #3c3c3c;}
#headerwrap .header-bar .dropdown-menu {background: #FFFFFF;-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-moz-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-ms-box-shadow: 0 4px 6px rgba(0,0,0,0.08);box-shadow: 0 4px 6px rgba(0,0,0,0.08);}
#headerwrap .header-bar .dropdown-menu > li > a,#headerwrap .header-bar .topMenu a {color: #FFF;}
#headerwrap .header-bar .header-bar .dropdown-menu > li.selected a,#headerwrap .header-bar .topMenu .selected a {color: #148cdc;}
#headerwrap .header-bar .dropdown-menu > li > a:hover, #headerwrap .header-bar .dropdown-menu > li > a:focus {color: #148cdc;}
#headerwrap .header-bar .nav .open > a,#headerwrap .header-bar .nav .open > a:hover,#headerwrap .header-bar  .nav .open > a:focus {
    border-bottom:2px solid #148cdc;
    line-height: 62px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
}
#headerwrap .downmenu li a:hover {line-height:40px;background-color: #148cdc;border-bottom:none;color: #FFF;}
#headerwrap .downmenu li.selected a {line-height:40px;background-color: #148cdc;border-bottom:none;color: #FFF;}
#headerwrap .topMenu .topMenu-list h3 {border-bottom:1px solid #dddddd;color:#3c3c3c;}
#headerwrap .topMenu .topMenu-list li a {color:#3c3c3c;}
#headerwrap .topMenu .topMenu-list li a:hover {color: #FFFFFF;}
#headerwrap .topMenu .topMenu-list li.selected a {color: #FFFFFF;}
#headerfixed.header {background: #FFFFFF;-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-moz-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-ms-box-shadow: 0 4px 6px rgba(0,0,0,0.08);box-shadow: 0 4px 6px rgba(0,0,0,0.08);}
#headerfixed .logo a {display: block; background: url("../images/logo.png")  100% no-repeat;background-size: 180px 50px;}
#headerfixed .site-nav li {color: #3c3c3c;}
#headerfixed .site-nav li a {
    color: #3c3c3c;
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;
    cursor: pointer;
}
#headerfixed .site-nav li a:hover {color: #3c3c3c;}
#headerfixed .site-nav li.selected a {color: #3c3c3c;}
#headerfixed .header-bar .dropdown-menu {background: #FFFFFF;-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-moz-box-shadow: 0 4px 6px rgba(0,0,0,0.08);-ms-box-shadow: 0 4px 6px rgba(0,0,0,0.08);box-shadow: 0 4px 6px rgba(0,0,0,0.08);}
#headerfixed .header-bar .dropdown-menu > li > a,#headerfixed .header-bar .topMenu a {color: #FFF;}
#headerfixed .header-bar .header-bar .dropdown-menu > li.selected a,#headerfixed .header-bar .topMenu .selected a {color: #148cdc;}
#headerfixed .header-bar .dropdown-menu > li > a:hover, #headerfixed .header-bar .dropdown-menu > li > a:focus {color: #148cdc;}
#headerfixed .header-bar .nav .open > a,#headerfixed .header-bar .nav .open > a:hover,#headerfixed .header-bar  .nav .open > a:focus {border-bottom:2px solid #148cdc;line-height: 62px;}
#headerfixed .downmenu li a:hover {line-height:40px;background-color: #148cdc;border-bottom:none;color: #FFF;}
#headerfixed .downmenu li.selected a {line-height:40px;background-color: #148cdc;border-bottom:none;color: #FFF;}
#headerfixed .topMenu .topMenu-list h3 {border-bottom:1px solid #dddddd;color:#3c3c3c;}
#headerfixed .topMenu .topMenu-list li a {color:#3c3c3c;}
#headerfixed .topMenu .topMenu-list li a:hover {color: #FFFFFF;}
#headerfixed .topMenu .topMenu-list li.selected a {color: #FFFFFF;}

@-webkit-keyframes subnavshow {
    0% {
        -webkit-transform:scaleY(0);
        opacity:0;
    }
    100% {
        -webkit-transform:scaleY(1);
        opacity:1;
    }
}
@-moz-keyframes subnavshow {
    0% {
        -moz-transform:scaleY(0);
        opacity:0;
    }
    100% {
        -moz-transform:scaleY(1);
        opacity:1;
    }
}
@-ms-keyframes subnavshow {
    0% {
        -ms-transform:scaleY(0);
        opacity:0;
    }
    100% {
        -ms-transform:scaleY(1);
        opacity:1;
    }
}
@-o-keyframes subnavshow {
    0% {
        -o-transform:scaleY(0);
        opacity:0;
    }
    100% {
        -o-transform:scaleY(1);
        opacity:1;
    }
}
@keyframes subnavshow {
    0% {
        transform:scaleY(0);
        opacity:0;
    }
    100% {
        transform:scaleY(1);
        opacity:1;
    }
}


.layout {
    width: 1200px;
    margin: auto;
}

#main {
    width: 100%;
}
.breadcrumbs {font-size: 14px;padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.breadcrumbs span {padding:0 3px;}
.bodybg {
    background: #f0f0f0;
}

/*banner*/
.header-top {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 20px;
    z-index: 5;
}

.header-top .logo {
    margin-top: 0;
}

.header-top .logo a {
    background: url("../images/header_logo.png") no-repeat;
}

.header-top .tell {
    float: right;
    height: 60px;
    font-size: 18px;
    line-height: 30px;
    padding: 0 30px 0 80px;
    color: #FFF;
    background: url("../images/tell_icon.png") left center no-repeat;
}

.header-top .tell p {
    font-size: 24px;
}

.banner {
    /*width: 100%;*/
    position: relative;
    overflow: hidden;
    height:500px;
}

.banner .bd {
    position: relative;
    z-index: 0;
}

.banner .bd ul {
    width: 100% !important;
}

.banner .bd li {
    width: 100% !important;
    height:500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #022686;
}

.banner .bd li a {
    height: 100%;
    display: block;
}

.banner .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 55px;
    left: 0;
    text-align: center;
}

.banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 40px;
    height: 3px;
    margin: 0 5px;
    background: #FFF;
    overflow: hidden;
    line-height: 9999px;
}

.banner .hd ul .on {
    background: #3390df;
}

.banner .prev,
.banner .next{ position:absolute; left:30px; top:50%; margin-top:-23px; display:block; width:24px; height:45px; background:url("../images/slider-arrow.png") 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;display: none;}
.banner .next{ left:auto; right:30px; background-position:-24px 0;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }

.topnews {position: absolute;bottom:0;height:35px;width:100%;background: rgba(102,102,102,.6)}
.topnewscontent {width:1100px;margin: auto;height:35px;line-height: 35px;color: #FFFFFF;}
.topnewscontent a {color: #FFFFFF;}
.topnewscontent a:hover {color:#39a1ea;text-decoration: underline;}
.topnewscontent a.more {float: right;padding-right:20px;}
.topnewscontent ul {margin-right: 80px;overflow: hidden;height:35px;}
.topnewscontent ul li {width:290px;margin-right:50px;float: left;height:35px;line-height: 35px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.gobottom {
    width: 44px;
    height: 44px;
    background-image: url("../images/gobottom.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    bottom: 4%;
    z-index: 200;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20FFFFFF, endColorstr=#20FFFFFF);
}

.gobottom:hover {
    background-color: rgba(20, 140, 230, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60148ce6, endColorstr=#60148ce6);
}

/*chooesus*/
.title {text-align: center;color: #333333;font-size: 16px;}
.title h3 {line-height: 50px;font-size: 28px;}
.title p {line-height:30px;}
.chooesus {background: #f7f7f7;padding:50px 0;}
.chooesus ul {width:1200px;margin:30px auto 0;overflow: hidden;}
.chooesus li {width:20%;float: left;text-align: center;background-position:top center;background-repeat: no-repeat;padding-top:180px;}
.chooesus li.chooesus01 {background-image: url("../images/chooesus01.png");}
.chooesus li.chooesus01:hover {background-image: url("../images/chooesus01_hover.png");-webkit-transition: background-color .25s ease;
    transition: background-color .25s ease}
.chooesus li.chooesus02 {background-image: url("../images/chooesus02.png");-webkit-transition: background-color .25s ease;
    transition: background-color .25s ease}
.chooesus li.chooesus02:hover {background-image: url("../images/chooesus02_hover.png");-webkit-transition: background-color .25s ease;
    transition: background-color .25s ease}
.chooesus li.chooesus03 {background-image: url("../images/chooesus03.png");}
.chooesus li.chooesus03:hover {background-image: url("../images/chooesus03_hover.png");-webkit-transition: background-color .25s ease;
    transition: background-color .25s ease}
.chooesus li.chooesus04 {background-image: url("../images/chooesus04.png");}
.chooesus li.chooesus04:hover {background-image: url("../images/chooesus04_hover.png");-webkit-transition: background-color .25s ease;
    transition: background-color .25s ease}
.chooesus li.chooesus05 {background-image: url("../images/chooesus05.png");}
.chooesus li.chooesus05:hover {background-image: url("../images/chooesus05_hover.png");-webkit-transition: background-color .25s ease;
    transition: background-color .25s ease}
.chooesus li p {font-size: 18px;}
    /*products*/
.products {padding:50px 0;}
.products-main {width:1080px;margin: auto;overflow: hidden;}
.products-main li {width:25%;float: left;text-align: center;}
.products-main li p {width:100%;height:95px;background-position: center;background-repeat: no-repeat;margin-top: 20px;}
.products-main li p.b2b2cimg {background-image: url("../images/b2b2c_icon.png");}
.products-main li p.crmimg {background-image: url("../images/crm_icon.png");}
.products-main li p.crossborderimg {background-image: url("../images/crossborder_icon.png");}
.products-main li p.appimg {background-image: url("../images/app_icon.png");}
.products-main li p.b2cimg {background-image: url("../images/b2c_icon.png");}
.products-main li p.o2oimg {background-image: url("../images/o2o_icon.png");}
.products-main li p.distributionimg {background-image: url("../images/distribution_icon.png");}
.products-main li p.customimg {background-image: url("../images/custom_icon.png");}
.products-main li span {font-size: 16px;display: block;}
.products-main li a {width:100%;height:100%;display: block;-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;}

/*case*/
.case {padding:50px 0;}
.casecontent {width:1200px;margin:37px auto 0;}
.casecontent ul {width:1230px;}
.casecontent li {
    width:380px;height:220px;
    float: left;margin:0 30px 30px 0;
    border-radius: 5px;S
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    background-size: cover;
    background-size:cover;/*-ms-behavior: url("backgroundsize.min.htc");behavior: url("backgroundsize.min.htc");*/
}
.casecontent li a {width:100%;height:100%;display: block;text-indent: -99999px;}
.casecontent li:hover {-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);-ms-box-shadow: 0 0 10px rgba(0,0,0,0.3);box-shadow: 0 0 10px rgba(0,0,0,0.3);}

/*customer*/
.customer {
    padding:50px 0;
}
.customermain {width:1200px;margin: auto;overflow: hidden;}
.customermain ul {padding:0 3px;}
.customermain li {width:157px;height:104px;margin: 23px 21px 0;background-repeat: no-repeat;background-position: center;background-size: cover;float: left;text-indent: -99999px;}
.customermain li a {width:100%;height:100%;display:block;}
/*ability*/
.ability {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    background: #1d84db;
}

.ability-left {
    position: absolute;
    width: 100%;
    left: -50%;
    top: 0;
    height: 400px;
    background: url("../images/ability-left.jpg") right center no-repeat;
}

.ability-right {
    position: absolute;
    height: 400px;
    left: 50%;
    right: 0;
    color: #FFFFFF;
    font-size: 16px;
}

.ability-right-m {
    padding: 20px 0 0 50px;
}

.ability-right-m h3 {
    font-size: 28px;
}

.ability-right-m span {
    font-size: 20px;
    font-family: Arial;
    opacity: 0.6;
    padding-top: 5px;
}

.ability-right-m ul {
    overflow: hidden;
    padding: 46px 0 20px 0;
}

.ability-right-m li {
    line-height: 30px;
    padding: 0 20px 0 38px;
    margin-bottom: 22px;
    background: url("../images/icon_bg.png") 0 -162px no-repeat;
}

.ability-right-m a.consultation {
    height: 53px;
    line-height: 53px;
    display: inline-block;
    font-size: 18px;
    padding: 0 40px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
}

.ability-right-m a:hover.consultation {
    opacity: 0.8;
}

/*news*/
.news-wrap {
    /*background: url("../images/news-wrap.jpg") top right no-repeat #f4f4f4;*/
    /*padding: 80px 0;*/
}

.news {
    overflow: hidden;
}

.news-left {
    width: 808px;
    float: left;
    padding-left: 11px;
}

.news-left .news-tab-wrap {
    height: 54px;
}

.news-left .news-tab-wrap h3 {
    float: left;
    padding-right: 30px;
}

.news-tab {
    float: left;
    overflow: hidden;
    margin-top: 5px;
}

.news-tab li {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 25px;
    font-size: 18px;
    cursor: pointer;
}

.news-tab li.selected {
    border-bottom: 2px solid #148cdc;
    color: #148cdc;
}

.news-list {
    width: 100%;
    overflow: hidden;
}

.news-list ul {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
}

.news-list li {
    width: 380px;
    padding: 20px 20px 20px 0;
    float: left;
    height: 14px;
    line-height: 14px;
}

.news-list li span {
    width: 44px;
    display: block;
    float: left;
    border-right: 1px solid #999999;
}

.news-list li p {
    margin-left: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.news-list a.more {
    font-size: 14px;
    color: #148cdc;
}

.news-list a:hover.more {
    text-decoration: underline;
}

.news-right {
    float: left;
}

.news-left .news-tab-wrap h3, .news-right h3 {
    font-size: 30px;
    color: #3c3c3c;
}

.news-right img {
    width: 380px;
    margin-top: 20px;
}
/*small_program*/
.program_banner {width: 100%;height: 500px;background: url("../images/banner5.jpg") top center no-repeat;}
.program_value {padding: 50px 0;}
.program_value ul {width: 860px;margin:30px auto 0;overflow: hidden;}
.program_value li {width: 380px;border:1px solid #ededed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow: hidden;float: left;}
.program_value li h3 {height: 127px;line-height: 127px;text-align: center;color: #FFFFFF;font-size: 28px;background: #328cff;}
.program_value li .hd {padding:40px 0 40px 75px;}
.program_value li .hd p {line-height: 48px;padding-left: 47px;font-size: 18px;background: url("../images/program_gou.png") left center no-repeat;}
.program_value li.consumer {float: right;}
.program_value li.consumer h3 {background: #8fc500;}
.program_value li.consumer .hd {padding-left: 67px;}
.program_flow {background: #efeff4;padding-top: 50px;}
.program_flow ul {width:1200px;height: 634px;margin: 50px auto 0;background: url("../images/program_flow.png") no-repeat;position: relative;}
.program_flow li {position: absolute;}
.program_flow li h3 {line-height: 30px;font-size: 20px;}
.program_flow li p {line-height: 18px;color: #7a7a7a;}
.program_flow li.one {top:0;left:608px;}
.program_flow li.two {top:94px;left:745px;}
.program_flow li.three {top:225px;left:783px;}
.program_flow li.four {top:348px;left:770px;}
.program_flow li.five {top:455px;left:707px;}
.program_flow li.six {top:538px;left:566px;}

.program_show {padding: 50px 0;background:#FFFFFF;}
.program_show .img {width: 100%;}
.program_show .img img {display: block;margin: auto;}
.program_show ul {width: 1200px;margin: auto;overflow: hidden;}
.program_show li {width: 300px;float: left;text-align: center;margin-bottom:25px;}
.program_show li .pic {width: 300px;height: 220px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.program_show li h3 {line-height: 48px;height: 48px; font-size: 22px;}
.program_show li p {height: 24px;line-height: 24px;color: #7a7a7a;font-size: 16px;}
/*about_us*/
.about_us_banner {
    width: 100%;
    height: 576px;
    background-position: center;
    background-repeat: no-repeat;
}

.about_usTab {
    width: 1200px;
    margin: 79px auto 0 auto;
    height: 44px;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.about_usTab li {
    width: 300px;
    float: left;
    line-height: 44px;
    border-left: 2px solid #e5e5e5;
    margin-left: -2px;
    text-align: center;
    font-size: 18px;
}

.about_usTab li a {
    display: block;
    color: #252525;
}

.about_usTab li.selected a {
    color: #1c87b4;
}

.about_us {
    padding: 58px 0 109px 0;
}

/*public*/
.publictit {
    padding-bottom: 48px;
    text-align: center;
}

.publictit h3 {
    font-size: 30px;
    color: #252525;
}

.publictit span {
    font-size: 16px;
    color: #a3a3a3;
    text-transform: uppercase;
    font-family: Arial;
    display: block;
    padding-top: 5px;
}

.publictit em {
    width: 28px;
    height: 2px;
    background: #1c87b4;
    display: inline-block;
    margin-top: 12px;
}

.partner_banner {
    width: 100%;
    height: 324px;
    background-position: center;
    background-repeat: no-repeat;
}

.public_mtit {
    width: 1200px;
    margin: -77px auto 30px auto;
    position: relative;
}

.public_mtit p {
    width: 383px;
    height: 112px;
    background: #0195ff;
    text-align: center;
    color: #FFFFFF;
}

.public_mtit span {
    font-size: 34px;
    line-height: 60px;
    padding-top: 14px;
    display: block;
}

.public_mtit em {
    text-transform: uppercase;
    font-size: 12px;
}

.public_info {
    width: 1200px;
    margin: 0 auto;
    padding: 56px 0 70px 0;
    text-align: center;
}

.public_info h3 {
    font-size: 30px;
    color: #252525;
}

.public_info p {
    color: #6e6b6b;
    font-size: 16px;
    padding-top: 10px;
    line-height: 26px;
}

.about_us .about_info {
    background: url("../images/about_info.jpg") right 8px no-repeat;
    padding: 0 637px 0 100px;
    min-height: 427px;
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}
.about_us .about_info p {text-align: justify;padding-bottom:10px;}
.about_us .about_info p:last-child {padding-bottom: 0;}
.about_us .about_info span {
    color: #1c87b4;
}

.history {
    width: 100%;
    background: #f8f8f8;
    padding-top: 80px;
}

.history_info {
    width: 1143px;
    height: 322px;
    margin: 0 auto;
    position: relative;
    background: url("../images/history_info.png") no-repeat;
}

.history_info .first {
    width:234px;
    top: 58px;
    left: 29px;
    position: absolute;
    bottom:0;
}
.history_info .first p,.history_info .two p,.history_info .three p,.history_info .four p {
    font-size: 14px;
    text-align: justify;
}
.history_info .first h3,.history_info .two h3,.history_info .three h3,.history_info .four h3 {
    position: absolute;
    left:0;
    width:100%;
    bottom:15px;
    font-size:56px;
    font-family: Arial;
}

.history_info .two {
    width:238px;
    top: 35px;
    left: 319px;
    bottom:0;
    position: absolute;
}

.history_info .three {
    width: 228px;
    top: 35px;
    bottom: 0;
    left: 604px;
    position: absolute;
}

.history_info .four {
    width: 244px;
    top: 116px;
    bottom: 0;
    right:0;
    position: absolute;
}

.culture {
    width: 1038px;
    margin: 0 auto;
    padding: 120px 0 455px 0;
    background: url("../images/culture.jpg") bottom center no-repeat;
}

.culture_info {
    color: #464d57;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
}

.info-sec-wrap {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 100px;
}

.info-sec {
    margin-left: 282px;
    position: relative;
    overflow: hidden;
    float: left;
    padding-bottom: 60px;
}

.info-seclast {
    margin-left: 280px;
    width: 918px;
    height: 56px;
    background: url("../images/icon_bg.png")/*icon_bg.png*/ 0 -100px no-repeat;
    float: left;
}

.info-sec i {
    width: 1px;
    overflow: hidden;
    position: absolute;
    left: 26px;
    top: 40px;
    bottom: 0;
    background: #a0a0a0;
}

.info-sec .data {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    font-size: 20px;
    color: #666666;
}

.info-sec .timeline {
    width: 580px;
    padding: 90px 0 0 126px;
    float: left;
    position: relative;
}

.info-sec .timeline h3 {
    font-size: 22px;
}

.info-sec .timeline em {
    color: #0195ff;
}

.info-sec .timeline span {
    color: #b5b0b0;
    font-size: 18px;
    padding: 10px 0;
    display: block;
}

.info-sec .timeline i {
    width: 28px;
    height: 28px;
    display: block;
    background: url("../images/icon_bg.png")/*icon_bg.png*/ 0 -63px no-repeat;
    position: absolute;
    left: 13px;
    top: 120px;
}

/*row-fluid*/
.row-fluid {
    width: 1200px;
    margin: auto;
}

.row-fluid .hd {
    text-align: center;
    font-size: 28px;
    padding-bottom: 50px;
}

.row-fluid .hd span {
    font-size: 16px;
    display: block;
    color: #adadad;
    text-transform: uppercase;
}

.row-fluid .hd img {
    display: block;
    margin: auto;
    max-width: 100%;
}

.row-fluid .bd {
    width: 1200px;
    overflow: hidden;
    text-align: center;
}

.row-fluid .bd ul {
    margin: 0 -18px;
}

.row-fluid .bd li {
    width: 184px;
    height: 100px;
    padding: 5px;
    display: inline-block;
    margin: 0 8px 15px 8px;
    background: url("../images/row-fluid-small.png")/*row-fluid-small.png*/ top center no-repeat;
}

.row-fluid2 .bd ul {
    margin: 0;
}

.row-fluid2 .bd li {
    width: 288px;
    height: 150px;
    background: url("../images/row-fluid-big.png")/*row-fluid-big.png*/ top center no-repeat;
    padding: 5px;
}

.picitems {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.picitems img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

/*left-main*/
.left-main {
    position: fixed;
    left: -240px;
    width: 240px;
    top: 0;
    bottom: 0;
    background: #FFF;
    -webkit-transition: left .3s ease-in-out 0s;
    -moz-transition: left .3s ease-in-out 0s;
    -ms-transition: left .3s ease-in-out 0s;
    -o-transition: left .3s ease-in-out 0s;
    transition: left .3s ease-in-out 0s;
    z-index: 99;
    text-align: center;
    overflow: hidden;
}

.left-main.active {
    left: 0px;
}

.left-logo {
    width: 181px;
    margin: 40px auto;
}

.left-logo img {
    width: 100%;
}

.wechat {
    width: 150px;
    margin: auto;
}

.wechat p {
    font-size: 14px;
    color: #3c3c3c;
    padding-top: 5px;
}

.wechat p i {
    width: 9px;
    height: 14px;
    background: url("../images/mobile_icon.png")/*mobile_icon.png*/ no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 8px;
}

.left-nav {
    width: 120px;
    margin: auto;
    overflow: hidden;
    padding: 20px 0;
}

.left-nav li {
    height: 32px;
    line-height: 32px;
    margin-top: 5px;
}

.left-nav li a {
    display: block;
}

.left-nav li a:hover, .left-nav li.selected a {
    background: #148ce6;
    color: #FFF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.left-copyright {
    width: 100%;
    text-align: center;
    line-height: 24px;
}

/*toolbar*/
.toolbar {
    width: 1200px;
    height: 70px;
    margin: auto;
}

.search {
    width: 298px;
    padding: 0 10px;
    height: 30px;
    margin: 20px 15px 0px 0px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
}

.left-wz {
    float: left;
    font-size: 24px;
    margin: 20px 0px 0px 45px;
    color: #FFF;
    background: url("../images/left-wz.png")/*left-wz.png*/ center right no-repeat;
    padding-right: 27px;
}

.toolbar .nav {
    float: left;
    margin: 20px 0px 0px 10px;
    color: #FFF;
    font-size: 24px;
}

.toolbar .nav > li > a {
    height: 32px;
    line-height: 32px;
    padding: 0 27px 0 5px;
    background: url("../images/right_jt_icon.png")/*right_jt_icon.png*/ 96% center no-repeat;
    color: #FFF;
}

.toolbar .nav > li > a:hover, .toolbar .nav > li > a:focus {
    background-color: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20FFFFFF, endColorstr=#20FFFFFF);
}

.toolbar .nav .open > a, .toolbar .nav .open > a:hover, .toolbar .nav .open > a:focus {
    background-color: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20FFFFFF, endColorstr=#20FFFFFF);
}

.toolbar .dropdown-menu > li > a {
    padding: 10px 20px;
}

.toolbar .btnList {
    float: left;
    margin: 18px 0px 0px 30px;
}

.toolbar .btnList .link {
    margin-left: 5px;
}

.toolbar .btnList .link .btn {
    line-height: 16px;
    padding-bottom: 8px;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 14px;
    border: 1px solid #dddddd;
    background: transparent;
}

.toolbar .btnList .link .btn span.glyphicon-arrow-left {
    margin-right: 8px;
}

.toolbar .btnList .link .btn span.glyphicon-arrow-right {
    margin-left: 8px;
}

.left-location {
    height: 32px;
    line-height: 32px;
    margin: 20px 0px 0px 35px;
    color: #FFF;
    font-size: 24px;
    float: left;
    padding-right: 20px;
    background: url("../images/left_location_icon.png")/*left_location_icon.png*/ right center no-repeat;
}

.left-location a,.left-location a:hover { color: #FFF;}
.search button {
    width: 32px;
    height: 30px;
    text-indent: -9999em;
    cursor: pointer;
    outline: none;
    border: none;
    float: left;
    background: url("../images/search_btn_icon.png")/*search_btn_icon.png*/ center no-repeat;
}

.search input {
    float: left;
    height: 28px;
    width: 244px;
    border: none;
    outline: none;
    font-size: 14px;
    background: none;
    color: #FFF;
}

.search input::-webkit-input-placeholder {
    color: #FFF !important;
}

.search input::-moz-placeholder {
    color: #FFF !important;
}

.search input:-ms-input-placeholder {
    color: #FFF !important;
}

/*content*/
.content {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.content.active {
    left: 240px;
}

/*public-top*/
.public-top {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: top center;
}

.newsWrap {
    padding-top: 30px;
}

.newsTab {
    width:1080px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 30px;
}

.newsTab li {
    float: left;
    margin: 0 12px 10px 0;
}

.newsTab li a {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dddddd;
    background: #FFF;
    display: block;
}

.newsTab li a:hover {
    border: 1px solid #148ce6;
    background: #148ce6;
    color: #FFF;
}

.newsTab li.selected a {
    border: 1px solid #148ce6;
    background: #148ce6;
    color: #FFF;
}

.newsListWrap {width:1080px;margin: auto;overflow: hidden;}
.newsListWrap ul {margin-left:-30px;}
.newsListWrap li {float: left;width:340px;margin:0 0 40px 30px;}

.newsList {
    position: relative;
    height:296px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.newsList .showbox, .newsList .hidebox {
    height:296px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.newsList .showbox {
    width: 100%;
    position: relative;

}

.newsList .showbox img {
    width: 100%;
    height:206px;
}

.newsList .showbox .info {
    position: relative;
    height:90px;
    background: #FFF;
    border-bottom: 2px solid #cccccc;
    padding: 0 18px 6px;
    overflow: hidden;
}

.newsList .showbox .info h3 {
    height: 22px;
    background: #148ce6;
    color: #FFF;
    padding: 0 10px;
    display: inline-block;
    line-height: 22px;
    margin-top: 14px;
}

.newsList .showbox .info p {
    height:24px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
    margin: 8px 30px 8px 0;
}

.newsList .showbox .info span {
    color: #999999;
    line-height: 22px;
    height: 22px;
    display: block;
}

.newsList .showbox .info .newsListopen {
    position: absolute;
    width: 20px;
    height: 20px;
    right:18px;
    bottom:20px;
    background: url("../images/newslst_icon.jpg")/*newslst_icon.jpg*/ no-repeat;
    display: block;
    cursor: pointer;
}

.newsList .hidebox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #148ce6;
    padding: 0 18px 0;
    color: #FFF;
}

.newsList .hidebox h3 {
    height: 22px;
    background: #FFF;
    color: #148ce6;
    padding: 0 10px;
    display: inline-block;
    line-height: 22px;
    margin-top: 14px;
}

.newsList .hidebox p {
    line-height: 24px;
    font-size: 16px;
    margin: 8px 0;
}

.newsList .hidebox span {
    display: block;
}

.newsList .hidebox i a{
    height: 22px;
    line-height: 22px;
    background: #1070b8;
    border: 1px solid #41a1e9;
    color: #FFF;
    padding: 0 10px;
    display: inline-block;
    margin: 10px 10px 0 0;
}
.newsList .hidebox .newsListclose {
    width: 18px;
    height: 18px;
    display: block;
    color: #148ce6;
    background: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 14px;
    bottom: 14px;
    cursor: pointer;
}

.newsListshow {
    z-index: 2;
}

.newsListhide {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.newsList.flipped .newsListshow {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.newsList.flipped .newsListhide {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}


.pandplan {height: 256px;}
.pandplan .showbox {height: 256px;}
.pandplan .showbox .info {height: 50px;}
/*leftbar*/
.newsMain {width:1200px;margin:0 auto 20px auto;overflow: hidden;}
.caseMain {background: #FFFFFF;}
.leftbar {
    width: 860px;
    float: left;
    background: #FFF;
    padding:20px 30px;
}

.caseleftbar {width:900px;margin: auto;float: none;padding:30px;}

.rightbar {
    width: 320px;
    float: right;
}

.nav-tabs {
    margin:-20px -30px;
    height:48px;
    background: #f0f0f0;
}
.nav-tabs li {
    float: left;
}
.nav-tabs li a {
    font-size: 16px;
    padding:0 20px;
    height:48px;
    line-height:48px;
    display: block;
}
.nav-tabs li.active a {
    background: #FFF;
    border: 1px solid #e4e4e4;
    border-top:3px solid #148ce6;
    line-height:41px;
}

.newsItems {
    width:100%;
    overflow: hidden;
    padding-bottom:40px;
}
.newsItems li {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    float: left;
}

.newsItems li .pic {width:200px;height:121px;float: left;overflow: hidden;}
.newsItems li .pic img {width:200px;height:121px;}
.newsItems li .text {margin-left:220px;}
.newsItems li .text h3 {
    line-height: 33px;
    height:33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
}
.newsItems li .text p {
    height:88px;
    line-height: 22px;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    color: #999;
}
.newsItems li .text span {
    line-height: 20px;
    vertical-align: middle;
    margin-top: 5px;
    display: block;
    text-align: right;
}
.newsItems li .text em {
    background: url("../images/icon_time.png")/*icon_time.png*/ left center no-repeat;
    display: inline-block;
    padding:0 10px 0 20px;
    color: #148ce6;
    font-weight: bold;
}

.searchResults li .text {margin-left:0;}
.searchResults li .text i,.searchResults li .text a i,.searchResults li .text a:hover i {color: #fe0000;}
.searchResults li .text p {height:66px;}
.searchTitle {padding-bottom:14px;border-bottom:1px solid #dddddd;font-size: 20px;}
.searchTags,.searchTags input,.searchTags button {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.searchTags {padding:10px 14px;background: #f5f5f5;border:1px solid #e7e7e7;margin:18px 0;overflow: hidden;}
.searchTags input {width:670px;height:42px;line-height: 42px;padding:0 10px;background: #FFF;border:1px solid #d8d8d8;float: left;font-size: 14px;}
.searchTags button {float: right;width:80px;height:42px;background: #148ce6;color: #FFF;font-size: 18px;border:none;}
.searchvalue {overflow: hidden;font-size: 14px;color: #999999;}
.searchvalue a {margin:0 10px;color: #999999;}
.searchvalue a:hover {color: #148ce6;}

.noresult {padding:180px 0 40px 0;background:url("../images/noresult.png")/*noresult.png*/ center 30px no-repeat;text-align: center;font-size: 14px; color: #999999;}
.noresult h3 {padding-bottom:30px;}
.noresult p a {color: #148ce6;text-decoration: underline;margin-left:25px;}
.noresult p a:hover {color: #148ce6;text-decoration:underline;}

.newstit {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 23px;
    position: relative;
}

.newstit:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.newstit h2 {
    color: #000;
    font-size: 28px;
}

.newstit p {
    line-height: 32px;
    padding: 20px 0;
    color: #999999;
    font-size: 14px;
    overflow: hidden;
}

.newstit span {
    padding-left: 13px;
}

.newstit i {
    display: inline-block;
    margin-left: 10px;
    padding-left: 24px;
    background: url("../images/look_icon.png")/*look_icon.png*/ left center no-repeat;
}

.newstit .useful {
    float: right;
    padding-left: 27px;
    color: #999999;
    background: url("../images/useful_icon.png")/*useful_icon.png*/ left center no-repeat;
    cursor: pointer;
}
.newstit .useful > span {
    padding-left:0;
}
.newstit .useful.active {
    background-image: url("../images/useful_icon2.png")/*useful_icon2.png*/;
    color: #148ce6;
}

.casetit {
    padding-bottom:20px;
    margin:20px 0;
    overflow: hidden;;
}

.casetit .hd {width:192px;height:122px;float: left;padding:10px 20px;border:1px solid #eeeeee;position: relative;overflow: hidden;}
.casetit .hd img {position: absolute;top:0;right:0;left:0;bottom:0;margin: auto;}

.casetit .bd {margin-left:220px;}
.casetit .bd h3 {font-size: 20px;color: #3c3c3c;font-weight: 700;margin: 5px 0 20px;}
.casetit .bd p {line-height:35px;}
.casetit .bd p a {color: #4893be;}
.casetit .bd p a:hover {color: #4893be;}
.newscontent {
    width: 100%;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    padding-bottom: 40px;
    overflow: hidden;
}
.newscontent img {
    display: block;
    margin:0 auto 15px auto;
}

.applyfortrial {padding-bottom: 30px;text-align: center;}
.applyfortrial span a {display:inline-block;margin: auto;line-height: 40px;padding:0 30px;color: #FFF;background:#148ce6;font-size: 16px;}
.applyfortrial span a:hover {background-color: #0b72cd;}
.bgwhite {
    width: 100%;
    overflow: hidden;;
    background-color: white;
    display: table;
    border-top:1px solid #dfdfdf;
}

.focuson {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    font-size: 14px;
}

.focuson p {
    padding-left:145px;
    text-align: left;
}

.focuson span {
    color: #148ce6;
}
.focuson img {
    margin-right:190px;
}

.praise a {
    width: 150px;
    height:40px;
    margin: 40px auto;
    border:1px solid #ccc;
    display: block;
    color: #666;
    line-height:20px;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    cursor: pointer;
}

.praise.active a {background-color: #148ce6;border:1px solid #148ce6;}

.praise img {
    margin-right:10px;
}

.articleKeywords {
    overflow: hidden;
    color: #999999;
    margin-bottom: 14px;
}

.articleKeywords span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    background: #999999;
    color: #FFF;
    font-size: 14px;
    margin: 10px 0 0 10px;
}

.mb30 {
    margin-bottom: 20px;
}

.menu {
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    background: #fff;
}

.menu h3 {
    background: #148ce6;
    color: #FFF;
    font-size: 34px;
    text-align: center;
    padding: 20px 0;
}

.menu h3 span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 8px;
}

.menu ul {
    overflow: hidden;
}

.menu li {
    width: 100%;
    float: left;
    border-top: 1px solid #eeeeee;
    text-align: center;
    margin-top: -1px;
    font-size: 18px;
}

.menu li a {
    height: 50px;
    line-height: 50px;
    display: block;
    color: #666666;
    background: #fff;
}

.menu li a:hover {
    background: #d6e8f5;
    color: #148ce6;
}

.menu li.selected a {
    background: #d6e8f5;
    color: #148ce6;
}

.recommended,.tags, .hotnews {
    background: #fff;
    padding-bottom:20px;
}
.recommendednp {
    padding-bottom:0;
}
.tags ul, .hotnews ul {
    padding: 10px 20px 0;
    overflow: hidden;
}
.recommended-info {
    padding: 14px 20px 0;
    position: relative;
    overflow: hidden;
}

.recommended-info .bd {
    position: relative;
    z-index: 0;
}

.recommended-info .bd ul {
    width: 100% !important;
}

.recommended-info .bd li {
    width: 100% !important;
    height: 330px;
}
.recommended-info .bd li img {width:280px;height:170px;}
.recommended-info .bd li h3 {
    padding:10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.recommended-info .bd li p {
    height:66px;
    line-height: 22px;
    overflow: hidden;
    color: #999;
    font-size: 14px;
}
.recommended-info .bd li p a {
    color: #999;
}
.recommended-info .bd li p a:hover {
    color: #4893be;
}
.recommended-info .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom:10px;
    left: 0;
    text-align: center;
}

.recommended-info .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12px;
    height:12px;
    margin: 0 8px;
    background: #999;
    overflow: hidden;
    line-height: 9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.recommended-info .hd ul .on {
    background: #3390df;
}

.tags li {
    line-height: 28px;
    color: #148ce6;
    float: left;
    margin: 12px 10px 0 0;
}
.tags li a {
    border: 1px solid #dddddd;
    padding: 0 12px;
    display:block;
    color: #148ce6;
}
.tags li a:hover {
    color: #FFF;
    border: 1px solid #148ce6;
    background: #148ce6;
}

.rbarTitle {
    height:48px;
    line-height:48px;
    border-bottom:1px solid #dddddd;
    padding: 0 15px;
    font-size: 20px;
    color: #000000;
}

.rbarTitle span {
    float: right;
    font-size: 12px;
    color: #999999;
}

.rbarTitle span a {
    color: #999999;
}

.rbarTitle span a:hover {
    color: #148ce6;
}

.hotnews li {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.hotimg {
    width: 100%;
}

.hotimg img {
    width: 100%;
}

a.caseMore-btn {background: #148ce6;text-align: center;display: block;padding: 5px 0;line-height: 30px;border-radius: 5px;margin-bottom:30px;color: #fff;font-size: 18px;}
a:hover.caseMore-btn {color: #fff;text-decoration: underline;}
.case-products {border: 1px solid #cacaca;border-top: 3px solid #b8b8b8;padding: 20px;}
.case-products h3 {font-size: 18px;}
.case-products ul {padding-top: 20px;overflow: hidden;}
.case-products li {margin-bottom: 10px;padding-left:20px;background: url("../images/dot.png")/*dot.png*/ no-repeat left center;font-size: 14px;color: #148ce6;}
.case-products li a {color: #148ce6;}

.udown {
    width: 100%;
    border-top: 1px solid #dddddd;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

.udown li {width: 50%;float:left;}

.udown:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-top: 1px solid #FFF;
}

.udown:after {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 50%;
    width: 1px;
    background: #dddddd;
    overflow: hidden;
}

.uppage, .downpage {
    padding-top: 15px;
    font-size: 14px;
}

.uppage span, .downpage span {
    display: block;
    color: #999999;
    padding-bottom: 10px;
}

.uppage {
    text-align: left;
    padding-right:80px;
}

.downpage {
    text-align: right;
    padding-left:80px;
}

/*unstyled*/
.unstyled {
    width: 182px;
    overflow: hidden;
    float: right;
    text-align: center;
}

.unstyled .date, .unstyled .comment {
    height: 69px;
}

.unstyled .date {
    background: #0195ff;
    width: 50%;
    float: left;
    color: #FFFFFF;
}

.unstyled .date p {
    line-height: 45px;
    height: 45px;
    display: block;
    font-size: 28px;
}

.unstyled .date span, .unstyled .comment span {
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-transform: uppercase;
}

.unstyled .comment {
    background: #e4ecf2;
    width: 50%;
    float: left;
}

.unstyled .comment p {
    height: 45px;
    background: url("../images/comment_icon.png")/*comment_icon.png*/ center no-repeat;
}

.unstyled .comment span {
    color: #0195ff;
}

.unstyled .author {
    background: #eef4f8;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #000000;
    float: left;
}

/*pagination*/
.page {
    height: 36px;
    text-align: center;
    margin-bottom: 40px;
}

.page ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.page li {
    display: inline;
    font-size: 14px;
}

.page a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    /*border: 1px solid #ddd;*/
    border-left-width: 0;
    color: #0195ff;
    background-color: #FFFFFF;
}

.page a:hover, .pagination .active a {
    background-color: #f5f5f5;
}

.page .active a {
    color: #999;
    cursor: default;
    background-color: transparent;
}

.page .disabled span, .page .disabled a, .page .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default;
    border: 1px solid #ddd;
}

.page li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.page li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

/*products-center*/
.pd-banner {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pd-tab-wrap {
    width: 100%;
    height: 111px;
}

.pd-tab-fixed {
    width: 100%;
    top: 0;
    left: 0;
    border-top: 8px solid #42b8dd;
    z-index: 200;
    background: #FFFFFF;
}

.tabfixed {
    position: fixed;
}

.pd-tab {
    width: 1200px;
    overflow: hidden;
    height: 103px;
    margin: auto;
}

.pd-tab li {
    width: 20%;
    float: left;
    font-size: 18px;
    border-left: 1px solid #e4e4e4;
    text-align: center;
    vertical-align: middle;
    line-height: 103px;
    margin-left: -1px;
    position: relative;
}

.pd-tab li a {
    width: 100%;
    height: 100%;
    display: block;
}

.pd-tab li a i {
    display: inline-block;
    width: 10px;
    height: 6px;
    overflow: hidden;
    background: url("../images/pd-tab_icon.png")/*pd-tab_icon.png*/ no-repeat left top;
    margin-left: 10px;
}

.pd-tab li a:hover {
    color: #4f4f4f;
}

/*.pd-tab li a:hover i{background-position: -10px 0; }*/
.pd-tab li.cur a {
    background: #42b8dd;
    color: #fff;
}

.pd-tab li.cur a i {
    background-position: -10px 0;
}

.pd-framework {
    width: 100%;
    height: 1150px;
    background: url("../images/architecture.jpg")/*architecture.jpg*/ center bottom no-repeat;
    overflow: hidden;
}

.pd-framework .tit {
    width: 1120px;
    margin: 80px auto 0 auto;
    color: #FFFFFF;
    text-align: center;
}

.pd-framework .tit h2 {
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
}

.pd-framework .tit p {
    line-height: 32px;
    font-size: 20px;
}

.pd-customer {
    width: 100%;
    background: #2e4662;
    padding-bottom: 60px;
}

.pd-customer h3 {
    font-size: 30px;
    text-align: center;
    padding: 50px 0;
    color: #FFFFFF;
}

.pd-customer-lst {
    width: 1200px;
    margin: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.pd-customer-lst ul {
    margin-left: -48px;
}

.pd-customer-lst li {
    float: left;
    margin: 0 0 30px 48px;
    width: 264px;
    height: 124px;
    background: #FFFFFF;
}

.pd-bright {
    width: 100%;
    height: 1060px;
    background: url("../images/brightspot.jpg")/*brightspot.jpg*/ top center no-repeat;
}

.pd-bright > h2, .pd-service > h2, .pd-system > h2 {
    color: #2085c0;
    font-size: 30px;
    line-height: 40px;
    padding: 75px 0;
    text-align: center;
    font-weight: bold;
}

.pd-bright-items {
    width: 1200px;
    position: relative;
    margin: auto;
}

.pd-bright-items h3 {
    font-size: 18px;
    color: #333;
    padding-bottom: 18px;
    font-weight: bold;
}

.pd-bright-items p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: justify;
}

.pd-bright-items .pa {
    position: absolute;
}

.pd-bright-items .position1 {
    top: 25px;
    left: 720px;
}

.pd-bright-items .position2 {
    top: 170px;
    left: 0;
}

.pd-bright-items .position3 {
    top: 260px;
    left: 720px;
}

.pd-bright-items .position4 {
    top: 400px;
    left: 0;
}

.pd-bright-items .position5 {
    top: 540px;
    left: 720px;
}

.pd-bright-items .position6 {
    top: 650px;
    left: 0;
}

.pd-service {
    width: 100%;
    height: 620px;
    background: url("../images/pd-service.jpg")/*pd-service.jpg*/ top center no-repeat;
}

.pd-service > h2 {
    color: #FFF;
}

.pd-service-lst, .pd-system-lst {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.pd-service-lst ul {
    margin-left: -24px;
}

.pd-service-lst li {
    width: 385px;
    height: 320px;
    position: relative;
    float: left;
    margin-left: 23px;
    cursor: default;
    overflow: hidden;
}

.pd-service-lst li .showbox, .pd-service-lst li .hidebox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.pd-service-lst li .showbox {
    width: 100%;
    height: 100%;
    background: #FFF;
    filter: alpha(opacity=100);
    opacity: 1;
}

.pd-service-lst li .showbox img {
    padding: 70px 0 25px;
    display: block;
    margin: auto;
}

.pd-service-lst li .showbox h3 {
    font-size: 24px;
    text-align: center;
    color: #333;
}

.pd-service-lst li .showbox p {
    font-size: 18px;
    color: #666;
    padding: 15px 20px 0;
    line-height: 30px;
    text-align: justify;
}

.pd-service-lst li .hidebox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #136d99;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}

.pd-service-lst li .hidebox h3 {
    font-size: 24px;
    color: #fff;
    padding: 30px 0 10px;
    text-align: center;
}

.pd-service-lst li .hidebox p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    padding: 0 15px;
    text-align: justify;
}

.pd-service-lst li:hover .showbox {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}

.pd-service-lst li:hover .hidebox {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
}

.pd-system {
    width: 100%;
    height: 710px;
    background: url("../images/pd-system.jpg")/*pd-system.jpg*/ top center no-repeat;
}

.pd-system-lst ul {
    margin-left: -63px;
}

.pd-system-lst li {
    width: 250px;
    float: left;
    margin-left: 63px;
}

.pd-system-lst li img {
    display: block;
    margin: auto;
}

.pd-system-lst li h3 {
    text-align: center;
    font-size: 24px;
    padding: 30px 0;
}

.pd-system-lst li p {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.experience_btn {
    width: 364px;
    height: 86px;
    line-height: 86px;
    color: #FFF;
    display: block;
    background: #e0192c;
    margin: 30px auto 30px;
    text-align: center;
    font-size: 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.experience_btn:hover {
    color: #FFF;
    background: #f91c31;
}

/*contact-us*/
.contactus_banner, .ourservices_banner {
    height: 338px;
}

.contact-us {
    margin: 50px auto 0 auto;
}

.contact-us img {
    display: block;
    margin: auto;
}

.contact-us ul {
    width: 100%;
    overflow: hidden;
    margin:30px 0 60px 0;
}

.contact-us li {
    width: 50%;
    float: left;
}

.contact-us li dt {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.6;
    color: #333;
}

.contact-us li dd {
    margin: 5px 0px;
    color: #545454;
    font-size: 16px;
    line-height: 1.7;
}

/*services*/
.servicesTopBg {
    width: 100%;
    background: url("../images/services_topbg.jpg")/*services_topbg.jpg*/ 0 100px no-repeat;
}

.servicesBg {
    width: 100%;
    background: url("../images/services_Bg.jpg")/*services_Bg.jpg*/ bottom center no-repeat;
    padding: 50px 0 500px 0;
}

.services-items {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.services-items li {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    cursor: default;
}

.services-items li h3 {
    border-bottom: 2px solid #d6d6d6;
    font-size: 28px;
}

.services-items li h3 span {
    margin-bottom: -2px;
    border-bottom: 2px solid #d6d6d6;
    padding: 15px 0;
    display: inline-block;
    color: #d6d6d6;
}

.services-items li h3 span em {
    width: 52px;
    height: 52px;
    display: inline-block;
    margin-right: 20px;
    color: #FFF;
    font-size: 24px;
    background: #d6d6d6;
    line-height: 52px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.services-items li p {
    font-size: 18px;
    color: #424242;
    padding: 18px 75px 0 75px;
    line-height: 1.7;
    text-align: justify;
}

.services-items li:hover h3 span {
    border-bottom: 2px solid #0094ff;
    color: #0094ff;
}

.services-items li:hover h3 span em {
    background: #0094ff;
}

/*gotop*/
.gotop {
    width: 1200px;
    position: relative;
    margin: auto;
    padding-top: 30px;
}

.gotop a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 66px;
    height: 64px;
    background: url("../images/gotop.png")/*gotop.png*/ no-repeat;
    font-size: 0;
}

.gotop a:hover {
    filter: alpha(opacity=80);
    opacity: .8;
}

/*footer*/
#footer {
    width: 100%;
    background: #25282d;
    padding-bottom:40px;
    text-align: center;
    color: #d3d3d3;
}

.footer_menu {
    border-bottom: 1px solid #0f1113;
    padding: 49px 0 42px 0;
    line-height: 24px;
    font-size: 14px;
}

.footer_menu a {
    padding: 0 30px;
    color: #d3d3d3;
}

.footer_menu a:hover {
    color: #FFF;
}

.footer-info {
    border-top: 1px solid #31353a;
    padding-top: 50px;
    font-size: 28px;
}

.copyright {
    padding-top: 30px;
    font-size: 14px;
}

.foot-contact {
    text-align: center;
    padding: 10px 0;
}

.foot-contact li {
    display: inline-block;
    padding: 10px 10px;
    position: relative;
    color: #FFFFFF;
    z-index: 30;
}

.foot-contact li .ftrshow {
    width: 122px;
    padding: 7px 0;
    background: #919191;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: -3px;
    margin-left: -44px;
    display: none;
    z-index: 40;
}

.foot-contact li .top135 {
    top: -91px;
}

.foot-contact li .ftrshow em {
    width: 16px;
    height: 8px;
    background: url("../images/ftrshow_em.png")/*ftrshow_em.png*/ no-repeat;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    display: block;
}

.frendlinks {width:900px;margin:auto;color: #676768;padding: 10px;overflow: hidden;}
.frendlinks h3 {float:left;line-height: 25px;}
.frendlinks ul {overflow: hidden;text-align: justify;margin-left:66px;}
.frendlinks li {float: left;margin-right: 10px;height: 25px;line-height: 25px;}
.frendlinks a {color: #676768;}
.frendlinks a:hover {color: #d3d3d3;}
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    z-index: 200;
    top: 50%;
    margin-top: -125px;
    height:250px;
}

.dock.close {
    z-index: 50;
}

.dock ul.icons {
    position: absolute;
    list-style: none;
    right: 0px;
    padding: 0px;
    width: 50px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.dock.close ul.icons {
    right: -70px;
}

.dock ul.icons li i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: url("../images/fixed_icons.png")/*fixed_icons.png*/ no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 210;
}
.dock ul.icons li.up i {
    background-position: -63px -150px;
    background-color: #666666;
}

.dock ul.icons li.up.active i,.dock ul.icons li.down.active i {
    background-color: #444444;
}

.dock ul.icons li.tel i {
    background-position: -62px -108px;
    background-color: #82c832;
}

.dock ul.icons li.tel.active i {
    background-color: #6bb01c;
}

.dock ul.icons li.im i {
    background-position: -63px -20px;
    background-color: #7098cf;
}

.dock ul.icons li.im.active i {
    background-color: #4d77b1;
}
.dock ul.icons li.im.active i a {width:50px;height:50px;display: block;}

.dock ul.icons li.wechat i {
    background-position: -59px -66px;
    background-color: #ffb400;
}

.dock ul.icons li.wechat.active i {
    background-color: #ff9600;
}

.dock ul.icons li.down i {
    background-position: -63px -190px;
    background-color: #666666;
}

.dock ul.icons li p {
    display: block;
    position: absolute;
    top: 50px;
    right: -300px;
    padding: 15px 20px;
    height: 120px;
    color: White;
    font-size: 14px;
    line-height: 30px;
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    z-index: 199;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dock ul.icons li.active p {
    right: 50px;
}

.dock ul.icons li.im p {
    width: 115px;
    background-color: #4d77b1;
    top:0;
    height:120px;
}
.dock ul.icons li.im p a {
    display: block;
    margin-top: 12px;
    width: 100px;
    height: 35px;
    line-height: 32px;
    color: #4d77b1;
    background: #ffffff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
    color: #4d77b1;
    background: #ffffff;
}

.dock ul.icons li.tel p {
    top: 50px;
    width: 130px;
    height: 50px;
    padding:0 0 0 55px;
    font-size: 14px;
    background: url("../images/fixed_icons.png")/*fixed_icons.png*/ no-repeat 10px -272px;
    background-color:#6bb01c;
    line-height: 25px;
}

.dock ul.icons li.tel p span {
    font-size:18px;
    display: block;
}

.dock ul.icons li.wechat p {
    width: 118px;
    height:170px;
    background-color: #ff9600;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    top:0;
}
.dock ul.icons li.wechat p img {
    width: 115px;
    border: 2px solid White;
    margin-bottom:10px;
}

.dock a.switch {
    position: absolute;
    display: block;
    bottom: 0px;
    right: 11px;
    width: 26px;
    height: 26px;
    background: url("../images/fixed_icons.png")/*fixed_icons.png*/ no-repeat 0 0;
    cursor: pointer;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.dock a.switch.off {
    background-position: -32px 0;
}

.dockbig {position: fixed;right:0px;width:126px;z-index:200;top:50%;margin-top: -262px;background: #2d2d2d;padding:0 4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color: #FFF;-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;}
.dockbig ul {overflow: hidden;}
.dockbig li {padding:0 6px;border-top: 1px dashed #d8d8d8;margin-top: -1px;}
.dockbig li .tell {padding-top:18px;}
.dockbig li .tell p {display:block;height:26px;line-height: 26px;padding-left:34px;background: url("../images/rightfix_tellicon.png")/*rightfix_tellicon.png*/ no-repeat left center;font-size: 16px;}
.dockbig li .tell span {display:block;line-height: 32px;padding-bottom:4px;font-size: 13px;font-family:"Arial Black";}
.dockbig li .kefu {width:90px;margin: auto;padding-top:18px;}
.dockbig li .kefu p a {width:90px;height:86px;line-height:27px;margin-bottom:18px;padding-top:59px;overflow:hidden;text-align: center;display: block;color: #FFF;background: url("../images/rightfix_qq.png")/*rightfix_qq.png*/ top center no-repeat;}
.dockbig li .code {width:100px;margin: auto;padding:16px 0 12px;text-align: center;}
.dockbig li .code img {width:100px;display: block;}
.dockbig li .code p {line-height: 20px;padding-top:8px;font-size: 14px;}
.dockbig li .gotop {width:100%;height:42px;display: block;cursor: pointer;background: url("../images/rightfix_gotop.png")/*rightfix_gotop.png*/ no-repeat center;}

.dockbigLeft {width:34px;height:162px;text-align:center;position: absolute;left:-34px;top:50%;margin-top:-81px;background:url("../images/dockbighide.png")/*dockbighide.png*/ center 92% no-repeat #2d2d2d;border-radius: 5px 0 0 5px;padding:10px 10px 0 10px;font-size: 14px;line-height: 30px;cursor: pointer;}
.dockbigLeft.off {background-image:url("../images/dockbigshow.png")/*dockbigshow.png*/}
.dockbig.selected {right:-122px;}


.crm-1 {background: url("../images/crm1bg_01.gif")/*crm1bg_01.gif*/;}
.crm-1 img,.crm-3 img,.crm-4 img,.crossBorder-1 img,.crossBorder-2 img,.crossBorder-3 img,.b2b2c-1 img,.b2b2c-3 img,.app-1 img,.app-2 img,.app-3 img,.o2o-1 img,.o2o-2 img,.b2c-1 img,.b2c-2 img,.alcohol-1 img,.alcohol-2 img,.household-1 img,.household-3 img,.baby-1 img,.baby-2 img,.healthfood-1 img,.cosmetic-1 img,.shoesclothes-1 img,.shoesclothes-2 img,.shoesclothes-3 img,.platform-1 img,.platform-3 img,.platform-4 img,.strategic-1 img,.strategic-2 img,.largeElectricity-1 img,.largeElectricity-3 img,.smallElectricity-1 img,.smallElectricity-3 img,.smallmedium-1 img,.smallmedium-3 img,.traditional-1 img,.distribution-3 img {display: block;margin: auto;}
.crm-2 {width:912px;margin: auto;padding:50px; font-size: 18px; line-height: 36px;text-align: justify;}
.crm-4 {padding:70px 0;}
.crm-4 h3 {font-size: 30px; color: #3c3c3c;margin-bottom:60px;text-align: center;}
.crm-3,.crm-5 {background: #f5f5f5;}
.crm-5 {padding:36px 0; text-align: center;font-size: 30px;}
.crm-5 span {height:48px;line-height: 48px; display: inline-block;background: #4688f1;color: #FFF;font-size: 18px;margin-left: 70px;}
.crm-5 span a {color: #FFF;padding:0 45px;display: block;}
.crm-5 span a:hover {background: #2d78f0;color: #FFF;}

.crossBorder-1 {background: #002d51;}
.crossBorder-3 {background:#f2fbff}
.crossBorder-4 {background:#333333;text-align: center;font-size: 30px;color: #FFF;padding:33px 0;}
.crossBorder-4 span {height:48px;line-height: 48px;display: inline-block;background: #4688f1;color: #FFF;font-size: 18px;margin: 27px auto 0 auto;}
.crossBorder-4 span a {color: #FFF;padding:0 45px;display: block;}
.crossBorder-4 span a:hover {background: #2d78f0;color: #FFF;}

.b2b2c-1 {background: #2873dd;}
.b2b2c-3 {background:#022037;}

.app-1 {background:url("../images/app01bg.jpg")/*app01bg.jpg*/ top center no-repeat;height:600px;}
.app-2 {background:#f7f7f7;}
.app-3 {background:#1f6fdc;}
.app-4 {background: #FFF;}
.o2o-1 {background:url("../images/o2o01_bg.jpg")/*o2o01_bg.jpg*/ top center no-repeat #1d1a73;height:600px;}
.o2o-2 {background:#1f6fdc;}

.b2c-1 {background:#5c9aff;}
.b2c-2 {background:#333333;}

.alcohol-1 {background:url("../images/alcohol1_bg.jpg")/*alcohol1_bg.jpg*/ top center no-repeat #3277ba;height:600px;}
.alcohol-2 {background:#FFF;}
.alcohol-3 {background: #1f6fdc;text-align: center;color: #FFF;padding:40px 0;line-height:40px;font-size: 24px;}
.alcohol-3 span { color:#fcda00;}
.alcohol-4 {background: #f5f5f5;color: #333333;}

.household-1 {background:url("../images/household1_bg.jpg")/*household1_bg.jpg*/ top center no-repeat #41413b;height:600px;}
.household-2 {background: #ffd200;text-align: center;color: #000000;padding:30px 0;line-height:30px;font-size: 20px;}
.household-3 {background:url("../images/household3_bg.jpg")/*household3_bg.jpg*/ top center no-repeat #41413b;height:600px;}
.household-4 {background: #ffd200;color: #333333;}
.household-4 span {background: #424242;color: #FFF;}
.household-4 span a:hover {background: #1c1c1c;}

.baby-1 {background:url("../images/baby1_bg.jpg")/*baby1_bg.jpg*/ top center no-repeat #484643;height:600px;}
.baby-2 {background: #fffcf9;}
.baby-3 {background: #bd0004;color: #FFF;}
.baby-3 span {font-size: 28px;}

.baby-4 {background: #bd0004;color: #FFF;}
.baby-4 span {background: #ffffff;color: #bd0004;}
.baby-4 span a {color: #bd0004;}
.baby-4 span a:hover {background: #eeeeee;color: #bd0004;}

.healthfood-1 {background:url("../images/healthfood1_bg.jpg")/*healthfood1_bg.jpg*/ top center no-repeat #423d36;height:600px;}
.healthfood-2 {background: #3c3c3c;color: #FFF;}
.healthfood-3 span {background: #00bd16;}
.healthfood-3 span a:hover {background: #019812;color: #FFF;}

.cosmetic-1 {background:url("../images/cosmetic1_bg.jpg")/*cosmetic1_bg.jpg*/ top center no-repeat #4a4948;height:600px;}
.cosmetic-2 {background: #fde5e8;color: #f07896;}
.cosmetic-3 {background: #f5f5f5;color: #333333;}
.cosmetic-3 span {background: #f07896;}
.cosmetic-3 span a:hover {background: #ee6688;color: #FFF;}

.shoesclothes-1 {background:url("../images/shoesclothes1_bg.jpg")/*shoesclothes1_bg.jpg*/ top center no-repeat #34291c;height:600px;}
.shoesclothes-2 {background:url("../images/shoesclothes2_bg.jpg")/*shoesclothes2_bg.jpg*/ top center no-repeat;height:500px;}
.shoesclothes-3 {background: #553aac;}
.shoesclothes-4 {background: #553aac;color: #FFF;}
.shoesclothes-4 span {background: #ef9508;}
.shoesclothes-4 span a:hover {background: #df8b08;color: #FFF;}

.platform-1 {background:url("../images/platform1_bg.jpg")/*platform1_bg.jpg*/ top center no-repeat #264860;height:600px;}
.platform-2 {background: #00bdb2;color: #FFF;}
.platform-3 {background: #fafafa;}
.platform-4 {background: #eeeeee;}
.platform-5 {background: #00bdb2;color: #FFF;}
.platform-5 span {background: #fab705;}
.platform-5 span a:hover {background: #e3a706;color: #FFF;}

.strategic-1 {background:url("../images/strategic1_bg.jpg")/*strategic1_bg.jpg*/ top center no-repeat #181e23;height:600px;}
.strategic-2 {background: #f9fafb;}
.strategic-3 {background: #38306d;color: #FFF;}
.strategic-4 {background: #38306d;color: #FFF;}
.strategic-4 span {background: #fab705;}
.strategic-4 span a:hover {background: #eaab06;color: #FFF;}

.largeElectricity-1 {background:url("../images/largeElectricity1_bg.jpg")/*largeElectricity1_bg.jpg*/ top center no-repeat #181e23;height:600px;}
.largeElectricity-2 {background: #008ce8;color: #FFF;}
.largeElectricity-3 {background: #eff0f0;}
.largeElectricity-4 {background: #008ce8;color: #FFF;}
.largeElectricity-4 span {background: #f4342f;}
.largeElectricity-4 span a:hover {background: #f21d18;color: #FFF;}

.smallElectricity-1 {background:url("../images/smallElectricity1_bg.jpg")/*smallElectricity1_bg.jpg*/ top center no-repeat #303030;height:600px;}
.smallElectricity-2 {background: #ff9600;color: #FFF;}
.smallElectricity-3 {background: #292d2e;}
.smallElectricity-4 {background: #eff0f0;color: #292d2e;}
.smallElectricity-4 span {background: #fa9b05;}
.smallElectricity-4 span a:hover {background: #e68f05;color: #FFF;}

.smallmedium-1 {background:url("../images/smallmedium1_bg.jpg")/*smallmedium1_bg.jpg*/ top center no-repeat #221914;height:600px;}
.smallmedium-2 {background: #bc8c25;color: #FFF;}
.smallmedium-3 {background: #f3eddc;}
.smallmedium-4 {background: #bc8c25;color: #522d04;}
.smallmedium-4 span {background: #dd3a5e;}
.smallmedium-4 span a:hover {background: #db284f;color: #FFF;}

.traditional-1 {background:url("../images/traditional1_bg.jpg")/*traditional1_bg.jpg*/ top center no-repeat #00133a;height:600px;}
.traditional-2 {background: #002d8c;color: #FFF;}
.traditional-3 {background: #002d8c;color: #FFF;}
.traditional-3 span {background: #f0aa01;}
.traditional-3 span a:hover {background: #d89901;color: #FFF;}
.programb {background: #efeff4;color: #292d2e;}
.programb span {background: #328cff;}
.programb span a:hover {background: #2d81ed;color: #FFF;}
.pageinfo {
    padding: 60px 0;
    width: 566px;
    margin: auto;
    text-align: center;
}
.errorpage {
    padding-top: 366px;
    background: url("../images/404.png")/*404.png*/ no-repeat top;
}
.errorpage p {color: #000000;font-size: 24px;}
.errorpage span a {display: inline-block;padding:0 60px;height: 42px;line-height: 42px; color: #FFF;background: #148cdc;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;font-size: 20px;margin-top: 20px;}

.map {width:1200px;background: #FFF;margin:20px auto 40px auto;overflow: hidden;padding-bottom:200px;}
.map-nav {width:250px;float:left;background: #fafafa;border-right:1px solid #efefef;overflow: hidden;padding-bottom: 9999px;margin-bottom: -9999px;}
.map-nav li {height:47px;line-height: 47px;border-bottom:1px solid #eeeeee;position: relative;}
.map-nav li a {display: block;padding-left:27px;border-left:3px solid #fafafa;color: #148ce6;font-size: 14px;}
.map-nav li a:hover,.map-nav li.selected a {border-left:3px solid #148ce6;color: #5d5d5d;background: #ffffff;}
.map-nav li a:hover:after,.map-nav li.selected a:after {content:'';width:0;height:0; border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #148ce6;font-size: 0px;line-height: 0px;position: absolute;right:11px;top:19px;}
.map-info {margin-left:250px;}
.map-info-title {height: 47px;line-height: 47px;border-bottom:1px solid #eeeeee;padding-left:25px;font-size: 16px;}
.map-info-text {padding:10px 25px;font-size: 14px;line-height: 30px;}
.map-case-list {padding:20px 0 10px 25px;overflow: hidden;}
.map-case-list ul {width:960px;}


.map-case-list li {width:194px;margin:0 42px 20px 0;float: left;}
.map-case-list li .pic {width: 192px;height: 122px;padding: 10px 20px;border: 1px solid #eeeeee;position: relative;overflow: hidden;}
.map-case-list li .pic img {position: absolute;top:0;right:0;left:0;bottom:0;margin: auto;}
.map-case-list li p {text-align: center;font-size: 14px;padding:5px 0;}

.map-content {padding:10px 25px;line-height: 30px;border-bottom:1px solid #eeeeee;}
.map-content h3 {font-size: 14px;line-height: 30px;}
.map-content p,.map-content p a {color: #999999;}
.map-content span {display: inline-block;margin-right:30px;}
.map-content span a {color: #148ce6;}
.map-content span a:hover {color: #148ce6;text-decoration: underline;}

.applyfor {width:620px;margin: auto;padding:50px 0;}
.applyfor h3 {font-size: 28px;text-align: center;padding-bottom: 30px;}
.applyfor ul {overflow: hidden;}
.applyfor li {width:100%;margin-bottom:20px;float:left;padding:0 10px;position: relative;}
.applyfor li .require {position: absolute;right:20px;top:8px;font-size: 22px;}
.applyfor li input,.applyfor li textarea,.applyfor li button {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.applyfor li input,.applyfor li textarea {height:38px;border:1px solid #e6e6e6;font-size:16px;padding:0 25px 0 10px;width:100%;}
.applyfor li textarea {height:120px;padding:10px;line-height: 26px;resize: none;}
.applyfor li button {width:50%;margin:auto;height:54px;color: #fff;background-color: #0E8CFD;display: block;border: none;font-size:20px;}
.applyfor li button:hover {background-color: #0b72cd;}
.applyfor li.w50 {width:50%;}


a.banbutton {padding:0 45px;display:inline-block;margin-right:30px;color:#FFF;font-size: 18px;border:1px solid #FFF;line-height: 46px;}
a:hover.banbutton {opacity:0.8;}
.proban {width:1200px;height:600px;position: relative;background-repeat: no-repeat;background-position: top center;margin: auto;}
.proban .info {padding:156px 0 0 108px;color: #FFF;}
.proban .info h3 {font-size: 48px;line-height: 64px;}
.proban .info strong {font-size: 30px;display: block;font-weight: normal;}
.proban .info h3 >i {font-family: Arial;display: block;}
.proban .info p {line-height: 30px;font-size: 18px;text-align: justify;height:133px;}
.b2b2cBan {background-position:665px 130px;}

.crmBan {background-position:705px 80px;}
.crmBan .info {color: #999999;}
.crmBan .info h3 {color: #cb1814;}
.crmBan .info p {line-height: 30px;font-size: 18px;text-align: justify;height:100px;}
.crmBan a.banbutton {color:#cb1814;border:1px solid #cb1814;}

.crossborderBan {background-position:590px 29px;}
.crossborderBan .info p {padding-top:40px;height:210px;}

.appBan .info h3 {padding-bottom: 40px;}
.b2cBan {background-position:583px 48px;}
.b2cBan .info h3 {padding-bottom: 10px;}

.o2oBan {background-position:581px 64px;}
.o2oBan .info h3 {padding-bottom: 40px;}

.distribution {height: 600px;background:url("../images/distribution_bg.png")/*distribution_bg.png*/ top center no-repeat #4688f1;}
.distributionBan {background-position:748px 72px;}
.distributionBan .info h3 {padding-bottom: 30px;}
.distributionBan .info p {height:170px;}

.distribution-3 {background: #f2fbff;}

.distribution-4 {background: #4688f1;color: #FFF;}
.distribution-4 span {background: #ffffff;color: #4688f1;}
.distribution-4 span a {color: #4688f1;}
.distribution-4 span a:hover {background: #eeeeee;color: #4688f1;}

/*media*/
@media screen and (max-width: 1366px) {
    .advantage {
        margin-top: 50px;
        padding-bottom: 300px;
    }

    .history {
        padding: 50px 0;
    }

    .about_us_banner {
        height: 350px;
        background-size: cover;
    }

    .about_usTab {
        margin-top: 50px;
    }

    .about_us, .info-sec-wrap {
        padding-bottom: 58px;
    }

    .culture {
        padding-top: 50px;
    }

    .public_info {
        padding: 40px 0 50px 0;
    }

}