@charset "utf-8";

/*===================CSS Reset============================*/

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*,
*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img { border: medium none; margin: 0; padding: 0; }

body,
button,
input,
select,
textarea { font: 14px '微软雅黑', tahoma, Srial, helvetica, sans-serif; outline: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }

em { font-style: normal; }

ul,
ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { overflow-y: scroll; overflow-x: auto; }

body { min-width: 1230px; }


/*===================Link Style============================*/

a { text-decoration: none; outline: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }

    a:hover { text-decoration: underline; }


/*===================Common Style============================*/

.floatL { float: left; }

.floatR { float: right; }

.widthWrap { width: 100%; }

.widthCon { max-width: 1200px; margin: 0 auto; }
.photoList { margin-top:50px;}
.photoList ul li{ width:500px;height:150px;margin:0 50px 20px 50px; float:left;}
    .photoList ul li img { width: 500px; height: 150px; }

.textH { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.clearfix:after { clear: both; }

.clearfix:before,
.clearfix:after { content: ""; display: table; }
.slideInLeft #slideshow1 span {
    margin: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    position: absolute;
    background: #c9c6c6;
    background: rgba(0, 0, 0, 0.6);
    bottom: 4px;
    left: 0;
    padding-left: 10px;
}
/*===================Header============================*/
.ixTop {
    position: relative;
}

.ixNavH {height:66px;}

