/* CSS Document */
.title { margin-bottom: 10px; text-align: center;}
.title h2 { margin-bottom: 10px; line-height: normal; font-weight: normal; font-size: 28px;}
.title em { display: block; width: 35px; height: 2px; overflow: hidden; margin: 0 auto; background: #333;}

a.pic { width: 100%; position: relative; padding: 35% 0; display: block;}
a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 核心业务 */
.core ul { margin-top: 25px;}
.core li { width: 270px; float: left; margin: 0 20px 20px 0; position: relative; overflow: hidden;}
.core li a.pic img { transform: scale(1); transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s;}
.core li p { position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; text-align: center; color: #fff;
    background: #26a53e; width: 100%;} 
.core li.mr0 { margin-right: 0;}
.core li:hover a.pic img { transform: scale(1.1); transition: .5s; -moz-transition: .5s; -o-transition: .5s;
    -webkit-transition: .5s;}

/* 优势 */
.ysbg { width: 100%; background: url(../images/youshibg.jpg) center no-repeat; height: 1342px;}
.ysbg .youshi { width: 1080px; margin: 0 auto; position: relative; height: 1106px;}
.youshi .ys { position: absolute; left: 50%;}
.youshi .yst1 { font-size: 44px; font-weight: bold; left: 50%; top: 73px; margin-left: -211px;}
.youshi .yst2 { font-size: 18px; left: 50%; top: 139px; margin-left: -207px;}
.youshi .yst3 { font-size: 14px; left: 50%; top: 178px; margin-left: -42px;}
.ys1 { width: 555px; height: 231px; position: absolute; left: 6px; top: 258px;}
.ys1_biaoti { position: absolute; font-size: 21px; font-weight: bold; left: 96px; top: 25px; height: 27px; width: 333px;}
.ys1_con { position: absolute; line-height: 27px; font-size: 14px; left: 62px; top: 88px; height: 108px; width: 505px;}
.ys1_con span { color: #5ebc70;}
.ys2 { width: 555px; height: 231px; position: absolute; left: 6px; top: 427px;}
.ys3 { width: 555px; height: 231px; text-align: right; position: absolute; left: 462px; top: 639px;}
.ys3 .ys1_biaoti { position: absolute; font-size: 21px; font-weight: bold; left: 206px; top: 25px; height: 27px;
    width: 333px;}
.ys4 { width: 590px; height: 231px; position: absolute; left: -16px; top: 909px;}
.ys5 { width: 590px; height: 231px; position: absolute; left: 551px; top: 909px;}
.yspic { position: absolute; top: 250px; left: 424px;}
.shebei { width: 679px; height: 230px; position: absolute; top: 651px; left: 4px;}
.shebei .sbt { position: absolute; float: right; width: 26px; height: 100px; left: 638px; top: -24px;}
.shebei .sbt a { font-size: 18px; color: #FFF; font-weight: bold;}
.shebei .bd { width: 604px; height: 193px; position: absolute; left: 16px; top: 15px; overflow: hidden;}
.shebei .bd ul li { float: left; width: 183px; margin-left: 15px;}
.shebei .bd ul li img { width: 181px; height: 135px; border: 1px solid #CCC;}
.shebei .bd ul li span { float: left; width: 183px; line-height: 30px; text-align: center;}
.shebei .bd ul li:hover img { -webkit-animation: rotateIn 1s .2s ease both; -moz-animation: rotateIn 1s .2s ease both;}
@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 1;}
    100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1;}
}
@-moz-keyframes rotateIn {
    0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 1;}
    100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1;}
}
.liucheng { margin: 0 auto; width: 1080px; height: 168px; background: url(../images/liuchengbg.jpg) no-repeat;
    position: relative;}
