@charset "utf-8";
/* CSS Document */

body{
    line-height: 1.7;
}
h1, h2, h3{
    line-height: normal;
}
p{
    padding: 0;
}
input,button,select,textarea{outline:none}
em,i{
    font-style: normal;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}

/*----- header -----*/
header{
    height: 96px;
}
header a{
    float:left;
}
header a img{
    width: 340px;
    height: 96px;
}
header .header-ul{
    float: left;
    margin-left: 40px;
    margin-right: 15px;
}
header .header-ul li{
    float: left;
}
header .header-ul li a{
    display: block;
    padding: 0 20px;
    height: 96px;
    line-height: 96px;
    font-size: 16px;
    color: #333;
    transition: color 0.5s;
}
header .header-ul li a:hover{
    color: #0058cf;
}
header .srch{
    width: 157px;
    height: 30px;
    background: url(../img/search02.png) no-repeat center;
    margin: 33px 0 0 0;
}
header .srch .search{
    font-size: 12px;
    height: 12px;
    color: #000;
    width: 112px;
    line-height: 13px;
    padding: 7px 0 6px;
    margin: 1px 0 0 12px;
    border: 1px solid transparent;
}
header .srch i{
    width: 16px;
    height: 16px;
    background: url(../img/search01.png) no-repeat center;
    top: 7px;
    right: 14px;
}
header .srch i:hover{
    cursor: pointer;
}

/*----- welcome -----*/
/*----- banner -----*/
.slideBox{
    /*height: 694px;*/
    overflow: hidden;
    position: relative;
}
.slideBox .bd{
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox .bd li{
    zoom: 1;
    vertical-align: middle;
}
.slideBox .bd img{
    width: 100%;
    display: block;
}

.wrap-a{
    position: absolute;
    bottom: 177px;
}
.slideBox .prev,
.slideBox .next{
    float: left;
    width: 45px;
    height: 45px;
}
.slideBox .prev{
    background: url(../img/chg_arrows01.jpg) no-repeat left bottom;
    margin-right: 15px;
}
.slideBox .next{
    background: url(../img/chg_arrows02.jpg) no-repeat left bottom;
}
.slideBox .prev:hover,
.slideBox .next:hover{
    background-position: left top;
}
.show{
    margin-top: 50px;
}
.show .show-ul{
    padding-bottom: 55px;
}
.show .show-ul li{
    float: left;
    margin-right: 1px;
}
.show-ul li a{
    display: block;
    overflow: hidden;
}
.show-ul li a .parcel{
    width: 299px;
    height: 220px;
    overflow: hidden;
}
.show-ul li a img{
    display: block;
    width: 299px;
    height: 220px;
    transition: transform 0.5s;
}
.show-ul li a .txt-part{
    width: 255px;
}
.show-ul li a h3{
    font-size: 18px;
    color: #333;
    margin: 26px 0 12px 0;
}
.show-ul li a p{
    font-size: 13px;
    color: #858585;
    margin-bottom: 20px;
}
.show-ul li a i{
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/circle01.png) no-repeat left bottom;
}
.show-ul li a:hover img{
    transform: scale(1.1);
}
.show-ul li a:hover h3,
.show-ul li a:hover p{
    color: #1a5fc1;
}
.show-ul li a:hover i{
    background-position: left top;
}
.new{
    width: 100%;
    padding: 157px 0 78px 0;
    background: url(../img/message_bak01.png) no-repeat center;
}
.new .news-a{
    display: block;
    width: 170px;
    height: 60px;
    left: 50%;
    top: 66px;
    margin-left: -85px;

}
.new .w1210{
    width: 1210px;
    margin: 0 auto;
}
.new .new-ul{
    width: 1210px;
    margin: 0 auto;
    padding: 0 0 0 5px;
}
.new .new-ul li{
    float: left;
    margin-right: 20px;
    height: 304px;
    overflow: hidden;
    box-shadow: 0 3px 3px rgba(215,215,215,0.3);
}
.new .new-ul li a{
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}
.new-ul li a .img{
    width: 285px;
}
.new-ul li a .h124{
    height: 124px;
    overflow: hidden;
}
.new-ul li .img img{
    width: 285px;
    height: 180px;
}
.new-ul li a .new-txt-part{
    background: #fff;
    padding: 18px 0 25px 0;
    z-index: 0;
}
.new-ul li .new-txt-part p{
    padding-left: 24px;
}
.new-ul li .new-txt-part .date-fir{
    color: #919191;
    margin-bottom: 4px;
}
.new-ul li .new-txt-part .text-p,
.new-ul li .new-txt-part .date-sec{
    font-size: 14px;
    color: #333;
}
.new-ul li .new-txt-part .date-sec{
    margin-bottom: 13px;
}
.new-ul li .new-txt-part .date-thr{
    font-size: 14px;
    color: #fff;
    visibility: hidden;
}
.new-ul .new-txt-part .date-thr span{
    float: left;
}
.new-ul .new-txt-part .date-thr i{
    float: left;
    width: 21px;
    height: 21px;
    background: url(../img/circle02.png) no-repeat center;
    margin-left:10px;
}
.new-ul li:hover a .new-txt-part{
    z-index: 3;
    background: #1A5FC1;
}
.new-ul li:hover a .date-fir{
    color: #5d90d8;
}
.new-ul li:hover a .text-p,
.new-ul li:hover a .date-sec{
    color: #fff;
}
.new-ul li:hover .new-txt-part .date-thr{
    visibility: visible;
}
.year{

}
.year .w1200{
    padding: 40px 0;
}
.year .year-ul li{
    float: left;
    width: 33%;
    height: 120px;
    border-right: 1px solid #E8E8E8;
}
.year .year-ul li h2{
    font-size: 18px;
    color: #333;
    margin: -9px 0 8px 0;
}
.year .year-ul li h2 b{
    font-size: 60px;
    font-family: arial;
}
.year .year-ul li p{
    font-size: 13px;
    color: #666;
}
.year .year-ul .li-fir h2{
    text-indent: 45px;
}
.year .year-ul .li-fir .last-p{
    text-indent: 68px;
}
.year .year-ul .li-sec{
    text-align: center;
}

