/* CSS Document */

* {
    margin: 0;
    padding: 0;
    outline: 0;
    /*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

html {
    overflow-x: hidden;
}

html,
body {
    height: 100%;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

body {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    line-height: 28px;
    margin: 0 auto;
    background-color: #fff;
}

ul li {
    list-style-type: none;
}

img {
    border: 0;
}

a {
    blr: expression(this.onFocus=this.blur());
    outline: none;
    text-decoration: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #0061ae;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    overflow: hidden;
    zoom: 1;
}

i,
em {
    font-style: normal;
}

.whitefont,
.whitefont i {
    color: #fff !important;
}

.b0 {
    bottom: 0;
}

.t0 {
    top: 0;
}

.none {
    display: none;
}

.picflash img {
    transition: all 0.6s;
}

.picflash:hover img {
    transform: scale(1.1);
}

.bgh {
    background-color: #f6f6f6;
}

.bgw {
    background-color: #FFFFFF;
}

.pt50 {
    padding-top: 50px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.p40 {
    padding: 40px 0 !important;
}

.p30 {
    padding: 20px 0 50px !important;
}

.p50 {
    padding: 50px 0 !important;
}

.p60 {
    padding: 60px 0 !important;
}

.p60p0 {
    padding: 0 0 60px 0 !important;
}

.p70 {
    padding: 70px 0 !important;
}

.p80 {
    padding: 80px 0 !important;
}

.p80_2 {
    padding: 80px 0 !important;
}

.pt70 {
    padding: 70px 0 0 0 !important;
}

.m40 {
    margin: 40px 0 !important;
}

.m50 {
    margin: 50px 0 !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}

.mt0 {
    margin-top: 0px !important;
}

.h60 {
    height: 60px !important;
}

.p20 {
    padding: 10px 0 30px;
    margin-bottom: 50px;
}

.bbd {
    border-bottom: 1px #dfdfdf solid;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.center {
    text-align: center;
}

.font35 {
    font-size: 35px;
}

.xian {
    border-top: 1px #f0f0f0 solid;
}

.xian2 {
    border-bottom: 1px #424242 solid;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

input:focus {
    outline: none;
}

.hui {
    background-color: #f8f8f8;
}

.bai {
    background-color: #fff;
    border: 0px !important;
}

.pc_none {
    display: none !important;
}

.f16 {
    font-size: 16px;
}

.m0 {
    margin: 0 auto;
}

h8 {
    font-size: 30px;
    text-align: center;
    display: block;
}


.biao_ico {
    width: 1210px;
    margin: 50px auto;
}

.biao_ico li {
    float: left;
    width: 135px;
    text-align: center;
}

.biao_ico li .ico {
    width: 90px;
    height: 90px;
    border-radius: 100px;
    border: 2px #0061ae solid;
    margin: 0 auto;
}

.biao_ico li .ico i {
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    -ms-transition: -ms-transform 0.6s ease-out;
}

.biao_ico li i {
    color: #0061ae;
    font-size: 2em;
    text-align: center;
    line-height: 90px;
    width: 90px;
    height: 90px;
}

.biao_ico li .info {
    width: 135px;
    text-align: center;
    margin-top: 10px;
}

.biao_ico li:hover .ico i {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


.bk {
    background-color: #0061ae;
    padding: 5px 10px;
    text-align: center;
    color: #FFF;
    display: block;
    margin-bottom: 10px;
    width: 120px;
}

/*分页*/
.pageshow {
    text-align: center;
    margin: 0px 0 30px;
}

.pageshow a {
    padding: 0 8px;
    line-height: 25px;
    display: inline-block;
    border: 1px #bbb solid;
    margin: 20px 2px 2px 2px;
    background: #f8f9f7;
}

.pageshow a.pagefan,
.pageshow a:hover {
    background: #333;
    border: 1px #333 solid;
    color: #FFFFFF;
}

.txt {
    padding: 0px 10px;
    font-size: 15px;
    line-height: 30px;
    min-height: 250px;
}

.txt2 {
    width: 780px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 15px;
    padding-top: 40px;
}

.txtimg img {
    max-width: 100%;
    height: auto;
}

.txt3 {
    width: 940px;
    font-size: 15px;
    line-height: 30px;
    padding: 30px;
}

.txts {
    font-size: 15px;
    line-height: 25px;
    width: 550px;
}

.txts_2 {
    width: 500px;
    padding: 20px 50px 0 0;
}

.txts dl {
    margin-top: 25px;
}

.txts dl dt {
    font-size: 25px;
    padding-left: 15px;
    border-left: 5px #0061ae solid;
    font-style: italic;
}

.txts dl dd {
    line-height: 22px;
    margin-top: 10px;
    padding-left: 20px;
    color: #666;
}

.txtpic {
    width: 600px;
    height: 450px;
    overflow: hidden;
}

.txtpic img {
    width: 600px;
    height: 450px;
}

.txtpic .info {
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 600px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 5px #666;
}

.txtpic a {
    position: relative;
}

.txtpic a .thumbnail-mask {
    width: 600px;
    height: 450px;
    display: block;
    position: absolute;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to top, rgba(231, 0, 18, .5), rgba(231, 0, 18, 0));
    opacity: 0;
}

.txtpic a:hover .thumbnail-mask {
    opacity: 1;
}

.nlist {
    width: 600px;
    overflow: hidden;
    margin-top: 30px;
}

.nlist li {
    display: block;
    border-bottom: 3px #eee solid;
    font-size: 18px;
    color: #000;
    padding: 30px 50px;
}

.nlist li span {
    font-size: 14px;
    color: #999;
    padding-left: 15px;
    border-left: 3px #0061ae solid;
    height: 20px;
    line-height: 20px;
    display: block;
    margin-bottom: 10px;
}


.main {
    width: 1400px;
    margin: 0 auto;
}

.main12 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.mains {
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 5%;
}

.main2 {
    width: 1480px;
    margin: 0 auto;
}

.main_1 {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto 50px;
}

.w450 {
    width: 450px;
}


.header {
    width: 100%;
    z-index: 999;
    padding: 0;
    height: 90px;
    position: fixed;
    top: 0px;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
    /* border-bottom:1px #3391cd solid; */
}

.header_hover_show {
    background-color: #fff;
    z-index: 9999;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
    width: 100%;
    height: 90px;
    border-bottom: 0px;
}


/*首页*/
.h-yw {
    width: 100%;
    height: 700px;
    margin-top: 40px;
    display: flex;
}

.h-yw li {
    flex: 1;
    background-position: top center;
    background-repeat: no-repeat;
    height: 700px;
    position: relative;
}

.h-yw li div {
    font-size: 40px;
    color: #FFF;
    padding-top: 150px;
    height: 550px;
    margin: 0 auto;
    text-align: center;
    transition: all .5s;
    background-color: rgba(0, 0, 0, .25);
}

.h-yw li div i {
    font-size: 15px;
    display: block;
    margin-top: 50px;
    opacity: 0;
    transition: all .5s;
    padding: 0 60px;
    text-align: left;
    line-height: 30px;
}

.h-yw li:hover {
    flex: 2;
    background-size: cover;
}

.h-yw li:hover div {
    background-color: rgba(0, 91, 172, .8);
    padding-top: 100px;
    height: 600px;
}

.h-yw li:hover div i {
    opacity: 1;
}

.h-yw li a {
    position: absolute;
    z-index: 9;
    bottom: 100px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    width: 70px; /*80*/
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    border-bottom: 1px #fff solid;
    height: 50px;
    line-height: 50px;
    opacity: .75;
}

.h-yw li:hover a {
    opacity: .9;
}



.yebox {
    width: 100%;
    height: 800px;
    position: relative;
    margin-top: 40px;
}

.infobox,
.infobg {
    width: 1400px;
    position: absolute;
    left: 50%;
    margin-left: -700px;
    z-index: 3;
}

.infobg {
    top: 80px;
}

.infobox {
    top: 500px;
}

.infobg dl {
    background: rgba(255, 255, 255, 0.8);
    width: 660px;
    height: 320px;
    padding: 50px 70px;
    position: absolute;
}

.infobg dt {
    font-size: 36px;
    color: #000;
    border-bottom: 1px #d8d8d8 solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.infobg dd {
    font-size: 14px;
    color: #555;
    line-height: 28px;
    height: 110px;
    overflow: hidden;
}

.infobg a {
    width: 226px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    background-color: #0075c1;
    display: block;
    margin-top: 42px;
    transition: all .3s;
}

.infobg a:hover {
    background-color: #e62129;
}

.ywbg ul {
    height: 800px;
    overflow: hidden;
}

#focus .left {
    overflow: hidden;
}

#focus .left li {
    width: 1920px;
    height: 800px;
    top: 0px;
    left: 50%;
    margin-left: -960px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    position: absolute;
}

#focus .left li.active {
    z-index: 2;
}

/*.ywlist{ width:1400px; margin:60px auto 0; overflow:hidden;}
.ywlist li{ width:200px; float:left;}
.ywlist li .pic{border-radius:100px; border:8px #FFF solid; width:120px; height:120px;overflow:hidden; margin:0 36px;transition: all .2s; cursor:pointer;}

.ywlist li img{height:120px;}
.ywlist li p{ color:#fff; font-size:18px; text-align:center; margin-top:20px;}
.ywlist li:hover .pic , .ywlist li.active  .pic{border:8px #0061ae solid;}*/

.ywlist {
    width: 1460px;
    margin: 70px auto 0;
    overflow: hidden;
}

.ywlist li {
    width: 305px;
    margin-right: 60px;
    float: left;
}

.ywlist li .pic {
    border-radius: 0px;
    border: 2px #FFF solid;
    width: 301px;
    height: 125px;
    overflow: hidden;
    transition: all .2s;
    cursor: pointer;
}

.ywlist li img {
    width: 301px;
}

.ywlist li p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

.ywlist li:hover .pic,
.ywlist li.active .pic {
    border: 2px #0061ae solid;
}

.about {
    background: url(../images/about.jpg) top center no-repeat #f5f5f5;
    min-height: 997px;
    position: relative;
    padding-bottom: 80px;
}

.a_l {
    float: left;
    width: 207px;
    margin-top: 660px;
    padding: 0 35px;
}

.a_l a {
    display: block;
    color: #99c8e6;
    margin-top: 35px; /*90*/
    border-bottom: 1px #99c8e6 solid;
    width: 40px; /*58*/
}

.bts i {
    font-size: 15px;
    display: block;
    margin-top: 50px;
}

.bts {
    font-size: 40px;
}

.a_r {
    width: 1040px;
    margin: 680px auto 0;
    float: right;
    padding: 40px;
    overflow: hidden;
}

.a_r dt {
    font-size: 30px;
    color: #0075c1
}

.a_r dd {
    font-size: 15px;
    line-height: 35px;
    margin-top: 30px;
    height: 200px;
    overflow: hidden;
    color: #555;
}

.abpic {
    margin-top: 40px;
}

.abpic ul {
    width: 2820px;
    overflow: hidden;
}

.abpic ul li {
    width: 272px;
    height: 236px;
    float: left;
    margin-right: 10px;
}

.abpic ul li .photo {
    width: 250px;
    height: 214px;
    padding: 10px;
    border: 1px #eee solid;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
    background-color: #fff;
}

.abpic ul li .photo .pics {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
    height: 214px;
    overflow: hidden;
}

.abpic ul li .photo .pics img {
    margin: 0 auto;
}



.probox {
    position: relative;
    margin-top: 40px;
}

.prev_l {
    left: 0;
}

.next_r {
    right: 0;
}

.prev_l,
.next_r {
    position: absolute;
    top: 193px;
    cursor: pointer;
    transition: all .3s;
}

.prev_l:hover,
.next_r:hover {
    opacity: 0.5;
}


.prolist2 {
    width: 1384px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #FFF;
}

.prolist2 ul {
    width: 3460px;
    overflow: hidden;
}

.prolist2s ul {
    width: 1384px !important;
    overflow: hidden;
}

.prolist2 ul li {
    width: 346px;
    float: left;
}

.prolist2 ul li .photo {
    width: 336px;
    height: 336px;
    text-align: center;
    padding: 10px 5px;
    overflow: hidden;
    position: relative;
    display: table;
}

.prolist2 ul li .photo .pics {
    display: table-cell;
    vertical-align: middle;
    width: 336px;
    height: 336px;
    overflow: hidden;
}

.prolist2 ul li .photo .pics img {
    margin: 0 auto;
}

.prolist2 ul li .info {
    text-align: center;
    padding-bottom: 10px;
}

.prolist2 ul li .info dt {
    font-size: 18px;
    color: #000;
    height: 30px;
    overflow: hidden;
}

.prolist2 ul li .info dd a {
    color: #999;
}

.bt {
    color: #006e97;
    /* color:#0075c1;*/
    font-size: 40px;
    text-align: center;
    line-height: 40px;
}

.bt i {
    font-size: 18px;
    color: #666;
    display: block;
    margin-top: 10px;
}


.home_pic {
    width: 1440px;
    overflow: hidden;
    margin: 0 auto 20px;
}

.home_pic a {
    display: block;
    width: 438px;
    overflow: hidden;
    margin-right: 40px;
    margin-top: 40px;
    float: left;
    background-color: #FFF;
    border: 1px #eee solid;
    border-radius: 10px;
}

.home_pic a.cc {
    margin: 20px 40px 20px 0 !important;
}

.home_pic a p.pic {
    text-align: center;
    width: 418px;
    height: 309px;
    overflow: hidden;
    margin: 10px;
}

