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

* {
    margin: 0;
    padding: 0;
}
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}
body {
    overflow-x: hidden;
    font-size: 14px;
}

li {
    list-style: none;
    font-family: "Microsoft YaHei", "微软雅黑", "verdana";
}

.clear {
    height: 0px;
    clear: both;
}

textarea {
    font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana";
}

div {
    font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana";
}

p {
    font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana";
    line-height: 1.8;
}

a {
    text-decoration: none;
    font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana";
    cursor: pointer;
}
a {
    color: #5f5f5f;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


img {
    border: none;
}

@font-face {
    font-family: 'ADVENTURE';
    src: local('ADVENTURE'), url(../fonts/adventure.woff) format('woff');
}

@font-face {
    font-family: 'AVGARDN';
    src: local('AVGARDN'), url(../fonts/avgardn.woff) format('woff');
}

@font-face {
    font-family: 'GAUTAMIB';
    src: local('GAUTAMIB'), url(../fonts/gautamib.woff) format('woff');
}
.container {
    width: 1200px;
    margin: 0 auto;
}
/*顶部*/
div.publicheadback {
    width: 100%;
    height: 100px;
}

div.publichead {
    width: 1200px;
    height: 100px;
    margin: auto;
}

div.publicheadlogo {
    width: 228px;
    height: 52px;
    float: left;
    margin-top: 33px;
}

div.publicheadright {
    width: 808px;
    height: 64px;
    float: right;
    margin-top: 17px;
}

div.publicheadrighttop {
    width: 293px;
    height: 33px;
    float: right;
}

div.publicheadrighttopdianhua {
    width: 178px;
    height: 38px;
    float: right;
    overflow: hidden;
    line-height: 38px;
    color: #f5a101;
    font-size: 14px;
    font-weight: bold;
}

div.publicheadrighttopcnen {
    width: 50px;
    height: 38px;
    float: left;
    line-height: 38px;
    color: #f5a101;
    font-size: 14px;
    font-weight: bold;
}

div.publicheadrighttopdown {
    width: 39px;
    height: 38px;
    float: right;
    line-height: 38px;
    color: #f5a101;
    font-size: 14px;
    font-weight: bold;
}

div.publicheadrighttopcnen a {
    color: #f5a101;
}

div.publicheadrighttopdown a {
    color: #f5a101;
}

div.publicheadrightbottom {
    width: 808px;
    height: 45px;
}

div.publicheadrightbottom ul.publicheadrightbottomul li.publicheadrightbottomli {
    /*width: 77px;*/
    height: 45px;
    float: left;
    /*margin-left: 38px;*/
    color: #626262;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
}

div.publicheadrightbottom ul.publicheadrightbottomul li.publicheadrightbottomli > a {
    color: #626262;
    display: block;
    width: 77px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0 19px;
}

div.publicheadrightbottom ul.publicheadrightbottomul li.publicheadrightbottomli:hover {

    color: #fff;
}

div.publicheadrightbottom ul.publicheadrightbottomul li.publicheadrightbottomli:hover > a {
    background: #f5a101;
    color: #fff;
}

/*底部*/
div.footerback {
    width: 100%;
    height: 120px;
    background: #252628;
    padding: 15px 0;
}

div.footertopback {
    width: 100%;
    height: 340px;
    border-bottom: #353638 1px solid;
}

div.footertop {
    width: 1200px;
    height: 340px;
    margin: auto;
}

div.footertopleft {
    width: 1076px;
    height: auto;
    float: left;
}

div.footertopleftnav {
    width: 132px;
    float: left;
}

div.footertopleftnavtitle {
    width: 132px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 15px;
    line-height: 46px;
    font-weight: bold;
}

div.footertopleftnavtitle a {
    color: #fff;
}

div.footertopleftnav ul {
    width: 132px;
    height: 144px;
    overflow: hidden;
}

div.footertopleftnav ul li {
    line-height: 36px;
    color: #979797;
    font-size: 13px;
}

div.footertopleftnav ul li a {
    color: #979797;
}

div.footertopright {
    width: 124px;
    height: auto;
    float: right;
    margin-top: 15px;
}

div.footertoprightimg {
    width: 121px;
    height: 121px;
    margin: auto;
}

div.footertoprightimg img {
    width: 121px;
    height: 121px;
}

div.footertoprighttitle {
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #e2e2e2;
    font-size: 12px;
}

div.footerbottomback {
    width: 1200px;
    height: auto;
    margin: auto;
    position: relative;
}

div.footerbottomdianhua {
    width: 1200px;
    height: 35px;
    line-height: 35px;
    color: #d5d3d3;
    font-size: 14px;
    font-weight: bold;
}

div.footerbottombanquan {
    width: 1200px;
    height: 26px;
    line-height: 26px;
    color: #979797;
    font-size: 12px;
}

div.footerbottomwwq {
    width: 100px;
    position: absolute;
    right: 21px;
    top: 0;
}
div.footerbottomwwq > img {
    width: 100%;
}
div.footerbottomwwq > h3 {
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
}

div.footerbottomweixin {
    width: 25px;
    height: 21px;
    float: left;
}

div.footerbottombanquan p {
    /*float: left;*/
}

div.footerbottombanquan a {
    color: #979797;
}

/*按钮*/
.button {
    width: 133px;
    height: 39px;
    border: 1px solid #f5a101;
    background: none;
    color: #f5a101;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    font-size: 10px;
    font-family: "微软雅黑";
}

.button:focus {
    outline: none;
}

.button > span {
    vertical-align: middle;
}

/* Aylen */
.button.button--aylen {
    background: #000;
    color: #f5a101;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.button--aylen.button--inverted {
    background: none;
    color: #f5a101;
}

.button--aylen::before,
.button--aylen::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--aylen::before {
    background: #ffd585;
}

.button--aylen::after {
    background: #f5a101;
}

.button--aylen:hover {
    color: #fff;
}

.button--aylen:hover::before,
.button--aylen:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.button--aylen:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

/*首页*/
div.indexbannerback {
    width: 100%;
    height: 680px;
}

div.indexbannerback {
    width: 100%;
    height: 680px;
    position: relative;
}

div.indexbanner {
    width: 100%;
    height: 680px;
    position: absolute;
}

ul.ck-slide-wrapper {
    width: 100%;
    height: 680px;
    position: absolute;
}

ul.ck-slide-wrapper li {
    width: 100%;
    height: 680px;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;

}

div.indexbannertitle {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 44px;
    left: 50%;
    margin-left: 499px;
    color: #ffffff;
    font-size: 27.87px;
    line-height: 50px;
    text-align: center;
    z-index: 1000;
    background: #f5a101;
    font-family: 'ADVENTURE';
}

div.indexbannerright {
    width: 50px;
    height: 50px;
    background: url(../images/indexbanneranniu.jpg) right center no-repeat;
    position: absolute;
    bottom: 44px;
    left: 50%;
    margin-left: 549px;
    z-index: 0;
}

div.indexbannerright a {
    display: block;
    width: 50px;
    height: 50px;
}

div.indexoneback {
    width: 100%;
    height: 550px;
}

div.indexonetop {
    width: 1200px;
    height: 200px;
    background: url(../images/indexonetitle.jpg) center no-repeat;
    margin: auto;
}

div.indexonebottomback {
    width: 100%;
    height: 300px;
    background: url(../images/indexonebottomback.jpg) center no-repeat;
}

div.indexonebottom {
    width: 1200px;
    height: 300px;
    margin: auto;
}

div.indexonebottomleft {
    width: 523px;
    height: 148px;
    float: left;
    margin-top: 63px;
}

div.indexonebottomlefttitle {
    width: 523px;
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    color: #f5a101;
    font-size: 18px;
    font-weight: bold;
}

div.indexonebottomleftcontent {
    width: 523px;
    height: 145px;
    overflow: hidden;
    color: #7c7c7c;
    font-size: 14px;
    line-height: 24px;
}

div.indexonebottomright {
    width: 133px;
    height: 39px;
    float: left;
    margin-left: 206px;
    margin-top: 122px;
}

div.indextwoback {
    width: 100%;
    height: 385px;
}

div.indextwo {
    width: 1200px;
    height: 350px;
    margin: auto;
    position: relative;
}

div.indextwonav1 {
    width: 300px;
    height: 207px;
    position: absolute;
    top: 99px;
    left: 0;
    text-align: center;
    transition: all 1s;
}

div.indextwonav1 img {
    width: 98px;
    height: 99px;
    -webkit-transition: 1s;
    -moz-transition: 0.8s;
    -o-transition: 1s;
    transition: 1s;
}

div.indextwonav1 p.biaoti {
    color: #030303;
    font-size: 16px;
    line-height: 54px;
    border-bottom: #dfdfdf 1px solid;
    display: inline-block;
}

div.indextwonav1 p.wenan {
    line-height: 22px;
    font-size: 12px;
    color: #949494;
}

div.indextwonav1:hover {
    top: 79px;
}

div.indextwonav1:hover img {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
}

div.indexthreeback {
    width: 100%;
    height: 1040px;
    background: url(../images/indexthreeback.jpg) center no-repeat;
    position: relative;
}

div.indexthree {
    width: 1200px;
    height: 630px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

div.indexthreeqiehuanback {
    width: 1200px;
    height: 630px;
    position: absolute;
    overflow: hidden;
}

div.indexthreeqiehuannavback {
    width: 380px;
    height: 630px;
    overflow: hidden;
}

div.indexthreeqiehuannav {
    width: 380px;
    height: 285px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

div.indexthreeqiehuannav img{
	width: 100%;
}

div.indexthreeqiehuannavgai {
    width: 380px;
    height: 285px;
    position: absolute;
    top: 252px;
    transition: all 1s;
}

div.indexthreeqiehuannavgaitop {
    width: 380px;
    height: 33px;
    background: url(../images/indexthreewenzibg.png) center no-repeat;
    overflow: hidden;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

div.indexthreeqiehuannavgaibottom {
    width: 380px;
    height: 285px;
    background: url(../images/indexthreehbg.png) top center no-repeat;
    background-size: cover;
}

div.indexthreeqiehuannavgaibottomtitle {
    width: 380px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

div.indexthreeqiehuannavgaibottomsummary {
    width: 380px;
    height: 42px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

div.indexthreeqiehuannav:hover div.indexthreeqiehuannavgai {
    top: -33px;
}

div.indexthreeqiehuannavgaibottommore {
    width: 24px;
    height: 24px;
    margin-left: 183px;
}

div.indexthreeqiehuannavgaibottommore a {
    display: block;
    width: 100%;
    height: 100%;
}

ul#navfourtui {
    width: 1200px;
    height: 510px;
}

ul#navfourtui li {
    width: 380px;
    margin-right: 20px;
    float: left;
}

div.indexthreeleftanniu {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 546px;
    left: 50%;
    margin-left: -657px;
    background: url(../images/indexthreeleftback.png) center no-repeat;
}

div.indexthreeleftanniu a {
    display: block;
    width: 100%;
    height: 100%;
}

div.indexthreerightanniu {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 546px;
    left: 50%;
    margin-left: 638px;
    background: url(../images/indexthreerightback.png) center no-repeat;
}

div.indexthreerightanniu a {
    display: block;
    width: 100%;
    height: 100%;
}

div.indexfourback {
    width: 100%;
    height: 899px;
    background: url(../images/indexfourback.jpg) center no-repeat;
}

div.indexfour {
    width: 1200px;
    height: 482px;
    margin: auto;
}

div.indexfournav {
    width: 270px;
    height: 482px;
    float: left;
    margin-left: 40px;
}

div.indexfournavimg {
    width: 270px;
    height: 297px;
    overflow: hidden;
}

div.indexfournavimg img {
    width: 270px;
    height: 297px;
    transition: all 0.5s;
}

div.indexfournavbottom {
    width: 270px;
    height: 165px;
    background: url(../images/indexfourbottombg.jpg) center no-repeat;
    overflow: hidden;
    transition: all 0.5s;
    position: relative;
}

div.indexfournavbottommore {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 30px;
    right: 21px;
}

div.indexfournavbottommore a {
    display: block;
    width: 100%;
    height: 100%;
}

div.indexfournav:hover div.indexfournavbottom {
    background: url(../images/indexfourbottombgh.jpg) center no-repeat;
}

div.indexfournavbottomwenzi {
    width: 218px;
    height: 185px;
    margin: auto;
}

div.indexfournavbottomwenzititle {
    width: 195px;
    height: 81px;
    line-height: 81px;
    color: #353535;
    font-weight: bold;
    font-size: 16px;
}

div.indexfournavbottomwenzititle a {
    color: #353535;
}

div.indexfournavbottomwenzisummary {
    width: 218px;
    height: 63px;
    overflow: hidden;
    line-height: 21px;
    color: #9d9d9d;
    font-size: 12px;
}

div.indexfournav:hover div.indexfournavimg img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10)
}

div.indexfournav:hover div.indexfournavbottom {
    background: url(../images/indexfourbottombgh.jpg) center no-repeat;
    height: 185px;
}

div.indexfournav:hover div.indexfournavbottomwenzititle a {
    color: #f8f8f8;
}

div.indexfournav:hover div.indexfournavbottomwenzisummary {
    color: #f8f8f8;
    height: 84px;
}

div.indexfiveback {
    width: 100%;
    height: 900px;
    background: url(../images/indexfiveback.jpg) center no-repeat;
}

div.indexfive {
    width: 1200px;
    height: auto;
    margin: auto;
}

div.indexfiverightback {
    width: 527px;
    height: 401px;
    float: right;
    margin-right: -27px;
}

div.indexfiverighttopback {
    width: 500px;
    height: 240px;
    overflow: hidden;
}

div.indexfiverighttopnav {
    width: 138px;
    height: 240px;
    float: left;
    margin-left: 43px;
}

div.indexfiverighttopnavtitle {
    width: 138px;
    height: 66px;
    background: url(../images/indexfivenavtitlebg.jpg) bottom left no-repeat;
    color: #fff;
    font-size: 18px;
    line-height: 66px;
    font-weight: bold;
}

div.indexfiverighttopnavtitle a {
    color: #fff;
}

div.indexfiverighttopnav ul.indexfiverighttopnavul li.indexfiverighttopnavli {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}

div.indexfiverighttopnav ul.indexfiverighttopnavul li.indexfiverighttopnavli a {
    color: #fff;
}

div.indexfiverightbottomback {
    width: 527px;
    height: 161px;
}

div.indexfiverightbottomnav {
    width: 255px;
    height: 161px;
    float: left;
    margin-left: 17px;
    position: relative;
    overflow: hidden;
}

div.indexfiverightbottomnav img {
    width: 255px;
    height: 161px;
    transition: all 0.5s;
}

div.indexfiverightbottomnavgai {
    width: 255px;
    height: 161px;
    background: url(../images/indexfiveshipingai.png) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

div.indexfiverightbottomnavgai a {
    display: block;
    width: 100%;
    height: 100%;
}

div.indexfiverightbottomnav:hover img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10)
}

div.indexsixback {
    width: 100%;
    height: 585px;
    background: url(../images/indexsixback.jpg) center no-repeat;
}

div.indexsix {
    width: 1200px;
    height: auto;
    margin: auto;
}

div.indexsixnav {
    width: 270px;
    height: 380px;
    float: left;
    transition: all 0.5s;
    margin-left: 40px;
    box-shadow: 0 0 5px #e3e3e3;
}
div.indexsixnav:first-child {
    margin-left: 0;
}
div.indexsixnavmiddle {
    width: 234px;
    height: 327px;
    margin: auto;
}

div.indexsixnavmiddletitle {
    width: 234px;
    height: 50px;
    overflow: hidden;
    line-height: 25px;
    color: #f4f4f4;
    font-size: 14px;
}

div.indexsixnavmiddletitle a {
    color: #f4f4f4;
}

div.indexsixnavmiddledata {
    width: 234px;
    height: 25px;
    line-height: 25px;
    color: #f1f1f1;
    font-size: 12px;
}

div.indexsixnavmiddlesummary {
    width: 234px;
    height: 84px;
    line-height: 21px;
    color: #f4f4f4;
    font-size: 12px;
    overflow: hidden;
}

div.indexsixnavmiddlepic {
    width: 234px;
    height: 160px;
    overflow: hidden;
}

div.indexsixnavmiddlepic img {
    width: 234px;
    height: 160px;
    transition: all 0.5s;
}

div.indexsixnav:hover {
    background: #1d64b4;
}

div.indexsixnav:hover div.indexsixnavmiddlepic img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10)
}