.year .year-ul .li-thr{
    text-align: right;
}
.year .year-ul .li-thr h2{
    padding-right: 55px;
}
.year .year-ul .li-thr .firt-p{
    padding-right: 25px;
}
.year .year-ul .li-thr .last-p{
    padding-right: 96px;
}

/*----- 鍙戝睍鍘嗙▼ -----*/
.bans{
    height: 348px;
    min-width: 1200px;
}
/*.banner-a{
    background: url(../img/contents/bans01.jpg) no-repeat center;
}
.banner-b{
    background: url(../img/contents/bans02.jpg) no-repeat center;
}
.banner-c{
    background: url(../img/contents/bans03.jpg) no-repeat center;
}
.banner-d{
    background: url(../img/contents/bans04.jpg) no-repeat center;
}
.banner-e{
    background: url(../img/contents/bans05.jpg) no-repeat center;
}*/
.bans .crumbs{
    width: 100%;
    height: 100%;
    z-index: 3;
    color: #fff;
}
.crumbs .tit{
    float: left;
    left: 0;
    margin-top: 153px;
}
.crumbs .tit .line-hor{
    width: 55px;
    height: 3px;
    background-color: #f3f3f3;
    margin-bottom: 5px;
}
.crumbs .tit h3{
    font-size: 36px;
    color: #f3f3f3;
    margin-bottom: 5px;
}
.crumbs .tit p{
    font-size: 24px;
    color: #f3f3f3;
} 
.crumbs .on .line-hor{
    background-color: #014FB9;
}
.crumbs .on h3{
    color: #014FB9;
}
.crumbs .on p{
    color: #014FB9;
}