.home_pic a p.pic img {
    width: 418px;
    height: 309px;
}

.home_pic a dt {
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    text-align: center;
    width: 400px;
    color: #000;
    font-size: 18px
}

.home_pic a:hover dt {
    background-color: #0061ae;
    color: #fff;
}




.v-l {
    width: 693px;
    height: 693px;
    position: relative;
    transition: all .3s;
}

.v-l .hover-play,
.v-r .hover-play {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    color: #FFFFFF;
    z-index: 9;
}

.v-l .cppic1 {
    width: 693px;
    height: 693px;
}

.v-l:hover .cppic1,
.v-r li a:hover .cppic1 {
    opacity: 0.8;
}

.v-r {
    width: 693px;
    overflow: hidden;
}

.v-r ul {
    width: 706px;
    overflow: hidden;
}

.v-r ul li {
    width: 340px;
    height: 340px;
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
    position: relative;
    transition: all .3s;
}

.v-r .cppic1 {
    width: 340px;
    height: 340px;
}

.v-r .hover-play img {
    width: 70px;
}


.v-ot {
    width: 1420px;
    overflow: hidden;
}

.v-ot li {
    width: 335px;
    float: left;
    margin: 20px 20px 20px 0;
}

.v-ot li .photo {
    width: 335px;
    height: 335px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
    background-color: #FFFFFF;
}

.v-ot li .photo .pics {
    display: table-cell;
    width: 335px;
    height: 335px;
    overflow: hidden;
    vertical-align: middle;
}

.v-ot li .photo .pics img {
    margin: 0 auto;
    position: relative;
}

.v-ot li .info {
    width: 305px;
    text-align: left;
    font-size: 20px;
    color: #000;
    padding: 15px;
}

.v-ot li .hover-play {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    color: #FFFFFF;
    z-index: 9;
}

.v-ot li .hover-play img {
    width: 70px;
}

.v-ot li .photo .mask {
    width: 335px;
    height: 335px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .3s;
    z-index: 5;

}

.v-ot li:hover .mask {
    opacity: 1;
    background-color: rgba(59, 77, 101, .5);

}



a.more,
a.more2 {
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: url(../images/jj.png) 140px 16px #0061ae no-repeat;
    padding-left: 60px;
    overflow: hidden;
    display: block;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    transition: all .5s;
}

a:hover.more,
a:hover.more2 {
    background: url(../images/jj.png) 146px 16px #0061ae no-repeat;
}

a.more {
    margin: 70px auto 0;
}

a.more2 {
    margin: 70px 0 0;
}

.bg {
    background: url(../images/bg.jpg) top center no-repeat;
    min-height: 440px;
    padding: 130px 0;
    color: #FFF;
}

.bg h2 {
    font-size: 25px;
    margin: 46px 0 30px;
}

.w600 {
    width: 600px;
    overflow: hidden;
}

.w524 {
    width: 524px;
    overflow: hidden;
}

.w524 ul {
    width: 534px;
    overflow: hidden;
}

.w524 ul li {
    float: left;
    width: 255px;
    height: 160px;
    padding-top: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px #acacac solid;
    background-color: rgba(255, 255, 255, .3);
    text-align: center;
    color: #FFF;
    font-size: 16px;
    transition: all .3s;
}

.w524 ul li img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 20px;
}

.w524 ul li:hover {
    border: 1px #0061ae solid;
    background-color: #0061ae;
}

.w524 ul li a {
    color: #FFF;
    display: block;
}


.cplist ul {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
}

.cplist ul li {
    float: left;
    width: 580px;
    height: 380px;
    margin-right: 40px;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    transition: all .6s;
}

.cplist_s2 ul li {
    margin-bottom: 0;
}

.cplist ul li .pic {
    width: 580px;
    height: 380px;
    overflow: hidden;
}

.cplist ul li .pic img {
    width: 580px;
    height: 380px;
}

.cplist ul li .info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 580px;
    height: 100px;
    font-size: 30px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    text-shadow: 1px 1px 5px #666;
    /* background-color: rgba(0, 0, 0, .5);*/
    font-weight: bold;
    z-index: 2px;
}

.cplist li .thumbnail-mask {
    width: 580px;
    height: 380px;
    display: block;
    position: absolute;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to top, rgba(231, 0, 18, .5), rgba(231, 0, 18, 0));
    opacity: 0;
}

.cplist li:hover .thumbnail-mask {
    opacity: 1;
}


.prolist {
    width: 1200px;
    margin: 60px auto 0;
    overflow: hidden;
}

.prolists2 {
    margin: 30px auto 0 !important;
}

.prolist ul {
    width: 1240px;
    overflow: hidden;
}

.prolist ul li {
    width: 285px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.prolist ul li .photo {
    width: 263px;
    height: 263px;
    padding: 10px;
    border: 1px #e6e6e6 solid;
    border-bottom: 0px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
    background-color: #FFFFFF;
}

.prolist ul li .photo .pics {
    display: table-cell;
    vertical-align: middle;
    width: 263px;
    height: 263px;
    overflow: hidden;
}

.prolist ul li .photo .pics img {
    margin: 0 auto;
}

.prolist ul li dl {
    width: 263px;
    padding: 10px;
    text-align: center;
    background-color: #f6f6f6;
    border: 1px #e6e6e6 solid;
    border-top: 0px;
    border-bottom: 2px #cacaca solid;
}

.prolist ul li dl dt {
    color: #333;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.prolist ul li dl dd {
    color: #888;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.prolist ul li .cover {
    position: absolute;
    width: 285px;
    height: 240px;
    overflow: hidden;
    padding-top: 115px;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0;
    transition: all .3s;
    z-index: 10;
    background-color: rgba(1, 108, 202, .9);
}

.prolist ul li .cover span {
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 15px;
    line-height: 25px;
}

.prolist ul li:hover .cover {
    opacity: 1;
}




.gsjj {
    width: 560px;
    overflow: hidden;
}

.gsjj_info {
    font-size: 14px;
    overflow: hidden;
    margin-top: 30px;
    line-height: 28px;
}

.video-tvc {
    width: 600px;
    background-color: #000;
}

.cpbox {
    width: 1224px;
    overflow: hidden;
    margin-top: 30px;
}

.cpbox li {
    width: 384px;
    height: 250px;
    float: left;
    background-color: #f4f4f4;
    margin-right: 24px;
    margin-top: 24px;
    position: relative;
    transition: all .6s;
}

.cpbox li .pic {
    width: 384px;
    height: 250px;
    overflow: hidden;
}

.cpbox li .pic img {
    width: 384px;
    height: 250px;
}

.cpbox li .info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 384px;
    height: 70px;
    font-size: 25px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    text-shadow: 1px 1px 5px #666;
    /*background-color: rgba(0, 0, 0, .3);*/
    font-weight: bold;
}

.cpbox li .thumbnail-mask {
    width: 384px;
    height: 250px;
    display: block;
    position: absolute;
    overflow: hidden;
    transition: .3s;
    background: linear-gradient(to top, rgba(231, 0, 18, .5), rgba(231, 0, 18, 0));
    opacity: 0;
}

.cpbox li:hover .thumbnail-mask {
    opacity: 1;
}



.w836_u {
    width: 1421px;
    overflow: hidden;
    margin: 9px auto 0;
}

.w836_u li {
    width: 280px;
    /*180*/
    height: 152px;
    /*75*/
    margin-right: 21px;
    margin-top: 21px;
    float: left;
    border: 1px #eee solid;
}

.w836_u li .photo {
    width: 280px;
    height: 152px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
    background-color: #FFFFFF;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
}

.w836_u li .photo .pics {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    width: 180px;
    height: 75px;
    overflow: hidden;
}

.w836_u li .photo .pics img {
    margin: 0 auto;
    position: relative;
}

.w836_u li:hover .photo {
    -webkit-box-shadow: 0px 3px 10px #c6c6c6 !important;
    -moz-box-shadow: 0px 3px 10px #c6c6c6 !important;
    box-shadow: 0px 3px 10px #c6c6c6 !important;
}

#wz {
    text-align: center;
    line-height: 44px;
}


.w837_u {
    width: 1416px;
    overflow: hidden;
    margin: 9px auto 0;
}

.w837_u li {
    width: 218px;
    height: 80px;
    margin-right: 16px;
    margin-top: 21px;
    float: left;
    border: 1px #ccc solid;
}

.w837_u li .photo {
    width: 218px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
    background-color: #FFFFFF;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
}

.w837_u li .photo .pics {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    width: 218px;
    height: 80px;
    overflow: hidden;
}

.w837_u li .photo .pics img {
    margin: 0 auto;
    position: relative;
}

.w837_u li:hover .photo {
    -webkit-box-shadow: 0px 3px 10px #c6c6c6 !important;
    -moz-box-shadow: 0px 3px 10px #c6c6c6 !important;
    box-shadow: 0px 3px 10px #c6c6c6 !important;
}





.newslist {
    width: 4740px;
    overflow: hidden;
    margin: 30px auto 0;
}

.newslist li {
    width: 452px;
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 22px;
    transition: all .5s;
    background-color: #FFFFFF;
    margin-top: 10px;
}

.newslist li .pic {
    width: 452px;
    height: 280px;
    text-align: center;
    overflow: hidden;
}

.newslist li .pic img {
    width: 452px;
    height: 100%;
}

.newslist li .info {
    padding: 25px;
    background-color: #f8f8f8
}

.newslist li .info dt {
    font-size: 16px;
    height: 25px;
    overflow: hidden;
    color: #000;
}

.newslist li .info dd {
    font-size: 13px !important;
    color: #999 !important;
    line-height: 25px;
    margin-top: 10px;
    height: 72px;
    overflow: hidden;
}

.newslist li .info .tms {
    color: #888;
    margin-top: 30px;
    font-size: 15px;
}

.newslist li .info .tms span {
    float: right;
    padding-top: 8px;
    padding-right: 5px;
}

.newslist li:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}


.txt ul.list-paddingleft-2 li {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0 0 0 30px;
    border: 0;
}

.txt ul.list-paddingleft-2 li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 8px;
    left: 5px;
    background: #0061ae;
    border-radius: 50%;

}

/*底部*/
/*底部*/
.foot_b {
    background-color: #1d2027;
    padding: 50px 0 40px;
    position: relative;
}

.foot_t1 {
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: left;
}

.foot_t1 p {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: normal;
}

.foot_t2 {
    font-size: 14px;
    color: #FFFFFF;
    margin: 25px 0 30px;
}

.foot_t2 span {
    padding: 0;
    display: block;
}

.foot_t3 {
    margin-top: 10px;
    color: #ffa472;
}

.foot_t3 span {
    padding: 0 8px;
}

.foot_t3 a {
    color: #ffa472;
}

.ewm {
    width: 291px;
    border-left: 1px #333 solid;
    padding-left: 100px;
}

.ewm img {
    width: 128px;
    height: auto;
}

.ewm span {
    padding: 5px 0;
    display: block;
}

.ewm i {
    display: block;
    font-size: 13px;
    color: #616368;
    text-align: center;
    margin-top: 5px;
}

.foot_t4 {
    margin-top: 20px;
    padding: 20px 0 0 0;
    border-top: 1px #555555 solid;
    color: #FFFFFF;
}

.foot_t4 a {
    color: #FFFFFF;
    margin-right: 20px;
}

.foot_t4 span {
    padding: 0 20px 0 0;
}

.foot_t4 .foot_t4_a {
    margin-top: 5px;
}

.foot_t4 .foot_t4_a,
.foot_t4 .foot_t4_a a {
    color: #7ab53f;
}

.foot_t4 a.top {
    float: right;
    margin-top: 6px;
    margin-right: 20px;
}


.t_top dl {
    overflow: hidden;
    float: left;
    padding: 0 70px 0 0;

    min-height: 230px;
    width: 180px;
}

.t_top dt {
    overflow: hidden;
    font-size: 16px;
    padding-bottom: 15px;
    background: url(../images/p07_x.png) no-repeat left bottom;
    margin-bottom: 10px;
}

.t_top dt a {
    color: #fff;
    display: block;
}

.t_top dd {
    overflow: hidden;
}

.t_top dd a {
    display: block;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 30px;
}

.t_top dd a:hover {
    color: #FFF;
}

.foot {
    background-color: #131418;
    padding: 35px 0;
    color: #555;
}

.foot a {
    color: #555;
}

.foot span {
    padding: 0 10px;
}

.foot .fc {
    text-align: right;
}

.foot .fc p,
.foot .fc p a {
    color: #aaa;
}

.foot .fc,
.foot .fc a {
    color: #666666;
}


.boxl {
    width: 550px;
    margin-left: 30px;
}

.tab {
    width: 550px;
    margin: 0 auto;
}

.tab li {
    margin-bottom: 10px;
}

.tab input,
.tab textarea {
    width: 100%;
    line-height: 22px;
    padding: 10px 26px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    font-family: "微软雅黑";
    font-size: 15px;
}

.tab {
    width: 100%;
    margin: 0 auto;
}

.tab li {
    margin-bottom: 20px;
}

.tab input,
.tab textarea {
    width: 100%;
    line-height: 22px;
    padding: 10px 26px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    font-family: "微软雅黑";
    font-size: 15px;
}

.tab .sumbit {
    width: auto;
    margin-left: 50px;
    cursor: pointer;
    background-color: #888;
    font-size: 14px;
    padding: 10px 50px;
    color: #FFFFFF;
    border: 0px;
}