div.indexsixnav:hover div.indexsixnavmiddletitle a {
    color: #fff;
}

div.indexsixnav:hover div.indexsixnavmiddledata {
    color: #fff;
}

div.indexsixnav:hover div.indexsixnavmiddlesummary {
    color: #fff;
}

div.indexsixmore {
    width: 133px;
    height: 39px;
    margin: auto;
}

div.indexfinback {
    width: 100%;
    height: 399px;
    background: #f8f8f8;
}

div.indexfin {
    width: 1200px;
    height: auto;
    margin: auto;
}

div.indexfinnav {
    width: 183px;
    height: 79px;
    float: left;
    margin-top: 16px;
    margin-left: 17px;
    cursor: pointer;
    position: relative;
}

div.indexfinnav img {
    width: 183px;
    height: 79px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 0.5s;
}

div.indexfinnav:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

div.indexfinnavborder {
    width: 179px;
    height: 75px;
    position: absolute;
    border: #e1e1e1 2px solid;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10)
}

div.indexfinnav:hover div.indexfinnavborder {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

/*关于我们*/
div.guanyubannerback {
    width: 100%;
    height: 350px;
}

div.guanyuback {
    width: 100%;
    height: auto;
}

div.guanyuoneback {
    width: 1200px;
    height: 1041px;
    margin: auto;
}

div.guanyuonetitle {
    width: 1200px;
    height: 282px;
    background: url(../images/guanyushundatitle.jpg) center no-repeat;
}

div.guanyuoneimg {
    width: 1200px;
    height: 349px;
}

div.guanyuonetitle2 {
    width: 1200px;
    height: 103px;
    background: url(../images/gunyushundatitle2.jpg) center no-repeat;
}

div.guanyuonesummary {
    width: 1200px;
    height: 120px;
    overflow: hidden;
    line-height: 24px;
    text-indent: 2em;
    color: #666666;
    font-size: 14px;
}

div.guanyutwoback {
    width: 100%;
    height: auto;
    margin: auto;
}

div.guanyutwotitle {
    width: 100%;
    height: 299px;
    background: url(../images/fazhanlichengtitle.jpg) center no-repeat;
}

div.guanyutwonavback {
    width: 1200px;
    height: 332px;
    margin: auto;
}

div.guanyutwonavtitleback {
    width: 134px;
    height: 115px;
    background: url(../images/fazhanlichengnianfenbg.jpg) center no-repeat;
    margin-left: 531px;
}

div.guanyutwonavtitle {
    width: 134px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #8d8c8c;
    font-size: 18px;
    font-weight: bold;
}

div.guanyutwonavnrback {
    width: 639px;
    height: 217px;
    margin-left: 27px;
    background: url(../images/fazhanlichengline.jpg) right center no-repeat;
    transition: all 0.5s;
}

div.guanyutwonavnrleft {
    width: 507px;
    height: 183px;
    background: #f1f1f1;
    border-radius: 14px;
    transition: all 0.5s;
}

div.guanyutwonavnrleft a {
    display: block;
    width: 100%;
    height: 100%;
}

div.guanyutwonavnrleftimg {
    width: 163px;
    height: 116px;
    overflow: hidden;
    float: left;
    float: left;
    margin-top: 36px;
    margin-left: 36px;
}

div.guanyutwonavnrleftimg img {
    max-width: 163px;
    max-height: 116px;
}

div.guanyutwonavnrleftwenzi {
    width: 251px;
    height: 130px;
    float: left;
    margin-left: 24px;
    margin-top: 28px;
    line-height: 26px;
    color: #8d8c8c;
    font-size: 14px;
    overflow: hidden;
}

div.guanyutwonavnrback:hover {
    background: url(../images/fazhanlichenglineh.jpg) right center no-repeat;
}

div.guanyutwonavnrback:hover div.guanyutwonavnrleft {
    background: #1d64b4;
}

div.guanyutwonavnrback1 {
    width: 639px;
    height: 217px;
    background: url(../images/fazhanlichengline.jpg) left center no-repeat;
    margin-left: 531px;
    transition: all 0.5s;
}

div.guanyutwonavnrleft1 {
    width: 507px;
    height: 183px;
    background: #f1f1f1;
    border-radius: 14px;
    transition: all 0.5s;
    float: right;
}

div.guanyutwonavnrleft1 a {
    display: block;
    width: 100%;
    height: 100%;
}

div.guanyutwonavnrback1:hover {
    background: url(../images/fazhanlichenglineh.jpg) left center no-repeat;
}

div.guanyutwonavnrback1:hover div.guanyutwonavnrleft1 {
    background: #1d64b4;
}

div.guanyutwonavnrback1:hover div.guanyutwonavnrleftwenzi {
    color: #fff;
}

div.guanyutwonavnrback:hover div.guanyutwonavnrleftwenzi {
    color: #fff;
}

div.guanyutwooverflow {
    width: 1200px;
    height: 1328px;
    margin: auto;
    overflow: hidden;
    transition: all 0.5s;
}

div.guanyutwooverflowauto {
    width: 1200px;
    height: auto;
    margin: auto;
    overflow: hidden;
}

div.guanyulichengmore {
    width: 133px;
    height: 39px;
    margin: auto;
}

div.guanyulichengmorenone {
    display: none;
}

div.guanyuthreeback {
    width: 100%;
    height: 800px;
    background: url(../images/guanyuwenhua.jpg) center no-repeat;
}

div.guanyuthree {
    width: 1200px;
    height: auto;
    margin: auto;
}

div.guanyuthreerightback {
    width: 872px;
    float: right;
    height: auto;
}

div.guanyuthreerightnav {
    width: 872px;
    height: 36px;
    overflow: hidden;
    transition: all 0.5s;
}

div.guanyuthreerightnavwenzi1 {
    width: 147px;
    height: 36px;
    float: left;
    color: #1d64b4;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/wenhualine.png) center right no-repeat;
    line-height: 36px;
    margin-left: 50px;
    transition: all 0.5s;
}

div.guanyuthreerightnavwenzi2 {
    width: 114px;
    height: 36px;
    float: left;
    margin-left: 51px;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
}

div.guanyuthreerightnavwenzi3 {
    width: 510px;
    height: 36px;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

div.guanyuthreerightnav:hover {
    background: url(../images/wenhuawenzihoveryuan.png) center left no-repeat;
}

div.guanyuthreerightnav:hover div.guanyuthreerightnavwenzi1 {
    color: #fff;
    background: url(../images/wenhualineh.png) center right no-repeat;
}

div.guanyufourback {
    width: 100%;
    height: 722px;
    background: url(../images/zizhirongyuback.jpg) center no-repeat;
}

div.guanyufour {
    width: 1200px;
    height: 278px;
    margin: auto;
    position: relative;
}

div.guanyufourqiehuan {
    width: 1109px;
    height: 278px;
    position: absolute;
    top: 0;
    left: 51px;
    overflow: hidden;
}

div.guanyufournav {
    width: 201px;
    height: 278px;
    overflow: hidden;
    position: relative;
}

div.guanyufournavh {
    width: 201px;
    height: 278px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/rongyuhover.png) center no-repeat;
    display: none;
}

div.guanyufournavh a {
    display: block;
    width: 201px;
    height: 278px;
}

div.guanyufournav:hover div.guanyufournavh {
    display: block;
}

div.guanyufournav img {
    width: 201px;
    height: 278px;
}

div.guanyufourqiehuan ul#navfourtui {
    width: 1098px;
    height: 278px;
}

