@charset "utf-8";
.header{width:100%;background:#fff;height:115px;position:fixed;top:0;left:0;min-width:1200px;z-index:999;}
.header .logo h1{
    width: 290px;
    float: left;
}
.header .logo img{margin-top:40px;width: 100%;}
.logoline {
    height:115px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.logo-tel{margin-top: 30px;}
.new-nav {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 115px;
    left: 0;
    z-index: 998;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
}
.nav li{width:110px;height:55px;margin-right:40px;float:left;position:relative;}
.nav li > a{display:block;width:100%;height:100%;text-align:center;font-size:14px;color:#585858;line-height:55px;}
.nav li > a i{width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    margin-left: 5px;
    position: relative;
    top: -3px;
    -webkit-transition: .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: .2s ease-in;}
.nav li:hover > a,
.nav li.on > a{color:#3492de;}
.nav li:hover > a i,
.nav li.on > a i{ border-top: 4px solid #2588d9;
    /*FILTER: progid: DXImageTransform . Microsoft . BasicImage(rotation = 2);*/
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;}
.nav .subnav {
    display: none;
    position: absolute;
    width: 180px;
    top: 48px;
    left: -45px;
    background: #fff;
    z-index: 999;
    border-top: 2px solid #0f3f85;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    overflow: hidden;
}
.nav .subnav div {
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 20px;
    display: block;
    float: left;
    line-height: 26px;
    padding: 8px 0 15px 20px;
}
.nav li:hover .subnav a {
    color: #888;
}
.nav .subnav div:hover {
    background: #f7f7f7;
}
.nav .subnav a {
    width: 100%;
    font-size: 13px;
    display: block;
    color: #888;
    height: 20px !important;
    line-height: 26px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.nav .subnav a:hover
{
    color: #888 !important;
    background: #f7f7f7;
    transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
}
.nav .subnav a:hover:after
{
    content: '＞';
    margin-left: 40px;
}
.header_h{height:90px;}

/*首页搜索*/
.i_search{width:100%;height:60px;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.i_search .container{width:1080px;}
.h_sea {color: #999999;height: 61px;line-height: 42px;overflow: hidden;padding: 12px 0 0;}
.s_inp{width:325px;height:32px;background:url(http://cdn.chuanglvjia.net/style/images/search-bg.png) no-repeat;margin: 4px 0 0 0;}
.inp01 {border:none;color: #c5c5c5;display: block;float: left;height: 31px;line-height: 31px;width:164px;margin:2px 0 0 10px;padding:0 6px;background:none;border:none;}
.key a {color: #999;padding: 0 23px 0 0;text-decoration:none;}
.key a:hover {color: #164790;}
.key a:hover{text-decoration:underline;}
.s_inp input {
    border:0px;background:none;
}
.s_inp input:focus {
    outline: none;background: none;
}
.s_ss {float: left;height: 41px;width: 42px;background:none;border:none;}

/*banner*/
.swiper-container {
    width: 100%;
    margin-top: 170px;
    overflow: hidden;
}
.swiper-container .arrow-left {
    background: url(http://cdn.chuanglvjia.net/style/images/banner_arrow-l.png) no-repeat left top;
    position: absolute;
    left: 0px;
    top: 55%;
    margin-top: -50px;
    width: 59px;
    height: 98px;
    z-index:888;
}
.swiper-container .arrow-right {
    background: url(http://cdn.chuanglvjia.net/style/images/banner_arrow-r.png) no-repeat left bottom;
    position: absolute;
    right: 0px;
    top:55%;
    margin-top: -50px;
    width: 59px;
    height: 98px;
    z-index:888;
}
.swiper-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5%;
    width: 100%;
    z-index:999;
}
.swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    display: block;
}
.swiper-container .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: white;
    opacity: 1;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-container .swiper-pagination-bullet-active{
    background: #0f3f85;
}

/*--------------------new title---------------------*/
.new-tit {
    position: relative;
    margin-top: 60px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.new-tit .nt1 {
    color: #888;
    font-size: 16px;
    text-transform:uppercase;
    letter-spacing: 16px;
}
.new-tit .nt2 {
    color: #333;
    font-size: 36px;
    width: 200px;
    background: #fff;
    margin: 16px auto;
    z-index: 66;
}
.new-tit .ntline {
    width: 100%;
    height: 2px;
    border-top: 1px solid #a4a2a4;
    position: relative;
    margin-top: -40px;
    z-index: -1;
}
.new-tit .nt3 {
    margin-top: 40px;
    color: #333;
    font-size: 18px;
}
.new-tit .nt3 i {
    background: none !important;
}

.bg1{background:url(http://cdn.chuanglvjia.net/style/images/bg1.png) repeat;}
.index_tit{text-align:center;}
.index_reason {
    padding-top: 40px;
    min-width: 1200px;
    overflow: hidden;
}
.index_img {
    width: 100%;
    margin: 50px auto;
    position: relative;
}
.index_img img {
    width: 100%;
}
.index_new_tit {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.index_new_tit .bltit {
    margin: 0 auto;
    font-size: 36px;
    color: #333;
    border-top: 2px solid #1d75bc;
    border-bottom: 2px solid #1d75bc;
}
.sjx_new {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #1d75bc;
    width: 0;
    height: 0;
    position: relative;
    margin: 0 auto;
}
.index_new_tit .info_new {
    margin-top: 16px;
    font-size: 22px;
    color: #333;
    font-weight: 300;
}
.index_new_tit .info_new i {
    font-size: 26px;
    background: none;
    font-weight: 400;
    margin: 0 8px;
}
.index_new_tit .info_new a {
    color: #333;
}
.reason_r1 {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}
.new_img {
    width: 668px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.new_cell {
    width: 660px;
    overflow: hidden;
    word-break: break-all;
    position: relative;
    z-index: 66;
}
.new_rt {
    margin-left: -130px;
}
.nc_tit{
    color:#0f3f85;
    font-size: 28px;
    margin-top: 18px;
}
.nc_info {
    margin-top: 30px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}
.nc_info i {
    background: none;
    color: #0f3f85;
    font-size: 20px;
    margin: 0 5px;
}
.nc_more {
    margin-top: 40px;
}
.nc_more a {
    color: #0f3f85;
    font-size: 20px;
    transition: 0.3s all ease-in-out;
}
.nc_more a:hover {
    color: #2588d9;
}
.new_alf {
    text-align: left;
}
.new_art {
    text-align: right;
}

.r2bg {
    background: #ebf6ff;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 70px;
    margin-bottom: 60px;
}
.r2_cell {
    width: 1124px;
    position: relative;
    overflow: hidden;
}
.r2c_item {
    margin-bottom: 40px;
    width: 542px;
    overflow: hidden;
    cursor: pointer;
}
.r2c_item:hover .r2_n1 {
    opacity: 0;
}
.r2c_item .r2_n1 {
    position: absolute;
    text-align: center;
    margin-top: -52px;
    font-size: 18px;
    color: #fff;
    width: 542px;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,0.56);
    opacity: 1;
    transition: 0.3s all ease-in-out;
}
.r2c_item:hover .r2_n2 {
    opacity: 1;
}
.r2c_item .r2_n2 {
    position: absolute;
    margin-top: -317px;
    width: 542px;
    height: 313px;
    background: rgba(0,0,0,0.56);
    opacity: 0;
    transition: 0.3s all ease-in-out;
}
.r2icon {
    position: relative;
    margin-left: 40px;
    margin-top: 30px;
}
.r2info {
    width: 366px;
    overflow: hidden;
    word-break: break-all;
    margin-top: 20px;
    margin-left: 16px;
}
.r2info .tit {
    color: #fff;
    font-size: 34px;
}
.r2info .line {
    width: 195px;
    height: 5px;
    background: #fff;
    border-radius: 10px;
    margin-top: 16px;
}
.r2info .cont {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    margin-top: 30px;
}
.r2zj {
    position: absolute;
    left: 458px;
    top: 226px;
}
.new_cp_bt {
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 50px;
}
/*---------------------图片翻转------------------------*/
.flip-container {
    perspective: 1000;
    transform-style: preserve-3d;
    margin-left: 50px;
}
.flip-container:hover .back {
    transform: rotateY(0deg);
}
.flip-container:hover .front {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 377px;
    height: 541px;
}
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}
.front, .back {
    backface-visibility: hidden;
    transition: all 0.6s ease 0s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
.front {
    z-index: 2;
    transform: rotateY(0deg);
    background: #fff;
}
.back {
    transform: rotateY(-180deg);
    background: #1d75bc;
}
.vertical.flip-container {
    position: relative;
}
.vertical .back {
    transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
}
.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
}

.fz_tit {
    font-size: 27px;
    color: #fff;
    font-weight: 200;
    margin-top: 100px;
    text-align: center;
    width: 100%;
}
.fz_info {
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 60px;
    line-height: 32px;
    width: 70%;
}
.fz_btn {
    margin: 0 auto;
    margin-top: 70px;
    width: 100%;
    text-align: center;
}
.fz_btn a:hover {
    color: #1d75bc;
    background: #fff;
    border: 1px solid #fff;
}
.fz_btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 195px;
    height: 45px;
    border: 1px solid #59bbff;
    text-align: center;
    line-height: 45px;
    transition: 0.3s all ease-in-out;
}
.index_cp_box {
    margin-right: 30px;
}
.index_cp_box li {
    float: left;
}
.cp_info {
    background: url(http://cdn.chuanglvjia.net/style/images/cp_bg_mini.png) center no-repeat;
    width: 240px;
    height: 271px;
    position: relative;
    overflow: hidden;
}
.index_cp_box li:hover .cp_tit {
    color: #0f3f85;
}
.cp_tit {
    color: #333;
    font-size: 18px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
}
.cp_detail {
    width: 80%;
    word-break: break-all;
    color: #666;
    font-size: 13px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 28px;
}
.cp_img img {
    display: block;
}
.index_cp_box li:hover .cp_plus {
    height: 30px;
}
.cp_plus {
    width: 30px;
    height: 0;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    background: #0f3f85;
    position: absolute;
    margin-left: 190px;
    transition: 0.3s all ease-in-out;
}
.cp_plus.top {
    margin-top: 241px;
}
.index_yw li {
    width: 280px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 140px;
    text-align: center;
}
.index_yw li:hover .yw_cover {
    opacity: 1;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
}
.yw_cover {
    position: absolute;
    top: 9px;
    left: 9px;
    transition: 0.3s all ease-in-out;
    opacity: 0;
}
.index_yw li:hover .yw_tit {
    color: #0f3f85;
}
.yw_tit {
    margin-top: 30px;
    color: #333;
    font-size: 22px;
    transition: 0.3s all ease-in-out;
    position: relative;
}
.yw_blline{
    width: 30px;
    height: 5px;
    background: #0f3f85;
    margin: 20px auto;
    position: relative;
}
.yw_words {
    color: #666;
    font-size: 18px;
    line-height: 36px;
}
.index_anli {
    position: relative;
    overflow: hidden;
}

.index_anli li {
    width: 266px;
    height: 250px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 16px;
    box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20),
    0 3px 8px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20),
    0 3px 8px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20),
    0 3px 8px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}
.index_anli li:nth-child(1),.index_anli li:nth-child(5)
{
    margin-left: 50px;
}
.index_anli li img {
    width: 266px;
    height: 192px;
    display: block;
    z-index: -1;
    position: relative;
}
.index_anli li:hover .anli_tit {
    color: #0f3f85;
    margin-top: -20px;
    padding-top: 10px;
}
.anli_tit {
    width: 100%;
    margin: 20px auto;
    font-size: 15px;
    color: #333;
    transition: 0.3s all ease-in-out;
    background: #fff;
    z-index: 88;
    display: block;
}
.anli_tit p {
    width: 215px;
    margin: 0 auto;
    background: #fff;
}
.anli_more {
    width: 100%;
    height: 30px;
    background: #0f3f85;
    font-size: 13px;
    color: #fefeff;
    text-align: center;
    line-height: 30px;
}

.index_anli li:hover .anli_line , .index_anli li:hover .anli_plus  {
    opacity: 1;
}
.anli_line {
    width: 242px;
    height: 148px;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #fff;
    position: absolute;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}
.anli_plus {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #0f3f85;
    color: #fff;
    position: absolute;
    margin-left: 210px;
    margin-top: -50px;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.index {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.reason4bg {
    background: #1d75bc;
    padding: 30px 0;
}
.reason {
    margin-top: 60px;
    text-align: center;
}
.reason p {
    line-height: 60px;
}
.reason-nav {
    display: block;
    margin-top: 30px;
}
.reason-nav a {
    color: #1d75bc;
    font-size: 20px;
    display: inline-block;
    width: 150px;
    height: 45px;
    background: #a2d5ff;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    margin-left: 50px;
    transition: 0.5s all ease-in-out;
}
.reason-nav a:hover, .reason-nav a.on {
    background: #fff;
}
.r3-btn {
    width: 100%;
    position: relative;
    margin: 50px 0;
    text-align: center;
}
.r3-btn a {
    color: #1d75bc;
    font-size: 20px;
    display: inline-block;
    width: 260px;
    height: 45px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 30px;
    transition: 0.5s all ease-in-out;
    border: 1px solid #1d75bc;
}
.r3-btn a:hover {
    color: #fff;
    background: #1d75bc;
}
.reason4pic {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: -24px;
    z-index: 15;
}
.reason4pic img {
    width: 100%;
}
.r4-btn {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: -80px;
    text-align: center;
    z-index: 18;
}
.r4-btn a {
    border: 1px solid #fff;
    color: #fff;
    background: none;
    transition: 0.5s all ease-in-out;
    font-size: 20px;
    display: inline-block;
    width: 190px;
    height: 45px;
    border-radius: 10px;
    line-height: 40px;
}
.r4-btn a:hover {
    border: 1px solid #fff;
    color: #1d75bc;
    background: #fff;
}
.joinstylebg {
    background: url(http://cdn.chuanglvjia.net/style/images/jsbg.png) center no-repeat;
    width: 100%;
    height: 740px;
    padding-top: 60px;
}

.joinprobg {
    background: url(http://cdn.chuanglvjia.net/style/images/joinprobg.png) center no-repeat;
    width: 100%;
    height: 428px;
    padding-top: 60px;
}

.onlyimg {
    width: 100%;
    margin: 45px auto;
    position: relative;
    z-index: 5;
}
.about-new {
    text-align: center;
    padding-top: 30px;
}
.about-new p{
    color: #888;
    font-size: 16px;
    line-height: 40px;
}
.about-new .btn {
    margin: 30px auto;
    margin-bottom: 60px;
}
.about-new .btn a:hover {
    color: #fff;
    background: #0f3f85;
    border: 1px solid #0f3f85;
}
.about-new .btn a {
    color: #666;
    font-size: 16px;
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #666;
    border-radius: 30px;
    transition: 0.3s all ease-in-out;
}
.blrbg {
    position: relative;
    background: #0f3f85;
    width: 100%;
    height: 240px;
    margin-top: -270px;
    z-index: -1;
}
.honorbg {
    background: url(http://cdn.chuanglvjia.net/style/images/honorbg.png) center no-repeat;
    width: 100%;
    height: 440px;
    padding-top: 60px;
}
.honor-swiper {
    overflow: hidden;
    margin: 30px auto;
    width: 1000px;
    height: 280px;
}
.honor-swiper .swiper-slide {
    width: 320px;
}
.honor-swiper .swiper-slide img {
    width: 320px;
    height: 215px;
}

.honor-button-prev {
    background: url(http://cdn.chuanglvjia.net/style/images/harrprev.png) no-repeat center;
    width: 37px;
    height: 54px;
    position: relative;
    z-index: 88;
    cursor: pointer;
    margin-top: -200px;
}
.honor-button-next {
    background: url(http://cdn.chuanglvjia.net/style/images/harrnext.png) no-repeat center;
    width: 37px;
    height: 54px;
    position: relative;
    z-index: 88;
    cursor: pointer;
    margin-top: -54px;
    margin-left: 963px;
}

















.index_company{padding:60px 0 95px 0;min-width:1200px;}
.index_company .main{margin-top:60px;}
.index_company .main .con{width:520px;margin:30px 0 0 55px;text-align:justify;font-size:18px;color:#373737;line-height:45px;text-indent:2em;}
.index_company .more-words {
    margin: -53px 27px 0 0;
}
.index_company .more-words a {
    color: #164495;
    font-size: 18px;
    position: relative;
}
.index_apply{font-weight:300;width:100%;height:440px;background:url(http://cdn.chuanglvjia.net/style/images/index_apply_bg.png) center no-repeat;min-width:1200px;}
.index_apply .word{width:545px;height:232px;padding:25px 0 0 22px;margin-top:58px;background:#fff;-moz-box-shadow:7px 7px 6px 0 rgba(0,0,0,0.5);  -webkit-box-shadow:7px 7px 6px 0 rgba(0,0,0,0.5);  box-shadow:7px 7px 6px 0 rgba(0,0,0,0.5);}
.index_apply .word h2{width:184px;height:38px;line-height:38px;text-align:center;font-size:22px;color:#fff;background:#1c56bb;font-weight:200;margin-bottom:5px;}
.index_apply .word .t_h1{display:inline-block;*display:inline;*zoom:1;line-height:56px;font-size:28px;color:#1c56bb;font-weight:200;border-bottom:1px solid #1c56bb;}
.index_apply .word p{margin-top:6px;line-height:36px;font-size:17px;color:#393939;}
.index_apply .form{width:280px;height:410px;padding:30px 50px 0 50px;background:rgba(28,86,187,0.66);}
.index_apply .form input[type="text"]{width:275px;height:38px;line-height:38px;border:1px solid #fff;text-indent:9px;font-size:14px;color:#fff;margin-bottom:19px;background:none;}
.index_apply .form .btn{width:275px;height:40px;line-height:40px;text-align:center;background:#fff;font-size:18px;color:#1c56bb;border:none;transition: 0.3s all ease-in-out;}
.index_apply .form .btn:hover{background:#1c56bb;color:#fff;}
.index_apply .form input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  color: #fff;  }
.index_apply .form input:-moz-placeholder, textarea:-moz-placeholder {  color:#fff;  }
.index_apply .form input::-moz-placeholder, textarea::-moz-placeholder {  color:#fff;  }
.index_apply .form input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color:#fff;  }
.index_apply .form .tips {color: #c8e6ff;margin-bottom: 10px;font-weight: 200;}
.index_apply .form .xing {position: absolute;color: #fff;font-size: 16px;margin-left: -15px;margin-top: 10px;}
.index_apply .form textarea {background: transparent;outline: none;border: 1px solid #fff;text-indent: 8px;font-size: 14px;}
.index_apply .form #embed-captcha .geetest_holder{
    width: 279px !important;
}
.index_apply .form #embed-captcha{
    margin: 12px 0;
}
#embed-captcha2 .geetest_holder{
    width: 200px !important;
    min-width: 200px !important;
}
.hide ,.hide2 {display: none;}
 .show , .show2 {
    display: block;
    color: red;
}


.index_case{padding:50px 0;height:510px;}
.index_case_nav{text-align:center;margin-top:18px;line-height:29px;}
.index_case_nav a{font-size:22px;color:#7a7a7a;}
.index_case_nav a:hover,
.index_case_nav a.on{color:#000;border-bottom:1px solid #777;}
.index_case_nav i{width:8px;height:20px;background-position:-40px 0;margin:0 15px;position:relative;top:2px;}
.index_case_scroll{width:100%;position:relative;margin-top:60px; }
.index_case_scroll .hd{height:0;}
.index_case_scroll .hd .prev,.index_case_scroll .hd .next{ display:block;  width:60px; height:98px;position:absolute;left:-80px;top:90px;background:url(http://cdn.chuanglvjia.net/style/images/icon.png) no-repeat 0 -30px;cursor:pointer;}
.index_case_scroll .hd .next{left:auto;right:-80px;background-position:-70px -30px;  }
.index_case_scroll .hd .prev:hover{background-position:-140px -30px; }
.index_case_scroll .hd .next:hover{background-position:-210px -30px; }
.index_case_scroll .bd ul{ overflow:hidden; zoom:1; }
.index_case_scroll .bd ul li{width:295px;margin-right:6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.index_case_scroll .bd ul li img{display:block;width:295px;height:286px;}
.index_case_scroll .bd ul li p{text-align:center;margin-top:15px;line-height:24px;font-size:15px;color:#717171;}
.index_case_scroll .bd ul li:hover p{color:#164495;}

.index_service{padding-top:56px;height:326px;background:url(http://cdn.chuanglvjia.net/style/images/index_service_bg.jpg) center no-repeat;}
.index_service .main{margin-top:45px;text-align:center;}

.index_join {
    padding-top: 30px;
}

.index_join_scroll {
    width: 100%;
    position: relative;
}

.index_join_scroll .hd {
    height: 0;
}

.index_join_scroll .hd .prev {
    background: url(http://cdn.chuanglvjia.net/style/images/new-arr-l.png) center no-repeat;
    width: 37px;
    height: 54px;
    position: absolute;
    z-index: 666;
    top:50%;
    left: 10px;
    cursor: pointer;
    margin-top: -37px;
}

.index_join_scroll .hd .next {
    background: url(http://cdn.chuanglvjia.net/style/images/new-arr-r.png) center no-repeat;
    width: 37px;
    height: 54px;
    position: absolute;
    z-index: 666;
    top:50%;
    right: -66px;
    cursor: pointer;
    margin-top: -37px;
}

.index_join_scroll .bd ul {
    overflow: hidden;
    zoom: 1;
    height: 428px;
}

.index_join_scroll .bd ul li {
    margin-top: 10px;
    width: 227px;
    margin-left: 10px;
    margin-right: 20px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    height: 350px;
    box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20),
    0 3px 8px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20),
    0 3px 8px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 8px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -3px 8px 0 rgba(0, 0, 0, 0.20),
    0 3px 8px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    background: #fff;
}

.index_join_scroll .bd ul li .jscover img {
    width: 227px;
    height: 190px;
    transition: 0.5s all ease-in-out;
}
.index_join_scroll .bd ul li:hover .jscover img {
    width: 209px;
    height: 170px;
    margin-left: 0px;
    margin-top: 9px;
}
.index_join_scroll .bd ul li .jsline {
    margin-top: -165px;
    position: relative;
    margin-left: 18px;
    width: 190px;
    height: 150px;
    border: 1px solid #fff;
    background: transparent;
    opacity: 0;
    transition: 0.5s all ease-in-out;
}
.index_join_scroll .bd ul li:hover .jsline{
    opacity: 1;
}
.index_join_scroll .bd ul li p {
    *display: inline;
    *zoom: 1;
    text-align: left;
    padding: 5px 0;
    font-size: 15px;
    color: #333;
    position: absolute;
    bottom: 180px;
    margin-left: 16px;
    width: 180px;
    transition: 0.5s all ease-in-out;
}

.index_join_scroll .bd ul li:hover p {
    color: #0f3f85;
}
.index_join_scroll .bd ul li .jstime {
    color: #666;
    font-size: 12px;
    position: absolute;
    bottom: 160px;
    margin-left: 16px;
}
.index_join_scroll .bd ul li .jsbtn {
    font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 100px;
    margin-left: 16px;
    padding: 8px 30px ;
    border: 1px solid #eee;
    transition: 0.5s all ease-in-out;
}
.index_join_scroll .bd ul li:hover .jsbtn {
    background: #0f3f85;
    color: #fff;
    border: 1px solid #0f3f85;
}







.index_news{padding:65px 0;}
.index_news .main{margin-top:40px;}
.index_news .left{width:177px;margin-right:20px;}
.index_news .left .link{width:177px;height:169px;}
.index_news .mid{width:580px;}
.index_news .mid .path1{margin-bottom:20px;}
.index_news .mid .link{width:280px;height:170px;}
.index_news .mid .path2{width:526px;height:151px;border:1px solid #d7d7d7;padding:12px 25px 0 27px;}
.index_news .mid .path2 .tit{font-size:18px;color:#404040;line-height:27px;margin-bottom:6px;}
.index_news .mid .path2 ul li{height:24px;line-height:24px;margin-bottom:2px;}
.index_news .mid .path2 ul li b{display:block;float:left;width:20px;height:17px;margin:4px 8px 0 0;background:#ff0024;text-align:center;line-height:17px;font-size:12px;color:#fff;}
.index_news .mid .path2 ul li p{float:left;width:360px;}
.index_news .mid .path2 ul li p a{color:#414141;font-size:14px;}
.index_news .mid .path2 ul li span{display:block;float:left;width:137px;text-align:right;color:#404040;font-size:14px;}
.index_news .mid .path2 ul li p a:hover{color:#164495;}
.index_news .right{width:400px;height:355px;}

.footer{background:url(http://cdn.chuanglvjia.net/style/images/footerbg.png) no-repeat center #363a3f;width: 100%;  overflow: hidden;  }
.footer_nav {}
.footer_nav dl{width:140px;padding-top:20px;}
.footer_nav dl dt{margin-bottom:3px;}
.footer_nav dl dt a{font-size:12px;color:#fff;line-height:28px;font-weight:bolder;}
.footer_nav dl dd{line-height:25px;}
.footer_nav dl dd a{font-size:12px;color:#ddd;}
.footer_nav dl dt a:hover,
.footer_nav dl dd a:hover{opacity:0.8;filter:alpha(opacity=80);}
.footer .ewm{width:128px;margin:58px 0 0 50px;}
.footer .ewm img{display:block;width:128px;height:128px;}
.footer .ewm p{font-size:14px;color:#fff;margin-top:10px;text-align:center;}
.footer .tel{width:262px;margin-top:88px;}
.footer .tel h2{font-size:22px;color:#ececec;font-weight:300;}
.footer .tel h2 i{width:32px;height:23px;background: url(http://cdn.chuanglvjia.net/style/images/icon-bluetel.png);margin-right:5px;}
.footer .tel .t_h1 {font-size:35px;color:#43aaf3;}
.footer .tel p{font-size:13px;color:#c3c1c1;padding-top:5px;}
.footer_copy{border-top:1px solid #7d7d7d;}
.footer_copy span{font-size:12px;color:#dcdcdc;line-height:26px;}
.footer_copy a{font-size:12px;color:#dcdcdc;line-height:26px;}
.footer_copy ul{margin-top:2px;}
.footer_copy ul li{display:inline;color:#dcdcdc;line-height:22px;}
.footer_copy ul li a{color:#dcdcdc;}
.footer_copy ul li a:hover{color:#fff;}
.footer_assets .jhw, .footer_assets .jjzz {
    float: left;
    margin-right: 15px;
}
.footer_assets .jhw img, .footer_assets .jjzz img {
    vertical-align: middle;
}
.footer_assets .jhw span, .footer_assets .jjzz span {
    color: #bbb;
    font-size: 13px;
    margin-left: 5px;
}
.footer_assets .jjzz {
    margin-top: 4px;
}

.apply_fixed .main {
    width: 0;
    height: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    overflow: hidden;
    box-shadow:0 -5px 3px 0 rgba(0, 0, 0, 0.20);
}

.apformbg {
    background: url(http://cdn.chuanglvjia.net/style/images/footer-formbg.png) no-repeat left top #fff;
    width: 100%;
    height: 146px;
}
.clj_open {
    position: fixed;
    overflow: hidden;
    left: 0;
    bottom: 20px;
    z-index: 9900;
    cursor: pointer;
}
.clj_open.pos, .clj_hide.pos {
    display: none;
}
.clj_hide {
    position: absolute;
    margin-top: -130px;
    margin-left: 1200px;
    cursor: pointer;
}
.apply_fixed .main.pos {
    width: 100% !important;
    height: 165px !important;
    position: relative;
    bottom: 0;
    box-shadow: none;
}

.apply_tit {
    position: relative;
    overflow: hidden;
    margin-left: 90px;
    margin-top: 5px;
}
.apply_tit_t1 {
    color: #0f3f85;
    font-size: 24px;
    overflow: hidden;
}
.apply_tit_t1 span {
    font-size: 34px;
    font-style: italic;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.apply_tit_t2 {
    position: relative;
    margin-left: 20px;
    margin-top: 20px;
    overflow: hidden;
    color: #666;
    font-size: 15px;
}
.apply_tit_t2 span {
    color: #ef3939;
}

.my-form {
    margin-left: 90px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.apply_fixed .main input {
    float: left;
    border: 1px solid #ccc;
    background: transparent;
    text-indent: 10px;
    font-size: 14px;
    margin-right: 15px;
    width: 200px;
    height: 42px;
    line-height: 42px;
    position: relative;
    color: #888;
    overflow: hidden;
}
.apply_tips {
    position: relative;
    overflow: hidden;
    margin-left: 135px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}
.apply_tips img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}
.apply_remark {
    cursor: not-allowed;
}
.apply_btn button:hover {
    background: #fff;
    color: #ef3939;
}
.apply_btn button {
    display: inline-block;
    position: relative;
    width: 220px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #ef3939;
    background: #ef3939;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    margin-top: 70px;
    margin-right: 10px;
}

.leftfixed {
    position: fixed;
    left: 1%;
    width: 140px;
    height: 235px;
    background: #fff;
    z-index: 9999;
    top:250px;
    display: none;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}
.leftformtit {
    background: #0f3f85;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
}
.leftforminpt {
    margin-top: 10px;
    margin-left: 8px;
}
.leftforminpt div{
    position: absolute;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    left: 15px;
}
.leftforminpt input {
    border: 1px solid #bbb;
    width: 122px;
    text-indent: 42px;
    font-size: 14px;
    color: #666;
    padding: 3px 0;
}
.leftbtn {
    margin-left: 8px;
    margin-top: 10px;
}
.leftbtn button:hover{
    background: #007aff;
}
.leftbtn button {
    background: #0f3f85;
    border: none;
    outline: none;
    color: #fff;
    width: 124px;
    font-size: 17px;
    padding: 8px 0;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    cursor: pointer;
}
.leftformselect {
    margin-left: 8px;
    margin-top: 10px;
}
.leftformselect select{
    width: 124px;
    color: #666;
    line-height: 26px;
    text-indent: 7px;
    font-size: 14px;
}

.rightfixed {
    position: fixed;
    width: 185px;
    background: #fff;
    z-index: 9999;
    top:250px;
    display: none;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    right: -140px;
    transition: all 0.5s;
}

.rightfixed:hover{
    right: 1%;
}
.rightfixed .r-item{
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    height: 48px;
    width: 100%;
}
.rightfixed .r-item:hover{
    background: #0f3f85;
    color: #fff;
}
.rightfixed .r-item:hover .r-mes {
    background: url(../img/icons/icon-mes-sel.png) center no-repeat;
}
.r-mes {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-mes.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-qq {
    background: url(../img/icons/icon-qq-sel.png) center no-repeat;
}
.r-qq {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-qq.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-tel {
    background: url(../img/icons/icon-tel-sel.png) center no-repeat;
}
.r-tel {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-tel.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-service {
    background: url(../img/icons/icon-service-sel.png) center no-repeat;
}
.r-service {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-service.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-wechat {
    background: url(../img/icons/icon-wechat-sel.png) center no-repeat;
}
.r-wechat {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-wechat.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-share {
    background: url(../img/icons/icon-share-sel.png) center no-repeat;
}
.r-share {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-share.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item:hover .r-top {
    background: url(../img/icons/icon-top-sel.png) center no-repeat;
}
.r-top {
    display: block;
    float: left;
    margin: 15px;
    background: url(../img/icons/icon-top.png) center no-repeat;
    background-size: 16px;
    width: 18px;
    height: 18px;
}
.rightfixed .r-item a.r-a{
    width: 100%;
    line-height: 48px;
    display: inline-block;
    font-size: 14px;
    color: #9a9a9a;
    text-align: left;
}
.rightfixed .r-item a:hover{
    color: #fff;
}
.rightfixed .jiathis_style_32x32{
    margin-left: 4px;
    float: left;
}
.rightfixed .jiathis_style_32x32 span{

}
.jiathis_style a {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}
.jiathis_style .jtico_tsina {
    background: url(../img/icons/icon-sina-share.png) no-repeat center !important;
    background-size: 16px !important;
}
.jiathis_style .jtico_weixin {
    background: url(../img/icons/icon-wechat-share.png) no-repeat center !important;
    background-size: 16px !important;
}
.jiathis_style .jtico_qzone {
    background: url(../img/icons/icon-qq-share.png) no-repeat center !important;
    background-size: 16px !important;
}
.rightfixed .r-item:hover .jiathis_style .jtico_tsina {
    background: url(../img/icons/icon-sina-share-sel.png) no-repeat center !important;
}
.rightfixed .r-item:hover .jiathis_style .jtico_weixin {
    background: url(../img/icons/icon-wechat-share-sel.png) no-repeat center !important;
}
.rightfixed .r-item:hover .jiathis_style .jtico_qzone {
    background: url(../img/icons/icon-qq-share-sel.png) no-repeat center !important;
}
.jiathis_style >.jiadiv_01{
    display: none;
}

.wechat-modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: 9999;
    background: rgba(0,0,0,0.66);
}
.modalclose {
    cursor: pointer;
    position: absolute;
    top:18%;
    left: 60%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.modalclose:hover {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
.wechat-modal .img {
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -245px;
    margin-left: -230px;
}







.inside_bg{background:url(http://cdn.chuanglvjia.net/style/images/inside_bg.jpg) no-repeat center 90px;}
.inside{width:1200px;padding:6px;margin:200px auto 40px;background:rgba(43,83,155,0.5)}
.inside .container{background:#fff;}
.inside_left{width:257px;padding:0 20px 0 30px;}
.inside_left .title{padding:30px 0 15px 0;}
.inside_left .title .t_h1 {font-size:32px;color:#090909;line-height:39px;font-family:"宋体";}
.inside_left .title h2{font-size:17px;color:#696969;line-height:20px;text-transform:uppercase;font-weight:normal;}
.inside_nav li{width:257px;height:43px;}
.inside_nav li a{display:block;width:198px;height:39px;padding:2px 2px 0 57px;border-bottom:2px solid #dbdbdb;line-height:39px;font-size:16px;color:#696969;font-weight:bolder;}
.inside_nav li a b{color:#fff;padding-right:15px;}
.inside_nav li:hover a{color:#164495}
.inside_nav li.on a{background:#164495;color:#fff;border:2px solid #052d73;padding:0 0 0 55px;}
.inside_left .form{border:2px solid #dbdbdb;border-top:0;}
.inside_left .form img{display:block;margin-bottom:10px;}
.inside_left .form form{padding:0 7px;}
.inside_left .form input[type="text"]{width:237px;height:38px;line-height:38px;border:1px solid #dbdbdb;text-indent:9px;font-size:14px;color:#353535;margin-bottom:19px;background:none;}
.inside_left .form .btn{width:239px;height:41px;line-height:41px;text-align:center;background:#1d4a98;font-size:18px;color:#fff;border:none;margin-bottom:9px;}
.inside_right{width:830px;padding:0 0px 100px 20px;min-height:700px;border-left:2px solid #dbdbdb;}
.position{padding:37px 0 22px 0;border-bottom:2px solid #dbdbdb;font-size:16px;color:#696969;line-height:25px;}
.position a{color:#696969;}
.position a:hover{color:#164495;}

.about{padding-top:15px;}
.about p{font-size:14px;color:#696969;line-height:30px;text-indent:2em;}
.about_tit{height:42px;border-left:8px solid #164495;padding-left:9px;}
.about_tit h2{fot-size:24px;color:#164495;font-weight:normal;}
.about_tit h3{fot-size:14px;color:#696969;font-weight:normal;}
.about_tit h2 span{color:#767676;padding-left:10px;}

.honor{padding-top:26px;}
.honor1{padding:35px 0 30px 0;}
.honor1 .img{width:379px;height:290px;margin-left:25px;}
.honor1 .con{width:420px;}
.honor1 .tit h2{margin-top:17px;font-weight:normal;font-family:Arial;font-size:22px;color:#878787;text-align:right;}
.honor1 .tit .t_h1{margin-top:5px;width:475px;height:44px;line-height:44px;background:#164495;font-weight:normal;font-size:22px;color:#fff;text-align:right;margin-left:-36px; text-align: center;}
.honor1 ul{width:420px;margin-top:28px;}
.honor1 ul li{width:200px;float:left;margin:0 0 10px 10px;}
.honor1 ul li img{width:200px;height:130px;}
.honor1 ul li p{font-size:14px;color:#696969;text-align:center;margin-top:5px;line-height:22px;}
.honor2{padding-top:30px;}
.honor2 li{width:195px;height:180px;position:relative;overflow:hidden;float:left;margin:0 0 10px 10px;}
.honor2 li img{width:195px;height:130px;}
.honor2 li p{font-size:14px;color:#696969;text-align:center;margin-top:5px;line-height:22px;}
.honor3{padding-top:30px;}
.honor3 li{width:195px;height:330px;position:relative;overflow:hidden;float:left;margin:0 0 10px 10px;}
.honor3 li img{width:195px;height:280px;}
.honor3 li p{font-size:14px;color:#696969;text-align:center;margin-top:5px;line-height:22px;}

.news{margin-top:20px;}
.news li {margin-bottom:20px;}
.news li .tit{line-height:32px;font-size:18px;font-weight:bold;}
.news li .tit a{color:#181818;}
.news li .date{line-height:22px;font-size:14px;color:#c6c6c6;}
.news li .con{
    line-height:22px;
    font-size:14px;
    color:#838383;
    margin-top:10px;
    width: 830px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.news li .more{line-height:24px;font-size:14px;margin-top:10px;}
.news li .more a{color:#181818;font-style:italic;}
.news li .tit a:hover,
.news li .more a:hover{color:#0f3f85;}

.page{width:100%;height:30px;text-align:center;}
.page a,
.page span{display:inline-block;*display:inline;*zoom:1;padding:0 5px;min-width:18px;height:28px;border:1px solid #ccc;line-height:28px;text-align:center;color:#333;margin:0 2px;}
.page .prev,
.page .next{font-family:'宋体';position:relative;top:-1px;}
.page a:hover{color:#0f3f85;}
.page span.on{background:#0f3f85;border:1px solid #0f3f85;color:#fff;}
.page span.prev,
.page span.next{background:#eee;}

.contact{padding-top:35px;}
#map{width:830px;height:370px;}
#map .BMapLabel{display:none !important;}
.contact ul{padding:35px 0 0 30px;}
.contact ul li{width:185px;float:left;margin:0 15px 30px 0;}
.contact ul li h2{font-size:18px;color:#090909;line-height:37px;font-weight:normal;}
.contact ul li p{font-size:14px;color:#696969;line-height:26px;}

.join_process{margin-top:25px;}
.join_process img{margin-right:40px;}
.join_process h2{line-height:38px;font-size:18px;color:#222;font-weight:normal;}
.join_process p{line-height:23px;font-size:14px;color:#3c3c3c;text-indent:0;}

.franchisee{margin-top:15px;}
.franchisee li{width:232px;height:208px;float:left;margin:0 30px 30px 0;}
.franchisee li img{display:block;width:232px;height:178px;margin-bottom:2px;}
.franchisee li p{width:232px;height:28px;text-align:center;line-height:28px;background:#164495;font-size:18px;color:#fff;}
.franchisee li:hover p{background:#c40020;}

.latest_join{margin-bottom:30px;}
.latest_join li{height:34px;line-height:33px;border-bottom:1px dashed #dbdbdb;}
.latest_join li i{width:15px;height:16px;background-position:-100px 0;float:left;margin:9px 14px 0 0;}
.latest_join li .tit{width:600px;float:left;}
.latest_join li .tit a{font-size:16px;color:#767676;}
.latest_join li .tit a:hover{color:#0f3f85;}
.latest_join li .date{float:right;width:100px;text-align:right;font-size:16px;color:#767676;}

.project_answer{margin-bottom:30px;}
.project_answer .question{padding:20px 0;border-bottom:1px dashed #959595;line-height:23px;font-size: 16px;color: #555;}
.project_answer .question span{display:inline-block;*display:inline;*zoom:1;width:23px;height:23px;background:#164495;font-size:22px;color:#fff;line-height:23px;text-align:center;margin-right:17px;border-radius:2px;font-family:Arial;}
.project_answer .answer{padding:11px 0 23px 0;border-bottom:2px solid #dbdbdb;line-height:30px;font-size:14px;color:#696969;}
.project_answer .answer span{display:inline-block;*display:inline;*zoom:1;width:23px;height:23px;background:#696969;font-size:22px;color:#fff;line-height:23px;text-align:center;margin:4px 17px 0 0;border-radius:2px;font-family:Arial;}

.case{margin:20px 0;width:110%;}
.case li{width:267px;height:283px;float:left;padding:5px 5px 0 5px;-moz-box-shadow:3px 5px 5px 0 rgba(183,186,198,0.75);  -webkit-box-shadow:3px 5px 5px 0 rgba(183,186,198,0.75);  box-shadow: 3px 5px 5px 0 rgba(183,186,198,0.75); margin:0 8px 15px 0;}
.case li img{display:block;width:268px;height:228px;}
.case li .tit{margin-top:6px;text-align:center;font-size:14px;color:#222;line-height:22px;}
.case li .date{text-align:center;font-size:12px;color:#676767;line-height:17px;}

.service_banner{width:100%;height:599px;background-position:center;background-repeat:no-repeat;position:relative;margin-top: 170px;}
.service_banner ul{width:100%;height:135px;position:absolute;left:0;bottom:17px;text-align:center;}
.service_banner ul li{display:inline-block;*display:inline;*zoom:1;width:316px;height:135px;margin-right:34px;}
.service_banner ul li a{display:block;width:306px;height:125px;border:5px solid #fff;position:relative;}
.service_banner ul li a img{display:block;width:100%;height:100%;}
.service_banner ul li a p{width:306px;height:31px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.8);line-height:31px;text-align:center;font-size:18px;color:#fff;}
.service1_path1{padding:60px 0 110px 0;position:relative;}
.service1_tit{width:100%;height:85px;line-height:84px;border-bottom:1px solid #d3d3d3;font-size:48px;color:#154488;}
.service1_tit .container{position:relative;}
.service1_tit b{display:inline-block;*display:inline;*zoom:1;width:1px;height:46px;font-size:0;background:#154488;margin:0 15px;position:relative;top:7px;}
.service1_tit strong{display:inline-block;*display:inline;*zoom:1;border-bottom:2px solid #154488;}
.service1_path1 .main{position:relative;}
.service1_path1 .con{font-size:14px;color:#7e7e7e;line-height:24px;padding:50px 0 60px 0;}
.service1_path1  a{display:block;width:196px;height:69px;line-height:69px;text-align:center;background:#154488;font-size:30px;color:#fff;}
.service1_path1 img{position:absolute;left:425px;top:-70px;}

.service1_path2{padding:20px 0 110px 0;background:url(http://cdn.chuanglvjia.net/style/images/service1_path2_bg.jpg) no-repeat center bottom #eff7f9;}
.service1_path2 ul{margin-top:75px;}
.service1_path2 ul li{width:276px;height:357px;float:left;margin-right:31px;}
.service1_path2 ul li img{display:block;width:276px;height:268px;}
.service1_path2 ul li h2{display:inline-block;*display:inline;*zoom:1;margin-top:8px;line-height:46px;font-size:18px;font-weight:bold;color:#fff;font-weight:normal;border-bottom:1px solid #fff;}
.service1_path2 ul li p{font-size:18px;color:#fff;line-height:34px;}

.service1_path3{padding:110px 0 80px 0;}
.service1_path3 .main{width:456px;}
.service1_path3 .tit,
.service1_path4 .tit,
.service1_path6 .tit{height:54px;line-height:54px;font-size:42px;color:#154488;}
.service1_path3 .tit b,
.service1_path4 .tit b,
.service1_path6 .tit b{display:inline-block;*display:inline;*zoom:1;width:1px;height:41px;background:#154488;margin:0 10px;position:relative;top:7px;}
.service1_path3 dl,
.service1_path4 dl{width:210px;float:left;margin-top:30px;}
.service1_path3 dl dt,
.service1_path4 dl dt{height:25px;line-height:25px;border-left:3px solid #154488;font-size:30px;color:#222;margin-bottom:8px;padding-left:15px;margin-bottom:15px;}
.service1_path3 dl dd,
.service1_path4 dl dd{font-size:16px;color:#222;line-height:26px;}
.service1_path3 .line{width:410px;height:1px;font-size:0;background:#d3d3d3;margin-top:42px;}
.service1_path3 .line b{display:block;width:83px;height:2px;background:#154488;position:relative;top:-1px;}

.service1_path4{background:#eff7f9;padding:65px 0;}
.service1_path4 .main{width:456px;margin-top:40px;}
.service1_path4 dl{width:100%;}

.service1_path5{padding:35px 0 120px 0;}
.service1_tit a{display:block;width:155px;height:49px;line-height:49px;text-align:center;background:#bbb;font-size:18px;font-weight:bold;color:#222;position:absolute;bottom:10px;right:10px;}
.service1_path5 .main{height:569px;background:url(http://cdn.chuanglvjia.net/style/images/service1_img8.png) no-repeat left 60px;padding-top:60px;}
.service1_path5 dl{margin-bottom:18px;width:465px;}
.service1_path5 dl dt{font-size:18px;font-weight:bold;color:#154488;line-height:36px;}
.service1_path5 dl dd{line-height:20px;font-size:14px;color:#333;}
.service1_path5 .dl1{margin-top:36px;}
.service1_path5 .dl1{margin-left:580px;}
.service1_path5 .dl5{margin-left:590px;}
.service1_path5 .dl2,
.service1_path5 .dl4{margin-left:685px;}
.service1_path5 .dl3{margin-left:762px;}

.service1_path6{height:583px;background:url(http://cdn.chuanglvjia.net/style/images/service1_path6_bg.jpg) center no-repeat;}
.service1_path6 img{width:586px;height:416px;margin-top:86px;}
.service1_path6 .main{width:475px;height:513px;padding:70px 56px 0 39px;border-left:1px solid #575758;}
.service1_path6 .tit{color:#fff;margin-bottom:27px;}
.service1_path6 .tit b{background:#fff;}
.service1_path6 dl dt{width:117px;height:38px;line-height:38px;text-align:center;border:1px solid #fff;font-family:Arial;font-size:18px;color:#fff;margin-bottom:10px;}
.service1_path6 dl dd{font-size:16px;color:#fff;line-height:26px;margin-bottom:10px;}

.service1_path7{padding:65px 0 55px 0;}
.service1_path7 dl{width:557px;height:188px;border:1px solid #313131;padding:10px 15px 15px 15px;border-radius:2px;}
.service1_path7 dl dt{line-height:45px;height:45px;border-bottom:2px solid #acacac}
.service1_path7 dl dt strong{font-size:30px;color:#222;}
.service1_path7 dl dt a{display:block;width:60px;height:20px;line-height:20px;text-align:center;background:#154488;border-radius:2px;font-size:14px;color:#fff;float:right;margin-top:17px;}
.service1_path7 dl dd{height:35px;line-height:35px;border-bottom:1px dotted #a2a2a2;font-size:18px;}
.service1_path7 dl dd a{color:#000;}
.service1_path7 dl dd a:hover{color:#0f3f85;}
.service1_path7 dl dd i{ width: 0;height: 0;border-top:5px solid transparent;border-left:5px solid #313131;border-bottom: 5px solid transparent;margin:0 20px 0 5px;}
.service1_path7 dl dd a:hover i{border-left:5px solid #0f3f85;}

.service2_path1 a{width:196px;}
.service2_path1 .con{width:535px;}
.service2_path1 img{left:566px;top:-128px;}

.service3_path1 .con{width:540px;}
.service3_path1 img{left:515px;top:35px;}

.products_banner{width:100%;}
.products_banner img {width:100%;}
.products{padding:70px 0;}
.products .title{text-align:center;}
.products ul{width:110%;margin:70px 0 0 0;}
.products ul li{width:344px;height:484px;float:left;margin:0 70px 60px 0;border:1px solid #ddd;}
.products ul li img{display:block;width:344px;height:390px;}
.products ul li .tit{font-size:18px;font-weight:bold;color:#222;line-height:40px;text-align:center;}
.products ul li .more{margin:6px auto 0;width:93px;height:26px;line-height:26px;text-align:center;background:#151515;font-size:18px;color:#fff;}
.products ul li:hover{border:1px solid #0f3f85;}
.products ul li:hover .tit{color:#0f3f85;}
.products ul li:hover .more{background:#0f3f85;}

.detail{padding:30px 0 15px 0;}
.detail .title{text-align:center;line-height:34px;font-size:25px;color:#222;margin-bottom:15px;font-size: 500}
.detail .title h1 {text-align:center;line-height:34px;font-size:25px;color:#222;margin-bottom:15px;}
.detail .date{text-align:center;line-height:25px;font-size:15px;color:#696969;}
.detail .date a {color:#696969;}
.detail .con{line-height:26px;font-size:14px;color:#3f3f3f;padding:30px 0 80px 0;width: 830px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;}

.detail .con, .detail .con p, .detail .con a, .detail .con p span, .detail .con a span, .detail .con span {
    font-size: 16px !important;
    color: #555;
}
.detail .con p {
    margin-bottom: 15px;
}
.detail .con img{max-width:100%;margin: 20px 0px;}
.detail_ewm{margin-bottom:80px;text-align:center;}
.detail_ewm p{font-size:15px;color:#3f3f3f;margin-top:20px;}

.keyword{display:inline-block;*display:inline;*zoom:1;line-height:25px;padding:0 3px;font-size:14px;margin-bottom:17px;}
.keyword span{padding-right:2px;}
.detail .fanye{margin-bottom:15px;}
.detail .fanye div{width:400px;font-size:14px;color:#222;line-height:24px;}
.detail .fanye div a{color:#222;}
.detail .fanye div a:hover{color:#164495;}
.detail .fanye .fr{text-align:right;}

.other{position:relative;overflow:hidden;}
.other .title{height:44px;line-height:44px;padding-left:7px;background:#164495;font-size:18px;color:#fff;}
.other ul{margin-top:10px;width:120%;}
.other ul li{width:392px;height:35px;margin-right:15px;line-height:35px;float:left;border-right:1px solid #d6d6d6;padding-right:15px;margin-right:15px;}
.other ul li:nth-child(2n){boder:none;}
.other ul li i{width:10px;height:10px;background-position:-120px 0;margin-right:12px;}
.other ul li a{font-size:14px;color:#000;}
.other ul li a:hover{color:#0f3f85;}

.products_detail{padding:30px 0 100px 0;}
.products_detail .main{padding-top:20px;}
.products_detail .main .img{width:505px;}
.products_detail .main .img img{width:100%;}
.products_detail .main table{width:600px;font-size:14px;color:#000;line-height:30px;margin-top:45px;}
.products_detail .main table th{width:100px; vertical-align:top;padding-bottom:10px;}
.products_detail .main table td{width:500px;padding-bottom:10px;}




/*add*/
.clear{clear: both;}

.detail_box {
    padding: 20px 25px;
    position: relative;
    overflow: hidden;
}
.breadcrumb .here {
    font-size: 16px;
    color: #696969;
}
.breadcrumb a {
    color: #696969;
    font-size: 16px;
    margin-right: 8px;
}
.breadcrumb a:hover {
    color: #0f3f85;
}
.detail_box .detail_content {
    margin-top: 30px;
}

.detail_box .detail_content .pro_img {
    width: 504px;
    margin-top: 30px;
}
.detail_box .detail_content .pro_img img {
    width: 100%;
}

.detail_box .detail_content .pro_parameter {
    width: 575px;
}
.detail_box .detail_content .pro_parameter ul {
    width: 110%;
    margin: 50px 0 0 70px;
}
.detail_box .detail_content .pro_parameter ul li {
    width: 560px;
    height: auto;
    margin: 20px 0 0 0;
    border: none;
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
}
.detail_box .detail_content .pro_parameter .parameter_l {
    width: 75px;
}
.detail_box .detail_content .pro_parameter .parameter_r {
    width: 465px;
    margin-left: 30px;
    word-break:break-all;
}

.cate_type {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}
.cate_type ul {
    height: 30px;
}
.cate_type ul li {
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #676767;
    width: 68px;
    text-align: center;
    padding-bottom: 8px;
}
.cate_type ul li a {
    color: #676767;
}

.cate_type ul li.on  a {
    border-bottom: 1px solid #164495;
    color: #164495;
    padding-bottom: 8px;
}

.cate_type ul li:hover a {
    border-bottom: 1px solid #164495;
    color: #164495;
    padding-bottom: 8px;
}

/*分页样式重写*/
.pagination {
    width: 100%;
    height: 30px;
    text-align: center;
}
.pagination li {
    display: inline-block;
}
.pagination li  a {
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    border: 1px solid #ccc;
    line-height: 28px;
    text-align: center;
    color: #333;
    margin: 0 2px;
}
.pagination li.active {
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 2px;
    background: #0f3f85;
    border: 1px solid #0f3f85;
    color: #fff;
}
.pagination li.disabled {
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 28px;
    border: 1px solid #ccc;
    line-height: 28px;
    text-align: center;
    color: #333;
    margin: 0 2px;
    background: #eee;
}

/*企业高管*/
.people {
    width: 770px;
    height: 210px;
    border-bottom: 2px solid #003f80;
    margin-top: 30px;
    z-index: 50;
    position: relative;
}
.people.odd {
    margin-top: -50px;
}
.p_name {
    width: 182px;
    height: 210px;
    background: #003f80;
}
.p_n_h1 {
    margin: 15px 25px 0 0;
}
.p_n_word {
    font-size: 50px;
    color: #fff;
    font-family: KaiTi;
}
.p_duty {
    margin-left: 20px;
}
.p_duty.odd {
    margin-left: 0px;
}
.p_d_h1 {
    color: #003f80;
    font-size: 32px;
    margin-top: 10px;
}
.p_d_h2 {
    color: #444;
    font-size: 24px;
    margin-top: 6px;
}
.a_description {
    z-index: 1;
    position: relative;
    margin-top: -40px;
    width: 800px;
    height: 400px;
    background: url(http://cdn.chuanglvjia.net/style/images/map.png) center no-repeat;
}
.a_d_words {
    padding-top: 40px;
    text-align: left;
}
.a_d_words p {
    font-size: 18px;
    line-height: 36px;
    color: #666;
    text-indent: 0;
}

/* timeline */
.timeline {
    background: url(http://cdn.chuanglvjia.net/style/images/map.png) center no-repeat;
    overflow: hidden;
    position: relative;
    height: 1px;
    margin: 40px auto;
}

.timeline .odd {
     width: 450px;
     height: 230px;
     background: url(/style/images/timecell-odd-bg2.png) no-repeat  80px 0;
 }

.timeline .odd-end {
    width: 450px;
    height: 140px;
    background: url(http://cdn.chuanglvjia.net/style/images/timecell-odd-end-bg.png) no-repeat  80px 0;
}
.timeline .even{
    width: 900px;
    height: 210px;
    background: url(/style/images/timecell-even-bg2.png) no-repeat 394px 0;
    margin-top: -22px;
}
.timeline .even-end{
    width: 900px;
    height: 140px;
    background: url(http://cdn.chuanglvjia.net/style/images/timecell-even-end-bg.png) no-repeat 394px 0;
    margin-top: -22px;
}

.timeline .odd  .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 95px;
    padding-top: 6px;
}
.timeline .odd  .time-h1 {
    font-size: 26px;
    width: 283px;
    color: #0c478b;
    margin: 10px 0 0 52px;
}
.timeline .odd  .time-words {
    margin-top: 1px;
    margin-left: 22px;
}
.timeline .odd .time-words p {
    font-size: 15px;
    color: #808080;
    line-height: 24px;
    width: 339px;
    text-indent: 0;
}

.timeline .even  .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 492px;
    padding-top: 6px;
}
.timeline .even  .time-h1 {
    font-size: 26px;
    width: 323px;
    color: #0c478b;
    margin: 10px 0 0 480px;
}
.timeline .even  .time-words {
    margin-top: 1px;
    margin-left: 452px;
}
.timeline .even .time-words p {
    font-size: 15px;
    text-indent: 0;
    color: #808080;
    width:340px ;
    line-height: 24px;
}

.timeline .odd-end  .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 95px;
    padding-top: 6px;
}
.timeline .odd-end  .time-h1 {
    font-size: 26px;
    color: #0c478b;
    margin: 10px 0 0 52px;
}
.timeline .odd-end  .time-words {
    margin-top: 1px;
    margin-left: 22px;
}
.timeline .odd-end .time-words p {
    font-size: 15px;
    color: #808080;
    line-height: 24px;
}


.timeline .even-end  .time-year {
    font-size: 32px;
    color: #fff;
    position: relative;
    margin-left: 492px;
    padding-top: 6px;
}
.timeline .even-end  .time-h1 {
    font-size: 26px;
    color: #0c478b;
    margin: 10px 0 0 480px;
}
.timeline .even-end  .time-words {
    margin-top: 1px;
    margin-left: 452px;
}
.timeline .even-end .time-words p {
    font-size: 15px;
    color: #808080;
    line-height: 24px;
}
.inside_title{text-align:center;color:#040000;}
.inside_title .cn{line-height:40px;font-size:32px;color:#333;}
.inside_title .en{display:inline-block;*display:inline;*zoom:1;height:33px;color:#666;line-height:33px;font-size:14px;position:relative; text-transform:uppercase;}
.inside_title .lineL,
.inside_title .lineR{width:30px;height:1px;background:#a9aaaa;font-size:0;position:absolute;left:-36px;top:16px;}
.inside_title .lineR{left:auto;right:-36px;}
.feedback{margin:70px 0;}
.feedback .main{margin:50px auto 0;width:700px;}
.feedback_text{border: 1px solid #c3c3c3;height: 43px;width: 310px;line-height:43px;}
.feedback_text span{display:block;width:60px;float:left;color:#333;text-align:center;}
.feedback_text .text{width:200px;height:43px;border:none;background:none;line-height:43px;color:#333;float:left;}
.feedback_text .tip{color:#bab9b9;}
.mrgB20{margin-bottom:20px;}
.textarea{width:698px;padding:10px;border: 1px solid #c3c3c3;color:#333;line-height:22px;height:100px;}
.feedback_code{border:none;}
.feedback_code .text{border: 1px solid #c3c3c3;width:80px;height:24px;line-height:24px;text-align:center;margin:10px 10px 0 0;}
.feedback_code span{text-align:left;}
.btn_submit{width:124px;height:38px;line-height:38px;text-align:center;color:#fff;border:none;background:#1d4a98}
.feedback_text.err,.feedback_code .text.err,.textarea.err{border:1px solid #d70128;}
.feedback_radio{line-height:22px;color:#333;}
.feedback_radio label{margin-right:20px;}
.feedback_radio input{margin-right:5px;}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 170px;
    z-index: 0;
}
.banner img {
    width: 100%;
}
.content {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}
.contit {
    text-align: center;
    position: relative;
    display: block;
}
.contit .btit {
    font-size: 30px;
    color: #333;
}
.contit .subtit {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    position: relative;
}
.content .detail {
    margin-top: 55px;
}

/*-------------------------------产品中心开始--------------------------------*/
.vcover {
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.vimg img{
    width: 100%;
    transition: all 1s ease;
}
.vcover:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 13px 0 rgba(0, 0, 0, 0.20),
    2px 0 13px 0 rgba(0, 0, 0, 0.20),
    0 3px 100px 0 rgba(0, 0, 0, 0.20);
}
.vimg:hover img{
    transform: scale(1.1);
}
.vicon-play {
    position: absolute;
    z-index: 55;
    left: 517px;
    top:226px;
}

.prolist {
    margin-top: 107px;
    position: relative;
    display: block;
    overflow: hidden;

}
.proitemlf {
    border: 1px solid #888;
    font-size: 0;
    display: block;
    overflow: hidden;
    background: url(../img/default/pro-mball2.png) center no-repeat;
    width: 482px;
    height: 655px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.proitemlf:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    0 3px 20px 0 rgba(0, 0, 0, 0.08) inset;
}


.proitemrt {
    width: 636px;
    position: relative;
    overflow: hidden;
}

.proitemcell {
    text-align: center;
}
.proitemcell .tit{
    color: #333;
    font-size: 16px;
    margin-top: 260px;
    position: relative;
}
.proitemcell .stit{
    color: #888;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
}
.proimg1,.proimg2,.proimg3,.proimg4,.proimg5,.proimg6,.proimg7{
    background: url(../img/default/proimg1.png) no-repeat 100px 40px;
    width: 317px;
    height: 327px;
    border: 1px solid #888;
    border-left: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.proimg1 {
    background: url(../img/default/proimg1.png) no-repeat 100px 40px;
}
.proimg2 {
    background: url(../img/default/proimg2.png) no-repeat 100px 40px;
}
.proimg3 {
    background: url(../img/default/proimg3.png) no-repeat 100px 40px;
}
.proimg4 {
    background: url(../img/default/proimg4.png) no-repeat 100px 40px;
}
.pro-knowdetail {
    display: none;
    position: relative;
    margin-left: 24px;
    width: 270px;
    height: 50px;
    margin-top: -50px;
    padding-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
}
.proitemcell:hover .pro-knowdetail {
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.proimg1:hover, .proimg2:hover, .proimg3:hover, .proimg4:hover{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    2px 0 15px 0 rgba(0, 0, 0, 0.08) inset,
    0 3px 20px 0 rgba(0, 0, 0, 0.08) inset;
}
/*视频容器*/
.cljv {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    display: none;
}
.cljv .v-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 700px;
    height: 400px;
    background-color: #000;
    margin: auto;
}
.cljv .v-new .close {
    position: absolute;
    right: 33px;
    top: 18px;
    width: 27px;
    height: 27px;
    background: url(../img/icons/icon-close.png) no-repeat center;
    cursor: pointer;
}

.nav-product {
    position: fixed;
    top:80px;
    left: 0;
    z-index: 996;
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.nav-prolist {
    height: 45px;
}
.nav-prolist li {
    display: inline-block;
    margin-right: 40px;
    line-height: 45px;
}
.nav-prolist li a {
    font-size: 14px;
    color: #aaa;
}
.nav-prolist li a:hover {
    color: #777;
}
.nav-prolist li a.active {
    color: #777;
}
.nav-proshop {
    margin-top: 12px;
    position: relative;
    vertical-align: middle;
    text-align: left;
}
.nav-proshop a {
    color: #aaa;
    font-size: 14px;
}
.proshopline {
    margin: 4px 10px;
}
.nav-proshop a:hover {
    color: #777;
}
.icon-jd {
    background: url(../img/icons/icon-jd.png) no-repeat center;
    width: 21px;
    height: 22px;
    margin-left: 8px;
    vertical-align: middle;
}
.nav-proshop a:hover .icon-jd {
    background: url(../img/icons/icon-jd-sel.png) no-repeat center;
}
.icon-tmall {
    background: url(../img/icons/icon-tmall.png) no-repeat center;
    width: 21px;
    height: 22px;
    margin-left: 8px;
    vertical-align: middle;
}
.nav-proshop a:hover .icon-tmall {
    background: url(../img/icons/icon-tmall-sel.png) no-repeat center;
}

.factorbg {
    background: url(../img/default/factorbg.png) center no-repeat;
    width: 100%;
    height: 800px;
}

.factortit {
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    margin-top: 80px;
}

.factorstit {
    font-size: 18px;
    font-weight: 100;
    color: #b1d8f7;
    width: 580px;
    word-break: break-all;
    overflow: hidden;
    margin-top: 66px;
    line-height: 38px;
}

.carprolist li {
    display: inline-block;
    margin-right: 136px;
    width: 450px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.carprolist li img {
    width: 450px;
}

.carprotit {
    color: #3e3e3e;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.carprodesc {
    margin-bottom: 15px;
    font-size: 16px;
    color: #666;
}

.barelf {
    width: 300px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #dedede;
    padding-top: 50px;
    font-size: 20px;
    color: #555;
}
.barelf div {
    margin-left: 70px;
}
.barert {
    width: 700px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #dedede;
    margin-left: 120px;
    padding-top: 50px;
}
.barert-item .tit {
    font-size: 16px;
    color: #555;
    margin-left: 30px;
    width: 180px;
}
.barert-item .stit {
    font-size: 14px;
    color: #919191;
    margin-left: 30px;
    width: 180px;
    margin-bottom: 90px;
    margin-top: 26px;
    line-height: 30px;
}

.barenotice {
    margin-left: 70px;
    font-size: 14px;
    color: #999;
}

.barenolist {
    margin-top: 35px;
    margin-bottom: 55px;
    margin-left: 70px;
}
.barenolist li {
    display: inline-block;
    margin-right: 80px;
}
.barenolist li .tit {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    text-align: center;
}

/*---------------产品中心副标题-------------------------*/
.newpro-nav {
    position: fixed;
    z-index: 666;
    left:0;
    top:-127px;
    width: 100%;
    background: rgba(255,255,255,0.78);
}
.newprolist {
    position: relative;
    height: 73px;
}
.newprolist img {
    vertical-align: middle;
}
.newprolist li {
    display: inline-block;
    margin-right: 30px;
    margin-top: 18px;
}
.newprolist li a {
    color: #555;
    font-size: 16px;
}
.newprolist li a:hover, .newprolist li a.active {
    color:  #2588d9;
}
.newprolist .newlogo {
    margin-right: 80px;
}
.newproshop {
    position: relative;
    height: 73px;
    line-height: 73px;
}
.newproshop div  {
    margin-left: 20px;
}
.newproshop img {
    vertical-align: middle;
}
.newproshop a {
    font-size: 14px;
    color: #777;
}
.newproshop a:hover {
    color: #2588d9;
}

/*----------------滚屏-----------------*/
.section {
    width: 100%;
    position: relative;
    z-index: 20;
    overflow: hidden;
}

.section1 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}
.section1 .btit , .section2 .btit, .section3 .btit, .section4 .btit {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fffefe;
    position: relative;
    margin-top: 180px;
    font-weight: 100;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.ballwords {
    width: 998px;
    margin: 5px auto;
    text-align: center;
    font-size: 18px;
    color: #ccc;
    position: relative;
    margin-top: 25px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.ballimg {
    position: absolute;
    bottom: -600px;
    left: 34%;
    transition: all 1s;
    width: 35%;
}
.ballimg img {
    width: 100%;
}
.ballimg2 {
    position: absolute;
    bottom: -600px;
    left: 34%;
    transition: all 1s;
    width: 32%;
}
.ballimg2 img {
    width: 100%;
}
.section2 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}

.colum2-3 {
    margin: 50px auto;
    width: 100%;
    text-align: center;
    position: relative;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.colum2-3 li {
    display: inline-block;
    width: 310px;
    border-right: 1px solid #999;
    padding: 0 40px;
}
.colum2-3 li:nth-child(3)
{
    border-right: none;
}
.colum2-3 .subtit {
    color: #fffefe;
    font-size: 20px;
    font-weight: 200;
}
.colum2-3 .subtit span {
    font-size: 40px;
}
.colum2-3 .subinfo {
    font-size: 16px;
    color: #ccc;
    width: 265px;
    overflow: hidden;
    word-break: break-all;
    line-height: 32px;
    margin-left: 22px;
    margin-top: 10px;
}

.section3 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}
.section4 {
    background: url(http://cdn.chuanglvjia.net/mball/default/mb-section1.png) no-repeat center #1e1e1e;
    width: 100%;
    height: 100%;
}
.mb-step {
    width: 100%;
    margin: 60px auto;
    text-align: center;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
    z-index: 30;
}
.mb-circle {
    position: absolute;
    width: 50%;
    left: 25%;
    z-index: 5;
    bottom: -600px;
    transition: all 1s;
}
.mb-circle img {
    width: 100%;
}
.mb-vertical-pic {
    position: absolute;
    width: 35%;
    left: 32%;
    z-index: 15;
    bottom: -600px;
    transition: all 1s;
}
.mb-vertical-pic img {
    width: 100%;
}
.mb-hand {
    position: absolute;
    width: 18%;
    left: 43%;
    bottom: -800px;
    z-index: 20;
    transition: all 1s;
}
.mb-hand img {
    width: 100%;
}
/*光触媒A*/
.cata-a-1 {
    width: 100%;
    height: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#e9e9e9) !important; /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #fff,  #e9e9e9) !important;        /* IE 10 */
    background:-moz-linear-gradient(top,#fff,#e9e9e9) !important;/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#e9e9e9)) !important;/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)) !important;      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #fff, #e9e9e9) !important;   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #fff, #e9e9e9) !important;  /*Opera 11.10+*/
}
.catatit {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #888;
    position: relative;
    margin-top: 180px;
    font-weight: 100;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.7s;
}
.catapic1 {
    width: 30.5%;
    position: absolute;
    bottom: 0;
    left: -30%;
    z-index: 20;
    transition: all 1s;
}

.catapic1 img {
    width: 100%;
}
.catapic2 {
    width: 32%;
    position: absolute;
    bottom: -4%;
    left: 138%;
    z-index: 20;
    transition: all 1s;
}

.catapic2 img {
    width: 100%;
}

.cata-a-2 {
    width: 100%;
    height: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fff,endColorStr=#e9e9e9) !important; /*IE 6 7 8*/
    background: -ms-linear-gradient(left, #fff,  #e9e9e9) !important;        /* IE 10 */
    background:-moz-linear-gradient(left,#fff,#e9e9e9) !important;/*火狐*/
    background:-webkit-gradient(linear, 100% 0%, 0% 0%,from(#fff), to(#e9e9e9)) !important;/*谷歌*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#fff), to(#e9e9e9)) !important;      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #fff, #e9e9e9) !important;   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #fff, #e9e9e9) !important;  /*Opera 11.10+*/
}
.big-cataimg {
    width: 36%;
    position: absolute;
    top: 16%;
    left: 250%;
    z-index: 20;
    transition: all 1s;
}
.big-cataimg img {
    width: 100%;
}
.cata2-instruct {
    position: absolute;
    left: -125%;
    top: 23%;
    transition: all 1s;
}

.cata2-instruct li {
    font-size: 20px;
    font-weight: 100;
    color: #888;
    list-style: disc;
    margin-bottom: 40px;
}
.cata2-instruct li.cata-tit {
    font-size: 40px;
    list-style: none;
    margin-bottom: 50px;
}

.cata-a-3 {
    width: 100%;
    height: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#e9e9e9,endColorStr=#fff) !important; /*IE 6 7 8*/
    background: -ms-linear-gradient(left, #e9e9e9,  #fff) !important;        /* IE 10 */
    background:-moz-linear-gradient(left,#e9e9e9,#fff) !important;/*火狐*/
    background:-webkit-gradient(linear, 100% 0%, 0% 0%,from(#e9e9e9), to(#fff)) !important;/*谷歌*/
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#e9e9e9), to(#fff)) !important;      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #e9e9e9, #fff) !important;   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #e9e9e9, #fff) !important;  /*Opera 11.10+*/
}

.cata3-img {
    position: absolute;
    left: -66%;
    top: 16%;
    transition: all 1s;
    width: 36%;
}

.cata3-img img {
    width: 100%;
}
.cata3-instruct {
    position: absolute;
    left: -140%;
    top:20%;
    transition: all 1s;
}

.cata3-instruct li {
    font-size: 22px;
    font-weight: 100;
    color: #888;
    margin-bottom: 60px;
}

.cata3-instruct li.cata-tit {
    font-size: 40px;
    list-style: none;
    margin-bottom: 50px;
}

.cata3-bt {
    text-align: center;
    width: 100px;
    padding: 0 10px;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    line-height: 22px;
}
.cata3-st {
    margin-top: 30px;
    font-size: 16px;
}


/*--动画-----*/
.active .btit, .active .ballwords, .active .colum2-3, .active .mb-step, .active .catatit  {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.6s;
}
.active .ballimg {
    bottom: -2%;
    transition-delay: 0.7s;
}
.active .ballimg2 {
    bottom: -2%;
    transition-delay: 0.7s;
}
.active .mb-hand {
    bottom: -4%;
    transition-delay: 1.3s;

}
.active .mb-vertical-pic {
    bottom: -3%;
    transition-delay: 1s;
}
.active .mb-circle {
    bottom: -4%;
    transition-delay: 0.7s;
}
.active .catapic2 {
    left: 38%;
    transition-delay: 0.7s;
}
.active .catapic1 {
    left: 30%;
    transition-delay: 0.7s;
}
.active .big-cataimg {
    left: 53%;
    transition-delay: 0.7s;
}
.active .cata2-instruct {
    left: 18%;
    transition-delay: 0.7s;
}
.active .cata3-instruct {
    left: 45%;
    transition-delay: 0.7s;
}
.active .cata3-img {
    left: 6%;
    transition-delay: 0.7s;
}


/*---------------动画结束----------------*/
/*-----导航按钮重写样式----------*/
#fp-nav ul li, .fp-slidesNav ul li {
    margin: 15px !important;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    height: 12px !important;
    width: 12px !important;
    border: 0 !important;
    margin: 0 !important;
    background: url(../img/icons/cata-icon.png) center no-repeat;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    background: url(../img/icons/cata-icon-sel.png) center no-repeat;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    background: url(../img/icons/cata-icon-sel.png) center no-repeat;
}

.detection1{
    background: #2588d9;
    display: block;
    position: relative;
    margin-top: -56px;
    z-index: 33;
}
.deitem {
    width: 372px;
    height: 190px;
    position: relative;
    display: block;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.deitem:hover, .deitem.on {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.deline {
    margin-top: 40px;
}
.deicon {
    margin-top: 20px;
}
.deitem:hover .detit,.deitem.on .detit {
    color: #2588d9;
}
.detit {
    margin-top: 24px;
    color: #fff;
    font-size: 18px;
}
.destit {
    margin-top: 12px;
    font-size: 12px;
    color: #9cd3ff;
}
.deitem:hover .detest, .deitem.on .detest {
    background: url(../img/icons/icon-de-test-sel.png) center no-repeat;
}
.deitem:hover .deindoor, .deitem.on .deindoor {
    background: url(../img/icons/icon-de-indoor-sel.png) center no-repeat;
}
.deitem:hover .decar, .deitem.on .decar {
    background: url(../img/icons/icon-de-car-sel.png) center no-repeat;
}
.detest {
    background: url(../img/icons/icon-de-test.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.deindoor {
    background: url(../img/icons/icon-de-indoor.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}
.decar {
    background: url(../img/icons/icon-de-car.png) center no-repeat;
    background-size: 65px;
    width: 65px;
    height: 65px;
}

.decell {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell:hover {
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell:nth-child(4)
{
    margin-right: 0;
}
.decimg {
    width: 100%;
}
.aboutimg .decimg img {
    width: 276px;
    height: 268px;
}
.decell:hover .dectit {
    color: #333;
    border-bottom: 2px solid #2588d9;
}
.dectit {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
    width: 40px;
}
.decell:hover .decstit {
    color: #888;
}
.decstit {
    margin-top: 5px;
    font-size: 15px;
    color: #9ed3ff;
    margin-left: 15px;
}
.detectwrap {
    height: 620px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    position: relative;
    display: block;
    padding-top: 70px;
}
.detectinfo {
    margin-left: 70px;
    width: 488px;
    position: relative;
    display: block;
    word-break: break-all;
    overflow: hidden;
    color: #888;
    font-size: 18px;
    line-height: 36px;
}
.detectinfo i {
    color: #2588d9;
    font-size: 44px;
    background: none;
}
.de-equipment {
    margin-bottom: 60px;
    margin-right: 22px;
    font-size: 16px;
    color: #666;
}
.de-equipment:nth-child(3) {
    margin-right: 0;
}
.de-equipment:hover .deqpimg {
    border: none;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-equipment .deqpimg {
    border: 1px solid #ccc;
    width: 356px;
    height: 252px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-equipment .deqpimg img {
    margin-top: 25px;
    width: 306px;
    height: 194px;
}

.airservicebg {
    background: url(../img/default/airservice-bg.png) center no-repeat;
    background-size: 100% 620px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 480px;
}

.de-processlist {
    position: relative;
}
.de-processlist li {
    display: inline-block;
    margin-right: 32px;
    cursor: pointer;
}
.de-processlist li:nth-child(6) {
    margin-right: 0;
}
.de-processlist .de-process1,.de-processlist .de-process2,.de-processlist .de-process3,.de-processlist .de-process4,.de-processlist .de-process5,.de-processlist .de-process6 {
    background-size: 157px 189px;
    width: 157px;
    height: 189px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.de-processlist li:hover .de-process1 {
    background: url(../img/default/de-process1-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process2 {
    background: url(../img/default/de-process2-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process3 {
    background: url(../img/default/de-process3-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process4 {
    background: url(../img/default/de-process4-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process5 {
    background: url(../img/default/de-process5-sel.png) center no-repeat;
}
.de-processlist li:hover .de-process6 {
    background: url(../img/default/de-process6-sel.png) center no-repeat;
}
.de-processlist .de-process1 {
    background: url(../img/default/de-process1.png) center no-repeat;
}
.de-processlist .de-process2 {
    background: url(../img/default/de-process2.png) center no-repeat;
}
.de-processlist .de-process3 {
    background: url(../img/default/de-process3.png) center no-repeat;
}
.de-processlist .de-process4 {
    background: url(../img/default/de-process4.png) center no-repeat;
}
.de-processlist .de-process5 {
    background: url(../img/default/de-process5.png) center no-repeat;
}
.de-processlist .de-process6 {
    background: url(../img/default/de-process6.png) center no-repeat;
}
.de-assets {
    width: 1120px;
    position: relative;
    display: block;
    height: 380px;
    background: #2588d9;
    margin: 0 auto;
    margin-top: -90px;
}

.deasset-item {
    width: 462px;
}
.deasset-itemtit {
    margin-top: 50px;
    font-size: 30px;
    color: #fff;
    margin-left: 50px;
}
.deasset-itemline {
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    width: 460px;
    word-break: break-all;
    overflow: hidden;
    position: relative;
    display: block;
}
.deasset-itemstit {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    margin-top: 6px;
}
.deasset-itemtips {
    margin-top: 45px;
    color: #fff;
    margin-left: 50px;
    font-size: 14px;
    line-height: 24px;
}
.deasset-itembtn {
    margin-top: 40px;
}
.deasset-itembtn a {
    font-size: 16px;
    color: #fff;
    margin-left: 50px;
    text-align: center;
    border: 1px solid #fff;
    padding: 9px 37px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.deasset-itembtn a:hover {
    color: #2588d9;
    background: #fff;
    margin-left: 50px;
    border: 1px solid #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.deasset-img {
    margin-right: 60px;
    position: relative;
    display: block;
    margin-top: -60px;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    font-size: 0;
}

.detail .desc {
    text-align: center;
    font-size: 16px;
    color: #888;
}

.detail .desc div {
    position: relative;
    margin-bottom: 15px;
}
.conbottom {
    margin: 0px auto;
    margin-top: 70px;
    text-align: center;
    position: relative;
    width: 190px;
    height: 50px;
}
.conbottom .conbtn {
    border: 1px solid #999;
    color: #666;
    font-size: 16px;
    padding: 14px 62px;
}
.conbottom .conbtn:before {
    content: "";position: absolute;top: -15px;left: 0px;height: 100%;width: 0px;z-index: -1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;
}
.conbottom .conbtn:hover:before{
    width: 100%;background-color: #2588d9;
}
.conbottom .conbtn:hover {
    border: 1px solid #2588d9;
    color: #fff;
}
.aboutbluebg {
    width: 100%;
    height: 220px;
    background: #2588d9;
    margin-top: -200px;
    z-index: -66;
}
.detestimg {
    text-align: center;
    margin-top: 40px;
    position: relative;
    display: block;
}
.detestimg img {
    width: 828px;
}
.decell2 {
    width: 276px;
    height: 364px;
    position: relative;
    display: block;
    margin-right: 6px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.decell2:hover {
    background: #2588d9;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.decell2:nth-child(4)
{
    margin-right: 0;
}
.decimg2 {
    width: 100%;
}
.aboutimg .decimg2 img {
    width: 276px;
    height: 268px;
}
.decell2:hover .dectit2 {
    color: #fff;
}
.dectit2 {
    color: #333;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 15px;
    padding-bottom: 8px;
}
.decell2:hover .decstit2 {
    color: #fff;
}
.decstit2 {
    margin-top: 5px;
    font-size: 14px;
    color: #888;
    margin-left: 15px;
}
.decell2:hover .decnum1,.decell2:hover .decnum2,.decell2:hover .decnum3,.decell2:hover .decnum4{
    background-size: 100px 43px;
    width: 100px;
    height: 43px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.decell2:hover .decnum1{
    background: url(../img/icons/de-num1.png) no-repeat center;
}
.decell2:hover .decnum2{
    background: url(../img/icons/de-num2.png) no-repeat center;
}
.decell2:hover .decnum3{
    background: url(../img/icons/de-num3.png) no-repeat center;
}
.decell2:hover .decnum4{
    background: url(../img/icons/de-num4.png) no-repeat center;
}

.de-gas-list li {
    width: 562px;
    height: 92px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-gas-list li:nth-child(4)
{
    margin-bottom: 0;
}
.de-gas-list li a .tit {
    font-size: 22px;
    color: #666;
    width: 80px;
    text-align: center;
    height: 40px;
    margin-top: 25px;
    border-right: 1px solid #ccc;
    line-height: 40px;
}
.de-gas-list li a .minicell {
    margin-left: 15px;
    line-height: 25px;
    margin-top: 20px;
}
.de-gas-list li a .minicell .stit, .de-gas-list li a .minicell .words {
    font-size: 12px;
    color: #888;
}
.de-gas-list li:hover {
    background: #2588d9;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}
.de-gas-list li:hover a .tit {
    border-right: 1px solid #fff;
}
.de-gas-list li:hover a .tit,.de-gas-list li:hover a .minicell .stit, .de-gas-list li:hover a .minicell .words
{
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.de-stand-tit {
    font-size: 24px;
    color: #333;
}
.de-stand-words {
    font-size: 15px;
    color: #888;
    line-height: 25px;
    margin-bottom: 30px;
}

.de-zysb {
    width: 100%;
    display: block;
    position: relative;
}
.de-zysb li{
    width: 338px;
    height: 313px;
    background: none;
    margin-right: 8px;
    padding: 15px;
    text-align: center;
    float: left;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.de-zysb li:nth-child(3)
{
    margin-right: 0;
}
.zysbline,.zysbimg,.zysbtit {
    margin-bottom: 12px;
}
.zysbtit {
    font-size: 18px;
    color: #666;
}
.de-zysb li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.deindp li{
    width: 545px;
    height: 152px;
    float: left;
    position: relative;
    background: #f1f1f1;
    margin-right: 30px;
    margin-bottom: 40px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;

}
.deindp li:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: #2588d9;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    top:-8px;
}
.deindp li:nth-child(2),.deindp li:nth-child(4),.deindp li:nth-child(6) {
    margin-right: 0;
}
.iconservice,.iconhome,.icontruck,.iconbottle,.iconfile,.iconpenciel {
    background: url(../img/icons/icon-de-service.png) no-repeat center;
    background-size: 145px 100px;
    width: 145px;
    height: 100px;
}
.iconservice {
    background: url(../img/icons/icon-de-service.png) no-repeat center;
}
.iconhome {
    background: url(../img/icons/icon-de-home.png) no-repeat center;
}
.icontruck {
    background: url(../img/icons/icon-de-truck.png) no-repeat center;
}
.iconbottle {
    background: url(../img/icons/icon-de-bottle.png) no-repeat center;
}
.iconfile {
    background: url(../img/icons/icon-de-file.png) no-repeat center;
}
.iconpenciel {
    background: url(../img/icons/icon-de-penciel.png) no-repeat center;
}
.deindp li:hover .iconservice {
    background: url(../img/icons/icon-de-service-sel.png) no-repeat center;
}
.deindp li:hover .iconhome {
    background: url(../img/icons/icon-de-home-sel.png) no-repeat center;
}
.deindp li:hover .icontruck {
    background: url(../img/icons/icon-de-truck-sel.png) no-repeat center;
}
.deindp li:hover .iconbottle {
    background: url(../img/icons/icon-de-bottle-sel.png) no-repeat center;
}
.deindp li:hover .iconfile {
    background: url(../img/icons/icon-de-file-sel.png) no-repeat center;
}
.deindp li:hover .iconpenciel {
    background: url(../img/icons/icon-de-penciel-sel.png) no-repeat center;
}
.indpinfo {
    width: 325px;
    word-break: break-all;
    position: relative;
    margin-left: 45px;
}
.indpinfo .tit{
    font-size: 22px;
    color: #666;
    margin-top: 30px;
}
.iconline {
    background: url(../img/icons/icon-de-greyline.png) no-repeat center;
    background-size: 46px 1px;
    width: 46px;
    height: 1px;
}
.deindp li:hover .iconline {
    background: url(../img/icons/icon-de-whiteline.png) no-repeat center;
}
.indpinfo .des {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    line-height: 22px;
}
.deindp li:hover .tit, .deindp li:hover .des{
    color: #fff;
}

.preparebg {
    background: url(../img/default/preparebg.png) no-repeat center;
    width: 100%;
    height: 666px;
}

.depreparelists li{
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 55px;
    margin-bottom: 60px;
}
.preparetit {
    color: #2588d9;
    font-size: 30px;
    height: 55px;
    border-left: 1px solid #2588d9;
    width: 80px;
    text-align: center;
    line-height: 55px;
}
.preparecont {
    width: 342px;
    line-height: 20px;
    margin-top: 13px;
}



/*--------------------------- 优特派尔新增 -------------------------------------*/
.pro-utp {
    margin-top: 90px;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.puimg img{
    width: 100%;
    transition: all 1s ease;
    z-index: -1;
}
.pro-utp:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.puimg:hover img {
    transform: scale(1.05);
}
.pu-btn {
    display: inline-block;
    width: 169px;
    height: 49px;
    color: #2588d9;
    font-size: 19px;
    border: 1px #2588d9 solid;
    background: transparent;
    border-radius: 24px;
    position: absolute;
    z-index: 60;
    right: 0;
    margin-top: 470px;
    margin-right: 170px;
    cursor: pointer;
    transition: all 1s ease;
}

.pro-utp:hover .pu-btn {
    background: #2588d9;
    color: #fff;
}

/*---------------- 详细页 -----------------*/
.big-container{
    width: 1200px;
    margin: 0 auto;
}
.utbig-container {
    width: 1270px;
    margin: 0 auto;
    position: relative;
}
.ut-container {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}
.utbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 170px;
}
.utbanner_nomargin {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ut1bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut1-bg-new.png) right no-repeat #f0f0f0;
    width: 100%;
    height: 840px;
}
.ut1-blue {
    width: 100%;
    height: 288px;
    background-color: rgba(25, 87, 203, 0.74);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.ut1-title {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut1_new.png) no-repeat left;
    width: 435px;
    height: 325px;
    position: relative;
    margin-top: 190px;
}
.ut1-pro {
    z-index: 12;
    position: absolute;
    margin-top: -275px;
    margin-left: 465px;
}
.ut1-link {
    position: relative;
    margin-top: 35px;
}
.ut1-link a {
    width: 226px;
    height: 56px;
    background-color: #fff;
    display: inline-block;
    color: #3e68ba;
    font-size: 25px;
    border-radius: 30px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 56px;
    font-weight: 300;
}
.ut1-link a i {
    margin-left: 25px;
    font-size: 30px;
    transition: 0.3s all ease;
}
.ut2bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut4.png) no-repeat center #fff;
    width: 100%;
    height: 825px;
}
.ut2img {
    display: block;
    margin-top: 40px;
}
.ut3bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut7.png) no-repeat center #eee;
    width: 100%;
    height: 642px;
}
.ut3-title {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut5.png) no-repeat left;
    width: 475px;
    height: 358px;
    position: relative;
    padding-top: 180px;
}
.ut3-pro {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut6.png) no-repeat left;
    width: 599px;
    height: 690px;
    position: absolute;
    margin-left: 665px;
    margin-top: -388px;
    z-index: 888;
}
.ut34br {
    background: #ccd5db;
    width: 100%;
    height: 210px;
}
.ut4bg {
    background: #ccd5db;
    width: 100%;
    height: 930px;
}
.ut4img-1, .ut4img-2, .ut4img-3 {
    margin: 0 auto;
    display: block;
}
.ut4img-2 {
    margin-top: 20px;
}
.ut4img-3 {
    margin-top: 30px;
}
.ut5bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut12.png) no-repeat center #eee;
    width: 100%;
    height: 816px;
}
.ut5img1 {
    margin-top: 100px;
}
.ut5img2 {
    margin-left: 25px;
    margin-top: 50px;
}
.ut6bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut16.png) no-repeat center #eee;
    width: 100%;
    height: 1023px;
}
.ut6img-1, .ut6img-2 {
    margin: 0 auto;
    display: block;
}
.ut6img-1 {
    margin-top: 60px;
}
.ut6img-2 {
    margin-top: 50px;
}
.ut7bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut19.png) no-repeat center #eee;
    width: 100%;
    height: 795px;
}
.ut7img-1, .ut7img-2 {
    margin: 0 auto;
    display: block;
}
.ut7img-1 {
    margin-top: 70px;
}
.ut7img-2 {
    margin-top: 60px;
}
.ut7bg-nav {
    background: #363432;
    height: 195px;
    width: 100%;
}
.ut7-list li {
    float: left;
    width: 280px;
    height: 195px;
    border-left: 1px solid #dbd2c8;
    text-align: center;
}
.ut7-list li:nth-child(4) {
    border-right: 1px solid #dbd2c8;
}
.ut7l-tit {
    color: #e0c8ac;
    font-size: 22px;
    font-weight: 200;
    margin-top: 40px;
}
.ut7l-des {
    margin: 0 auto;
    width: 200px;
    overflow: hidden;
    word-break: break-all;
    color: #b9b4b2;
    font-size: 14px;
    font-weight: 200;
    margin-top: 20px;
    line-height: 28px;
}
.ut8bg {
    background: url(http://cdn.chuanglvjia.net/cn/utpure/ut20-silver.png) no-repeat center #eee;
    width: 100%;
    height: 960px;
}
.ut8img {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 180px;
    margin-left: -210px;
    z-index: 0;
}
.ut8-btn {
    width: 220px;
    margin-left: 992px;
    margin-top: -280px;
    position: relative;
    z-index: 666;
}
.ut8-btn a {
    width: 60px;
    height: 150px;
    display: inline-block;
    z-index: 666;
}
.ut9bg {
    background: #fff;
    width: 100%;
    height: 860px;
}
.ut9-proinfo {
    display: block;
    margin: 0 auto;
    margin-top: 125px;
}


.direct-word {
    font-size: 40px;
    color: #666;
    font-weight: 100;
    margin-bottom: 50px;
}
.direct-cont {
    font-size: 18px;
    color: #999;
    word-break: break-all;
    overflow: hidden;
    margin-top: 20px;
}



.video_des {
    width: 170px;
    height: 400px;
    background: #ccc;
    overflow: hidden;
    margin-top: 20px;
}
.video_des .caption {
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.video_des_detail {
    width: 170px;
    height: 320px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 30px;
    text-indent: 16px;
    font-size: 12px;
    color: #555;
    line-height: 24px;
}

/* video */
#video{padding:20px 10px 100px;}
#video .videoContainer{
    margin:20px 0px 52px 0px;
    width:940px;
    height:439px;
    background:#f0edcc;
}
#video .playerContainer{
    float:left;
    width:780px;
    height:439px;
}
#video #player{margin:0 auto;}
#video #player img{width:100%;}
#video .caption{
    float:left;
    width:160px;
    padding:23px 21px;
}
#video .caption h6{
    font-weight: normal;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;
    color: #333;
    width: 255px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#video .caption p{
    font-size:12px;
    line-height:20px;
}
#video .caption p:last-child{margin-bottom:0px;}

#video .clip{
    width:260px;
    float:left;
    margin:0px 10px 35px 0px;
    min-height:200px;
}
#video .clip .imgWrapper{
    width:100%;
    position:relative;
}
#video .clip .imgWrapper .mask{position:absolute;}
#video .clip img{width:260px;height: 155px;}

#video .clip .caption{
    float:none;
    width:100%;
    padding:0px 0px;
}
#video .clip img{margin-bottom:8px;}
#video .clip .caption h1{font-weight:bold;}
#video .videoList{padding-bottom:85px;}


#willesPlay .playContent {
    background: #000;
}


.sitemap {
    float: left;
    margin-top: 3px;
    margin-right: 15px;
}


.logo_l_word img {
    position: relative;
    margin-top: 32px !important;
    margin-left: 20px;
}