.tab .sumbit:hover {
    background-color: #0061ae;
    color: #FFFFFF;
}

.w270 {
    width: 48%;
}

.mr10 {
    margin-right: 20px;
}

.feedback {
    width: 70%;
    margin: 0 auto;
}

.feedback strong {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
    color: #555;
    font-weight: 600;
    text-align: center;
    margin: 50px auto 20px;
    padding-top: 30px;
}

/*关于我们*/
h1 {
    font-size: 30px;
    margin: 0 auto 38px;
    text-align: center;
    font-weight: bold;
}

.m2pos {
    background-color: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}

.cp2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    width: 1500px;
    margin: 0 auto;
    overflow: hidden;
    height: 82px;
}

.cp2 li {
    padding: 0 50px;
    position: relative;
}

.cp2 li a {
    float: left;
    height: 80px;
    line-height: 82px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.cp2 li a:hover,
.cp2 li a.cur {
    border-bottom: 2px #0061ae solid;
    color: #0061ae;
}

.cp2 li:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #cccccc;
}

.cp2 li:last-child:after {
    display: none;
}


.cp2s {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    margin-bottom: 50px;
    width: 1400px;
    overflow: hidden;
    margin: 60px auto 0;
}

.cp2s li a {
    float: left;
    padding: 0 40px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
    border: 1px #eee solid;
    color: #333;
    background-color: #fafafa;
    margin: 0 10px;
    display: block;
}

.cp2s li a:hover,
.cp2s li a.cur {
    background-color: #0061ae;
    color: #FFF;
    border: 1px #0061ae solid;
}



.cp3 {
    width: 1400px;
    margin: 60px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
}

.cp3 li {
    position: relative;
}

.cp3 li a {
    float: left;
    padding: 0 40px;
    height: 46px;
    line-height: 46px;
    margin: 0 10px;
    font-size: 15px;
    border: 1px #eee solid;
    color: #333;
    background-color: #fafafa;
}

.cp3 li a:hover,
.cp3 li a.cur {
    background-color: #0061ae;
    color: #FFF;
    border: 1px #0061ae solid;
}


.banner1 {
    height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banBox1 {
    height: 300px;
    width: 1920px;
    margin-left: -960px;
    position: absolute;
    left: 50%;
    top: 0px;
    background-position: top center;
    background-repeat: no-repeat;
}

.banner_H2 {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1200px;
    margin-left: -600px;
    height: 65px;
    z-index: 1;
    background: #FFFFFF;
}

.fenlei_Tit {
    background: #0061ae;
    width: 250px;
    height: 55px;
    padding: 18px 0 0 30px;
    color: #FFFFFF;
}

.fenlei_Tit h3 {
    font-size: 20px;
}

.fenlei_Titnav {
    width: 880px;
    height: 65px;
    line-height: 65px;
}

.fenlei_Tith3 {
    font-size: 18px;
    color: #333333;
}

.fenlei_crumb {
    font-size: 14px;
    background: url(../images/home.png) left center no-repeat;
    padding: 0 20px 0 25px;
    color: #666666;
}

.fenlei_crumb a {
    color: #666666;
}

.fenlei_crumb span {
    color: #999999;
}

.fenlei_crumb a:hover {
    color: #044f8b;
}

.left {
    width: 280px;
}

.fenlei_list {
    border: 1px solid #eeeeee;
    border-top: none;
    padding: 20px 20px 40px;
    margin-bottom: 20px;
}

.fenlei_list dl {
    padding: 10px 15px;
    border-bottom: 1px #eeeeee solid;
}

.fenlei_list dl dt a {
    font-size: 15px;
    color: #666666;
    line-height: 25px;
    padding-top: 3px;
    display: block;
    background: url(../images/fenlei_dlbg.png) left 10px no-repeat;
    padding-left: 27px;
    transition: all .3s;
}

.fenlei_list dl dt a:hover,
.fenlei_list dl dt a.hover {
    background-image: url(../images/fenlei_dlbga.png);
    color: #044f8b;
}

.fenlei_list dl dd ul {
    padding-left: 50px;
}

.fenlei_list dl dd ul li a {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.fenlei_list dl dd ul li a:hover,
.fenlei_list dl dd ul li a.hover {
    color: #044f8b;
}

.fenlei_bot {
    border: 1px solid #eeeeee;
    padding: 30px 20px;
    margin-bottom: 20px;
    background-color: #0061ae;
    color: #FFFFFF;
}

.fenlei_bot p {
    text-align: center;
    margin-bottom: 20px;
}


.rights {
    width: 860px;
    border-top: 1px #eeeeee solid;
    padding: 30px 0px;
    margin: 0px 30px 0 10px;
}

.rights2 {
    width: 860px;
    border-top: 1px #eeeeee solid;
    margin: 0px 30px 0 10px;
}

.map {
    width: 100%;
    height: 380px;
    margin-bottom: 30px;
}


.m2newList2 {
    padding: 0 0px 12px;

}

.m2newList2 li {

    margin: 0 auto 12px;
    border-bottom: 1px solid #F1F1F1;
    padding-left: 10px;
}


/*证书*/
.zzlist {
    width: 1435px;
    overflow: hidden;
}

.zzlist li {
    width: 326px;
    float: left;
    margin-right: 32px;
    margin-top: 20px;
}

.zzlist li .photo {
    width: 304px;
    height: 210px;
    border: 1px #eee solid;
    padding: 10px;
    background-color: #FFF;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
}

.zzlist li .photo .pics {
    display: table-cell;
    vertical-align: middle;
}

.zzlist li .photo .pics img {
    margin: 0 auto;
}

.zzlist li .info {
    width: 306px;
    padding: 10px 0;
    line-height: 20px;
    text-align: center;
    color: #555;
}


/*风采*/
.ot {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.ot li {
    float: left;
    width: 31%;
    margin: 0 1% 50px;
    position: relative;
}

.ot li .photo {
    border: 8px solid #e3e4e4;
    padding: 25px 5px;
    background: #fff;
    border-radius: 15px 15px 0 0;
}

.ot li .photo .pics {
    padding-bottom: 62%;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.ot li .photo .pics img {
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    height: 100%;
    *height: auto;
    transform: translate(-50%, 0);
}


.ot li .info {
    padding: 15px 10px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    color: #333;
    background-color: #eee;
    border-radius: 0 0 15px 15px;
    transition: all 0.5s;
}

.ot li:hover .info {
    background-color: #0061ae;
    color: #fff;
}

.ot li .photo .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
}

.ot li:hover .mask {
    opacity: 1;
    background-color: rgba(0, 0, 0, .3);

}

.ot li .photo .mask .icon {
    width: 47px;
    height: 47px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    z-index: 4;
    background: url(../images/big.png) no-repeat center;
    background-size: 100% 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: .3s ease;
}

.ot li:hover .photo .mask .icon {
    -webkit-transform: scale(1);
    transform: scale(1);
}




/*新闻*/

.m2newList {
    padding: 0 0px 12px;
    display: block;
}

.m2newList li {
    height: 242px;
    margin: 20px auto;
}

.m2newList li a {
    display: block;
}

.overflowHide {
    float: left;
    height: 242px;
    width: 350px;
    overflow: hidden;
    background-color: #f8f8f8;
}

.overflowHide img {
    width: 350px;
    height: 242px;
    transition: all 0.6s;
}

.overflowHide a:hover img {
    transform: scale(1.1);
}

.m2newTxt {
    margin-left: 500px;
    position: relative;

}

.m2newTimes {
    font-size: 60px;
    line-height: 52px;
    height: 52px;
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: -52px;
    color: #cacaca;
}

.m2new_time {
    font: 16px/22px Arial;
    color: #999999;
    text-align: center;
    display: inline-block;
    width: 65px;
    position: absolute;
    top: 60px;
    left: -98px;
}

.m2new_t1,
.m2new_t1 a {
    font-size: 16px;
    color: #000000;
    line-height: 36px; /*46*/
    height: 66px; /*46*/
    overflow: hidden;
    margin-bottom: 14px;
}

.m2new_t1 a:hover {
    color: #005fd5;
}

.m2newDes {
    padding-top: 20px;
    border-top: 1px solid #F1F1F1;
    font-size: 14px;
    color: #666666;
    /* height: 68px; */
    line-height: 24px;
    overflow: hidden;
}



.m2newList12 {
    padding: 0 0px 12px;
    display: block;
}

.m2newList12 li {
    width: 640px;
    height: 250px;
    margin: 30px auto 0;
    overflow: hidden;
    border: 1px #eee solid;
    padding: 20px;
    transition: all .5s;
    background-color: #fdfdfd;

}

.m2newList12 li:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);

}

.m2newList12 li a {
    display: block;
}

.overflowHide12 {
    float: left;
    width: 220px;
    height: 250px;
    overflow: hidden;
}

.overflowHide12 img {
    width: 180px;
}


.m2newTxt12 {
    margin-left: 220px;
    position: relative;

}


.m2new_t112,
.m2new_t112 a {
    font-size: 18px;
    color: #000000;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    margin-bottom: 14px;
    padding-top: 10px;
}

.m2new_t112 a:hover {
    color: #1344aa;
}

.m2newDes12 {
    padding-top: 20px;
    border-top: 1px solid #F1F1F1;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
}

.m2newDes12 p,
.m2newDes12 span {
    background-color: #fdfdfd !important;
    height: 30px;
    line-height: 25px;
}

/*产品*/

.p_l_t {
    width: 300px;
    overflow: hidden;
    margin: 200px 0;
}

.p_l_t .bt5 {
    color: #000;
    font-size: 50px;
    text-align: center;
    line-height: 40px;
    border-bottom: 3px #0061ae solid;
    padding: 0 0 20px;
    width: 200px;
}

.piclist3 {
    float: left;
    width: 1440px;
    overflow: hidden;
}

.piclist3 li {
    float: left;
    display: block;
    width: 418px;
    height: 314px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px #ddd solid;
    margin: 20px 40px 20px 0;
    text-align: center;
    color: #999;
    position: relative;
}

.piclist3 li .picbox {
    width: 418px;
    height: 314px;
    overflow: hidden;
    background-color: #FFFFFF;
    position: relative;
    display: table;
}

.piclist3 li .picbox .pics {
    display: table-cell;
    vertical-align: middle;
}

.piclist3 li .titbox {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 15px;
}

/*.piclist3 li{
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
	
}
.piclist3 li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}*/

.piclist3 li .cover {
    position: absolute;
    width: 400px;
    height: 214px;
    overflow: hidden;
    padding: 120px 20px 0 20px;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 22px;
    color: #FFFFFF;
    opacity: 0;
    transition: all .3s;
    z-index: 10;
    background-color: rgba(19, 68, 170, .9);
}

.piclist3 li .cover span {
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 25px;
    line-height: 25px;
    color: #CCCCCC;
}

.piclist3 li:hover .cover {
    opacity: 1;
}


.mr_frbox {
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}

.mr_frBtnL {
    float: left;
    cursor: pointer;
    display: inline;
    position: absolute;
    z-index: 99;
}

.mr_frBtnR {
    float: right;
    cursor: pointer;
    position: absolute;
    z-index: 99;
}

.mr_frbox .prev {
    width: 50px;
    height: 90px;
    left: 0px;
    top: 150px;
}

.mr_frbox .next {
    width: 50px;
    height: 90px;
    right: 0px;
    top: 150px;
}

.piclist5 {
    width: 3700px;
    overflow: hidden;
    margin: 0 auto;
}

.piclist5 li {
    float: left;
    display: block;
    width: 298px;
    height: 348px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px #CCCCCC solid;
    margin-right: 30px;
    margin-top: 30px;
    text-align: center;
    color: #999;
}

.piclist5 li .picbox {
    width: 298px;
    height: 298px;
    overflow: hidden;
    background-color: #FFFFFF;
    position: relative;
    display: table;
}

.piclist5 li .picbox .pics {
    display: table-cell;
    vertical-align: middle;
}

.piclist5 li .titbox {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 16px;
}

.piclist5 li {
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;

}

.piclist5 li:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-box-shadow: 0px 5px 15px #e5e5e5;
    -moz-box-shadow: 0px 5px 15px #e5e5e5;
    box-shadow: 0px 5px 15px #e5e5e5;
}

.propic {
    max-width: 500px;
    height: auto;
    margin-bottom: 30px;
}

.protitle {
    font-size: 16px;
    font-weight: bold;
    color: #333
}

.p2023 {
    padding: 20px 0 20px 30px;
}

.store-view .up {
    border: 1px solid #e8e8e8;
    padding: 30px;
    background: #fff;
    margin-top: 10px;
}

.store-view .up .store-demo {
    width: 780px;
    float: right;
    position: relative;
}

.store-view .up .store-demo .title {
    font-size: 24px;
    color: #000;
    margin-top: 20px;
    text-align: left;
}

.store-view .up .store-demo .xx {
    margin: 8px 0 20px;
    color: #999;
    text-align: left;
    border-bottom: 1px #eee solid;
    padding-bottom: 20px;
}

.store-view .up .store-demo .text-box {
    padding: 15px 0px;
    position: relative;
    font-size: 15px;
}

.store-view .up .store-banner {
    width: 500px;
    float: left;
}

.store-view .up .store-banner .list,
.store-view .up .store-banner .list ul li,
.store-view .up .store-banner .list ul li img {
    width: 500px;
    height: 500px;
    overflow: hidden;
    position: relative;
    display: block;
}

.store-view .up .hd-tu {
    height: 80px;
    width: 500px;
    margin: 8px 0 8px;
    overflow: hidden;
    position: relative;
}