div.guanyufourqiehuan ul#navfourtui li {
    width: 201px;
    height: 278px;
    float: left;
    margin-right: 26px;
}

div.guanyufourleftanniu {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 144px;
    left: -60px;
}

div.guanyufourrightanniu {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 144px;
    right: -50px;
}

/*关于顺达*/
div.guanyushundaback {
    width: 1200px;
    min-height: 400px;
    margin: auto;
    line-height: 26px;
    color: #666666;
    font-size: 14px;
}

div.guanyushundaback img {
    max-width: 1200px;
}

/*产品展示*/
div.chanpinback {
    width: 1200px;
    height: auto;
    margin: auto;
}

div.chanpinleftback {
    width: 261px;
    height: auto;
    float: left;
}

div.chanpinleftback ul.chanpinleftbackul li.chanpinleftbackli {
    padding: 0px 23px 0px 0px;
    display: inline-block;
    line-height: 36px;
    color: #343434;
    font-size: 14px;
    font-weight: bold;
}

div.chanpinleftback ul.chanpinleftbackul li.chanpinleftbackli a {
    color: #343434;
}

div.chanpinleftback ul.chanpinleftbackul li.chanpinleftbackliborder {
    line-height: 61px;
    border-bottom: #f5a101 1px solid;
}

div.chanpinrightback {
    width: 939px;
    height: auto;
    float: right;
}