.ixNav { position: fixed; z-index: 1; top: 0; padding: 0; background: #ea4609; }

    .ixNav .logo { width: 328px; height: 63px; background: url(/templates/main/images_2019/logoIx.png) no-repeat; text-indent: -9999px; }

    .ixNav li {
        float: left;
        height: 67px;
        margin: 0px;
        line-height: 66px;
        padding: 0px 20px;
    }
        .ixNav li:hover {
            background: #024387;
        }
        .ixNav li a {
            display: block;
            color: #fff;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            font-size: 16px;
            width: auto;
        }

            /*.ixNav li.slt a { color: #3BAFDA; background: url(/templates/main/images_2019/navBg.png); }*/
        .ixNav li.slt {
            background: #024387;
        }

    .ixNav .search { margin-top: 20px; }

        .ixNav .search input { width: 70px; float: left; border-bottom: 1px solid #999; background: none; color: #999; }

        .ixNav .search button { width: 26px; height: 20px; border-bottom: 1px solid #999; background: url(/templates/main/images_2019/searchIx.png) top right no-repeat; text-indent: -9999px; cursor: pointer; }

        .ixNav .search input:focus { width: 70px; color: #fff; }

.inNav { position: fixed; padding: 2px 0; background: #fff; border-bottom: 1px solid #ddd; }

    .inNav .logo { background-image: url(/templates/main/images_2019/logoIn.png); }

    .inNav li a { color: #333; }

    .inNav .search button { background-image: url(/templates/main/images_2019/searchIn.png); }

    .inNav .search input:focus { color: #333; }

.banner-index { width: 100%; position: relative; z-index: 0; overflow: hidden; list-style: none; }
.focus_img { width:100%;}

.slide_nav { width: 37px; height: 58px; position: absolute; left: 46px; top: 50%; margin-top: -29px; z-index: 2; font-size: 0; }

    .slide_nav.prev { background: url("/templates/main/images_2019/banner-arrow.png") left top no-repeat; }

    .slide_nav.next { background: url("/templates/main/images_2019/banner-arrow.png") -72px top no-repeat; left: auto; right: 46px; }

.slide_tabs { width: 600px; position: absolute; left: 50%; bottom: 15px; margin-left: -300px; z-index: 2; font-size: 0; text-align: center; }

    .slide_tabs li { display: inline-block; }

    .slide_tabs a { display: inline-block; margin: 0 5px; border-radius: 50%; width: 15px; height: 15px; background: #444444; color:#444444;}

    .slide_tabs li.slide_here a { background: #c70d2f; color:#c70d2f;}


/*============================Footer============================*/

.footLinks { background-color: #024387; color: #fff; padding: 10px 0; }

    .footLinks em { width: 100%; float: left; margin: 10px 0; text-align: center; font-size: 26px; }

    .footLinks span { width: 1180px; display: block; margin: 0 auto; text-align: center; }

        .footLinks span a { display: inline-table; color: #fff; margin: 5px 0 5px 0; }

        .footLinks span a img{ width:230px; height:77px; }

.footer {
    background-color: #ea4609;
    color: #fff;
    padding-top: 50px;
}

    .footer .info { width: 330px; margin-right: 50px; }

        .footer .info img { width: 328px; height: 63px; margin-bottom: 10px; }

        .footer .info p { font-size: 12px; color: white; text-indent: 28px; line-height: 22px; background-position: center left; background-repeat: no-repeat; margin: 5px 0; }

            .footer .info p.icon1 { background-image: url(/templates/main/images_2019/footIcon1.png); }

            .footer .info p.icon2 { background-image: url(/templates/main/images_2019/footIcon2.png); }

        .footer .info b { display: inline-block; height: 30px; font-size: 16px; line-height: 30px; padding: 0 10px; background-color: #ff6c3a; margin-top: 10px; }

    .footer .link img { width: 1px; float: left; }

    .footer .link dl { float: left; margin: 0 48px; }

        .footer .link dl dt { color: #fff; font-size: 16px; margin-bottom: 35px; }

        .footer .link dl dd a { display: block; color: white; margin-bottom: 15px; }

            .footer .link dl dd a:hover { color: #B5102E; }

    .footer .code span { display: block; width: 120px; float: left; text-align: center; margin-left: 15px; }

        .footer .code span p { font-size: 16px; color: #fff; margin-bottom: 35px; }

        .footer .code span img { width: 80px; height: 80px; }

    .footer .copy { text-align: center; height: 45px; font-size: 12px; line-height: 45px; margin-top: 50px;background: #024387; }


/*============================内页Banner============================*/

.bannerNews { height: 400px; background: url(/templates/main/images_2019/bannerNews.jpg) center no-repeat; }

.bannerVideo { height: 400px; background: url(/templates/main/images_2019/bannerVideo.jpg) center no-repeat; }

.bannerService { height: 625px; position: relative; overflow: hidden; }

    .bannerService .banner-grid { position: absolute; left: 0; top: 0; z-index: -1; height: 625px; }


/*============================面包屑============================*/

.inLoca { border-bottom: 1px solid #ddd; padding: 15px 0; }

    .inLoca p { color: #333; font-size: 16px; background: url(/templates/main/images_2019/loca.png) center left no-repeat; text-indent: 25px; }

        .inLoca p a { color: #333; }

            .inLoca p a:hover { color: #dd1136; text-decoration: none; }

        .inLoca p em { color: #dd1136; }


/*============================Index============================*/

.ixMore a { display: inline-block; width: 160px; height: 46px; }

    .ixMore a em,
    .ixMore a i { display: block; float: left; }

    .ixMore a em { width: 115px; height: 44px; color: #dd1136; border: 1px solid #dd1136; border-right: none; text-align: center; line-height: 44px; }

    .ixMore a i { width: 44px; height: 44px; border: 1px solid #dd1136; border-left: none; background: url(/templates/main/images_2019/ixIcon1.png) center no-repeat #dd1136; }

    .ixMore a:hover em { background: #dd1136; color: #fff; }

    .ixMore a:hover i { border-color: #333; background-color: #333; }

.ixService { background: #fff; padding: 20px 0 40px 0; }

    .ixService .left .tit { width: 333px; height: 100px; color: #333; background: url(/templates/main/images_2019/ixText1.png) no-repeat; margin-bottom: 55px; }

        .ixService .left .tit .cn em { display: block; width: 80px; height: 55px; float: left; font-size: 48px; text-align: center; line-height: 55px; }

        .ixService .left .tit .cn span { width: 245px; display: block; float: right; font-size: 34px; }

        .ixService .left .tit .cn p { letter-spacing: 5px; font-size: 14px; color: #666; margin-top: 3px; }

        .ixService .left .tit .en { width: 245px; float: right; color: #999; font-size: 12px; text-transform: uppercase; margin-top: 13px; }

    .ixService .right { width: 500px; padding: 0 20px; background: #f7f7f7;}

        .ixService .right .tit { /*position: relative;*/ }

            .ixService .right .tit p { font-size: 18px; color: #666; /*position: absolute;*/ z-index: 1; margin-top: 30px; }

                .ixService .right .tit p span { display: block; font-size: 28px; color: #333; }
				.ixService .right .tit a{color:#000;}
.ixService .right .tit a:hover{text-decoration:none;color:#dd1136;}
            .ixService .right .tit em { display: block; width: 100px; height: 100px; background-color: #fff; margin-left: -45px; }

        .ixService .right .text { text-align: justify; color: #666; font-size: 16px; line-height: 36px; margin: 25px 0 10px 0; }

        .ixService .right a { display: block; width: 100%; float: left; margin: 10px 0; color: #666; }

        .ixService .right a span { display: block; width: 360px; float: right; }

        .ixService .right a:hover span { color: #dd1136; }

.ixCompany { background: url(/templates/main/images_2019/ixBg1.png) center no-repeat; background-size: cover; text-align: center; padding: 100px 0 0; }

    .ixCompany .title .tit { display: inline-block; width: 395px; height: 150px; color: #fff; background: url(/templates/main/images_2019/ixText2.png) no-repeat; padding: 22px 28px; text-align: left; }

        .ixCompany .title .tit .cn em { display: block; width: 80px; height: 55px; float: left; font-size: 48px; text-align: center; line-height: 55px; }

        .ixCompany .title .tit .cn span { width: 245px; display: block; float: right; font-size: 34px; }

        .ixCompany .title .tit .cn p { letter-spacing: 5px; font-size: 14px; margin-top: 5px; }

        .ixCompany .title .tit .en { width: 245px; float: right; color: #999; font-size: 18px; text-transform: uppercase; margin-top: 13px; }

    .ixCompany .title .p { color: #fff; margin-top: 25px; line-height: 30px; }

    .ixCompany li { width: 260px; display: inline-block; margin: 60px 10px; }

        .ixCompany li img { width: 100px; height: 100px; margin-bottom: 30px; }

        .ixCompany li span,.ixCompany li span a {
            display: block;
            font-size: 18px;
            color: #fff;
        }

        .ixCompany li em { display: inline-block; width: 30px; height: 2px; background: #999; margin: 20px 0; }

        .ixCompany li p { color: #888; line-height: 24px; }

        .ixCompany li:hover span, .ixCompany li:hover span a {
            color: #ea4609;
        }

        .ixCompany li:hover em { background: #dd1136; }

.ixNews .part1 { background: #fff; padding: 110px 0; }

    .ixNews .part1 li { width: 295px; float: left; }

        .ixNews .part1 li a { display: block; text-decoration: none; }

        .ixNews .part1 li .date { text-align: center; height: 43px; border-bottom: 1px dotted #bebebe; position: relative; }

            .ixNews .part1 li .date span { display: inline-block; width: 84px; height: 18px; color: #bebebe; font-size: 12px; text-align: center; line-height: 18px; border: 1px solid #bebebe; margin-bottom: 12px; position: absolute; top: 0; left: 90px; }

            .ixNews .part1 li .date em { display: inline-block; width: 23px; height: 23px; background: url(/templates/main/images_2019/ixIcon2.png) no-repeat; position: absolute; bottom: -11px; left: 120px; }

        .ixNews .part1 li img { width: 255px; height: 165px; margin: 45px 0 20px 0; }

        .ixNews .part1 li .text { width: 255px; }

            .ixNews .part1 li .text span { display: block; color: #333; }

            .ixNews .part1 li .text p { color: #999; font-size: 12px; line-height: 20px; margin: 10px 0; overflow: hidden; }

            .ixNews .part1 li .text .more { display: inline-block; width: 98px; height: 23px; color: #666; font-size: 12px; text-align: center; line-height: 23px; border: 1px solid #bebebe; margin-top: 10px; }

        .ixNews .part1 li:last-child { padding-right: 0; }

        .ixNews .part1 li:hover .date span { color: #fff; background: #dd1136; border-color: #dd1136; }

        .ixNews .part1 li:hover .date em { background-image: url(/templates/main/images_2019/ixIcon3.png); }

        .ixNews .part1 li:hover .text span { color: #dd1136; }

        .ixNews .part1 li:hover .text p { color: #e77986; }

        .ixNews .part1 li:hover .text .more { text-decoration: none; color: #fff; background: #dd1136; border-color: #dd1136; }

    .ixNews .part1 .title { width: 310px; position: relative; margin-top: 40px; }

        .ixNews .part1 .title .ixMore { position: absolute; left: 3px; bottom: 80px; }

        .ixNews .part1 .title .tit { float: right; display: block; width: 285px; height: 407px; color: #333; background: url(/templates/main/images_2019/ixText3.png) no-repeat; padding: 60px 20px; }

            .ixNews .part1 .title .tit .cn em { display: block; width: 75px; height: 55px; float: left; font-size: 48px; text-align: center; line-height: 55px; }

            .ixNews .part1 .title .tit .cn span { width: 155px; display: block; float: right; font-size: 34px; }

            .ixNews .part1 .title .tit .cn p { letter-spacing: 5px; font-size: 14px; color: #666; margin-top: 8px; }

            .ixNews .part1 .title .tit .en { width: 155px; float: right; color: #999; font-size: 18px; text-transform: uppercase; margin-top: 15px; }

.ixNews .ixMore a em { background: #dd1136; color: #fff; }

.ixNews .ixMore a i { border-color: #333; background-color: #333; }

.ixNews .part2 { background-color: #f7f7f7; padding: 100px 0; }

    .ixNews .part2 img { width: 1px; margin: 0 48px; float: left; }

    .ixNews .part2 .list { width: 335px; float: left; overflow: hidden; }

    .ixNews .part2 .title { width: 100%; height: 105px; background-repeat: no-repeat; margin-bottom: 20px; overflow: hidden; }

    .ixNews .part2 .tit1 { background-image: url(/templates/main/images_2019/ixImg9.png); }

    .ixNews .part2 .tit2 { background-image: url(/templates/main/images_2019/ixImg10.png); }

    .ixNews .part2 .tit3 { background-image: url(/templates/main/images_2019/ixImg11.png); }

    .ixNews .part2 .title span { display: inline-block; color: #fff; font-size: 20px; line-height: 30px; padding: 25px 45px; }

    .ixNews .part2 .list a { display: block; width: 100%; float: left; margin: 10px 0; color: #666; }

        .ixNews .part2 .list a em { width: 60px; float: left; display: block; }

        .ixNews .part2 .list a span { display: block; width: 270px; float: right; }

        .ixNews .part2 .list a:hover span { color: #dd1136; }

.ixBusiness { padding: 100px 0; }

    .ixBusiness .title { width: 420px; height: 100px; background: url(/templates/main/images_2019/ixText4.png) no-repeat; margin: 30px 67px 0 20px; }

        .ixBusiness .title .cn em { display: block; width: 70px; height: 55px; float: left; font-size: 48px; text-align: center; line-height: 55px; }

        .ixBusiness .title .cn span { width: 320px; display: block; float: left; font-size: 32px; margin-left: 10px; }

        .ixBusiness .title .cn p { letter-spacing: 2px; font-size: 14px; color: #666; margin-top: 3px; }

        .ixBusiness .title .en { width: 280px; float: left; color: #999; font-size: 18px; text-transform: uppercase; margin-top: 13px; margin-left: 100px; }

    .ixBusiness .img { height: 170px; position: relative; margin: 2px; }

        .ixBusiness .img.img1,
        .ixBusiness .img.img3 { width: 180px; }

        .ixBusiness .img.img2 { width: 320px; }

        .ixBusiness .img.img3 { margin-left: 200px; }

        .ixBusiness .img p { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/templates/main/images_2019/ixBg3.png) repeat; text-align: center; padding-top: 62px; }

            .ixBusiness .img p span { width: 47px; height: 47px; display: inline-block; background: url(/templates/main/images_2019/ixIcon4.png) no-repeat; text-indent: -9999px; }

        .ixBusiness .img img { width: 100%; height: 100%; }

        .ixBusiness .img:hover p { display: block; }

    .ixBusiness .ixMore { margin: 65px 0 0 55px; }


/*============================In the page============================*/

.bgGray { background-color: #f8f8f8; }

.newsType { border-bottom: 1px solid #ddd; margin-bottom: 20px; }

    .newsType a { display: inline-block; height: 56px; line-height: 56px; color: #333; font-size: 16px; padding: 0 7px; margin-right: 27px; margin-bottom: -1px; }

        .newsType a:hover,
        .newsType a.slt { font-weight: bold; color: #dd1136; text-decoration: none; border-bottom: 2px solid #dd1136; }

.newsList li { width: 100%; height: 180px; float: left; margin: 10px 0; overflow: hidden; }

    .newsList li .date { width: 104px; height: 100%; color: #999; font-family: arial; text-align: center; border-top: 1px solid #e8e8e8; padding-top: 60px; position: relative; }

        .newsList li .date i { display: block; width: 41px; height: 41px; background: url(/templates/main/images_2019/newsImg1.png) no-repeat; position: absolute; top: 0; left: 0; }

        .newsList li .date b { color: #333; font-size: 48px; }

    .newsList li .info { width: 1090px; background: #f7f7f7; padding: 33px 24px; }

        .newsList li .info img { width: 220px; min-height: 135px; max-height:200px; float: left; }

        .newsList li .info .text { width: 800px; }

            .newsList li .info .text .tit { color: #333; font-size: 16px; }

            .newsList li .info .text p { color: #999; height: 48px; line-height: 24px; overflow: hidden; margin: 15px 0; }

            .newsList li .info .text .more { display: block; width: 103px; height: 30px; color: #999; text-align: center; line-height: 28px; border: 1px solid #d4d4d4; margin-top: 20px;}

        .newsList li .info:hover .text .tit { color: #dd1136; }

        .newsList li .info:hover .text p { color: #333; }

        .newsList li .info:hover .text .more { text-decoration: none; border-color: #dd1136; color: #dd1136; }

.newsDetails { padding: 50px 0; }

    .newsDetails .date { width: 150px; height: 195px; color: #999; font-family: arial; text-align: center; background: url(/templates/main/images_2019/newsImg6.png) no-repeat; padding-top: 60px; }

        .newsDetails .date b { color: #dd1136; font-size: 48px; }

    .newsDetails .text { width: 1000px; }

        .newsDetails .text .tit { color: #333; font-size: 24px; text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 40px; margin-bottom: 40px; }

        .newsDetails .text .con {  line-height: 24px; }
.newsDetails .text img{max-width: 60%;
    height: auto !important;}
	
        .newsDetails .text .con p,.newsDetails .text .con span,.newsDetails .text .con a{ font-family:'微软雅黑', tahoma, Srial, helvetica, sans-serif !important; font-size: 15px !important;
    line-height: 24px !important; }
.videoType { padding: 50px 0 40px 0; }

    .videoType em,
    .videoType span { display: block; float: left; }

    .videoType em { width: 80px; color: #333; font-size: 16px; line-height: 35px; margin: 5px 0; }

    .videoType span { width: 1120px; }

        .videoType span a { min-width: 98px; text-align: center; display: inline-table; height: 33px; color: #333; font-size: 16px; line-height: 33px; padding: 0 15px; border: 1px solid #ddd; margin: 5px; }

            .videoType span a:hover,
            .videoType span a.slt { border-color: #dd1136; color: #dd1136; text-decoration: none; }

.videoList { border-bottom: 1px dashed #ddd; }

    .videoList li { float: left; width: 290px; margin: 0 5px 40px 5px; overflow: hidden; }

    .videoList .img { width: 100%; height: 165px; position: relative; }

        .videoList .img em { display: block; font-size: 12px; color: #fff; position: absolute; right: 15px; bottom: 15px; z-index: 1; }

        .videoList .img a { display: none; width: 100%; height: 100%; background: url(/templates/main/images_2019/ixBg3.png) repeat; text-align: center; padding-top: 62px; position: absolute; top: 0; left: 0; }

            .videoList .img a span { display: inline-block; width: 47px; height: 47px; background: url(/templates/main/images_2019/ixIcon4.png) no-repeat; text-indent: -9999px; }

        .videoList .img img { width: 100%; height: 100%; }

    .videoList .text a { display: block; color: #333; margin: 15px 0 10px 0; }

    .videoList .text p em { color: #999; font-size: 12px; display: inline-block; margin-right: 10px; }

        .videoList .text p em.icon { background: url(/templates/main/images_2019/videoIcon1.png) center left no-repeat; text-indent: 20px; }

    .videoList li:hover .img a { display: block; }

    .videoList li:hover .text a { color: #dd1136; text-decoration: none; }

.videoTit { color: #dd1136; font-size: 18px; padding: 20px 0; }

.videoMotion { background: #292929; padding-top: 50px; }

.slideImg { position: relative; overflow: hidden; width: 100%; }

    .slideImg li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

        .slideImg li:first-child { position: relative; display: block; float: left; }

.videoMotion .slideCon { position: relative; float: left; width: 100%; }

    .videoMotion .slideCon .slide { position: relative; overflow: hidden; width: 100%; }

        .videoMotion .slideCon .slide li { position: absolute; width: 100%; left: 0; top: 0; }

    .videoMotion .slideCon .slideImg li .video { width: 1280px; height: 578px; }

    .videoMotion .slideCon .slide_nav { width: 35px; height: 70px; position: absolute; top: 43%; left: -13%; z-index: 9999; background: url(/templates/main/images_2019/videoIconL.png) no-repeat; text-indent: -9999px; }

        .videoMotion .slideCon .slide_nav.next { left: auto; background: url(/templates/main/images_2019/videoIconR.png) no-repeat; background-size: contain; right: -13%; }

    .videoMotion .slideCon .slide_tabs { display: none; }

.videoDetails { padding: 70px 0; }

    .videoDetails .left { width: 800px; overflow: hidden; }

    .videoDetails .tit1 { color: #dd1136; font-size: 20px; }

    .videoDetails .tit2 { color: #555; font-size: 16px; padding: 22px; border-bottom: 1px solid #ddd; }

    .videoDetails .tit3 { color: #222; font-size: 12px; text-align: right; padding: 25px 25px 20px; }

    .videoDetails .left .text { padding: 10px 0 30px 0; border-bottom: 1px solid #ddd; margin-bottom: 40px; }

        .videoDetails .left .text p { color: #555; font-size: 16px; line-height: 32px; text-indent: 2em; }

    .videoDetails .left .review { border: 1px solid #ddd; margin: 20px 0; }

        .videoDetails .left .review li { width: 100%; float: left; border-bottom: 1px dashed #ddd; line-height: 26px; padding: 10px 22px; margin-bottom: 5px; }

            .videoDetails .left .review li span { width: 600px; }

            .videoDetails .left .review li em { color: #999; font-size: 12px; margin-right: 10px; }

                .videoDetails .left .review li em.icon { min-width: 30px; line-height: 13px; background: url(/templates/main/images_2019/videoIcon2.png) no-repeat; text-indent: 20px; margin: 20px 0 0 0; text-align: right; }

    .videoDetails .left .mess { margin: 10px 0; }

        .videoDetails .left .mess textarea { width: 800px; height: 98px; padding: 15px 20px; border: 1px solid #ddd; resize: none; overflow: hidden; }

        .videoDetails .left .mess button { float: right; width: 140px; height: 40px; color: #fff; font-size: 16px; text-align: center; line-height: 40px; background: #dd1136; margin: 20px 0; cursor: pointer; border-radius: 3px; }

            .videoDetails .left .mess button:hover { background: #c70d2f; }

    .videoDetails .right { width: 360px; }

        .videoDetails .right .expert { border-top: 1px solid #ddd; margin: 30px 0 60px 0; padding: 20px 0; }

            .videoDetails .right .expert img { width: 100px; height: 100px; float: left; }

            .videoDetails .right .expert p { width: 233px; float: right; }

            .videoDetails .right .expert b { display: block; color: #000; font-size: 20px; }

            .videoDetails .right .expert span { display: block; color: #555; margin: 8px 0; }

            .videoDetails .right .expert a { display: block; width: 110px; height: 35px; color: #fff; font-size: 12px; text-align: center; line-height: 35px; background: #dd1136; border-radius: 3px; }

                .videoDetails .right .expert a:hover { background: #c70d2f; text-decoration: none; }

        .videoDetails .right ul { margin-top: 25px; border-top: 1px solid #ddd; }

        .videoDetails .right li { width: 100%; float: left; padding: 20px 0; }

            .videoDetails .right li img { width: 90px; height: 60px; float: left; }

            .videoDetails .right li p { width: 250px; height: 60px; float: right; color: #555; line-height: 20px; text-align: justify; overflow: hidden; }

.serviceMenu .tit { text-align: center; line-height: 60px; background: url(/templates/main/images_2019/serviceBg1.png) repeat; margin-top: 15px; }

    .serviceMenu .tit span { display: inline-block; font-size: 16px; color: #d4d4d4; background: url(/templates/main/images_2019/serviceIcon1.png) center right no-repeat; padding-right: 20px; }

.serviceMenu .serviceList { display: block; width: 300px; }

    .serviceMenu .serviceList .menu { background: url(/templates/main/images_2019/serviceBg2.png) repeat; position: relative; }

        .serviceMenu .serviceList .menu li { width: 100%; height: 79px; z-index: 1; zoom: 1; }

    .serviceMenu .serviceList .class { font-size: 14px; display: block; width: 100%; height: 78px; line-height: 78px; z-index: 1; top: 0; left: 0; padding: 0 35px; }

        .serviceMenu .serviceList .class p { width: 210px; height: 78px; float: left; color: #d4d4d4; font-size: 18px; line-height: 78px; }

            .serviceMenu .serviceList .class p em { display: block; float: left; width: 24px; height: 24px; background-position: center left; background-repeat: no-repeat; margin: 26px 15px 0 0; }

                .serviceMenu .serviceList .class p em.icon1 { background-image: url(/templates/main/images_2019/serviceIcon3.png); }

                .serviceMenu .serviceList .class p em.icon2 { background-image: url(/templates/main/images_2019/serviceIcon4.png); }

                .serviceMenu .serviceList .class p em.icon3 { background-image: url(/templates/main/images_2019/serviceIcon5.png); }

                .serviceMenu .serviceList .class p em.icon4 { background-image: url(/templates/main/images_2019/serviceIcon6.png); }

                .serviceMenu .serviceList .class p em.icon5 { background-image: url(/templates/main/images_2019/serviceIcon7.png); }

                .serviceMenu .serviceList .class p em.icon6 { background-image: url(/templates/main/images_2019/serviceIcon8.png); }

                .serviceMenu .serviceList .class p em.icon7 { background-image: url(/templates/main/images_2019/serviceIcon9.png); }

    .serviceMenu .serviceList .hover .class { background: url(/templates/main/images_2019/serviceBg3.png) repeat; z-index: 2; color: #fff; }

    .serviceMenu .serviceList .class .arrow { width: 7px; height: 12px; float: right; margin-top: 33px; background: url(/templates/main/images_2019/serviceIcon2.png) no-repeat; }

    .serviceMenu .serviceList .class i { display: block; width: 100%; height: 1px; float: left; background: #252525; }

    .serviceMenu .serviceList .serviceSub { background-color: #8d0921; display: none; width: 460px; /*height:610px !important;*/ margin-top: -60px; position: absolute; z-index: 1; top: 0; left: 300px; overflow: hidden; padding: 20px 35px; }

    .serviceMenu .serviceList li.hover .serviceSub { display: block; }

.serviceMenu .serviceSub div { float: left; border-bottom: 1px dashed #a14c57; padding: 20px 0; }

    .serviceMenu .serviceSub div:last-child { border-bottom: none; }

.serviceMenu .serviceSub p { width: 100%; }

    .serviceMenu .serviceSub p span { display: inline-block; color: #fff; font-size: 16px; margin-bottom: 10px; }

.serviceMenu .serviceSub a { display: inline-block; color: #cba5a9; margin: 0 25px 10px 0; }

    .serviceMenu .serviceSub a:hover { color: #fff; text-decoration: underline; }

.service { padding: 50px 0; }

    .service .title { padding: 20px 0 40px 0; color: #777; font-size: 18px; }

        .service .title b { color: #333; font-size: 32px; padding-right: 10px; }

    .service .text { width: 230px; height: 460px; background-repeat: no-repeat; padding: 20px 10px; position: relative; }

        .service .text.img1 { background-image: url(/templates/main/images_2019/serviceImg1.jpg); background-size: 100%; }

        .service .text.img2 { background-image: url(/templates/main/images_2019/serviceImg2.jpg); background-size: 100%; }

        .service .text.img3 { background-image: url(/templates/main/images_2019/serviceImg3.jpg); background-size: 100%; }

        .service .text.img4 { background-image: url(/templates/main/images_2019/serviceImg4.jpg); background-size: 100%; }

        .service .text.img5 { background-image: url(/templates/main/images_2019/serviceImg5.jpg); background-size: 100%; }

        .service .text.img6 { background-image: url(/templates/main/images_2019/serviceImg6.jpg); background-size: 100%; }

        .service .text.img7 { background-image: url(/templates/main/images_2019/serviceImg7.jpg); background-size: 100%; }

        .service .text p { color: #fff; font-size: 20px; padding: 10px; }

        .service .text span { display: block; position: absolute; bottom: 20px; }

            .service .text span a { display: block; width: 90px; height: 35px; float: left; color: #fff; margin: 0 0 15px 10px; text-align: center; line-height: 35px; background: url(/templates/main/images_2019/serviceBg4.png) repeat; }

                .service .text span a:hover { text-decoration: none; background: #fc2242; }

    .service ul { width: 970px; background-color: #fff; border-top: 1px solid #ededed; }

        .service ul li { width: 242.5px; height: 230px; float: left; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; text-align: center; padding: 20px; }

            .service ul li a { display: block; text-decoration: none; }

            .service ul li img { width: 200px; height: 150px; }

            .service ul li p { color: #666; font-size: 16px; }

            .service ul li:hover p { color: #dd1136; }

.serviceCom { border-bottom: 1px dashed #ddd; }

    .serviceCom li { width: 222.5px; height: 230px; float: left; text-align: center; padding: 10px; }

        .serviceCom li a { display: block; text-decoration: none; }

        .serviceCom li img { width: 200px; height: 150px; }

        .serviceCom li p { color: #666; font-size: 16px; }

        .serviceCom li:hover p { color: #dd1136; }

.fenye { text-align: center; padding: 40px 0; }

    .fenye a { display: inline-block; height: 33px; color: #333; font-size: 16px; line-height: 32px; padding: 0 12px; border: 1px solid #ccc; margin: 0 2px; }
    .fenye span { display: inline-block; height: 33px; color: #333; font-size: 16px; line-height: 32px; padding: 0; border: none; margin: 0 2px; }

    .fenye a:hover,
    .fenye a.slt { color: #fff; border-color: #dd1136; background: #dd1136; text-decoration: none; }