.store-view .up .hd-tu ul li {
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    margin-right: 4px;
}

.store-view .up .hd-tu ul li img {
    height: 80px;
    width: 80px;
}

.store-view .up .hd-tu ul li.on img {
    height: 78px;
    width: 78px;
    border: 1px solid #00a2e9;
}

.store-view .up .hd-tu a {
    display: block;
    width: 22px;
    height: 46px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    cursor: pointer;
    z-index: 10;
}

.store-view .up .hd-tu a.prev {
    left: 0px;
    background: url(../images/xx_03.png) no-repeat center;
}

.store-view .up .hd-tu a.next {
    right: 0px;
    background: url(../images/xx_05.png) no-repeat center;
}

.pcc {
    padding: 20px 30px;
    background-color: #f5f5f5;
    margin-top: 80px;
    line-height: 32px;
    color: #000;
    font-size: 15px;
}

.backhome {
    margin: 30px 0 50px;
    position: relative;
}

.page-back {
    text-align: center;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -9px;
}

.page-info {
    float: left;
    width: 39%;
    position: relative;
}

.page-info a {
    display: block;
    padding-left: 40px;
    color: #323232;
    font-size: 14px;
    line-height: 26px;
    background: url(../images/triangle.png) left center no-repeat;
    transition: 560ms;
}

.page-info a b {
    display: block;
    width: 33px;
    height: 1px;
    background: #a0a0a0;
    position: absolute;
    transition: 730ms;
}

.page-info:nth-child(1) a b {
    left: 88px;
    top: 14px;
}

.page-info:hover a {
    color: ##c49845;
    background: url(../images/triangle5.png) left center no-repeat;
}

.page-info:hover a b {
    width: 300px;
    background: ##c49845;
}

.page-info:nth-child(2) {
    float: right;
}

.page-info:nth-child(2) a {
    padding-left: 0;
    padding-right: 40px;
    background: url(../images/triangle1.png) right center no-repeat;
    text-align: right;
}

.page-info:nth-child(2) a b {
    right: 88px;
    top: 14px;
}

.page-info:nth-child(2):hover a {
    background: url(../images/triangle4.png) right center no-repeat;
}

.m_content {
    margin: 50px 0 30px;
    background-color: #f3f3f3;
}

.m_content li {
    width: 20%;
    height: 50px;
    line-height: 50px;
    float: left;
    display: block;
    text-align: center;
    font-size: 16px;
}

.m_content li:hover,
.m_content li.active {
    background-color: #0061ae;
    color: #FFFFFF;
    font-weight: bold;
}




#hr .container {
    background-color: #f5f5f5;
    position: relative;
}


#hr .image-box img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#hr .info {
    padding: 50px 70px 0;
}

#hr .info .content {
    font-size: 15px;
    line-height: 25px;
    display: block;
    padding-top: 30px;
}

#hr .pa {
    position: absolute;
    z-index: 9;
}

#hr .pr {
    position: relative;
}

#hr .l50 {
    left: 50%;
    top: 0;
}

#hr .r50 {
    right: 50%;
    top: 0;
}

#hr .w50 {
    width: 50%;
}

#hr .ma0 {
    margin: 0;
}

.img_size img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.j_0 {
    position: absolute;
    z-index: 1;
}

.j_1 {
    font-size: 35px;
    font-style: italic;
    color: #fff;
    padding: 120px 0 0 100px;
    letter-spacing: 2px;
}

a.j_2 {
    display: block;
    font-size: 16px;
    color: #fff;
    border: 1px #FFF solid;
    border-radius: 3px;
    border-color: #fff;
    transition: .3s;
    line-height: 1.5;
    margin-left: 100px;
    margin-top: 38px;
    width: 150px;
    text-align: center;
    height: 43px;
    line-height: 43px;
}

a:hover.j_2 {
    background-color: #FFF;
    color: #333;
}


.main3 {
    width: 950px;
}

.plie {
    width: 400px;
    overflow: hidden;
    margin: 50px auto 0;
}

.plie li {
    width: 378px;
    padding: 10px;
    border: 1px #eee solid;
    margin-bottom: 30px;
}

.plie li img {
    width: 378px;
}

.plie li .titbox {
    font-size: 18px;
    display: block;
    text-align: center;
    margin: 10px auto 0;
}