div.chanpintopright {
    width: 939px;
    height: 400px;
    float: right;
    background: url(../images/chanpinrightbg.png) center no-repeat;
    float: right;
}

div.chanpintoprightimgback {
    width: 939px;
    height: 400px;
    margin-left: 8px;
    position: relative;
}

div.chanpintoprightimgback ul.ck-slide-wrapper {
    width: 939px;
    height: 400px;
    position: absolute;
}

div.chanpintoprightimgback ul.ck-slide-wrapper li {
    position: absolute;
    width: 939px;
    height: 400px;
}

div.chanpintoprightimgback ul.ck-slide-wrapper li img {
    width: 939px;
    height: 400px;
}

div.slideWrap {
    width: 46px;
    height: 7px;
    position: absolute;
    bottom: 18px;
    right: 22px;
}

div.slideWrap ul.dot-wrap li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin-left: 8px;
    float: left;
}

div.slideWrap ul.dot-wrap li.current {
    background: #f5a101;
}

div.chanpintitle {
    width: 939px;
    height: 41px;
    color: #030303;
    font-size: 18px;
    line-height: 41px;
    font-weight: bold;
}

div.chanpinyoushiback {
    width: 939px;
    line-height: 34px;
    color: #f5a101;
    font-size: 14px;
    font-weight: bold;
}