.bans .crumbs .crumbs-div{
    margin-top: 314px;
}
.bans .crumbs a{
    color: #fff;
}
.bans .crumbs a:hover{
    color: #0058cf;
}
.bans .crumbs span{
    margin: 0 6px;
}
.group{
    background: #F5F5F5;
}
.group .w1200{
    padding: 32px 0 76px 0;
}
.group .create-pdbot{
    padding: 32px 0 116px 0;
}
.broadside-nav{
    width: 240px;
    min-height: 560px;
}
.broadside-nav > p{
    width: 100%;
    height: 62px;
    line-height: 62px;
    background: #2268BB;
    text-indent: 30px;
    font-size: 20px;
    color: #f3f3f3;
}
.broadside-nav .broadside-ul{
    width: 100%;
    margin-top: 2px;
}
.broadside-nav .broadside-ul li{
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
}

.broadside-nav .broadside-ul li .on a{
    color: #035cac;
}

.broadside-ul li a{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #fff;
    font-size: 14px;
    color: #333;
}
.broadside-ul li:hover a{
    color: #1a5fc1;
}
.broadside-ul li:hover a i{
    background: #fff url(../img/sm_arrows.png) no-repeat left top;
}
.broadside-ul li a.ad-color{
    color: #1a5fc1;
}
.broadside-ul li a.ad-color i{
    background: #fff url(../img/sm_arrows.png) no-repeat left top;
}
.broadside-ul li a i{
    float: left;
    width: 5px;
    height: 8px;
    background: #fff url(../img/sm_arrows.png) no-repeat left bottom;
    margin: 20px 16px 0 30px;
}
.broadside-nav .so-far{
    width: 100%;
    margin: 28px 0 10px;

}
.broadside-nav .so-far a{
    display: block;
    width: 100%;
    background: url(../img/contents/hitherto.jpg) no-repeat center;
    padding: 17px 0 24px;
}
.broadside-nav .so-far p{
    padding-left: 23px;
    color: #fff;
}
.broadside-nav .so-far .p-fir{
    font-size: 24px;
}
.broadside-nav .so-far .p-sec{
    font-size: 14px;
    margin-top: -4px;
}
.broadside-nav .responsibility{
    width: 100%;
}
.broadside-nav .responsibility a{
    display: block;
    width: 100%;
    background: url(../img/contents/duty.jpg) no-repeat center;
    padding: 20px 0 24px;
}
.broadside-nav .responsibility p{
    color: #fff;
    text-align: right;
    padding-right: 20px;
}
.broadside-nav .responsibility .p-a{
    font-size: 22px;
    margin-top: -2px;
}
.broadside-nav .responsibility .p-b,
.broadside-nav .responsibility .p-c{
    font-size: 13px;
}
.broadside-nav .responsibility .p-c{
    margin-top: -5px;
}
.group .pullulate{
    width: 930px;
    margin-left: 30px;
}
.group .parcel-pullulate{
    padding: 29px 38px;
    background: #fff;
    margin-bottom: 8px;
}
.group .bloc h3{
    font-size: 30px;
    color: #333;
    padding: 0 0 15px 0;
    border-bottom: 2px solid #E6E6E6;
}
.group .founder h3{
    font-size: 24px;
    color: #333;
    padding: 0 0 15px 0;
}
.group .founder h3 i{
    left: 0;
    bottom: 0;
    width: 118px;
    height: 3px;
    background: #002251;
}
.group .develop-content{
    background: url(../img/contents/develop_bak.png) no-repeat left 88px;
    padding: 52px 0 30px 0;
}
.develop-content .vertical-line{
    left: 425px;
    top: 75px;
    z-index: 3;
    height: 775px;
    border-right: 1px solid #E6E6E6;
}
.develop-content ul{
    position: relative;
    z-index: 3;       /*绔栫嚎澶勪簬搴曞眰*/
    width: 300px;
}
.develop-content .develop-ul-fir li{
    margin: 0 0 72px 0;
}
.develop-content .develop-ul-sec li{
    margin: 0 0 33px 0;
}
.develop-content ul li a{
    display: block;
}
.develop-content ul li:hover span em{
    color: #1a5fc1;
}
.develop-content ul li:hover span i{
    background-position: left top;
}
.develop-content ul li:hover .ball{
    background-position: left top;
}
.develop-content .develop-ul-fir{
    padding: 152px 0 0 0;
    margin: 0 0 0 75px;
}
.develop-content .develop-ul-sec{
    margin-left: 105px;
}
.develop-content .develop-ul-fir span{
    margin-right: 3px;
}
.develop-content .develop-ul-fir span,
.develop-content .develop-ul-sec span{
    display: block;
    width: 123px;
}
.develop-content .develop-ul-fir .ball,
.develop-content .develop-ul-sec .ball{
    z-index: 10;
    width: 21px;
    height: 21px;
    background: url(../img/date.png) no-repeat left bottom;
}
.develop-content .develop-ul-fir .ball{
    right: -64px;
    top: 21px;
}
.develop-content .develop-ul-sec .ball{
    left: -65px;
    top: 21px;
}
.develop-content .develop-ul-fir span em,
.develop-content .develop-ul-sec span em{
    float: left;
    font-size: 36px;
    font-style: normal;
    color: #777778;
    border-bottom: 1px solid #EDEDED;
}
.develop-content .develop-ul-fir span i,
.develop-content .develop-ul-sec span i{
    float: left;
    width: 22px;
    height: 22px;
    background: url(../img/sm_bak.png) no-repeat left bottom;
}
.develop-content .develop-ul-fir span i{
    margin: 22px 14px 0 0;
}
.develop-content .develop-ul-sec span i{
    margin: 22px 0 0 14px;
}
.develop-content .develop-ul-fir p{
    width: 280px;
}
.develop-content .develop-ul-fir p,
.develop-content .develop-ul-sec p{
    font-size: 14px;
    color: #666;
    padding-top: 3px;
    margin: 0 0 6px 0;
}
.develop-content .develop-ul-fir img,
.develop-content .develop-ul-sec img{
    width: 272px;
    height: 114px;
}