.plie li a.hh {
    color: #999;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}


.t_ico {
    background: url(../images/developmentbg1.png) left top no-repeat;
    height: 60px;
}

.whitex {
    background: url(../images/developmentbg2.png) left bottom repeat-y;
    padding: 60px 0 20px;
}

.times {
    position: absolute;
    background: url(../images/dian1.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    left: 44px;
}

.fonts .fbt {
    line-height: 25px;
    font-size: 25px;
    margin-bottom: 20px;
    color: #0061ae;
}

.fonts {
    color: #333;
    margin-left: 120px;
    font-size: 16px;
    line-height: 30px;
    color: #888;
}



.t_ico2 {
    background: url(../images/times.png) 148px 0px no-repeat;
    height: 45px;
}

.whitex2 {
    background: url(../images/x.png) 73px 0px repeat-y;
    padding: 60px 0 20px;
}

.times2 {
    position: absolute;
    background: url(../images/d.png) right 3px no-repeat;
    color: #b81c25;
    left: 0;
    width: 180px;
    font-weight: bold;
    top: 20px;
}

.times2 p {
    line-height: 25px;
    font-size: 18px;
    width: 180px;
    padding-left: 20px;
}

.fonts2 {
    margin-left: 210px;
    background-color: #f5f5f5;
    padding: 30px;
    margin-bottom: 30px;
}

.fonts2 .ff12 {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}

.fonts2 .ff22 {
    overflow: hidden;
    margin-top: 30px;
}

.fonts2 .ff22 a img {
    height: 250px;
}

.fonts2 .ff22 a {
    width: 180px;
    margin-right: 10px;
}


/*.box_322 p{ margin-top:100px;}*/

.liuc_322 {
    width: 100%;
}

.liuc_322 li {
    width: 25%;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    height: 738px;
}

.liuc_322 li div {
    font-size: 36px;
    color: #FFF;
    padding-top: 220px;
    height: 518px;
    transition: all .3s;
    margin: 0 auto;
    text-align: center;
    background-color: rgba(0, 91, 172, .6);
    font-weight: bold;
}

.liuc_322 li div i {
    background: url(../images/lck.png) top center no-repeat;
    width: 210px;
    height: 210px;
    display: block;
    margin: 0 auto 60px;
}

.liuc_322 li.ico_322_4 {
    background-image: url(../images/liucheng_1.jpg);
}

.liuc_322 li.ico_322_5 {
    background-image: url(../images/liucheng_2.jpg);
}

.liuc_322 li.ico_322_6 {
    background-image: url(../images/liucheng_3.jpg);
}

.liuc_322 li.ico_322_7 {
    background-image: url(../images/liucheng_4.jpg);
}


.liuc_322 li img {
    transition: all .5s;
}

.liuc_322 li:hover img {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.ys_322 li {
    width: 13.89%;
    border: 1px #d2d2d2 solid;
    padding: 8% 3%;
    float: left;
    transition: all .5s;
    /* background-image:none; background-repeat:no-repeat; background-position:right bottom;*/
}

.ys_322 li dl {
    transition: all .5s;
    text-align: center;
}

.ys_322 li dl img {
    transition: all .8s;
}

.ys_322 li dl dt {
    font-size: 1.8rem;
    margin-top: 30px;
}

.ys_322 li dl dd {
    font-size: 1.2rem;
    margin-top: 30px;
    color: #555;
}

.ys_322 li:hover dl img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.ys_322 li:hover {
    border: 1px #0061ae solid;
}

.fen_322 {
    background: url(../images/bg2.jpg) bottom center no-repeat #256caa;
    min-height: 700px;
}

.fen_322 ul {
    width: 95%;
    margin: 0 auto;
}

.fen_322 li {
    width: 33.33%;
    float: left;
}

.fen_322 li div {
    font-size: 30px;
    color: #FFF;
    width: 300px;
    padding-top: 200px;
    transition: all .5s;
    margin: 0 auto;
    text-align: center;
}

.fen_322 li div:hover {
    padding-top: 180px;
}

.fen_322 li div i {
    background-position: top center;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto 60px;
}

.fen_322 li div .ico_322_1 {
    background-image: url(../images/ico322_21.png);
}

.fen_322 li div .ico_322_2 {
    background-image: url(../images/ico322_22.png);
}

.fen_322 li div .ico_322_3 {
    background-image: url(../images/ico322_23.png);
}

.fen_322 li div:hover .ico_322_1 {
    background-image: url(../images/ico322_21s.png);
}

.fen_322 li div:hover .ico_322_2 {
    background-image: url(../images/ico322_22s.png);
}

.fen_322 li div:hover .ico_322_3 {
    background-image: url(../images/ico322_23s.png);
}

.box_320 {
    background: url(../images/bg3.jpg) top center no-repeat;
    min-height: 900px;
    position: relative;
}

.box_322 {
    background: url(../images/bg7.jpg) top center no-repeat;
    min-height: 900px;
    position: relative;
}

.box_320_l {
    padding: 100px 0;
    text-align: center;
}

.box_320_l h5 {
    font-size: 58px;
}

.box_320_l h5 i {
    font-size: 28px;
    display: block;
    margin-top: 50px;
    font-weight: normal;
}

.box_320_l .p {
    margin-top: 50px;
    font-size: 20px;
    color: #666;
    line-height: 38px;
}

.box_320 .box_320_l a {
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    background-color: #005bac;
    display: block;
    margin-top: 90px;
    border-radius: 20px;
}

.box_320 .box_320_l a:hover {
    background-color: #00437f;
}

.ys_320 {
    background: url(../images/bg4.jpg) top center no-repeat;
    min-height: 820px;
}

.ys_320 ul {
    width: 90%;
    margin: 0 auto;
}

.ys_320 ul li {
    width: 33.33%;
    float: left;
    height: 330px;
    display: block;
}

.ys_320 ul li div {
    height: 170px;
    text-align: center;
    margin-top: 160px;
    transition: all .5s;
}

.ys_320 ul li p {
    font-size: 30px;
    color: #005bac;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.ys_320 ul li:hover div {
    height: 190px;
    margin-top: 140px;
}


.liuc_320 {
    width: 100%;
}

.liuc_320 li {
    width: 25%;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    height: 830px;
}

.liuc_320 li div {
    font-size: 40px;
    color: #FFF;
    padding-top: 650px;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    transition: all .5s;
    background: url(../images/line2.png) bottom center repeat-x;
}

.liuc_320 li div i {
    font-size: 22px;
    display: block;
    margin-top: 35px;
}

.liuc_320 li.ico_320_1 {
    background-image: url(../images/liucheng_5.jpg);
}

.liuc_320 li.ico_320_2 {
    background-image: url(../images/liucheng_6.jpg);
}

.liuc_320 li.ico_320_3 {
    background-image: url(../images/liucheng_7.jpg);
}

.liuc_320 li.ico_320_4 {
    background-image: url(../images/liucheng_8.jpg);
}

.liuc_320 li:hover div {
    padding-top: 630px;
    height: 200px;
}


.liuc_324 {
    width: 100%;
}

.liuc_324 li {
    width: 25%;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    height: 680px;
}

.liuc_324 li div {
    font-size: 40px;
    color: #FFF;
    padding-top: 560px;
    height: 120px;
    margin: 0 auto;
    text-align: center;
    transition: all .5s;
    background: url(../images/line3.png) bottom center repeat-x;
}

.liuc_324 li div i {
    font-size: 22px;
    display: block;
    margin-top: 35px;
}

.liuc_324 li.ico_320_1 {
    background-image: url(../images/yw_324_1.jpg);
}

.liuc_324 li.ico_320_2 {
    background-image: url(../images/yw_324_2.jpg);
}

.liuc_324 li.ico_320_3 {
    background-image: url(../images/yw_324_3.jpg);
}

.liuc_324 li.ico_320_4 {
    background-image: url(../images/yw_324_4.jpg);
}

.liuc_324 li:hover div {
    padding-top: 540px;
    height: 140px;
}

/*弹出框*/
.bodyMask {
    width: 100%;
    height: 100%;
    position: fixed;
    float: none;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    display: none;
}

.bodyWindow.qrcode {
    width: 430px;
    height: 430px;
    text-align: center;
    margin: -215px 0 0 -215px;
}

.bodyWindow.qrcode img {
    max-width: 430px;
    max-height: 430px;
}

.bodyWindow.qrcode2 {
    width: 600px;
    height: 360px;
    margin: -130px 0 0 -300px;
}

.bodyWindow {
    background-color: #fff;
    padding: 30px;
    position: fixed;
    float: none;
    top: 45%;
    left: 50%;
    z-index: 1500;
    display: none;
    border-radius: 8px;
}

.bodyWindow .close {
    width: 30px;
    height: 30px;
    position: absolute;
    float: none;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 100;
}

.bodyWindow .close i {
    width: 30px;
    height: 30px;
    float: left;
    background: url(../images/close.png) no-repeat center center;
}

.bodyWindow .close {
    -webkit-transition: -webkit-transform .3s ease-in;
    -moz-transition: -moz-transform .3s ease-in;
    -o-transition: -o-transform .3s ease-in;
    transition: transform .3s ease-in;
}

.bodyWindow .close:hover {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: center center;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: center center;
    -o-transform: rotate(180deg);
    -o-transform-origin: center center;
    transform: rotate(180deg);
    transform-origin: center center;
}


.box_323 {
    background-color: #f9fafa;
}

.box_323 li {
    float: left;
    width: 22%;
    height: 390px;
    padding: 60px 0 0 3%;
}

.box_323 li.box_323_1 {
    background: url(../images/yw_323_1.jpg) center center no-repeat;
}

.box_323 li.box_323_2 {
    background: url(../images/yw_323_2.jpg) center center no-repeat;
}

.box_323 li.box_323_3 {
    background: url(../images/yw_323_3.jpg) center center no-repeat;
}

.box_323 li.box_323_4 {
    background: url(../images/yw_323_4.jpg) center center no-repeat;
}

.box_323 li.box_323_5 {
    background: url(../images/yw_323_5.jpg) center center no-repeat;
}

.box_323 li.box_323_6 {
    background: url(../images/yw_323_6.jpg) center center no-repeat;
}

.box_323 li.ico_323_1 {
    background: url(../images/ico323_1.png) bottom right no-repeat;
    transition: all .3s;
}

.box_323 li.ico_323_2 {
    background: url(../images/ico323_2.png) bottom right no-repeat;
    transition: all .3s;
}

.box_323 li.ico_323_3 {
    background: url(../images/ico323_3.png) bottom right no-repeat;
    transition: all .3s;
}

.box_323 li.ico_323_4 {
    background: url(../images/ico323_4.png) bottom right no-repeat;
    transition: all .3s;
}

.box_323 li.ico_323_5 {
    background: url(../images/ico323_16.png) bottom right no-repeat;
    transition: all .3s;
}

.box_323 li.ico_323_6 {
    background: url(../images/ico323_17.png) bottom right no-repeat;
    transition: all .3s;
}

.box_323 li:hover.ico_323_1 {
    background: url(../images/ico323_1s.png) bottom right no-repeat;
}

.box_323 li:hover.ico_323_2 {
    background: url(../images/ico323_2s.png) bottom right no-repeat;
}

.box_323 li:hover.ico_323_3 {
    background: url(../images/ico323_3s.png) bottom right no-repeat;
}

.box_323 li:hover.ico_323_4 {
    background: url(../images/ico323_4s.png) bottom right no-repeat;
}

.box_323 li:hover.ico_323_5 {
    background: url(../images/ico323_16s.png) bottom right no-repeat;
}

.box_323 li:hover.ico_323_6 {
    background: url(../images/ico323_17s.png) bottom right no-repeat;
}

.box_323 li h20 {
    font-size: 38px;
    font-weight: normal;
    margin-bottom: 8%;
    display: block;
}

.box_323 li p {
    font-size: 18px;
    margin-bottom: 1%;
    transition: all .3s;
}

.box_323 li i {
    display: block;
    width: 78px;
    height: 23px;
    background-image: url(../images/jian.png);
    margin: 50px 0 0 0;
    transition: all .5s;
}

.box_323 li:hover i {
    margin: 50px 0 0 20px;
}

.box_323 li div {
    transition: all .3s;
}

.box_323 li:hover div {
    margin-top: 10px;
}

.liuc_323 {
    background: url(../images/bg5.jpg) top center no-repeat;
    min-height: 900px;
}

.liuc_323_box {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.liuc_323_box h2 {
    margin-top: 105px;
    text-align: center;
    font-size: 32px;
    color: #FFF;
    line-height: 35px;
    margin-bottom: 25px;
}

.liuc_323_box h2 i {
    font-weight: normal;
}

.liuc_323_box .xian_323 {
    width: 100%;
    height: 25px;
    background: url(../images/xian.png) top left repeat-x;
    position: relative;
}

.liuc_323_box .xian_323 i {
    position: absolute;
    background-image: url(../images/dian.png);
    top: 0;
    width: 25px;
    height: 25px;
    z-index: 2;
}

.liuc_323_box .xian_323 i.dian_l {
    left: 0;
    background-image: url(../images/dian1.png);
}

.liuc_323_box .xian_323 i.dian_r {
    right: 0;
}

.liuc_323_box .xian_323 i.dian_c {
    left: 21%;
}

.liuc_323_box .xian_323_s {
    width: 100%;
    left: 21%;
    height: 14px;
    background: url(../images/xians.png) top right repeat-x;
    position: absolute;
    z-index: 1;
}

.list_323_1 {
    width: 96%;
    margin: 50px auto 0;
    overflow: hidden;
}

.list_323_1 li {
    float: left;
    width: 25%;
    text-align: center;
    color: #FFF;
    font-size: 25px;
}

.list_323_1 li i {
    width: 120px;
    height: 120px;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    display: block;
    transition: all .6s;
}

.list_323_1 li i.ico_323_5 {
    background-image: url(../images/ico323_5s.png);
}

.list_323_1 li i.ico_323_6 {
    background-image: url(../images/ico323_6s.png);
}

.list_323_1 li i.ico_323_7 {
    background-image: url(../images/ico323_7s.png);
}

.list_323_1 li i.ico_323_8 {
    background-image: url(../images/ico323_8s.png);
}

.list_323_1 li i.ico_323_9 {
    background-image: url(../images/ico323_9s.png);
}

.list_323_1 li i.ico_323_10 {
    background-image: url(../images/ico323_10s.png);
}

.list_323_1 li:hover i {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.list_323_2 {
    width: 96%;
    margin: 50px auto 0;
    overflow: hidden;
}

.list_323_2 li {
    float: left;
    width: 20%;
    text-align: center;
    color: #FFF;
    font-size: 25px;
}

.list_323_2 li i {
    width: 120px;
    height: 120px;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    display: block;
    transition: all .6s;
}

.list_323_2 li i.ico_323_11 {
    background-image: url(../images/ico323_11s.png);
}

.list_323_2 li i.ico_323_12 {
    background-image: url(../images/ico323_12s.png);
}

.list_323_2 li i.ico_323_13 {
    background-image: url(../images/ico323_13s.png);
}

.list_323_2 li i.ico_323_14 {
    background-image: url(../images/ico323_14s.png);
}

.list_323_2 li i.ico_323_15 {
    background-image: url(../images/ico323_15s.png);
}

.list_323_2 li:hover i {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.list_323_2 .y_font {
    width: 2.5%;
    writing-mode: vertical-lr;
    /*从左向右从右向左是writing-mode:vertical-rl;*/
    writing-mode: tb-lr;
    /*IE浏览器的从左向右从右向左是writing-mode:tb-rl；*/
}

.list_323_2 .f_top1 {
    padding-top: 60px;
    text-align: right;
}

.list_323_2 .f_top2 {
    padding-top: 40px;
    text-align: left;
}


.box_324 {
    background: url(../images/bg8.jpg) top center no-repeat;
    min-height: 900px;
    position: relative;
}

.box_324 .box_324_l {
    right: 50%;
    position: absolute;
    padding: 200px 4% 0 6%;
}

.box_324 .box_324_l h5 {
    font-size: 58px;
}

.box_324 .box_324_l h5 i {
    font-size: 28px;
    display: block;
    margin-top: 40px;
    font-weight: normal;
}

.box_324 .box_324_l p {
    margin-top: 100px;
    font-size: 20px;
    color: #666;
    line-height: 32px;
}

.box_324 .box_324_l a {
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    background-color: #005bac;
    display: block;
    margin-top: 90px;
    border-radius: 20px;
}

.box_324 .box_324_l a:hover {
    background-color: #00437f;
}



.box_324_s {
    width: 100%;
    margin: 0 auto;
}

.box_324_s li {
    float: left;
    width: 25%;
    height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    color: #FFF;
    position: relative;
}

.box_324_s li .f_324 {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box_324_s li .f_324 p {
    width: 210px;
    height: 210px;
    background: url(../images/lck.png) center center no-repeat;
    margin: 0 auto;
}

.box_324_s li img {
    transition: all .5s;
}

.box_324_s li i {
    font-size: 36px;
    font-weight: bold;
    display: block;
    margin-top: 50px;
}

.box_324_s .ico_324_1 {
    background-image: url(../images/yw_324_1.jpg);
}

.box_324_s .ico_324_2 {
    background-image: url(../images/yw_324_2.jpg);
}

.box_324_s .ico_324_3 {
    background-image: url(../images/yw_324_3.jpg);
}

.box_324_s .ico_324_4 {
    background-image: url(../images/yw_324_4.jpg);
}

.box_324_s li:hover {
    background-color: rgba(255, 255, 255, .6);
}

.box_324_s li:hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


.fen_324 {
    width: 100%;
    margin: 0 auto;
}

.fen_324 li {
    float: left;
    width: 24.89%;
    margin: 0 auto;
    padding: 80px 0 120px;
    border: 1px #d2d2d2 solid;
}

.fen_324 li p {
    font-size: 18px;
    text-align: center;
    color: #555;
    display: block;
    margin-top: 30px;
    transition: all .5s;
    line-height: 30px;
}

.fen_324 li:hover p {
    margin-top: 20px;
    padding-bottom: 10px;
}

.fen_324 li div {
    text-align: center;
}

.fen_324 li div img {
    transition: all .5s;
}

.fen_324 li:hover div img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.fen_324 li div i {
    font-size: 25px;
    font-weight: bold;
    color: #005bac;
    display: block;
    margin-top: 20px;
}


.dib_fz {
    letter-spacing: 0px;
    word-spacing: 0px;
    font-size: 0;
}

.i_zgs {
    width: 100%;
    margin: 40px auto 0;
}

.izgsc {
    width: 100%;
    background-color: #0075c3;
}

.i_zgs_li {
    display: inline-block;
    vertical-align: top;
    width: 12.66%;
    height: 500px;
    position: relative;
    transition: all .4s ease 0s;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.i_zgs_li .i_zgstit {
    display: none !important;
}

.js_wzgs {
    width: 62.02%;
}

.js_wzgs .i_zgstits {
    display: block !important;
}

.js_wzgs .i_zgstit {
    width: 90%;
    height: 240px;
    overflow: hidden;
    position: absolute;
    top: 170px;
    left: 0;
    z-index: 3;
    transition: all .4s ease 0s;
}

.i_zgs_li .i_qhan {
    height: 25px;
    line-height: 25px;
    font-size: 28px;
    color: #FFFFFF;
    position: absolute;
    top: 38px;
    left: 40px;
    text-align: left;
}

.i_zgs_li .i_qhan i {
    width: 50px;
    height: 3px;
    background-color: #FFF;
    display: block;
    margin-top: 20px;
}

.js_wzgs .i_zgstits .i_zgsjs {
    width: 100%;
    padding: 0 0 0 50px;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus1 {}

.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li {
    float: left;
    width: 29.33%;
    margin: 0 2%;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li div {
    width: 100%;
    height: 200px;
    overflow: hidden;
    text-align: center;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li div img {
    height: 200px;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li p {
    text-align: center;
    color: #FFF;
    font-size: 16px;
    margin-top: 15px;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus2 {}

.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li {
    float: left;
    width: 19%;
    margin: 0 3%;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li div {
    width: 100%;
    height: 200px;
    overflow: hidden;
    text-align: center;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li div img {
    height: 200px;
}

.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li p {
    text-align: center;
    color: #FFF;
    font-size: 16px;
    margin-top: 15px;
}

.box_pic {
    width: 97%;
    margin-left: 3%;
}

.box_pic li {
    float: left;
    width: 14%;
    margin: 35px 1% 0;
    position: relative;
    transition: all .3s ease 0s;
}

.box_pic li .photo .pics {
    padding-bottom: 80%;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.box_pic li .photo .pics img {
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    height: 100%;
    *height: auto;
    transform: translate(-50%, 0);
}


/*@media only screen and (max-width: 1903px) {
.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li{ float:left; width:300px; margin:0 1.5%;}
.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li{ float:left; width:200px;  margin:0 2.5%;}
}

@media screen and (min-width:1722px) and (max-width: 1810px) {
.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li{ float:left; width:300px; margin:0 0.9%;}
.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li{ float:left; width:200px;  margin:0 1.9%;}
}
@media screen and (min-width:1690px) and (max-width: 1723px) {
.js_wzgs .i_zgstits .i_zgsjs ul.bus1 li{ float:left; width:300px; margin:0 0.6%;}
.js_wzgs .i_zgstits .i_zgsjs ul.bus2 li{ float:left; width:200px;  margin:0 1.6%;}
}
*/

@media only screen and (min-width:1655px) and (max-width: 1804px) {
    .ys_322 li {
        width: 13.87%;
    }

    .ys_322 li dl dt {
        font-size: 1.6rem;
    }
}

@media screen and (min-width:1330px) and (max-width:1654px) {
    .ys_322 li {
        width: 13.85%;
    }

    .ys_322 li dl dt {
        font-size: 1.4rem;
    }
}

@media screen and (min-width:1299px) and (max-width:1329px) {
    .ys_322 li {
        width: 13.82%;
    }

    .ys_322 li dl dt {
        font-size: 1.2rem;
    }
}


@media screen and (min-width:1671px) and (max-width: 1820px) {

    .box_324_s li,
    .fen_324 li {
        width: 24.88%;
    }
}

@media screen and (min-width:1544px) and (max-width: 1670px) {

    .box_324_s li,
    .fen_324 li {
        width: 24.87%;
    }
}

@media screen and (min-width:1435px) and (max-width: 1543px) {

    .box_324_s li,
    .fen_324 li {
        width: 24.86%;
    }
}

@media screen and (min-width:1300px) and (max-width: 1434px) {

    .box_324_s li,
    .fen_324 li {
        width: 24.84%;
    }
}

/*
@media screen and (min-width:1628px) and (max-width: 1772px) {
.fen_324 li{width:33.21%;}
}
@media screen and (min-width:1511px) and (max-width: 1627px) {
.fen_324 li{width:33.20%;}
}
@media screen and (min-width:1403px) and (max-width: 1510px) {
.fen_324 li{width:33.19%;}
}
@media screen and (min-width:1300px) and (max-width: 1402px) {
.fen_324 li{width:33.17%;}
}*/


@media only screen and (max-width: 1299px) {
    body {

        font-size: .9rem;

        line-height: 28px;

    }

    .fl {
        float: none;
    }

    .fr {
        float: none;
    }

    .pt50 {
        padding-top: 10% !important;
    }

    .pb50 {
        padding-bottom: 10% !important;
    }

    .p50 {
        padding: 10% 0 !important;
    }

    .pt20 {
        padding-top: 10% !important;
    }

    .pt70 {
        padding: 10% 0 0 0 !important;
    }

    .p70 {
        padding: 10% 0 !important;
    }

    .mt60 {
        margin-top: 0;
    }

    .mt50 {
        margin-top: 5%;
    }

    .mb40 {
        margin-bottom: 5%;
    }

    .m50 {
        margin: 10% 0 !important;
    }

    .mb35 {
        margin-bottom: 5%;
    }

    .main,
    .main2,
    .main_1,
    .main3,
    .w450 {
        width: 100%;
        margin: 0;
    }

    .w450 {
        margin-bottom: 10%;
    }

    .pc_none {
        display: block !important;
    }

    .wap_none {
        display: none !important;
    }

    .pageshow {
        text-align: center;
        margin: 2% 0 5%;
    }

    .header {
        height: 80px;
        position: static;
        top: 0px;
        z-index: 999;
        width: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0);
        padding: 0;
    }

    .top_h {
        height: 0px !important;
    }

    .section_position {
        position: absolute;
        top: -200px;
    }

    /*.txt video{ width:100% !important;}*/

    .nav_fixed {

        top: 0px !important;
        z-index: 99;


    }

    h8 {
        font-size: 1.8em;
    }

    .p80 {
        padding: 10% 0 !important;
    }

    .p80_2 {
        padding: 0 0 10% 0 !important;
    }

    .p60 {
        padding: 10% 0 !important;
    }

    .p601 {
        padding: 0 !important;
    }

    .p60p0 {
        padding: 0 0 10% 0 !important;
    }

    .p60s {
        padding: 5% 0 10% 0 !important;
    }

    .hui2 {
        background-color: #f5f5f5 !important;
    }

    .mb30 {
        margin-bottom: 5%;
    }

    .mt80 {
        margin-top: 10%;
    }

    .mt40 {
        margin-top: 0;
    }

    .mt60 {
        margin-top: 10%;
    }


    .biao_ico {
        width: 100%;
        margin: 10% auto;
    }

    .biao_ico li {
        width: 50%;
        margin-bottom: 5%
    }

    .biao_ico li .info {
        width: 100%;
        font-size: 1em;
    }



    .titel {
        height: 36px;
        line-height: 36px;
        font-size: 1rem;
        padding: 0 15px 0 38px;
        border-bottom: solid 1px #ededed;
        position: relative;
        margin: 10px 0;
    }

    .titel:after {
        width: 6px;
        height: 20px;
        background-color: #0061ae;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        display: block;
        content: '';
        position: absolute;
        left: 15px;
        top: 8px;
        right: auto;
        bottom: auto;
        z-index: 3;
        pointer-events: none;
    }

    .titel a.cur {
        font-weight: bold;
        color: #0061ae;
    }

    .flol {
        float: left;
    }

    .tab {
        width: 90%;
        margin: 0 auto;
    }

    .tab li {
        margin-bottom: 10px;
    }

    .tab input,
    .tab textarea {
        width: 100%;
        line-height: 22px;
        padding: 10px 26px;
        font-size: 0.8rem;
    }

    .tab .sumbit {
        width: 100%;
        margin-left: 0;
        font-size: 1rem;
    }

    .w270 {
        width: 100%;
    }

    .mr10 {
        margin-right: 0;
    }

    .feedback {
        width: 100%;
    }

    .feedback strong {
        font-size: 1.2rem;
        margin-bottom: 5%;
        margin-top: 5%;
        padding: 5%;
    }

    .foot {
        line-height: 1.5rem;
        text-align: center;
        padding: 5% 3%;
    }

    .foot .fc {
        text-align: center;
    }

    .foot a {
        margin-left: 0px;
    }

    .foot span {
        display: block;
    }

    .foot .power {
        margin-left: 0;
    }

    .cpfl {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .cpfl ul {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .cpfl ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        position: static;
    }

    .cpfl ul li .box1 {
        background-color: #FFF;
        width: 96%;
        height: auto;
        margin: 0 2% 5%;
    }

    .cpfl ul li .box3 {
        width: 100%;
        height: 39px;
        line-height: 39px;
        background-color: #0061ae;
        padding: 0;
        text-align: center;
        color: #FFF;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .cpfl ul li .cp {
        width: 100%;
        height: auto;
        float: none;
    }

    .cpfl ul li .cp .photo {
        width: 100%;
        height: auto;
        text-align: center;
        overflow: hidden;
        position: relative;
        display: table;
    }

    .cpfl ul li .cp .photo .pics {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .cpfl ul li .cp .photo .pics img {
        margin: 0 auto;
        width: 100% !important;
        height: auto !important;
    }

    .cpfl ul li .cpinfo {
        width: 100%;
        overflow: hidden;
        float: none;
        margin-top: 5%;
    }

    .cpfl ul li .cpinfo p {
        padding: 5%;
        line-height: 22px;
    }

    .cpfl ul li .cpinfo a.more1 {
        width: 130px;
        height: 35px;
        font-size: 14px;
        color: #FFF;
        line-height: 35px;
        text-align: center;
        display: block;
        background-color: #e70012;
        margin: 5% auto 8%;
    }


    .home_pic {
        width: 100%;
        overflow: hidden;
        margin-top: 5%;
    }

    .home_pic a {
        display: block;
        width: 47%;
        height: auto;
        overflow: hidden;
        margin: 0 1% 3% 2%;
        float: left;
        background-color: #fff;
    }

    .home_pic a.cc {
        margin: 0 1% 3% 2% !important;
    }

    .home_pic a p.pic {
        text-align: center;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

    .home_pic a p.pic img {
        width: 100%;
        height: auto;
    }

    .home_pic a dt {
        height: 40px;
        line-height: 40px;
        padding: 0 2%;
        width: 96%;
        color: #000;
        font-size: .9rem;
        overflow: hidden;
    }

    .whitex {
        padding: 20px 0 0 0;
    }

    .fonts .fbt {
        line-height: 2em;
        font-size: 1.3rem;
        margin-bottom: 15px;
        color: #333;
    }

    .fonts {
        color: #333;
        margin-left: 90px;
        padding-right: 20px;
        font-size: .9rem;
        line-height: 1.8em;
        color: #888;
    }


    .times p {
        line-height: 25px;
        font-size: 18px;
        width: 90px;
        padding-left: 20px;
    }



    .whitex2 {
        background: url(../images/x.png) 28px 0px repeat-y;
        padding: 5% 0
    }

    .times2 {
        font-size: 1rem;
        width: 135px;
        left: 0px;
    }

    .t_ico2 {
        background: url(../images/times2.png) 108px 0px no-repeat;
        height: 35px;
    }

    .times2 p {
        line-height: 25px;
        font-size: 1rem;
        width: 100px;
        padding-left: 10px;
    }

    .fonts2 {
        margin-left: 145px;
        background-color: #f5f5f5;
        padding: 5%;
        margin-bottom: 10%;
    }

    .fonts2 .ff12 {
        color: #333;
        font-size: 1rem;
        line-height: 2rem;
        width: 100%;
    }

    .fonts2 .ff22 {
        width: 100%;
        overflow: hidden;
        display: block;
        margin-top: 10px;
    }

    .fonts2 .ff22 img {
        max-width: 100% !important;
        height: auto !important;
    }

    .ywlist2 {
        width: 100%;
    }

    .ywlist2 a {
        width: 50%;
        float: left;
        margin-bottom: 5%;
    }

    .ywlist2 a .pic {
        border-radius: 0px;
        border: 1px #0061ae solid;
        width: 90%;
        height: 120px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }

    .ywlist2 a img {
        height: 120px;
    }

    .ywlist2 a p {
        color: #000;
        font-size: 1rem;
        text-align: center;
        margin-top: 10px;
    }


    .about2 {
        padding-bottom: 5%;
        background-color: #f5f5f5;
    }

    .about2 img {
        width: 100%;
    }

    .about2 dl {
        width: 90%;
        margin: 0 auto 10%;
    }

    .about2 dl dt {
        font-size: 1.2rem;
        font-weight: bold;
        color: #0093da;
        text-align: center;
        margin-top: 10%;
    }

    .about2 dl dd {
        font-size: .9rem;
        line-height: 1.8em;
        margin-top: 5%;
    }

    .abpic {
        margin-top: 40px;
    }

    .abpic ul {
        width: 1220px;
        overflow: hidden;
    }

    .abpic ul li {
        width: 285px;
        height: 214px;
        float: left;
        margin-right: 20px;
    }

    .abpic ul li .photo {
        width: 263px;
        height: 192px;
        padding: 10px;
        border: 1px #eee solid;
        text-align: center;
        overflow: hidden;
        position: relative;
        display: table;
        background-color: #fff;
    }

    .abpic ul li .photo .pics {
        display: table-cell;
        vertical-align: middle;
        width: 263px;
        height: 192px;
        overflow: hidden;
    }

    .abpic ul li .photo .pics img {
        margin: 0 auto;
    }

    .pcc {
        margin-top: 5%;
    }

    .v-l {
        width: 96%;
        padding: 0 2%;
        height: auto;
        position: relative;
        transition: all .3s;
        margin-bottom: 2%;
    }

    .v-l .hover-play,
    .v-r .hover-play {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        text-align: center;
        color: #FFFFFF;
        z-index: 9;
    }


    .v-l .cppic1 {
        width: 100%;
        height: auto;
    }

    .v-l:hover .cppic1,
    .v-r li a:hover .cppic1 {
        opacity: 0.8;
    }

    .v-r {
        width: 98%;
        overflow: hidden;
    }

    .v-r ul {
        width: 100%;
        overflow: hidden;
    }

    .v-r ul li {
        width: 48%;
        height: auto;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        position: relative;
        transition: all .3s;
        margin-left: 2%;
    }

    .v-r .cppic1 {
        width: 100%;
        height: auto;
    }

    .v-l .hover-play img {
        width: 70px;
    }

    .v-r .hover-play img {
        width: 50px;
    }




    .bt {
        font-size: 1.8rem;
        padding: 0 5%;
    }

    .bt i {
        margin: 2% auto 10%;
        font-size: .9rem;
        line-height: 1.5em
    }


    .p_l_t {
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
    }

    .p_l_t .bt5 {
        margin: 0 auto;
        font-size: 1.5rem;
        line-height: 2rem;
        width: 150px;
        padding: 0 0 10px;
    }


    .cplist ul {
        width: 100%;
    }

    .cplist ul li {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 0;
        text-align: center;
    }

    .cplist ul li img {
        width: 100%;
        height: auto;
    }


    .gsjj {
        width: 90%;
        overflow: hidden;
        padding: 0 5%;
    }

    .gsjj_info {
        font-size: 1rem;
        height: auto;
        margin-top: 8%;
        line-height: 2rem;
    }



    a.more {
        margin: 5% auto 0;
    }

    a.more2 {
        margin: 10% auto 0;
    }


    .cp2,
    .cp3 {
        width: 100%;
        height: auto;
        display: block;
        white-space: nowrap;
        overflow: auto;
    }

    .cp2 li {
        padding: 0;
        position: static;
        display: inline-block;
        margin: 0 20px
    }

    .cp2 li a {
        float: none;
        height: auto;
        line-height: normal;
        font-size: 15px;
        position: relative;
        display: block;
        padding: 18px 0;
    }

    .cp2 li a:hover,
    .cp2 li a.cur {
        border-bottom: 1px #1fb6f0 solid;
    }

    .cp2 li:after {
        width: 0px;
        height: 0px;
    }

    .cp3,
    .cp2s {
        width: 100%;
        margin: 0px auto 0
    }

    .cp3 li,
    .cp2s li {
        position: static;
        display: inline-block;
    }

    .cp3 li a,
    .cp2s li a {
        padding: 5px 20px;
        margin: 20px 5px 0;
        height: auto;
        line-height: 2em;
        font-size: .9rem
    }



    /*.bai{padding:10% 0 5% 0;}*/

    .bg {
        min-height: inherit;
        padding: 10% 0;
    }

    .bg h2 {
        font-size: 1.3rem;
        margin: 5% 0;
    }

    .bg p {
        line-height: 1.8em;
        font-size: .9rem;
    }

    .w600 {
        width: 90%;
        padding: 0 5%;
    }

    .right {
        width: 95%;
        padding: 5% 0px;
        margin: 10px 30px 0 10px;
    }

    .right2 {
        width: 95%;
        padding: 5% 0px;
        margin: 10px 30px 0 10px;
    }

    .txtimg img {
        max-width: 100% !important;
        width: auto;
        height: auto !important;
        display: block;
        margin: 3% auto 5% !important;
    }

    .txt {
        padding: 0px 5%;
        font-size: 1rem;
        line-height: 2em;
        min-height: inherit;
    }

    .txt2 {
        width: 90%;
        font-size: 1rem;
        line-height: 2em;
        padding-top: 5%;
    }

    .txtos strong {
        font-size: 1.8rem !important;
        line-height: 1.2em;
    }

    .txtpic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .txtpic img {
        width: 100%;
        height: auto;
    }

    .txtpic .info {
        bottom: 20px;
        width: 100%;
        font-size: 1.2rem;
    }

    .txtpic a .thumbnail-mask {
        display: none;
    }

    .nlist {
        width: 100%;
        margin-top: 0;
    }

    .nlist li {
        display: block;
        font-size: 1.1rem;
        padding: 10% 5%;
    }

    .nlist li span {
        font-size: .9rem;
    }



    h1 {
        font-size: 1.8rem;
        text-align: center;
        border-bottom: 1px #eee solid;
        width: 90%;
        padding-bottom: 15px;
    }

    .txts,
    .txts_2 {
        font-size: 1rem;
        line-height: 25px;
        width: 90%;
        margin: 0 auto;
        padding: 0 0 10% 0;
    }

    .txts dl dt {
        font-size: 1.3rem;
    }

    .txts dl dd {
        line-height: 1.5rem;
    }

    .map {
        width: 100%;
        height: 300px;
        margin-bottom: 10%
    }


    .w520 {
        width: 100%;
        overflow: hidden;
    }

    .zhxx {
        position: relative;
    }

    .zhxx p {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .zhxx p img {
        width: auto;
        height: 200px;
    }

    .zhxx dt {
        font-size: 1.2rem;
    }

    .zhxx dd {
        font-size: .9rem;
    }

    .sj {
        position: absolute;
        top: 160px;
        left: 0px;
        width: 76px;
        height: 76px;
        padding: 10px 5px 0px 5px;
        background-color: #0061ae;
        margin-left: 20px;
        color: #fff;
        font-size: 36px;
        text-align: center;
    }

    .sj i {
        display: block;
        font-size: 18px;
        border-top: 1px #5e7eb9 solid;
        margin-top: 10px;
        padding-top: 3px;
    }

    .zw {
        padding: 15px 0;
        border-top: 1px #CCCCCC solid;
    }

    .asklist {
        width: 100%;
    }

    .asklist li {
        padding: 0 5% 30px 5%
    }

    .asklist li dt,
    .asklist li dd {
        font-size: 1rem;
    }

    .asklist li dt span,
    .asklist li dd span {
        font-size: .9rem;
    }


    .bg0 {
        background: url(../images/bg.jpg) top center no-repeat;
        padding: 10% 0;
    }

    .w836 {
        width: 100%;
        padding: 0;
    }

    .w364 {
        width: 80%;
        min-height: 1px;
        padding: 10%;
    }

    .w364 dl {
        margin-top: 8%;
    }

    .w364 dl dt {
        font-size: 1.1rem;
        margin-bottom: 5%;
    }

    .w364 dl dd {
        margin-top: 2%;
        font-size: .9rem;
        line-height: 1.5em;
    }



    .cplist2 {
        width: 98%;
        margin: 0 auto 0;
    }

    .cplist2 li {
        width: 41%;
        margin: 0 2% 4% 2%;
        padding: 2% 2% 0 2%;
        float: left;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(231, 231, 231);
    }

    .cplist3 li {
        width: 41%;
        margin: 2% 2% 0 2%;
        padding: 2% 2% 0 2%;
        float: left;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(231, 231, 231);
    }

    .cplist2 li .photo {
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
        overflow: hidden;
        position: relative;
        display: table;
    }

    .cplist2 li .photo2 {
        height: 150px;
    }

    .cplist2 li .photo3 {
        height: 80px;
    }

    .cplist2 li .photo .pics {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .cplist2 li .photo .pics img {
        max-width: 100%;
        max-height: 120px;
        width: auto;
    }

    .cplist2 li .photo2 .pics img {
        max-width: 100%;
        max-height: 150px;
        width: auto;
    }

    .cplist2 li .photo3 .pics img {
        max-width: 100%;
        max-height: 80px;
        width: auto;
    }

    .cplist2 li .info {
        width: 100%;
        padding: 0;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        text-align: center;
        overflow: hidden;
        font-size: .8rem
    }

    .cplist2 li .info2 {
        font-size: 1rem;
        height: 40px;
        padding: 8% 0 0 0;
    }



    .zzlist2 {
        width: 98%;
        overflow: hidden;
    }

    .zzlist2 li {
        width: 46%;
        margin: 5% 2% 0 2%;
        float: left;
    }

    .zzlist2 li .photo {
        width: 100%;
        height: 180px;
        border: 1px #eee solid;
        text-align: center;
        overflow: hidden;
        position: relative;
        display: table;
    }

    .zzlist2 li .photo .pics {
        display: table-cell;
        vertical-align: middle;
    }

    .zzlist2 li .photo .pics img {
        max-width: 100%;
        max-height: 180px;
    }

    .zzlist2 li .info {
        width: 100%;
        padding: 5px 0;
        line-height: 20px;
        text-align: center;
        height: 30px;
    }


    .m2newList {
        padding: 0 5% 5% 5%;
        display: block;
    }

    .m2newList li {
        height: auto;
        margin: 10% auto 0;
    }

    .m2newList li a {
        display: block;
    }

    .overflowHide {
        display: none;
    }


    .m2newTxt {
        margin-left: 0;
        position: relative;
        width: 100%;
        margin: 0 auto;

    }

    .m2newTimes {
        display: none;
    }

    .m2new_t1,
    .m2new_t1 a {
        font-size: 1.2rem;

        line-height: 2rem;
        height: auto;
        margin-bottom: 2%;
        overflow: auto;
    }

    .m2newDes {
        padding-top: 5%;
        border-top: 1px solid #F1F1F1;
        font-size: 0.9rem;
        height: auto;
        line-height: 1.5rem;
        overflow: auto;

    }


    .m2newList12 {
        padding: 0 0px 12px;
        display: block;
    }

    .m2newList12 li {
        width: 90%;
        height: auto;
        margin: 0 0 10px;
        overflow: hidden;
        border: 1px #eee solid;
        padding: 5%;
        transition: all .5s;
        background-color: #fdfdfd;

    }


    .overflowHide12 {
        float: none;
        width: 150px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

    .overflowHide12 img {
        width: 150px;
        margin: 0 auto;
    }


    .m2newTxt12 {
        margin-left: 0;
        position: static;

    }


    .m2new_t112,
    .m2new_t112 a {
        font-size: 1rem;
        text-align: center;
        color: #000000;
        line-height: 2em;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .m2new_t112 a:hover {
        color: #1344aa;
    }

    .m2newDes12 {
        padding-top: 10px;
        border-top: 1px solid #F1F1F1;
        font-size: .9rem;
        color: #666666;
        overflow: hidden;
    }

    .m2newDes12 p,
    .m2newDes12 span {
        background-color: #fdfdfd !important;
        height: 30px;
        line-height: 25px;
    }


    .store-view .up {
        border: 0px solid #e8e8e8;
        padding: 0 3%;
        margin-top: 0px;
    }

    .store-view .up .store-banner {
        width: 96%;
        float: none;
        border: 1px solid #e8e8e8;
        padding: 2%;
    }

    .store-view .up .store-banner,
    .store-view .up .store-banner img {
        max-width: 100%;
    }

    .store-view .up .store-demo {
        width: 100%;
        float: none;
    }

    .store-view .up .store-demo .title {
        font-size: 1.3rem;
        margin-top: 5%;
        text-align: center;
    }

    .store-view .up .store-demo .xx {
        margin: 2% 0 5%;
        text-align: center;
    }

    .store-view .up .store-demo .text-box {
        padding: 5% 0px;
        font-size: .9rem;
    }


    .m_content {
        margin: 10% 0 5%;
    }

    .m_content li {
        font-size: .9rem;
        width: 40%;
    }


    .backhome {
        margin: 15% 3% 20%;
    }

    .page-info:hover a b {
        width: 0px;
    }


    .slidely {
        width: 100%;
        height: 400px;
        position: relative;
        margin: 0 auto;
    }

    .slidely .hd {
        height: 10px;
        position: absolute;
        right: 0px;
        bottom: 30px;
        z-index: 1;
        width: 100%;
        text-align: center;
    }

    .slidely .hd ul {
        overflow: hidden;
        zoom: 1;
    }

    .slidely .hd ul li {
        margin: 0 7px;
        width: 10px;
        height: 10px;
        line-height: 10px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background: #dfdfdf;
        cursor: pointer;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .slidely .hd ul li.on {
        background: #000000;
        width: 12px;
        height: 12px;
    }

    .slidely .prev,
    .slidely .next {
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -34px;
        display: block;
        width: 30px;
        height: 68px;
        background: url(../images/left.png) no-repeat center center #a0a0a0;
    }

    .slidely .next {
        left: auto;
        right: 30px;
        background: url(../images/right.png) no-repeat center center #a0a0a0;
    }

    .slidely .prev:hover,
    .slidely .next:hover {
        background-color: #000000;
    }

    .slidely .bd ul {
        position: relative;
        height: 100%;
        z-index: 0;
        width: 100%;
        margin: 0 auto;
    }

    .slidely .bd li {
        zoom: 1;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 400px;
        text-align: center;
    }

    .slidely .bd li img {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }


    .canshu {
        margin: 20px auto 10px;
        border-top: 1px solid #e1e1e1;
        padding: 20px 10px;
        border-bottom: 1px #e1e1e1 dotted;
    }

    .canshu li {
        float: none;
        width: auto;
        display: block;
    }

    a.but_down {
        margin: 20px 20px 0 0
    }

    .video-tvc {
        width: 100%;
        margin: 15% auto 0;
    }

    .video-tvc video {
        width: 100% !important;
        height: auto !important;
    }

    .logo1 {
        display: none !important;
    }

    .logo2 {
        display: block !important;
    }


    #hr .info {
        padding: 50px 30px 0;
    }

    #hr .info .content {
        font-size: 14px;
        line-height: 23px;
        padding-top: 20px;
    }

    .j_1 {
        font-size: 30px;
        padding: 80px 0 0 100px;
    }

    a.j_2 {

        font-size: 14px;
        margin-left: 100px;
        margin-top: 30px;
        width: 120px;
        height: 35px;
        line-height: 35px;
    }


    .fenlei {
        width: 100%;
        margin: 5% auto 0;
    }

    .fenlei ul {
        width: 100%;
    }

    .fenlei ul li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .fenlei ul li .pic {
        width: 100%;
        height: auto;
    }

    .fenlei ul li .pic img {
        width: 100%;
        height: auto;
    }

    .fenlei ul li .info {
        height: 50px;
        line-height: 50px;
        font-size: 1rem;
    }

    #end {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 65px;
        z-index: 999999;
        left: 0;
        background-color: #0061ae;
        text-align: center;
    }

    #end a {
        margin: 0 auto;
        background-color: #0061ae;
        height: 65px;
        color: #FFFFFF;
        text-align: center;
        line-height: 65px;
        position: relative;
    }

    #end a i {
        font-size: 1.5rem;
        position: absolute;
        top: -2px;
    }

    #end a span {
        font-size: 1rem;
        padding-left: 35px;
    }

    .flol {
        float: left;
    }

    .flor {
        float: right;
    }

    .ewm_end {
        width: 120px;
        margin: 5px auto 20px;
    }

    .ewm_end img {
        width: 120px;
        height: auto;
    }

    .ewm_end i {
        display: block;
        font-size: 13px;
        color: #616368;
        text-align: center;
        margin-top: 10px;
    }



    .box_322 {
        background: none;
        min-height: inherit;
        position: static;
        background-color: #f7f8f9;
    }

    /*.box_322 p{ margin-top:30px;}
.box_322 p img{ width:90%;}
.box_322 p.p_322_1 img{ width:60%;}*/


    .liuc_322 li {
        width: 50%;
        height: 500px;
    }

    .liuc_322 li div {
        font-size: 1.8rem;
        padding-top: 140px;
        height: 360px;
    }

    .liuc_322 li div i {
        background: url(../images/lcks.png) center center no-repeat;
        width: 150px;
        height: 150px;
        margin: 0 auto 40px;
    }

    .liuc_322 li div i img {
        width: 150px;
        height: 150px;
    }



    .ys_322 li {
        width: 90%;
        padding: 10% 5%;
    }

    .ys_322 li dl {
        transition: all .5s;
    }

    .ys_322 li dl dt {
        font-size: 1.3rem;
        margin-top: 20px;
        height: auto;
        overflow: hidden;
    }

    .ys_322 li dl dd {
        font-size: 1rem;
        margin-top: 0;
        height: auto;
        line-height: 1.5em;
        overflow: hidden;
    }

    .fen_322 {
        min-height: inherit;
        padding-bottom: 5%;
    }

    .fen_322 li {
        width: 100%;
        float: none;
        padding-bottom: 5%;
    }

    .fen_322 li div {
        font-size: 1.8rem;
        padding-top: 10%;
    }

    .fen_322 li i {
        margin: 0 auto 8%;
    }


    .box_320 {
        background: none;
        min-height: inherit;
        position: static;
        background-color: #f7f8f9;
    }

    .box_320_l {
        padding: 10% 0;
    }

    .box_320_l h5 {
        font-size: 2.2rem;
    }

    .box_320_l h5 img {
        height: 40px;
    }

    .box_320_l h5 i {
        font-size: 1.3rem;
        margin-top: 20px;
    }

    .box_320_l p {
        margin-top: 30px;
        font-size: 1rem;
        line-height: 1.8em;
        padding: 0 5%;
    }

    .box_320 .box_320_l a {
        font-size: 1.1rem;
        margin-top: 10%;
    }

    .box_320 img {
        width: 100%;
    }

    .box_322 .cp {
        max-width: 100%;
        width: auto;
    }

    .ys_320 {
        background: url(../images/bg4.jpg) top center no-repeat;
        min-height: inherit;
    }

    .ys_320 ul {
        width: 100%;
        padding: 10% 0;
    }

    .ys_320 ul li {
        width: 50%;
        height: auto;
    }

    .ys_320 ul li div {
        height: auto;
        margin: 20% auto;
    }

    .ys_320 ul li div img {
        width: 150px;
    }

    .ys_320 ul li p {
        font-size: 1.2rem;
        margin-top: 5%;
    }

    .ys_320 ul li:hover div {
        height: 190px;
        margin-top: 140px;
    }


    .liuc_320 li {
        width: 50%;
        background-size: 100% auto;
        height: auto;
    }

    .liuc_320 li div {
        font-size: 1.8rem;
        padding-top: 170px;
        height: 130px;
        background: url(../images/line2.png) 50% 30% repeat-x;
    }

    .liuc_320 li div i {
        font-size: 1rem;
        margin-top: 5%;
    }



    .liuc_324 li {
        width: 50%;
        background-size: 100% auto;
        height: auto;
    }

    .liuc_324 li div {
        font-size: 1.8rem;
        padding-top: 180px;
        height: 70px;
        background: url(../images/line3.png) 50% 80% repeat-x;
    }

    .liuc_324 li div i {
        font-size: 1rem;
        margin-top: 5%;
    }


    .box_323 li {
        float: left;
        width: 100%;
        height: auto;
        padding: 10% 5%;
    }

    .box_323 li.box_323s img {
        width: 100%;
    }

    .box_323 li.box_323s {
        padding: 0;
    }

    .box_323 li.ico_323_1 {
        background-size: 40% auto;
    }

    .box_323 li.ico_323_2 {
        background-size: 40% auto;
    }

    .box_323 li.ico_323_3 {
        background-size: 40% auto;
    }

    .box_323 li.ico_323_4 {
        background-size: 40% auto;
    }

    .box_323 li h20 {
        font-size: 2rem;
        margin-bottom: 5%;
    }

    .box_323 li p {
        font-size: 1rem;
        margin-bottom: 0;
    }

    .box_323 li i {
        margin: 8% 0 0 0;
    }


    .liuc_323 {
        background: url(../images/bg5.jpg) top center no-repeat;
        min-height: inherit;
    }

    .liuc_323_box {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 10%;
        overflow: hidden;
    }

    .liuc_323_box h2 {
        margin-top: 10%;
        text-align: center;
        font-size: 1.5rem;
        color: #FFF;
        line-height: 35px;
    }

    .liuc_323_box h2 i {
        font-size: 1.2rem;
    }

    .liuc_323_box .xian_323 {
        width: 100%;
        height: 25px;
        background: url(../images/xian.png) top left repeat-x;
        position: relative;
    }

    .liuc_323_box .xian_323 i {
        position: absolute;
        background-image: url(../images/dian.png);
        top: 0;
        width: 25px;
        height: 25px;
        z-index: 2;
    }

    .liuc_323_box .xian_323 i.dian_l {
        left: 0;
    }

    .liuc_323_box .xian_323 i.dian_r {
        right: 0;
    }

    .liuc_323_box .xian_323 i.dian_c {
        left: 21%;
    }

    .liuc_323_box .xian_323_s {
        width: 100%;
        left: 0;
        height: 14px;
        background: url(../images/xians.png) top left repeat-x;
        position: relative;
        z-index: 0;
    }

    .list_323_1 {
        width: 96%;
        margin: 8% auto 0;
        overflow: hidden;
    }

    .list_323_1 li {
        float: left;
        width: 50%;
        text-align: center;
        color: #FFF;
        font-size: 1.2rem;
        margin-bottom: 5%;
    }

    .list_323_1 li i {
        margin: 0 auto 10px;
    }


    .list_323_2 {
        width: 96%;
        margin: 10% auto 0;
        overflow: hidden;
    }

    .list_323_2 li {
        float: left;
        width: 50%;
        text-align: center;
        color: #FFF;
        font-size: 1.2rem;
        margin-bottom: 5%;
    }

    .list_323_2 li i {
        margin: 0 auto 10px;
    }


    .list_323_2 .y_font {
        width: 10%;
    }

    .list_323_2 .f_top1 {
        padding-top: 50px;
        text-align: left;
        font-size: 1.5rem;
    }

    .list_323_2 .f_top2 {
        padding-top: 30px;
        text-align: left;
        font-size: 1.5rem;
    }



    .box_324_s li {
        width: 50%;
        border: 0px #FFF solid;
        height: 400px;
    }

    .box_324_s li .k_324 {
        display: none;
    }

    .box_324_s li i {
        font-size: 1.5rem;
        font-weight: bold;
        display: block;
        margin-top: 5%;
    }

    .box_324_s li .f_324 p {
        width: 180px;
        height: 180px;
        background-size: 180px 180px;
    }

    .box_324_s li .f_324 p img {
        width: 180px;
        height: 180px;
    }

    .box_324 {
        background: none;
        min-height: inherit;
        position: static;
        background-color: #f7f8f9;
    }

    .box_324 .box_324_l {
        right: inherit;
        position: static;
        padding: 15% 5%;
    }

    .box_324 .box_324_l h5 {
        font-size: 2.5rem;
    }

    .box_324 .box_324_l h5 i {
        font-size: 1.6rem;
        margin-top: 20px;
    }

    .box_324 .box_324_l p {
        margin-top: 50px;
        font-size: 1.1rem;
        line-height: 2em;
    }

    .box_324 .box_324_l a {
        font-size: 1.1rem;
        margin-top: 10%;
    }

    .box_324 img {
        width: 100%;
    }



    .fen_324 li {
        float: none;
        width: 100%;
        padding: 0 0 10%;
        border: 0;
        border-bottom: 1px #d2d2d2 solid;
    }

    .fen_324 li p {
        font-size: 1.2rem;
        margin-top: 5%;
    }

    .fen_324 li:hover p {
        margin-top: 5%;
        padding-bottom: 0;
    }

    .fen_324 li div {
        margin-top: 5%;
    }

    .fen_324 li div i {
        font-size: 1.5rem;
        font-weight: bold;
        color: #005bac;
        display: block;
    }

}




/*分类菜单*/

.page-tab {
    background: #ebeeef;
}

.page-tab.fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10
}

.page-tab.inverse {
    background-color: #fff
}

.page-tab .page-tab-content {
    overflow-x: auto;
    overflow-y: hidden
}

.page-tab .page-tab-content ul {
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-size: 0
}

.page-tab .page-tab-content ul li {
    display: inline-block;
    font-size: 15px;
    margin: 0 20px
}

.page-tab .page-tab-content ul li a {
    position: relative;
    display: block;
    padding: 18px 0
}

.page-tab .page-tab-content ul li:last-child {
    /*margin-right:0*/
}

.page-tab .page-tab-content ul li a:hover::before,
.page-tab .page-tab-content ul li.active a::before {
    content: " ";
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0061ae
}

.nav_fixed {
    padding: 0;
    position: fixed;
    top: 80px;
    z-index: 999;
    width: 100%;
}

.top_h {
    height: 80px;
}

.top_0 {
    height: 0 !important;
}

.logo1 {
    display: block;
}

.logo2 {
    display: none;
}

/*视频*/
.video-wrap {
    display: block;
    height: 800px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #000
}

@media (max-width:768px) {
    .video-wrap {
        height: 370px
    }

    #hr .container {
        background-color: #f5f5f5;
        position: static;
    }


    #hr .image-box img {
        display: block;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

    #hr .info {
        padding: 30px 20px;
    }

    #hr .info .content {
        font-size: 14px;
        line-height: 22px;
        display: block;
        padding-top: 20px;
    }

    #hr .pa {
        position: static;
        z-index: 9;
    }

    #hr .pr {
        position: static;
    }

    #hr .l50 {
        left: 0;
        top: 0;
    }

    #hr .r50 {
        right: 0;
        top: 0;
    }

    #hr .w50 {
        width: 100%;
    }

    #hr .ma0 {
        margin: 0 auto;
    }

    .img_size img {
        display: block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }

    .j_1 {
        font-size: 20px;
        font-style: italic;
        color: #fff;
        padding: 10% 0 0 15%;
        letter-spacing: 1px;
        width: 100%;
    }

    a.j_2 {
        display: block;
        font-size: 14px;
        color: #fff;
        border: 1px #FFF solid;
        border-radius: 2px;
        border-color: #fff;
        transition: .3s;
        margin-left: 15%;
        margin-top: 10%;
        width: 100px;
        text-align: center;
        height: 25px;
        line-height: 25px;
    }

    a:hover.j_2 {
        background-color: #FFF;
        color: #333;
    }


}

.video-wrap .video {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: .5
}

@media (max-width:768px) {
    .video-wrap .video {
        width: 960px;
        height: 480px
    }
}

#video_box_model {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.8);
    display: none
}

#video_box_model .videos {
    border: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    /*	width:640px;
	height:360px*/
}

#video_box_model .videos video {

    width: 800px;

}

@media (max-width:768px) {
    #video_box_model .videos {
        border: 0;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 100;
        width: 100%;
        height: auto;
    }

    #video_box_model .videos video {

        width: 100%;

    }
}

#video_box_model .vclose {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 32px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer
}

.btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    transition: .3s;
    cursor: pointer
}