.liucheng .lc_tel { text-align: center; font-size: 12px; position: absolute; color: #FFF; left: 15px; top: 108px;}
.lc_tel span { font-size: 22px;}
.liucheng .lc1 { position: absolute; font-size: 15px; left: 269px; top: 76px;}
.liucheng .lc2 { position: absolute; font-size: 15px; left: 420px; top: 76px;}
.liucheng .lc3 { position: absolute; font-size: 15px; left: 569px; top: 75px;}
.liucheng .lc4 { position: absolute; font-size: 15px; left: 704px; top: 74px;}
.liucheng .lc5 { position: absolute; font-size: 15px; left: 850px; top: 75px;}
.liucheng .lc6 { position: absolute; font-size: 15px; left: 1000px; top: 79px;}

.liyou { padding-bottom: 1em; display: none; height: 440px;}
.tle { text-align: center; padding-top: 1.5em; padding-bottom: 0.8em; border-bottom: 1px solid #e5e5e5; 
    position: relative;}
.tle h5 { font-size: 18px; color: #3c3e46; margin-bottom: 0.2em;}
.tle p { font-size: 14px;}
.tle em  { color: #26a53e; font-weight: bold;}
.tle i { display: block; position: absolute; width: 3em; height: 3px; background: #26a53e; left: 50%; 
    margin-left: -1.5em; bottom: -2px;}
.liyou .bd { padding: 0.7em;}
.liyou .bd dt img { display: block; width: 80%; margin: 0 auto;}
.liyou .bd dt h5 { font-size: 16px; color: #26a53e; margin-top: 1.5em; text-align: center;}
.liyou .bd dd { margin-top: 0.8em;}
.liyou .bd dd p { padding-left: 1.2em; background: url(../images/ys_ico.png) no-repeat left 0.3em; background-size: 0.817em;
    font-size: 14px; color: #666; line-height: 1.3em; margin-bottom: 0.5em;}
.liyou .hd { text-align: center;}
.liyou .hd li { display: inline-block; width: 0.6em; height: 0.6em; border-radius: 50%; margin: 0 0.3em; background: #c9c9c9;}
.liyou .hd li.on { background: #26a53e;}

.part4 { width: 100%; background: url(../images/case_top.jpg) no-repeat top center #26A53E; padding: 20px 0 40px 0;}
.part4 .title1 { margin: 20px 0; padding-bottom: 15px; background: url(../images/case_tit.jpg) no-repeat center bottom;
    text-align: center;}
.part4 .title1 h2 { color: #fff; font-size: 20px;}
.part4 .title1 h2 span { font-family: "Arial Narrow"; color: #ccc;}
.pt4m { background: #fff; margin-top: 10px;}
.pt4m .hd { overflow: hidden; width: 80%; margin: 0 auto;}
.pt4m .hd li { float: left; width: 16.6%; height: 60px; line-height: 60px; text-align: center; font-size: 16px;
    font-weight: bold; box-sizing: border-box;}
.pt4m .hd li a { display: block;}
.pt4m .hd li.on { background: #1b8e00; border-bottom: 3px solid #E8E228;}
.pt4m .hd li.on a { color: #fff;}
.pt4m .bd ul { overflow: hidden; zoom: 1; border-top: 1px solid #1b8e00; padding: 1%;}
.pt4m .bd ul li { position: relative; width: 19%; float: left; margin: 10px 0.5%; overflow: hidden; text-align: center;
    box-sizing: border-box; background: #ddd;}
.pt4m .bd ul li a.pic { padding: 40% 0;}
.pt4m .bd ul li:hover { background: #1b8e00;}
.pt4m .bd ul li h4 { line-height: 48px;}
.pt4m .bd ul li:hover h4 { color: #fff;}

.about { background: url(../images/about_dbg.jpg) no-repeat top center; height: 363px;}
.about_t { background: url(../images/aboutus.png) no-repeat right 6px; padding-right: 40px; width: 60px; float: left;
    margin: 30px 0px 0px 18px;}
.about_t h3 a { width: 20px; line-height: 22px; color: #3e3e3e; font-size: 20px; color: #3e3e3e; display: block;
    margin: 0 auto;}
.about .bd { width: 400px; height: 274px; float: left; margin: 32px 0px 0px 32px;}
.about .bd img { width: 400px; height: 274px;}
.about_n em a { width: 68px; height: 25px; background: #FFF; line-height:  25px; color: #26a53e; display: block;
    text-align: center; margin-top: 8px;}
.about_n h3 a { font-size: 14px; color:#FFF;}
.about_n p { font-size: 14px; color:#FFF; line-height: 26px; margin-top: 10px; text-indent: 2em;}
.about_n { width: 564px; float: left; margin: 60px 0px 0px 30px;}

/* news */
.part6 { overflow: hidden; margin-bottom: 20px; margin-top: 20px;}
.part6 .pt6_lf { width: 66%; margin-right: 1%; height: 418px; overflow: hidden;}
.part6 .pt6_rt { width: 33%; height: 418px; overflow: hidden;}
.title2 { background: #3e4147; line-height: 56px; font-size: 16px; height: 56px; overflow: hidden;}
.title2 .more { float: right; line-height: 56px; font-size: 12px;color: #fff;}
.title2 .more { margin: 0 10px;}
.title2 .more:hover { color: #fff;}
.part6 .pt6_lf .title2 .link { float: left; width: 80%; overflow: hidden;}
.part6 .pt6_lf .title2 .link li { float: left;}
.part6 .pt6_lf .title2 .link li a { display: block; color: #fff; line-height: 56px; padding-left: 30px; 
	font-weight: bold; font-size: 16px; text-decoration: none;}
.part6 .pt6_lf .title2 .link li a span { font-size: 12px; color: #fff; line-height: 56px; margin-left: 5px; 
	padding-right: 30px; font-weight: normal; text-transform: uppercase;}
.part6 .pt6_lf .title2 .link li.on a { color: #fff; background: #26a53e;}
.part6 .pt6_lf .title2 .link li.on a span { color: #fff;}
.part6 .pt6_lf .news_b .main { padding: 20px; border-top: none; border: 1px solid #ddd;}
.part6 .pt6_lf .news_b .main .tit { position: relative; height: 160px; padding-left: 220px; }
.part6 .pt6_lf .news_b .main .tit .pic{ position: absolute; top: 0; left: 0; width: 200px; 
    height: 140px; padding: 3px; border: 1px solid #ddd;}
.part6 .pt6_lf .news_b .main .tit .pic img { width: 100%; height: 100%;}
.part6 .pt6_lf .news_b .main .tit h3 { font-weight: bold; line-height: 30px; height: 30px; 
    overflow: hidden; margin-bottom: 10px;}
.part6 .pt6_lf .news_b .main .tit h3 a{ font-size: 16px; color: #26a53e}
.part6 .pt6_lf .news_b .main .tit h3 a:hover { color: #26a53e; }
.part6 .pt6_lf .news_b .main .tit p { line-height: 25px; height: 75px; overflow: hidden; font-size: 14px; 
	margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.part6 .pt6_lf .news_b .main .tit .more1 { color: #26a53e;}
.part6 .pt6_lf .news_b .main ul { overflow: hidden;}
.part6 .pt6_lf .news_b .main ul li{ float: left; width: 95%; padding-left: 1.5%; margin: 0 1%; 
    border-bottom: 1px dashed #ddd; line-height: 40px; height: 40px; overflow: hidden; box-sizing: border-box;
    background: url('../images/news_s.png') no-repeat left center;}
.part6 .pt6_lf .news_b .main ul li a{ font-size: 14px; color: #333; float: left;}
.part6 .pt6_lf .news_b .main ul li span{ float: right;}
.part6 .pt6_lf .news_b .main ul li a:hover { color: #26a53e;}
.hs { background: #26a53e;}
.part6 .pt6_rt .title2 span { padding: 0 60px; color: #fff; line-height: 56px; padding-left: 45px; font-weight: bold;
    background: url(../images/ico5.png) no-repeat 18px center;}
.part6 .pt6_rt .txtMarq-top { overflow: hidden; position: relative; border-top: none; height: 360px; border: 1px solid #ddd;}
.part6 .pt6_rt .txtMarq-top .bd { padding: 10px 15px 19px;}
.part6 .pt6_rt .txtMarq-top .bd li { border-bottom: 1px dashed #ddd; padding: 15px 0; height: 80px;}
.part6 .pt6_rt .txtMarq-top .bd li h3 { background: url(../images/news.jpg) no-repeat left center; 
	padding-left: 35px; line-height: 32px; height: 32px; overflow: hidden; margin-bottom: 10px; font-size: 14px;}
.part6 .pt6_rt .txtMarq-top .bd li p { background: url(../images/ico8.jpg) no-repeat left top; padding-left: 35px;
    color:#666; line-height: 22px; height: 44px; overflow: hidden; font-size: 13px;}

/* 广告 */
.gg1bg { background: url(../images/gg1bg.jpg) center no-repeat; height: 202px; width: 100%;}
.gg1bg .gg1 { position: relative;}
.gg1 .gg1_tel { width: 173px; position: absolute; left: 879px; top: 47px; font-size: 14px; color: #FFF;}
.gg1 .gg1_tel span { font-size: 22px;}
.gg1 .gg1_anniu { position: absolute; left: 829px; top: 130px;}

.fwrx { margin: 0 0.1em; display: none;}
.fwrx img { display: block; width: 100%;}

@media screen and (max-width: 768px) {
    .core ul { margin-top: 1em;}
    .core li { width: 48.2%; margin: 0 1em 1em 0;}
    .core li:nth-child(2n) { margin-right: 0;}

    .pt4m .hd { width: 100%;}
    .pt4m .hd li { width: 33%; height: 50px; line-height: 50px;}
    .pt4m .bd ul li { width: 49%;}
    .pt4m .bd ul li h4 { line-height: 40px;}

    .about { height: auto; padding: 1em 0;}
    .about .bd, .about .bd img { width: 100%; height: 327px; margin: 0;}
    .about_n { width: 100%; margin: 1em 0px 0px 0;}
    .about_n h3 { text-align: center;}
    .about_n h3 a { font-size: 26px; font-weight: bold; color: #26a53e;}
    .about_n p { color: #000; line-height: 24px;}
    .about_n em a { background: #26a53e; color: #fff; border-radius: 20px; width: 200px; line-height: 40px; height: 40px;
        margin: 8px auto 1em auto;}

    .part6 .pt6_lf .main .tit h3 a, .choiceMain .chmid  .rig dd h5 { font-size: 14px!important;}
    .choiceMain .cht h5 { font-size: 18px!important;}
    .part6 { margin: 5px auto; width: 98%;}
    .part6 .pt6_lf { width: 100%; margin-right: 0; float: none;}
    .title2 { line-height: 38px; height: 38px;}
    .part6 .pt6_lf .title2 .link { width: 100%;}
    .part6 .pt6_lf .title2 .link li { width: 33.33%; text-align: center;}
    .part6 .pt6_lf .title2 .link li a { padding: 0; background: none; line-height: 38px;}
    .part6 .pt6_lf .title2 .link li.on a { color: #fff;}
    .part6 .pt6_lf .title2 .link li.li2 a { background: none;}
    .part6 .pt6_lf .news_b .main { padding: 5px;}
    .part6 .pt6_lf .news_b .main .tit { height: 90px; padding-left: 120px;}
    .part6 .pt6_lf .news_b .main .tit .pic { width: 110px; height: 80px;}
    .part6 .pt6_lf .news_b .main .tit h3 { font-size: 14px; margin-bottom: 0;}
    .part6 .pt6_lf .news_b .main .tit p { line-height: 22px; height: 44px; font-size: 14px;}
    .part6 .pt6_lf .news_b .main ul { height: 150px; overflow: hidden;}
    .part6 .pt6_lf .news_b .main ul li { float: left; width: 99%; margin: 0 1%; line-height: 35px; font-size: 14px;}
    .part6 .pt6_lf .news_b .main ul li a{ width: 75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .shhjBox .shTle { width: 45%; margin: 0 auto; margin-left: 0!important;}

    .liyou, .fwrx { display: block;}
    .ysbg, .gg1bg, .about_t, .part6 .pt6_lf .title2 .link li a span, .part6 .pt6_lf .title2 .more, .part6 .pt6_rt, 
    .part6 .pt6_lf .news_b .main .tit .more1 { display: none;}
}
@media screen and ( max-width: 412px ) and ( min-width: 375px ) {
    .core li { width: 48%;}
}
@media screen and ( max-width: 374px ) and ( min-width: 320px ) {
    .core li { width: 47.6%;}

    .liyou { height: 410px;}
}