/*----- 闆嗗洟姒傚喌 -----*/
.introduce-doc{
    padding-top: 46px;
}
.introduce-doc img{
    display: block;
    margin: 30px auto;
}
.introduce-doc .fir-img{
    margin: 0 10px 0 30px;
}
.introduce-doc .sec-img{
    margin: 0 0 0 28px;
}
.introduce-doc .sec-img p{
    font-size: 18px;
    color: #333;
    text-align: center;
}
.introduce-doc .fir-img img{
    width: 337px;
    height: 201px;
}
.introduce-doc p{
    font-size: 14px;
    color: #666;
}
.honor{
    background: #fff;
    margin-top: -10px;
}
.honor h3{
    font-size: 18px;
    color: #333;
    text-indent: 42px;
    padding: 6px 0 13px 0;
}
.honor .honor-ul{
    padding: 4px 0 0 0;
}
.honor .honor-ul li{
    height: 40px;
    line-height: 40px;
    text-indent: 42px;
    font-size: 14px;
    color: #666;
}

/*----- 闆嗗洟鑽ｈ獕 -----*/
.show-img{
    padding: 43px 0 0 0;
}
.show-img-ul{
    padding-bottom: 23px;
}
.show-img li{
    float: left;
    padding: 20px;
    background: #EDEDED;
    height: 225px;
    margin: 0 36px 40px 0;
}
.show-img li:hover{
    background: #D2E1F5;
}
.show-img li a{
    display: block;
    padding: 3px;
    background: #fff;
}
.show-img li p{
    width: 100%;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 18px;
}

/*----- 鏂囧寲鐞嗗康 -----*/
.idea-doc{
    padding: 40px 0 93px 0;
}
.idea-doc .package-img{
    margin: 0 56px 0 0;
}
.idea-doc .package-img img{
    max-width: 374px;
}
.idea-doc .idea-txt{
    width: 420px;
}
.idea-doc .idea-txt > p{
    position: relative;
    font-size: 14px;
    color: #666;
    padding-left: 20px;
}
.idea-doc .idea-txt > p em{
    position: absolute;
    width: 9px;
    height: 9px;
    background: url(../img/rhombus01.png) no-repeat center;
    left: 0;
    top: 8px;
}