.btn-play:hover {
    color: #fff
}

.btn-play i {
    font-size: 100px;
    margin-bottom: 30px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.section_position {
    position: absolute;
    top: -100px;
}




.swiper-container {
    width: 100%;
    margin-top: 5%;
}


.swiper-slide {
    text-align: center;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(231, 231, 231);
}

.swiper-slide .photo {
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: table;
}

.swiper-slide .photo .pics {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.swiper-slide .info {
    width: 100%;
    padding: 0;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    font-size: .8rem
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .cplist2 li .photo .pics img {
        max-width: 100%;
        max-height: 280px;
    }

    .swiper-slide .photo .pics img {
        max-width: 100%;
        max-height: 280px !important;
    }

    .swiper-wrapper {
        margin-bottom: 50px !important;
    }
}


@media screen and (min-width:768px) and (max-width:999px) {

    .cplist2 li .photo .pics img {
        max-width: 100%;
        max-height: 200px;
    }

    .swiper-slide .photo .pics img {
        max-width: 100%;
        max-height: 200px !important;
    }

    .swiper-wrapper {
        margin-bottom: 40px !important;
    }
}


@media only screen and (max-width: 767px) {

    .pt50 {
        padding-top: 10% !important;
    }

    .pb50 {
        padding-bottom: 10% !important;
    }

    .p50 {
        padding: 10% 0 !important;
    }

    .pt20 {
        padding-top: 1% !important;
    }

    .pt70 {
        padding: 10% 0 0 0 !important;
    }

    .p70 {
        padding: 10% 0 !important;
    }

    .m50 {
        margin: 10% 0 !important;
    }

    .mb35 {
        margin-bottom: 5%;
    }

    .w450 {
        margin-bottom: 10%;
    }

    .pageshow {
        text-align: center;
        margin: 2% 0 5%;
    }

    .p80 {
        padding: 10% 0 !important;
    }

    .p80_2 {
        padding: 0 0 10% 0 !important;
    }

    .p60 {
        padding: 10% 0 !important;
    }

    .p60s {
        padding: 5% 0 10% 0 !important;
    }

    .hui2 {
        background-color: #f5f5f5 !important;
    }

    .mb30 {
        margin-bottom: 5%;
    }

    .mt50 {
        margin-top: 5%;
    }

    h1 {
        margin: 0 auto 5%;
        padding-bottom: 5%;
    }

    .m2newList li {
        margin: 10% auto 0;
    }


    .swiper-slide .photo .pics img {
        max-width: 100%;
        max-height: 150px;
    }

    .swiper-wrapper {
        margin-bottom: 30px;
    }
}

#video_box_model .vclose {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 32px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer
}

.btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    transition: .3s;
    cursor: pointer
}

.btn-play:hover {
    color: #fff
}

.btn-play i {
    font-size: 100px;
    margin-bottom: 30px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.section_position {
    position: absolute;
    top: -100px;
}


.scrollb {
    width: 35px;
    left: 50%;
    margin-left: -17.5px;
    height: auto;
    display: inline-block;
    position: absolute;
    bottom: 60px;
    z-index: 3;
}

.scrollb .topimg {
    width: 35px;
    margin: 0 auto;
    height: 53px;
    background: url(../images/sum-icon.png) no-repeat;
    background-position: -26px -52px;
    position: relative;
    top: 0px;
}

.scrollb .cenimg {
    width: 20px;
    margin: 0 auto;
    height: 25px;
    background: url(../images/sum-icon.png) no-repeat;
    background-position: -34px -102px;
    -webkit-animation: xx 2s infinite linear;
    -ms-animation: xx 2s infinite linear;
    -o-animation: xx 2s infinite linear;
    -moz-animation: xx 2s infinite linear;
    animation: xx 2s infinite linear;
}

@-webkit-keyframes xx {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }