.banner {
    overflow: hidden;
    width: 100%;
    font-size: 0;
    position: relative;
}

/*.banner img {
    width: 1920px;
    margin-left: calc(50% - 960px)
}*/
.banner{ width:100%; height:445px; position:relative; overflow:hidden;}
.picBox{ overflow:hidden;font-size:0;position:relative;z-index:90;transition:all 0.2s linear 0s;background:#fff;}
.picBox .bd{ position:relative;}
.picBox a{ transition:all 0.2s linear 0s;}
.picBox .hd{ position:absolute;bottom:25px;left:0;width:100%;height:14px;z-index:99;text-align:center}
.picBox .bd ul,.picBox .bd ul li{ width:100%!important}
.picBox .hd ul{ margin:0;padding:0}
.picBox .hd li{ background:#111;display:inline-block;*display:inline;zoom:1;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;cursor:pointer;font-size:12px;margin:0 2px 0 0}
.picBox .hd li.on{ background:#f60;color:#fff}
.picBox .next,
.picBox .prev{ background:url(../images/icon_arr.png) no-repeat;width:60px;height:80px;zoom:.75;overflow:hidden;position:absolute;top:50%;z-index:10;font-size:0;line-height:0;text-indent:-999em;margin-top:-45px;cursor:pointer;display:block;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.picBox .prev{ left:50%;margin-left:-660px;}
.picBox .next{ right:50%;margin-right:-660px;background-position:right top;}
.picBox:hover .prev{ background-position:left top;margin-left:-640px;opacity:1;filter:alpha(opacity=100);}
.picBox:hover .next{ background-position:right top;margin-right:-640px;opacity:1;filter:alpha(opacity=100)}


.section-1 {
    font-size: 0;
    text-align: center
}

.section-1 .top {
    min-width: 1252px
}

.section-1 .top > * {
    display: inline-block;
    vertical-align: bottom
}

.section-1 .top .content {
    text-align: center;
    width: 110px;
    padding: 27px 10px 30px;
    font-size: 0;
    color: #fff;
    background-color: #d13e45
}

.section-1 .top .content .image {
    background-image: url(../images/style-index.png);
    background-position: -4px -374px;
    display: inline-block;
    width: 60px;
    height: 60px
}

.section-1 .top .content p {
    text-align: left;
    line-height: 28px;
    font-size: 16px
}

.section-1 .top .content p:before {
    content: "";
    display: block;
    background-color: #e89fa2;
    width: 23px;
    height: 3px;
    margin-bottom: 14px;
    margin-top: 29px
}

.section-1 .top .content a {
    transition: .3s;
    font-size: 16px;
    margin-top: 16px;
    width: 96px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff
}

.section-1 .top .content a:hover {
    color: #d13e45;
    background-color: #fff
}

.section-1 .top li {
    margin-left: 5px;
    float: left;
    background-image: url(../images/style-index.png);
    background-position: -940px -140px;
    width: 220px;
    height: 190px
}

.section-1 .top li h3 {
    margin-top: -13px;
    font-size: 40px;
    color: #d13e45;
    margin-bottom: 31px
}

.section-1 .top li .p-1 {
    font-size: 16px;
    color: #333
}

.section-1 .top li .p-2 {
    font-size: 14px;
    color: #666;
    margin: 12px 0 25px
}

.section-1 .top li a {
    transition: .3s;
    line-height: 38px;
    width: 130px;
    border: 1px solid #d0ccc9;
    color: #666;
    font-size: 18px;
    display: inline-block
}

.section-1 .top li a:hover {
    border-color: #d13e45;
    color: #fff;
    background-color: #d13e45
}

.section-1 .bottom {
    margin-top: 91px;
    background-image: url(../images/style-index.png);
    background-position: -4px -4px;
    display: inline-block;
    margin-bottom: 61px;
    width: 1184px;
    height: 132px
}

h2 {
    margin: 84px auto 0;
    width: 380px;
    line-height: 40px;
    background-color: #d9d9d9;
    border-radius: 40px;
    color: #333;
    font-size: 30px;
    text-align: center
}

h2 + .line {
    margin-top: -20px;
    margin-bottom: 20px
}

h2 + .line > div {
    width: 430px;
    border-top: 1px solid #ababab;
    height: 0;
    font-size: 0
}

h2 + .line > div:after {
    width: 5px;
    height: 5px;
    margin-top: -3px;
    background-color: #000;
    content: "";
    border-radius: 50%;
    display: inline-block
}

h2 + .line .left {
    float: left;
    text-align: right
}

h2 + .line .right {
    text-align: left;
    float: right
}

.section-2 {
    background-image: url(../images/section-2-bg.jpg);
    background-size: 1920px 100%;
    background-position: 50%;
    height: 2033px;
    overflow: hidden
}

.section-2 .publish {
    text-align: center
}

.section-2 .publish .line {
    margin-bottom: 50px
}

.section-2 .publish > img {
    margin-left: 46px
}

.section-2 .publish > a {
    width: 90px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    background-color: #d94a5e;
    margin: -47px auto 47px;
    position: relative;
    z-index: 0
}

.section-2 .publish ul {
    margin-top: 102px;
    font-size: 0
}

.section-2 .publish li {
    background-origin: content-box;
    background-repeat: no-repeat;
    border: 2px solid #ccb19b;
    padding: 12px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    margin-left: 54px
}

.section-2 .publish li:first-of-type {
    margin-left: 0
}

.section-2 .publish li:hover .content {
    bottom: 0
}

.section-2 .publish li:first-of-type {
    background-image: url(../images/style-index.png);
    background-position: -4px -140px;
    width: 230px;
    height: 230px
}

.section-2 .publish li:nth-of-type(2) {
    background-image: url(../images/style-index.png);
    background-position: -238px -140px;
    width: 230px;
    height: 230px
}

.section-2 .publish li:nth-of-type(3) {
    background-image: url(../images/style-index.png);
    background-position: -472px -140px;
    width: 230px;
    height: 230px
}

.section-2 .publish li:nth-of-type(4) {
    background-image: url(../images/style-index.png);
    background-position: -706px -140px;
    width: 230px;
    height: 230px
}

.section-2 .publish li > div {
    overflow: hidden;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 50%;
    position: relative;
    margin: 2px auto
}

.section-2 .publish li .content {
    transition: .3s;
    width: 100%;
    background-color: #fdf4e8;
    position: absolute;
    left: 0;
    bottom: -88px;
    height: 88px
}

.section-2 .publish li p {
    padding-top: 2px;
    font-size: 16px;
    color: #666;
    line-height: 40px
}

.section-2 .publish li a {
    color: #fff;
    font-size: 14px;
    width: 74px;
    background-color: #d94a5e;
    line-height: 28px;
    border-radius: 4px;
    display: inline-block
}

.section-2 .design {
    text-align: center
}

.section-2 .design .line {
    margin-bottom: 50px
}

.section-2 .design > img {
    margin-left: 136px
}

.section-2 .design > a {
    width: 90px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    background-color: #d94a5e;
    margin: -47px auto 47px;
    position: relative;
    z-index: 0
}

.office {
    padding-bottom: 75px;
    background: #f0f0f0;
    display: inline-block;
}

.office .line {
    margin-bottom: 75px
}

.office ul {
    font-size: 0;
    text-align: center
}

.office li {
    display: inline-block;
    margin-left: 12px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    width: 290px;
    height: 220px;
    cursor: pointer
}

.office li:first-of-type {
    margin-left: 0
}

.office li:hover p {
    bottom: 0
}
/*
.office li:first-of-type {
    background-image: url(../images/office-1.jpg)
}

.office li:nth-of-type(2) {
    background-image: url(../images/office-2.jpg)
}

.office li:nth-of-type(3) {
    background-image: url(../images/office-3.jpg)
}

.office li:nth-of-type(4) {
    background-image: url(../images/office-4.jpg)
}
*/
.office p {
    font-size: 14px;
    transition: .3s;
    color: #fff;
    line-height: 40px;
    padding-left: 10px;
    text-align: left;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -40px;
    background-color: rgba(0, 0, 0, .4)
}

.partner {
    overflow: hidden;
    /*background-image: url(../images/partner-bg.jpg);*/
    /*background-position: 50%;*/
    font-size: 0
}

.partner .line {
    margin-bottom: 75px
}

.partner li {
    display: inline-block;
    vertical-align: top;
    margin-left: 58px;
    margin-bottom: 51px;
    cursor: pointer;
    transition: box-shadow .3s
}

.partner li:hover {
    box-shadow: 0 2px 8px 1px hsla(0, 0%, 80%, .85)
}

.partner li img {
    width: 230px;
    height: 152px
}

.introduction-news {
    padding-top: 51px;
    padding-bottom: 57px;
    background: #f0f0f0;
}

.introduction-news section {
    width: 620px
}

.introduction-news h3 {
    font-size: 26px;
    color: #333;
    line-height: 50px
}

.introduction-news h3 a {
    float: right;
    font-size: 16px;
    color: #ff686c
}

.introduction-news .line {
    width: 100%;
    height: 0;
    border-top: 2px solid #d9d9d9;
    margin-bottom: 44px
}

.introduction-news .line:before {
    content: "";
    display: block;
    background: #ff686c;
    width: 102px;
    height: 4px;
    margin-top: -2px
}

.introduction-news img {
    float: left;
    margin-right: 20px
}

.introduction-news .introduction {
    float: left
}

.introduction-news .introduction img {
    width: 260px;
    height: 180px
}

.introduction-news .introduction p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-top: 7px
}

.introduction-news .news {
    width: 540px;
    float: right
}

.introduction-news .news img {
    width: 200px;
    height: 180px
}

.introduction-news .news ul {
    padding-top: 8px
}

.introduction-news .news li {
    margin-bottom: 16px;
    overflow: hidden
}

.introduction-news .news li a {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    float: left;
    transition: .3s
}

.introduction-news .news li a:hover {
    color: #ff686c
}

.introduction-news .news time {
    width: 50px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #666;
    text-align: center;
    float: left;
    margin-right: 10px
}

.contact-us {
    background-image: url(../images/map.png);
    background-position: 50%;
    background-size: 1920px 100%;
    height: 400px
}

.contact-us form {
    margin-left: 104px;
    width: 400px;
    height: 400px;
    text-align: center;
    background-color: rgba(255, 104, 108, .7)
}

.contact-us h3 {
    color: #fff;
    font-size: 35px;
    line-height: 77px;
    padding-top: 15px
}

.contact-us input[type=text], .contact-us textarea {
    margin-bottom: 19px;
    width: 330px;
    vertical-align: top;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    padding: 12px;
    resize: none
}

.contact-us textarea {
    height: 90px;
    font-family: inherit
}

.contact-us input[type=submit] {
    width: 130px;
    height: 40px;
    background-color: #fff;
    border-radius: 40px;
    color: #333;
    font-size: 20px;
    margin-top: 6px;
    cursor: pointer
}

.content1 {
    width:1200px;
    margin:20px auto;
}
.contop {
    border-bottom: 1px solid #999;
    width: 100%;
    height: 30px;
}
.contop_right { 
    float:right;
    line-height: 30px;
    font-size: 16px;
}
.contop_right a,.contop_right span {
    float: left;
}
.linkcon {
    margin: 30px auto 0px;
    width:100%;
}
.linkcon li {
    display: inline-block;
    vertical-align: top;
    margin-left: 56px;
    margin-bottom: 30px;
    cursor: pointer;
    transition: box-shadow .3s;
}
.linkcon li img {
    width: 230px;
    height: 152px;
}
.page { 
    width:950px;
    margin-top:20px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.page span.nolink,.page span font,.page a{
    padding: 3px 10px;
    border:1px solid #999;
    margin-left: 10px;
    display: initial;
}
.maincon {
    margin: 30px auto 0px;
    width:100%;
}
.maincon li {
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 30px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    width: 230px;
    height: 220px;
    cursor: pointer;
}
.maincon li img {
    width: 230px;
    height: 174px;
}
.maincon li p {
    font-size: 16px;
    transition: .3s;
    color: #666;
    text-align: center;
    line-height: 40px;
    width: 100%;
    left: 0;
}
.contactcon{
    width:950px;
    margin-top:30px;
}
.contactcon_t {
    width:950px;
    margin-bottom: 30px;
    min-height: 300px;
}
.newscon {
    width:950px;
    margin:20px auto 0px;
}
.newscon li{
    display: inline-block;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.newscon li a:hover{
    color:#d13e45;
}
.newscon li p{
    font-size: 16px;
    padding-left: 10px;
    text-align: left;
    line-height: 30px;
    width:800px;
    float: left;
}
.newscon li span{
    font-size: 14px;
    text-align: right;
    line-height: 30px;
    width:100px;
    float: right;
}

.conleft{ width: 230px;float: left;}
.conright{ width: 950px;float: right;}

.conleft_tit{ width:100%;height:60px;background: #d13e45;color: #fff;line-height: 60px;text-align: center;font-size: 24px;}
.conleft_list{ border:1px solid #ccc;padding: 20px 9px;}
.conleft_list li{ width:190px;height: 30px;line-height: 30px;border-bottom: 1px dashed #ccc;padding-left: 20px;background: url(../images/xwc.png) left center no-repeat;}

.car1{ padding-bottom: 75px}
.car1 .line{ padding-bottom: 75px}
.car1 li{ width: 290px;height: 300px;margin-left: 13px;float: left;}
.car1 li:first-of-type{ margin-left: 0px;}
.car1 .car1_li1{ background: url(../images/ys_ico1.png) center center no-repeat;}
.car1 .car1_li2{ background: url(../images/ys_ico2.png) center center no-repeat;}
.car1 .car1_li3{ background: url(../images/ys_ico3.png) center center no-repeat;}
.car1 .car1_li4{ background: url(../images/ys_ico4.png) center center no-repeat;}
.car1 .car1_li1:hover{ background: url(../images/ys_ico01.png) center center no-repeat;}
.car1 .car1_li2:hover{ background: url(../images/ys_ico02.png) center center no-repeat;}
.car1 .car1_li3:hover{ background: url(../images/ys_ico03.png) center center no-repeat;}
.car1 .car1_li4:hover{ background: url(../images/ys_ico04.png) center center no-repeat;}

.car2{ width: 100%;padding-bottom:75px;background: #f0f0f0;display: inline-block;}
.car2_img{ margin-top: 75px;width: 1200px;height:440px;}

.car3{ padding-bottom: 75px;display: inline-block;}
.car3 .line{ padding-bottom: 75px}
.car3 li{ width:290px;height: 250px;border: 1px solid #f0f0f0;margin-left: 10px;float: left;margin-top: 50px;}
.car3 li:first-of-type{ margin-left: 0px;}
.car3 li h3{ width: 96px;height: 96px;margin: -48px 97px 0;}
.car3 li h5{ width: 100%;margin-top: 25px;line-height: 30px;font-size: 18px;text-align: center;}
.car3 li p{ width: 230px;margin: 0 auto;margin-top: 10px;line-height: 26px;font-size: 14px;color:#999;}
.car3_li1 h3{ background: url(../images/ys_ico05.png) center center no-repeat;}
.car3_li2 h3{ background: url(../images/ys_ico06.png) center center no-repeat;}
.car3_li3 h3{ background: url(../images/ys_ico07.png) center center no-repeat;}
.car3_li4 h3{ background: url(../images/ys_ico08.png) center center no-repeat;}
.car3_li1:hover h3{ background: url(../images/ys_ico5.png) center center no-repeat;}
.car3_li2:hover h3{ background: url(../images/ys_ico6.png) center center no-repeat;}
.car3_li3:hover h3{ background: url(../images/ys_ico7.png) center center no-repeat;}
.car3_li4:hover h3{ background: url(../images/ys_ico8.png) center center no-repeat;}
.car3_li1 h5{ color:#f48e96;}
.car3_li2 h5{ color:#44c2f7;}
.car3_li3 h5{ color:#c59cc8;}
.car3_li4 h5{ color:#9fe078;}