/*----- 绀句細璐ｄ换 -----*/
.duty-ul{
    padding: 18px 0 60px 0;
}
.chg-padding{
    padding: 5px 0 75px 0;
}
.duty-ul li{
    padding: 25px 0;
    overflow: hidden;
    border-bottom: 1px solid #E6E6E6;
}
.duty-ul .news-img img{
    width: 214px;
    height: 150px;
}
.duty-ul li .news-text{
    width: 600px;
    margin-left: 36px;
}
.duty-ul li .news-img img{
    transition: transform 0.5s;
}
.duty-ul li:hover .news-img img{
    transform: scale(1.1);
}
.duty-ul li .news-text p,
.duty-ul li .row-text p{
    transition: color 0.5s;
}
.duty-ul li:hover .news-text p,
.duty-ul li:hover .row-text p{
    color: #1a5fc1;
}
.duty-ul li .news-text .p-title,
.duty-ul li .row-text .p-title{
    font-size: 22px;
    color: #333;
}
.duty-ul li .news-text .p-title{
    padding: 12px 0 9px;
}
.duty-ul li .row-text .p-title{
    padding: 22px 0 4px;
}
.duty-ul li .row-text .p-title{
    padding-bottom: 14px;
}
.duty-ul li .news-text .p-txt,
.duty-ul li .row-text .p-txt{
    font-size: 14px;
    color: #666;
}
.duty-ul li .news-text .p-date,
.duty-ul li .row-text .p-date{
    font-size: 12px;
    color: #999;
    margin: 5px 0 0 0;
}
.duty-ul li .row-text .p-date{
    margin-top: 9px;
}

/*----- 绀句細璐ｄ换璇︽儏 鍏ず鍏憡 -----*/
.infowrap .titbox{
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #F2F2F2;
    margin-top: 12px;
}
.infowrap .titbox h2{
    font-size: 24px;
    color: #333;
    padding: 32px 0 11px;
}
.infowrap .titbox p.ti{
    font-size: 12px;
    color: #999;
    margin-bottom: 9px;
}
.infowrap .cont{
    padding: 44px 0 0;
}
.infowrap .cont .cont-img{
    margin-left: 35px;
}
.infowrap .cont .cont-img img{
    max-width: 298px;
}
.infowrap .cont p{
    font-size: 14px;
    color: #666;
}
.paging{
    margin: 50px 0 25px 0;
}
.paging .fl{
    font-size: 12px;
    color: #666;
}
.paging a{
    color: #666;
    transition: color 0.5s;
}
.paging a:hover{
    color: #1a5fc1;
}
.paging .return{
    text-align: center;
}
.paging .return i{
    float: left;
    width: 17px;
    height: 14px;
    background: url(../img/return.png) no-repeat left bottom;
    margin: 2px 0 0 2px;
}
.paging .return:hover i{
    transition: all 0.5s;
}
.paging .return:hover i{
    background-position: left top;
}
.group .add-bot{
    padding: 32px 0 97px 0;
}

/*----- 鍑鸿祫浼佷笟 -----*/
.capital-ul{

}
.capital-ul li{
    overflow: hidden;
    /*padding: 47px 60px;*/
    padding: 35px 43px;
    margin: 0 auto;
}
.capital-img img{
    width: 287px;
    height: 180px;
    transition: transform 0.5s;
}
.capital-ul li:hover .capital-img img{
    transform: scale(1.1);
}
.capital-ul li .capital-text{
    width: 745px;
}
.capital-ul li .capital-text p{
    transition: color 0.5s;
}
.capital-ul .capital-text .p-title{
    font-size: 22px;
    color: #333;
    padding: 3px 0 0 0;
}
.capital-ul .capital-text .p-txt{
    font-size: 14px;
    color: #666;
    margin: 22px 0 21px;
}
.capital-ul li:hover .capital-text p{
    color: #1a5fc1;
}
.capital-ul .capital-text .a-span{
    display: block;
    width: 115px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border: 1px solid #C6C6C6;
}
.capital-ul li:hover .capital-text .a-span{
    background: #1a5fc1;
    border-color: #1a5fc1;
    color: #fff;
}
.page{
    position: relative;
    height: 33px;
    overflow: hidden;
    margin-top: 20px;
    width:100%;
}
.page .pagination{
    position: absolute;
    left: 50%;
    top: 0;
    overflow: hidden;
    /*float: left;*/

}
.page .pagination a{
    float: left;
    padding: 5px 12.5px;
    font-size: 14px;
    color: #fff;
    background: #626262;
    margin-right: 5px;
}
.page .pagination .active{
    background: #09378C;
}