div.chanpincontentback {
    width: 939px;
    line-height: 31px;
    color: #5f5f5e;
    font-size: 14px;
}

div.chanpinlunbooneback {
    width: 939px;
    height: 320px;
}

div.chanpinlunboonetitle {
    width: 939px;
    height: 65px;
    overflow: hidden;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 65px;
    font-weight: bold;
}

div.chanpinlunboone {
    width: 939px;
    height: 255px;
    position: relative;
}

div.chanpinlunboonemiddle {
    width: 939px;
    height: 255px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

div.chanpinlunboonemiddle ul#navfourtui {
    width: 939px;
    height: 255px;
}

div.chanpinlunboonemiddle ul#navfourtui li.navfourtui {
    width: 312px;
    height: 255px;
    overflow: hidden;
    float: left;
    margin-right: 1px;
}

div.chanpinlunboonemiddle ul#navfourtui li.navfourtui img {
    width: 315px;
    height: 255px;
}

div.chanpinlunbooneleft {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 105px;
    left: -44px;
    background: url(../images/chanpinlunboleft.jpg) center no-repeat;
}

div.chanpinlunbooneleft a {
    display: block;
    width: 100%;
    height: 100%;
}

div.chanpinlunbooneright {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 105px;
    right: -42px;
    background: url(../images/chanpinlunboright.jpg) center no-repeat;
}

div.chanpinlunbooneright a {
    display: block;
    width: 100%;
    height: 100%;
}

div.chanpinlunboonemiddle ul#navfourtui1 {
    width: 939px;
    height: 255px;
}

div.chanpinlunboonemiddle ul#navfourtui1 li.navfourtui {
    width: 312px;
    height: 255px;
    overflow: hidden;
    float: left;
    margin-right: 1px;
}

div.chanpinlunboonemiddle ul#navfourtui1 li.navfourtui img {
    width: 315px;
    height: 255px;
}

div.chanpinlunbooneleft1 {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 105px;
    left: -44px;
    background: url(../images/chanpinlunboleft.jpg) center no-repeat;
}

div.chanpinlunbooneleft1 a {
    display: block;
    width: 100%;
    height: 100%;
}

div.chanpinlunbooneright1 {
    width: 16px;
    height: 17px;
    position: absolute;
    top: 105px;
    right: -42px;
    background: url(../images/chanpinlunboright.jpg) center no-repeat;
}

div.chanpinlunbooneright1 a {
    display: block;
    width: 100%;
    height: 100%;
}

div.chanpinbiaogeback {
    width: 939px;
    height: auto;
    font-size: 14px;
}

/*新闻*/
div.xinwennavback {
    width: 1200px;
    height: 46px;
    margin: auto;
}

div.xinwennavback ul li {
    width: 139px;
    height: 44px;
    border: #f5a101 1px solid;
    float: left;
    color: #f5a101;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    margin-right: 14px;
    transition: all 0.5s;
}

div.xinwennavback ul li a {
    color: #f5a101;
}

div.xinwennavback ul li:hover {
    background: #f5a101;
}

div.xinwennavback ul li:hover a {
    color: #fff;
}

div.xinwennavback ul li.xinwennav {
    background: #f5a101;
}

div.xinwennavback ul li a.xinwennava {
    color: #fff;
}

div.xinwenlistback {
    width: 1200px;
    height: 226px;
    margin: auto;
    margin-top: 25px;
    background: url(../images/xinwenlistbg.jpg) bottom no-repeat;
}

div.xinwenlistleftimg {
    width: 325px;
    height: 201px;
    float: left;
    overflow: hidden;
}

div.xinwenlistleftimg img {
    width: 325px;
    height: 201px;
    transition: all 0.5s;
}

div.xinwenlistright {
    width: 702px;
    height: 201px;
    float: left;
    margin-left: 30px;
}

div.xinwenlistrighttitle {
    width: 702px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    color: #2f2f2f;
    font-weight: bold;
    font-size: 16px;
}

div.xinwenlistrighttitle a {
    color: #2f2f2f;
    transition: all 0.5s;
}

div.xinwenlistrightsummary {
    width: 702px;
    height: 72px;
    line-height: 24px;
    color: #787676;
    font-size: 14px;
    overflow: hidden;
}

div.xinwenlistrighttime {
    width: 702px;
    height: 73px;
    overflow: hidden;
    line-height: 73px;
    color: #787676;
    font-size: 14px;
    font-weight: bold;
}

div.xinwenlistrightimg {
    width: 40px;
    height: 201px;
    float: right;
    background: url(../images/xinwenrightbg.jpg) center no-repeat;
    transition: all 0.5s;
}

div.xinwenlistrightimg a {
    display: block;
    width: 100%;
    height: 100%;
}

div.xinwenlistback:hover div.xinwenlistrighttitle a {
    color: #f5a101;
}

div.xinwenlistback:hover div.xinwenlistrightimg {
    background: url(../images/xinwenrightbgh.jpg) center no-repeat;
}

div.xinwenlistback:hover div.xinwenlistleftimg img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}

/*主营业务*/
div.yewutitleback {
    width: 1200px;
    height: 317px;
    background: url(../images/yewutitleback.jpg) center no-repeat;
}

/*视频*/
div.shipinoutmian {
    width: 1200px;
    height: auto;
    margin: auto;
}

div.shipinback {
    width: 392px;
    height: 274px;
    float: left;
    position: relative;
    margin-top: 50px;
    margin-left: 12px;
    overflow: hidden;
}

div.shipinback img {
    width: 392px;
    height: 274px;
}

div.shipingaioneback {
    width: 392px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}

div.shipingaioneleftwenzi {
    width: 327px;
    float: left;
    height: 28px;
    margin-left: 25px;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

div.shipingaionerightimg {
    width: 40px;
    height: 40px;
    float: right;
    background: url(../images/shipinbottomright.jpg) center no-repeat;
}

div.shipingaitwoback {
    width: 392px;
    height: 274px;
    position: absolute;
    left: -392px;
    top: 0;
    background: url(../images/shipingai.png) center no-repeat;
    transition: all 0.5s;
}

div.shipinback a {
    display: block;
    width: 392px;
    height: 274px;
}

div.shipingaitwotitle {
    width: 392px;
    height: 93px;
    line-height: 93px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

div.shipinback:hover div.shipingaioneback {
    left: 392px;
}

div.shipinback:hover div.shipingaitwoback {
    left: 0px;
}

p.chanpinmiaoshu {
    width: 1200px;
    height: 50px;
    margin: auto;
    border-bottom: 1px solid #dfdfdf;
    line-height: 50px;
    font-size: 24px;
    color: #474127;
}

/*人才*/
div.rencaizuiwaiceng {
    width: 100%;
    height: auto;
    background: url(../images/rencaimiddlebg.jpg) center 324px no-repeat;
}

div.rencailistback {
    width: 300px;
    height: 264px;
    float: left;
    margin-top: 122px;
    margin-left: 150px;
}

div.rencailisttitle {
    width: 300px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    border-bottom: #010101 2px solid;
}

div.rencailisttitleleft {
    width: 89px;
    height: 60px;
    float: left;
    line-height: 60px;
    color: #1c1c1c;
    font-size: 16px;
    font-weight: bold;
}

div.rencailisttitleright {
    width: 211px;
    height: 60px;
    float: right;
    color: #6b6a6a;
    font-size: 14px;
    line-height: 60px;
    overflow: hidden;
}

div.rencailisttitle1 {
    width: 300px;
    height: 75px;
    overflow: hidden;
}

div.rencailisttitle1left {
    width: 89px;
    height: 75px;
    float: left;
    line-height: 25px;
    color: #1c1c1c;
    font-size: 14px;
    font-weight: bold;
}

div.rencailisttitle1right {
    width: 211px;
    height: 75px;
    float: left;
    overflow: hidden;
    line-height: 25px;
    color: #6b6a6a;
    font-size: 14px;
    overflow: hidden;
}

div.rencailisttitle2 {
    width: 300px;
    height: 36px;
    line-height: 36px;
}

div.rencailisttitle2left {
    width: 89px;
    height: 36px;
    float: left;
    line-height: 36px;
    color: #1c1c1c;
    font-size: 14px;
    font-weight: bold;
}

div.rencailisttitle2right {
    width: 211px;
    height: 36px;
    float: right;
    line-height: 36px;
    color: #6b6a6a;
    font-size: 14px;
    overflow: hidden;
}

div.rencailistmore {
    width: 299px;
    height: 30px;
    background: url(../images/jiaruwomenanniu.png) bottom center no-repeat;
}

div.rencailistmore a {
    width: 125px;
    height: 30px;
    display: block;
    margin-left: 111px;
}

/*div.liebiaoright input{ color:#333; border:#333 1px solid;}
*/
div.liebiaoright input.buttonface5 {
    background: #f5a101;
    border: #f5a101 1px solid;
    color: #fff;
    width: 130px;
    height: 45px;
    font-family: '微软雅黑';
    font-size: 14px;
    cursor: pointer;
    line-height: 45px;
}

/*联系我们*/
div.lianxiwomentitleback {
    width: 1200px;
    height: 302px;
    background: url(../images/lianxititlebg.jpg) center no-repeat;
    margin: auto;
}

div.lianxititle {
    font-family: 'AVGARDN';
    width: 1200px;
    height: 195px;
    text-align: center;
    color: #343434;
    font-size: 48px;
    line-height: 195px;
}

div.lianxititle p {
    font-family: 'AVGARDN';
}

div.lianxiwomenmaps {
    width: 100%;
    height: 643px;
    position: relative;
    overflow: hidden;
}

div.lianxiwomenmapsditu {
    width: 100%;
    height: 643px;
    position: absolute;
    top: 0;
    left: 0;
}

div.lianxiwomenmapstwo {
    width: 598px;
    height: 643px;
    position: absolute;
    left: 50%;
    background: url(../images/lianxixinxibg.jpg) center no-repeat;
}

div.lianxiwomenmapstwoxinxi {
    width: 478px;
    height: auto;
    float: right;
    line-height: 40px;
    color: #6c6b6b;
    font-size: 14px;
}

div.lianxiwomenmapstwoerweima {
    width: 472px;
    height: 172px;
    float: right;
    overflow: hidden;
}

div.lianxiwomenmapstwoerweimanav1 {
    width: 118px;
    height: 172px;
    float: left;
    margin-left: 40px;
}

div.lianxiwomenmapstwoerweimanav1img {
    width: 118px;
    height: 118px;
}

div.lianxiwomenmapstwoerweimanav1img img {
    width: 118px;
    height: 118px;
    overflow: hidden;
}

div.lianxiwomenmapstwoerweimanav1wenzi {
    width: 118px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #f5a101;
    font-size: 14px;
}

/*xin*/

div.chanpinleftback ul.chanpinleftbackul li.chanpinleftbacklien {
    padding: 0px 23px 0px 0px;
    display: inline-block;
    line-height: 24px;
    color: #343434;
    font-size: 14px;
    font-weight: bold;
}

div.chanpinleftback ul.chanpinleftbackul li.chanpinleftbacklien a {
    color: #343434;
}

div.chanpinleftback ul.chanpinleftbackul li.chanpinleftbackliborder {
    line-height: 61px;
    border-bottom: #f5a101 1px solid;
}

div.xinwennavbacken {
    width: 1200px;
    height: 46px;
    margin: auto;
}

div.xinwennavbacken ul li {
    width: 139px;
    height: 44px;
    border: #f5a101 1px solid;
    float: left;
    color: #f5a101;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    margin-right: 14px;
    transition: all 0.5s;
    font-weight: bold;
}

div.xinwennavbacken ul li a {
    color: #f5a101;
    font-family: 'GAUTAMIB';
}

div.xinwennavbacken ul li:hover {
    background: #f5a101;
}

div.xinwennavbacken ul li:hover a {
    color: #fff;
}

div.xinwennavbacken ul li.xinwennav {
    background: #f5a101;
}

div.xinwennavbacken ul li a.xinwennava {
    color: #fff;
}

textarea.infoInput {
    width: 432px;
    height: 234px;
    overflow: hidden;
    border: none;
    background: none;
    outline: none;
    line-height: 24px;
    padding-top: 23px;
    font-size: 14px;
}

/*表格*/
table.chanpinlistbiaoge {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    border-color: 4 e4f4f;
    font-size: 14px;
    text-align: center;
}

table.chanpinlistbiaoge tr td {
    width: 12.5%;
    height: 40px;
    border: #4e4f4f 1px solid;
}

table.chanpinlistbiaoge tr.tablebiaoti td {
    color: #5e5d5d;
    font-weight: bold;
}

table.chanpinlistbiaoge tr.yanse {
    background: #fee1a9;
}

table.chanpinbiaoge2 {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

table.chanpinbiaoge2 tr.biaotibg {
    background: #fee1a9;
    color: #5e5d5d;
}

table.chanpinbiaoge2 tr td {
    height: 40px;
    border: #5e5d5d 1px solid;
}

table.chanpinbiaoge2 tr td.diyilie {
    width: 10%;
    background: #fee1a9;
    text-align: center;
    color: #5e5d5d;
    font-size: 14px;
}

table.chanpinbiaoge2 tr td.dierlie {
    width: 10%;
    color: #4e4f4f;
}

table.chanpinbiaoge2 tr td.disanlie {
    width: 5%;
    background: #fee1a9;
    color: #5e5d5d;
}

table.chanpinbiaoge2 tr td.disilie {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}

table.chanpinbiaogesi {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 14px;
    text-align: center;
}

table.chanpinbiaogesi tr td {
    width: 6.25%;
    height: 40px;
    border: #4e4f4f 1px solid;
    vertical-align: middle;
}

table.chanpinbiaogesi tr.biaogesiyanse {
    background: #fee1a9;
}

table.chanpinbiaogesi tr.biaogesiyanse td {
    color: #5e5d5d;
    font-weight: bold;
}

table.chanpinbiaogesi tr td.biaogesibg {
    background: #fee1a9;
}

table.biaoge4 {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
}

table.biaoge4 tr td {
    height: 40px;
    border: #5e5d5d 1px solid;
}

table.biaoge4 tr.bg {
    background: #fee1a9;
}

table.biaoge4 tr td.bg {
    background: #fee1a9;
}

table.chanpinlistbiaoge {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    border-color: #4e4f4f;
    font-size: 14px;
    text-align: center;
}

table.chanpinlistbiaoge tr td {
    height: 40px;
    border: 1px solid #4e4f4f;
}

table.chanpinlistbiaoge tr.tablebiaoti td {
    color: #5e5d5d;
    font-weight: bold;
}

table.chanpinlistbiaoge tr.yanse {
    background: #fee1a9;
}

table.chanpinlistbiaoge tr td.yanse {
    background: #fee1a9;
}

table.chanpinbiaoge2 {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

table.chanpinbiaoge2 tr td {
    height: 40px;
    border: #5e5d5d 1px solid;
}

table.chanpinbiaoge2 tr.biaotibg {
    background: #fee1a9;
    color: #5e5d5d;
}

table.chanpinbiaoge2 tr td.disanlie {
    width: 5%;
    background: #fee1a9;
    color: #5e5d5d;
}

table.chanpinbiaoge2 tr td.dierlie {
    width: 10%;
    color: #4e4f4f;
}

table.chanpinbiaoge2 tr td.diyilie {
    width: 10%;
    background: #fee1a9;
    text-align: center;
    color: #5e5d5d;
    font-size: 14px;
}

table.chanpinlistbiaoge {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

table.chanpinlistbiaoge tr td {
    height: 40px;
    border: #5e5d5d 1px solid;
}

table.chanpinlistbiaoge tr.tablebiaoti td {
    color: #5e5d5d;
    font-weight: bold;
}

table.chanpinlistbiaoge tr.tablebiaoti {
    background: #fee1a9;
    color: #5e5d5d;
}

table.chanpinlistbiaoge tr td.yanse {
    background: #fee1a9;
}

.index-culture {
    background: url(../images/culture_bg.jpg)no-repeat center;
    height: 869px;
    width: 100%;
    background-size: cover
}

#left {
    width: 250px;
    float: left;
}
#left .left-title > h1 {
    background: #3D85C6;
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

#right {
    float: left;
    margin-left: 60px;
    width: 830px;
    padding: 0 20px;
}
#right .right-title {

    height: 59px;
    border-bottom: 1px solid #ccc;
    line-height: 60px;
}
.right-cont > .cont-title {
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
}
.right-cont-news {
    padding: 20px 15px;
}
.right-cont-news > ul > li {
    border-bottom: 1px dashed #ccc;
    padding: 12px 0;
}
.right-cont-news > ul > li > a  {
    float: left;
    color: #000;
}
.right-cont-news > ul > li:hover b{
    color: #FF0000;
}
.right-cont-news > ul > li > span  {
    float: right;
    color: #666;
}
.right-cont-prod {
    padding: 20px 0;
    min-height: 400px;
}
.right-pic p {
    line-height: 2;
}
.right-cont-prod > ul > li {
    width: 255px;
    /*height: 230px;*/
    float: left;
    margin-left: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px 0 #c4bec0;
    transition: 0.5s;
    border-radius: 8px;
    overflow: hidden;
}
.right-cont-prod > ul > li > a {
    display: block;
    text-align: center;
    transition: 0.5s;
}
.right-cont-prod > ul > li > a img {
    width: 100%;

}
.right-cont-prod > ul > li > a  span {
    display: block;
    text-align: center;
    line-height: 40px;
}
.right-cont-prod > ul > li:hover {
    transform: translateY(-10px);
    transition: 0.5s;
}
.right-cont-prod > ul > li:hover a{
    background: #3d85c6;
    color: #fff;
}
.right-cont-prod .title > h1 {
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
}
.right-cont-prod .inside-time {
    height: 30px;
    padding: 5px 0;
    text-align: center;
    line-height: 30px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}
.right-cont-prod .inside-time span {
    padding-left: 20px;
}
.left-list {
    margin-top: 20px;
    box-shadow: 0 0 15px 0 #ccc;
}
.left-list > ul > li {
    padding: 8px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.left-list > ul > li > a {
    display: block;
}
.left-list ul {
    /*background: white; border-top: 6px solid hsl(143, 96%, 34%);*/
}
.left-list ul li {
    list-style-type: none;
    /*relative positioning for list items along with overflow hidden to contain the overflowing ripple*/
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}
.left-list ul li a {
    font: normal 16px/20px Montserrat;
    color: #000;
    display: block;
    padding: 6px 15px;
    text-decoration: none;
    cursor: pointer; /*since the links are dummy without href values*/
    /*prevent text selection*/
    user-select: none;
    /*static positioned elements appear behind absolutely positioned siblings(.ink in this case) hence we will make the links relatively positioned to bring them above .ink*/
    position: relative;
    transition: 0.3s;
}

/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.left-list .ink {
    display: block;
    position: absolute;
    background: hsl(143, 96%, 34%);
    border-radius: 100%;
    transform: scale(0);
}
/*animation effect*/
.left-list .ink.animate {animation: ripple 0.65s linear;}
@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {opacity: 0; transform: scale(2.5);}
}
.left-list ul > li:hover {
    background: #3d85c6;
    transition: 0.3s;
}
.left-list ul > li:hover a{
    color: #fff;
    transition: 0.3s;
}

/*newslist*/
.xliebiao {
    width: 1200px;
    height: auto;
    margin: 0 auto
}

.xliebiao ul li {
    height: 160px;
    background: #fff;
    width: 1200px;
    margin-bottom: 25px
}

.xliebiao ul li .naleft {
    width: 887px;
    height: 120px;
    background: #fff;
    float: left;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px
}

.xliebiao ul li .naleft h2 {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: normal;
    padding-bottom: 15px
}

.xliebiao ul li .naright {
    width: 113px;
    height: 120px;
    background: #ebebeb;
    float: left;
    padding-top: 40px;
    padding-left: 40px
}

.xliebiao ul li .naright h2 {
    font-size: 24px;
    color: #b7b7b7;
    font-weight: normal
}

.xliebiao ul li .naright .sj {
    font-size: 14px
}

.xliebiao ul li .naright .more01 {
    width: 38px;
    height: 38px;
    background: url(../images/da.png) no-repeat;
    margin-top: 15px
}

.xliebiao ul li:hover .naright {
    background: #15a438
}

.xliebiao ul li:hover .naright h2 {
    color: #fff
}

.xliebiao ul li:hover .naright .sj {
    color: #fff
}

.xliebiao ul li:hover .naright .more01 {
    width: 38px;
    height: 38px;
    background: url(../images/dah.png) no-repeat;
    margin-top: 15px
}

.xliebiao ul li:hover .naleft h2 {
    color: #15a438
}

.xliebiao .fen {
    width: 1200px;
    height: 80px;
    background: #f0f0f0
}

.newss {
    height: 530px;
    width: 1200px;
    margin: 0 auto
}

.page_title {
    text-align: center;
    color: #18294b;
    font-size: 24px;
    padding: 20px 0
}

.page_title span, .page_title p {
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    color: #18294b;
    font-size: 24px
}


.main_list{
    width: 250px;
    border-top: none;
    overflow: hidden;
}
.main_list ul{

}
.main_list ul li a{
    font-size: 13px;
    line-height: 24px;
    color: #4c4c4c;
    margin-left: 30px;
}
.main_list ul li a:hover{
    color: #fff;
}
.main_list ul .main_first a:hover{
    color: #fff;
}
.main_list ul .main_first{
    width: 258px;
    height: 40px;
    line-height: 35px;
    background-color: #71a8da;
}
.main_list ul .main_first a{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-left: 30px;
}
#wrapper > .container {
    padding:  40px 0;
}

.wj-content{ width:100%;    padding-bottom: 20px;
    border-bottom: 1px dashed #f1eded;}
.ny-banner{ width:100%; background:url(../images/aboutimg3.jpg) no-repeat center top; height:251px;}
.Positioning {
    float: right;
    background: url(../images/homeicon.jpg) no-repeat left center;
    padding-left: 20px;
    margin-top: 35px;
}
.about_title_two{color: #000;font-size: 20px;padding-top:7px;line-height: 25px;padding-left:10px;float:left;}
.about_title_two p{color: #0657b2;font-size: 16px;}
.about_title{ float:left;}
.about_nav{ float:right; padding-top:25px;}
.about_nav li{ float:left; width:80px; text-align:center; height:31px; line-height:31px;  margin:0 3px 10px 3px;}
.about_nav li a{color:#fff;background: #E56B28;display:block;font-size: 14px;}
.about_nav li a.cur,
.about_nav li a:hover{ background:#0657B2;}
.aboutcon{font-size: 14px;     width: 1200px; margin: 0 auto;
    color: #666;
    line-height: 40px;
    padding: 0px 0 60px 0;}
.contain-news .nl-box{margin-top:30px;position:relative;width:100%;height:auto;padding:30px 25px;border:1px solid #e5e5e5;overflow:hidden;}

.contain-news .nl-box h2{display:inline-block;font-size:18px;color:#323232;font-weight:normal;padding-right:16px;background:url(../images/icon-5.png) no-repeat right center;margin-right:10px;}

.contain-news .nl-box span{font-size:14px;color:#888888;}

.contain-news .nl-box p{font-size:13px;color:#666666;line-height:25px;margin-top:10px;}

.contain-news .nl-box:hover{ background:#f3f3f3;}

/* ========翻页样式*/
.page {
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}

.page a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #5fa6e6;
    border-radius: 4px;
    vertical-align: middle;
    transition: 0.5s;
}

.page a:hover {
    background: #5fa6e6;
    color: #fff;
    transition: 0.5s;
}

.page-list a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #5fa6e6;
    border: 1px solid #5fa6e6;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.page-list a:hover {
    background: #5fa6e6;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.publicheadrightbottomli {
    position: relative;
    z-index: 999;
}
.publicheadrightbottomli .sub {
    display: none;
    position: absolute;
    width: 150px;
    left: 50%;
    top: 45px;
    margin-left: -75px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background: #fff;
}
.publicheadrightbottomli .sub > ul > li {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: -1px;
    padding: 5px;
}
.publicheadrightbottomli:hover > .sub{
    display: block;

}
.publicheadrightbottomli .sub > ul > li:hover  {
    background: #f5a101;
    color: #fff;
}
.publicheadrightbottomli .sub > ul > li:hover  a{
    color: #fff;
}

.right-cont {
    min-height: 400px;
}