.group .chg-top{
    padding: 59px 0 86px 0;
}

/*----- 鍑鸿祫浼佷笟璇︽儏 -----*/
.capital-item{
    padding: 36px 60px 20px 60px;
    background: #fff;
}
.capital-item h3{
    font-size: 30px;
    color: #333;
    padding-bottom: 14px;
    border-bottom: 2px solid #E6E6E6;
}
.capital-item .capital-txt{
    padding: 50px 0 0;
}
.capital-item .capital-imgs img{
    display: block;
    max-width: 1080px;
}
.capital-item .capital-txt p{
    font-size: 14px;
    color: #666;
}
.page-top{
    margin-top: 62px;
}

/*----- 鎷涜仒淇℃伅 -----*/
.recruit{
    padding: 33px 0 35px 0;
}
.recruit .recruit-ul li{
    float: left;
    border: 1px solid #D4D4D4;
    margin: 0 13px 12px 0;
}
.recruit .recruit-ul li a{
    display: block;
    padding: 22px;
    width: 373px;
}
.recruit-ul h2{
    position: relative;
    font-size: 24px;
    color: #333;
    padding: 0 0 12px 0;
}
.recruit-ul li:hover h2{
    color: #1a5fc1;
}
.recruit-ul li:hover h2 em{
    background: #1a5fc1;
}
.recruit-ul h2 em{
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 74px;
    height: 1px;
    background: #E6E6E6;
}
.recruit-ul .basic-info{
    margin: 12px 0 17px 0;
}
.recruit-ul .basic-info div{
    position: relative;
    float: left;
    color: #666;
    padding-left: 22px;
    overflow: hidden;
    margin-right: 29px;
}
.recruit-ul li:hover .basic-info div{
    color: #1a5fc1;
}
.recruit-ul li:hover .basic-info div span{
    background-position: left top;
}
.recruit-ul .basic-info div span{
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    background: url(../img/lock.png) no-repeat left bottom;
}
.recruit-ul li a p{
    color: #666;
}
.recruit-ul li:hover a p{
    color: #1a5fc1;
}
.recruit-ul li a .btn{
    width: 122px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #A8A8A8;
    margin: 16px 0 0 0;
}
.recruit-ul li:hover a .btn{
    background: #1a5fc1;
}
.group .ad-bottom{
    padding-bottom: 60px;
}

/*----- 鎷涜仒淇℃伅琛ㄥ崟椤 -----*/
.applay-tb{
    width: 100%;
    margin: 0 auto;
}
.applay-tb .spred{
    font-size: 18px;
    font-family: Arial;
    color:#F00;
    margin-left: 12px;
}
.applay-tb{
    border-width: 0 0 1px 1px;
}
.applay-tb td{
    padding: 8px 6px;
    border-width:1px 1px 0 0;
    font-size: 14px;
}
.applay-tb td{
    line-height: 1.8;
}
.applay-tb .applay-input{
    width: 180px;
    height: 18px;
    padding: 8px 10px;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
    font-size: 14px;
}
.applay-tb select.applay-input{
    height: 34px;
    width: 200px;
}
.applay-tb textarea.applay-input{
    width: 615px;
    height: 100px;
}
.applay-tb .applay-input.code{
    width: 90px;
    margin-right: 8px;
}
.applay-tb .submit{
    width: 150px;
    height: 36px;
    background: #f88000;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border: none;
}
.applay-tb .error{
    border-color: #D70128;
}

/*浜у搧*/
.product{
    padding: 52px 0 51px;
    background: #F5F5F5;
}
.product .w1200{
    background: #fff;
}
.product ul{
    width: 1080px;
    margin: 47px auto 53px;
}
.product ul li{
    float: left;
    margin: 0 33px 31px 0;
}
.product ul li a{
    display: block;

}
.product ul li img{
    width: 338px;
    height: 194px;
}
.product ul li p{
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 60px;
    transition: color 0.5s;
}
.product ul li:hover p{
    color: #0058cf;
}






/*----- footer -----*/
.footer{
    background: #333 url(../img/footer_bak01.png) no-repeat center;
}
.footer .w1200{
    padding-top: 60px;
}
.footer-ul li{
    float: left;
}
.footer-ul li.border-line{
    height: 135px;
    border-right: 1px solid #464747;
}
.footer-ul .li-a{
    width: 210px;
}
.footer-ul .li-b{
    width: 261px;
}
.footer-ul .li-b dt,
.footer-ul .li-b dd,
.footer-ul .li-c dt,
.footer-ul .li-c dd,
.footer-ul .li-d dt,
.footer-ul .li-d dd,
.footer-ul .li-e dt,
.footer-ul .li-e dd{
    text-align: center;
}
.footer-ul .li-c{
    width: 243px;
}
.footer-ul .li-d{
    width: 261px;
}
.footer-ul .li-e{
    width: 220px;
}
.footer-ul li dt{
    font-size: 16px;
    color: #fff;
    padding-top: 2px;
    margin-bottom: 11px;
}
.footer-ul li dl dd a{
    font-size: 12px;
    color: #b1b1b1;
    transition: color 0.5s;
}
.footer-ul li dl dd:hover a{
    color: #fff;
}
.footer .share {
    height: 43px;
    margin: 10px 0 0 0;
}
.footer .share-top{
    margin: 76px 0 0 0;
}
.footer .share .hotline{
    font-size: 18px;
    color: #fff;
}
.footer .share .friend-tit{
    width: 235px;
    height: 43px;
    line-height: 43px;
    background: #2C2C2C;
    text-indent: 18px;
    font-size: 14px;
    color: #fff;
}
.share .friend-tit:hover i{
    transform: rotate(180deg);
}
.share .friend-tit i{
    float: right;
    width: 17px;
    height: 9px;
    background: url(../img/arrows01.png) no-repeat center;
    margin: 17px 20px 0 0;
    transition: transform .1s ease-in 0s;
}
.share .friendship-ul{
    width: 235px;
    background: #2C2C2C;
    text-indent: 18px;
    left: 0;
    bottom: 43px;
    display: none;
}
.share .friendship-ul li{
    width: 235px;
    height: 43px;
    line-height: 43px;
    border-bottom: 1px solid #464747;
}
.friendship-ul li a{
    display: block;
    font-size: 14px;
    color: #fff;
}
.attention .attention-us{
    font-size: 14px;
    color: #fff;
    line-height: 43px;
}
.attention  .bdshare-button-style0-16 a{
    padding-left: 31px;
    line-height: normal;
    height: 30px;
    margin: 6px 6px 6px 0;
}
.attention  .bdshare-button-style0-16 a.bds_tsina{
    background: url(../img/share01.png) no-repeat center;
    margin-left: 13px;
}
.attention  .bdshare-button-style0-16 a.bds_weixin{
    background: url(../img/share02.png) no-repeat center;
    margin-right: 0;
}
.footer-bot{
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #464747;
    margin-top: 14px;
}
.footer-bot .footer-fir-p{
    color: #fffaf7;
}
.footer-bot .footer-sec-p,
.footer-bot .footer-sec-p .t-c{
    color: #ffffff;
}
.footer-bot .footer-sec-p .t-c-a{
    margin-left: 8px;
}