/* Inpage-banner */

.Inpage-banner{ width: 100%; height: 380px; position: relative;  background-repeat: no-repeat; background-position: center; margin-top: 100px;}

.Inpage-banner .Inpage-banner_tit { position: absolute;  width:100%;margin-top: 150px;top:50%;margin-top: -56px; text-align: center;}

.Inpage-banner .Inpage-banner_tit h2 { font-size: 38px; color: #fff; font-weight: normal;letter-spacing:20px;}

.Inpage-banner .Inpage-banner_tit span { display:block; padding:10px 0 20px 0;font-size: 10px;  color: #fff;font-family: DIN-Medium; letter-spacing:6px; opacity: 0.8;}

.Inpage-banner .Inpage-banner_tit p { display:block;font-size: 18px; color: #fff;}



/* Inpage-banner end*/



/* Inpage-Mbx */

.Inpage-Mbx {  position:relative; height: 40px; line-height: 40px; z-index:2;margin-top: -40px; overflow: hidden;}

.Inpage-Mbx .wrapper { text-align: left; color: #fff;}

.Inpage-Mbx span { display: inline-block; font-size: 14px; color: #fff;}

.Inpage-Mbx a { display: inline-block; font-size: 14px; color: #fff;}

.Inpage-Mbx a > i { display: inline-block; background: url("../images/mub01address_icon01.png") no-repeat center; width: 14px; height: 14px; margin: 0 6px; }

.Inpage-Mbx em { font-size: 15px; display: inline-block; color: #fff; padding: 0 5px;}

/* Inpage-Mbx end */





/* ppjs */

.ppjs{position: relative; padding-top:79px; background: #f3f3f3; padding-bottom: 50px;}

.ppjs .wrap-tit p { font-size: 16px; line-height: 30px; width: 805px; text-align: justify; margin-bottom: 15px;}

.height50{height:50px;}

.trait img{ height:180px; overflow: hidden;margin:0 auto;display:block;}

.trait-con { max-width: 1400px; margin: 0 auto;box-shadow: 0px 20px 20px -20px #e6e6e6; border-left: 1px solid #ededed; box-sizing: border-box;}

.trait-item { position:relative;float: left; width: 25%; border-right: 1px solid #e6e6e6; box-sizing: border-box; background: #fff; text-align: center; padding-bottom: 48px;}

.trait-item:after { content: ''; display: block; position: absolute; left: -1px; top: 50%;  margin-top:-5px;width: 2px; height: 10px; background: #d93638;}

.trait-item:first-of-type:after { display: none;}

/*.trait-item:hover { background: #d93638;}*/

.trait-item:hover:after { display: none;}

.trait-item:hover a,.trait-item:hover h2,.trait-item:hover p,.trait-item:hover span { color:#333;}

.trait-item:hover span:after { filter:contrast(0%) brightness(200%)}

.trait-item a { display: block;}

.trait-item h2 { font-size: 32px; color: #333;font-family: DIN-Medium; padding-top: 45px;}

.trait-item p { font-size: 18px;  color: #666; padding-top: 10px;}



@media screen  and (max-width: 1400px) {

    .trait-con{ max-width:1200px;}

}

/* ppjs聧 end */



.ab_tu{height:416px;margin:0 auto; overflow:hidden;}

.shiming{height:473px;margin:0 auto; overflow:hidden;}

/* sjmx  */

.sjmx{  text-align:center;position: relative; background: url("../images/sjmx-bg.jpg") no-repeat center; width: 100%; height: 603px;}

.sjmx .wrap-tit { padding-top: 90px;}

.sjmx .wrap-tit h2 { color: #fff;}

.sjmx .sjmx-video { padding-top: 75px; display: inline-block; cursor: pointer;}

.sjmx .sjmx-video i { display:block;background: url("../images/video-paly.png") no-repeat center; width: 60px; height: 60px;}

.sjmx .sjmx-video span { display: block; text-align: center; padding-top: 15px; font-size: 16px; color: #f3f3f3; font-weight: bold;}

.sjmx .wrapper > p {font-size: 14px;color: #fff;width: 867px;margin: 60px auto 0;text-align: center;line-height: 1.75;}

.sjmx .wrapper > p span { color: #d93638; font-size: 16px;}

/* sjmx end */





/* qskf */

.qskf{padding-top: 63px;overflow: hidden;/* background: url("../images/qskf-bg.png") no-repeat center top; */width: 100%;background-color: #fff; font-size:0;}

.qskf-con { margin-top: 47px; overflow: hidden; width: 100%; margin-bottom: 80px;}

.qskf-con .item { float: left; width: 19.2%;margin-right: 1%; text-align: center; background: #f4f4f4; padding-bottom: 40px;}

.qskf-con .item:nth-of-type(odd) { animation: fadeinT 1s ease-out backwards;}

.qskf-con .item:nth-of-type(even) { animation: fadeinB 1s ease-out backwards;}

.qskf-con .item i { display: block; width:100px; margin: 40px auto 22px;}

.qskf-con .item h2 { font-size: 30px; color: #333; font-weight: normal;}

.qskf-con .item p { font-size:16px; color: #666; padding-top: 20px; }

.qskf-con .item:last-of-type { margin-right: 0;}

.qskf-item {clear: both;display: inline-block; width:1400px;background: #fff;animation: fadeinL 1s ease-out backwards;}

.qskf-item .pic { float:left;width: 960px; margin-left: -260px; font-size: 0; overflow: hidden;}

.qskf-item .pic img { width: 100%; transition: all 1s;}

.qskf-item .pic:hover img {transform: scale(1.1);}

.qskf-item .pic-tit {float: left;width: 610px;height:609px;padding-left: 4%;position: relative;}

.qskf-item .pic-tit .tit-t1 { font-size: 38px; color: #333;margin-top: 50px;}

.qskf-item .pic-tit .tit-t2 { font-size: 38px; color: #333;}

.qskf-item .pic-tit span { display: inline-block; margin-top: 25px; font-size: 15px;  padding: 9px 6px; color: #fff; background: #d93638;}

.qskf-item .pic-tit .tit-t3 {  width:88%;margin-top: 80px;font-size: 15px; color: #333; line-height: 1.75; }

.qskf-item .pic-tit .tit-t4 { position:absolute; bottom:40px; left:60px;}

.qskf-item .pic-tit .tit-t4 p { font-size: 20px;color: #d0d0d0;font-family: DIN-Medium;}

.qskf-item .pic-tit .tit-t4 p:last-of-type { font-size: 14px;}

.qskf-item:last-of-type  {animation: fadeinR 1s ease-out backwards; }

.qskf-item:last-of-type .pic { margin-left: 0; margin-right: -260px;}

.qskf-item:last-of-type .pic-tit { padding-left: 0; width: 700px;}

.qskf-item:last-of-type .pic-tit .tit-t4 { left: 0;}

/* qskf end */







/* scbj */

.scbj{ padding-top:115px;position: relative; overflow: hidden; width: 100%; background: #fff;}

.scbj .wrap-tit p { width:805px; font-size:16px;}

.scbj-con { position: relative; margin: 30px auto 0; max-width: 1400px; height: 560px;}

.scbj-con .bd, .banner-con .bd ul { height: 560px;}

.scbj-con  .bd li {  display:block; width:1400px;height: 560px; margin-right: 20px;}

.scbj-con .tempWrap { overflow: visible!important;}

.scbj-con .prev { cursor: pointer;position: absolute; width: 300px;height: 560px; left: -260px; top: 0; z-index: 2;}

.scbj-con .next { cursor: pointer;position: absolute; width: 300px;height: 560px; right:  -260px; top: 0; z-index: 2;}

.scbj-con .prev_cur,.scbj-con .next_cur {  margin-top:220px;display:block;width:40px;height:120px;cursor:pointer;transition: all 0.5s; }

.scbj-con .prev_cur{background:url(../images/banner-prev.png) no-repeat center;background-color: rgba(0,0,0,0.5); margin-left: 260px;}

.scbj-con .next_cur{background:url(../images/banner-next.png) no-repeat center;background-color: rgba(0,0,0,0.5);}

.scbj-con .prev_cur:hover ,.scbj-con .next_cur:hover { background-color: #d93638;}

.scbj .hd { position: absolute; left: 0; bottom: 30px; width: 100%;text-align: center; background: none;}

.scbj .hd  ul { display: inline-block;*display:line;*zoom:1;overflow: hidden;}

.scbj .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 6px;width:6px;height: 6px;cursor:pointer;text-indent: -999px;position: relative; background: #fff;transition:all 0.5s;}

.scbj .hd li.cur{transform: scaleX(2); background: #d93638;}

/* scbj end*/





/* honor */

.honor{ padding-top: 73px; background: #ededed; padding-bottom: 95px;}

.white .honor-con .item { border: 1px solid #d0d0d0; box-sizing: border-box;}

.honor-con { margin-top: 56px; width:100%;display: inline-block; position: relative;}

.honor-con .item { float: left; width: 19%; margin: 0 0.5%;}

.honor-con .item .pic { font-size: 0; overflow: hidden; padding: 20px; background-color: #ffffff;}

.honor-con .item .pic img { width: 100%; transition: all 1s;}

.honor-con .item .pic-tit {  text-align:center;overflow: hidden; padding: 15px 0; background: #fff; border-top: 1px solid #d0d0d0; box-sizing: border-box;}

.honor-con .item .pic-tit p { width: 90%; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; font-size: 16px;}

.honor-con .item:hover .pic img { width: 100%; transform: scale(1.1);}

.honor-con .item:hover .pic-tit p { color: #d93638;}

.honor-con .prev,.honor-con .next { position: absolute;  margin-top:-60px;top: 50%; width: 40px; height: 120px; display: block; cursor: pointer; transition: all 0.5s;}

.honor-con .prev{background:url(../images/banner-prev.png) no-repeat center;background-color:#244645;left: -33px;}

.honor-con .next{background:url(../images/banner-next.png) no-repeat center;background-color: #244645;right: -33px;}

.honor-con .prev:hover ,.honor-con .next:hover { background-color: #b47532;}

@media screen  and (max-width: 1440px){

    .honor-con .prev { left: -20px;}

    .honor-con .next { right: -20px;}

}

@media screen  and (max-width: 1400px){

    .honor-con .prev { left: -34px;}

    .honor-con .next { right: -34px;}

}

/* honor end*/







/* lxwm */

.lxwm { overflow: hidden; padding-top: 100px; background: #fff; padding-bottom: 54px;}

.lxwm h2 { font-size: 30px; color: #242424;position: relative; padding-left:20px; margin-bottom: 30px; font-weight: normal;}

.lxwm h2:after { content: ''; display: block; position: absolute; left: 0; top: 8px; width: 6px; height: 24px; background: #d93638;}

.lxwm-address {float: left;width: 38%;position: relative;border-right: 1px dashed #ededed;box-sizing: border-box;}

.lxwm-address .item { margin-bottom: 18px; clear: both;}

.lxwm-address .item i { display:inline-block;width: 40px;  font-size:0;vertical-align: middle;}

.lxwm-address .item i img { width: 100%;}

.lxwm-address .item span { display: inline-block; vertical-align: middle; font-size: 15px; color: #242424;margin-left: 13px;}

.lxwm-address .item:last-of-type { margin-bottom: 0;}

.lxwm-code {float: left;width: 37%;padding-left: 7%;border-right: 1px dashed #ededed;box-sizing:border-box;}

.lxwm-code  .code-pic {float: left; background: #fff; margin-right: 18px;}

.lxwm-code  .code-pic span { display: block; width: 143px; height:143px;border: 1px solid #d6d6d6; box-sizing: border-box;}

.lxwm-code  .code-pic span img { width: 135px; margin-left: 4px; margin-top: 4px;}

.lxwm-code  .code-pic p { font-size:14px; color: #333; padding-top: 14px; text-align: center;}

.lxwm-shop {float: right;padding-left: 4%;box-sizing: border-box;}

.lxwm-shop .shop-con { display: inline-block; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; box-sizing: border-box;}

.lxwm-shop  .item {  cursor:pointer;width: 210px; height: 54px;  border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; box-sizing: border-box;}

.lxwm-shop  .item i {  margin-left:20px;display: inline-block; width: 30px; font-size: 0; vertical-align: middle;}

.lxwm-shop  .item i img { width: 100%;}

.lxwm-shop  .item span { display: inline-block; font-size: 18px;line-height: 54px; color: #333; margin-left: 10px; vertical-align: middle;}

.lxwm-shop  .item:hover { background: #d93638;}

.lxwm-shop  .item:hover span { color: #fff;}

.lxwm-shop  .item:hover i img { filter:contrast(0%) brightness(200%);}

@media screen  and (max-width:1360px){

    .lxwm-code { padding-left:5%;}

}

/* lxwm end */







/* route */

.route { padding-top:45px; overflow: hidden; background: #f3f3f3;}

.route h2 { padding-left:20px;font-size: 30px; color: #242424; position: relative; font-weight: normal;}

.route h2:after { content: ''; display: block; position: absolute; left: 0; top: 8px; width: 6px; height: 24px; background: #d93638;}

.route-con { margin-top: 25px; overflow: hidden;}

.route-menu {  display:inline-block;background: #fff; border-bottom: 1px solid #d6d6d6;}

.route-menu li { display: inline-block; margin: 0 20px;padding: 18px 0; position: relative; cursor: pointer;}

.route-menu li.cur  span { color: #d93739;}

.route-menu li.cur i img { margin-top: -20px;}

.route-menu li.cur:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #d93739;}

.route-menu li:first-of-type { margin-left: 35px;}

.route-menu li i { display: inline-block; width: 28px; height: 20px; overflow: hidden; vertical-align: middle;}

.route-menu li i img { width: 100%;}

.route-menu li span { display: inline-block; font-size: 18px; color: #333; margin-left: 5px; vertical-align: middle;}

.route-main {padding: 32px 0 62px;background: #fff; overflow: hidden;}

.route-main span {  margin:8px 0 8px 26px;display: inline-block; background: url("../images/route-tit.png") no-repeat center; text-align: center; width: 68px;height: 31px; line-height: 31px; font-size: 15px; color: #fff;}

.route-main p { display: inline-block; margin-left: 5px; font-size: 15px; color: #666;}

/* route end*/







/* map */

.map { overflow: hidden; padding-top: 44px; padding-bottom: 60px; background: #f3f3f3;}

.map-menu {float: left;width: 450px;background: #fff;padding: 20px 0;}

.map-menu .item {float: left;padding: 31px 0;margin-left: 25px;overflow: hidden;border-bottom: 1px dashed #999;}

.map-menu .item:last-of-type { border-bottom: none;}

.map-menu .item.cur i {background: #d93638;}

.map-menu .item.cur .map-tit h2,.map-menu .item.cur .map-tit p { color: #d93638;}

.map-menu .item i { display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #333333;text-align: center; font-size: 24px; color: #fff;  margin-right: 18px;}

.map-menu .item .map-tit {display: inline-block;vertical-align: middle;width: 332px;}

.map-menu .item .map-tit h2 { font-size: 20px; color: #242424; font-weight: normal;}

.map-menu .item .map-tit p { font-size: 14px; color: #666; padding-top: 12px;}

.map-main { float: left; width: 945px; overflow: hidden;}

.map-main .bd .item { width: 945px; height: 520px; overflow: hidden;}

/*  map end */

/*team*/

.team1{overflow:hidden;background:#f3f3f3;}
.wrap4{width:1440px;margin:0 auto;}
.height70{height:70px;}
.team1_1{}
.team1_1 li{float:left;margin-left:10px;margin-right:10px;margin-bottom:25px;}
.team1_tu{width:460px;height:300px;}
.team1_txt{width:460px;height:134px;background:#fff;line-height:134px;text-align:center;}
.team1_txt a{font-size:22px;}

/*team end*/

.cont1{min-height:700px;margin:0 auto; overflow:hidden;background:f3f3f3;}
.cont1_01{float:left;width:490px;height:500px;background:#fff;}
.cont1_01 h2{margin:80px 0 0 80px;}
.cont1_01 h3{margin:20px 0 0 80px;line-height:28px;color:#666666;font-size:24px;font-weight:normal; padding-right: 15px;}
.cont1_01 h3 p{ flex: 1;}
.cont1_02{float:right;width:950px;height:500px;}


.pro1{margin:0 auto; overflow:hidden;background:#f3f3f3;}
.cp{ width: 1470px;}
.cp li{float:left; margin: 0 30px 30px 0; position: relative; overflow: hidden; width: 460px; height: 280px;}
.cp li img{ display: block; width: 100%; height: 100%;}
.cp li .al_black{ background-image: url(../images/black1.png);}
.cp li .al_text{ font-size: 22px; line-height: 66px;}

/* Inpape-Nav */

.Inpape-Nav{ overflow: hidden; background: #fff; text-align: center; font-size: 0;}

.Inpape-Nav ul { display: inline-block;}

.Inpape-Nav li {  float:left;display: block; font-size: 18px; color: #666;  padding:0 40px; position: relative;}

.Inpape-Nav li:after {content:'';display:block;position: absolute;right: -4px;top: 35px;border-right: 2px dotted #666;width: 2px;height: 15px;}

.Inpape-Nav li a { display:block;  padding: 30px 0; color: #333;}

.Inpape-Nav li:last-of-type:after { border: none;}

.Inpape-Nav li.cur,.Inpape-Nav li:hover { background: url("../images/inpape-nav_cur.png") no-repeat center; background-size: 100% 100%;}

.Inpape-Nav li.cur:after,.Inpape-Nav li:hover:after { display: none;}

.Inpape-Nav li.cur a,.Inpape-Nav li:hover a { color: #fff;}

/* Inpape-Nav end */



/* Inpage-ad */

.Inpage-ad{ position: relative;text-align: right; background:url("../images/ad-bg.jpg") no-repeat center;width: 100%; height: 608px;}

.Inpage-ad h2 { display: inline-block; font-size: 38px; color: #fff; font-weight: normal; padding-top: 97px; padding-bottom: 30px;}

.Inpage-ad  p { font-size: 16px; color: #fff; line-height: 2.2;}

/* Inpage-ad end */





/* Inpage-adv */

.adv{ padding-top: 70px;  padding-bottom:55px;overflow: hidden; background-color: #fff;}

.adv-item {clear: both;background: #f3f3f3; overflow: hidden; }

.adv-item .pic { position:relative;float:left;width:700px;font-size: 0; overflow: hidden;}

.adv-item:nth-of-type(odd) .pic:after { content:''; position:absolute; right:0; top:50%;margin-left: 6px;float: right;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #fff;transform: rotate(180deg);}

.adv-item:nth-of-type(even) .pic:after { content:''; position:absolute; left:-6px; top:50%;margin-left: 6px;float: right;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(180deg);}

.adv-item .pic img { width: 100%; transition: all 1s;}

.adv-item .pic:hover img {transform: scale(1.1);}

.adv-item:nth-of-type(odd) .pic:hover:after {border-color: transparent transparent transparent #d93638;}

.adv-item:nth-of-type(even) .pic:hover:after {border-color: transparent  #d93638 transparent transparent ;}

.adv-item .pic-tit {float: left;width:630px;height:476px;margin-left:70px;position: relative;}

.adv-item:nth-of-type(even) .pic-tit { margin-left: 70px; width: 630px;}

.adv-item:nth-of-type(even) .pic-tit .tit-t4 { left: 0;}

.adv-item .pic-tit .tit-t1 { font-size: 38px; color: #333;margin-top: 50px;}

.adv-item .pic-tit .tit-t2 { font-size: 38px; color: #333;}

.adv-item .pic-tit span { display: inline-block; margin-top: 25px; font-size: 18px;  padding: 9px 6px; color: #fff; background: #d93638;}

.adv-item .pic-tit .tit-t3 {  width:88%;margin-top: 80px;font-size: 15px; color: #333; line-height: 1.75; }

.adv-item .pic-tit .tit-t4 {position:absolute;bottom:50px;left: 0;}

.adv-item .pic-tit .tit-t4 p { font-size: 20px;color: #d0d0d0;font-family: DIN-Medium;}

.adv-item .pic-tit .tit-t4 p:last-of-type { font-size: 14px;}

.adv-item:nth-of-type(odd)  {animation: fadeinL 1s ease-out backwards; }

.adv-item:nth-of-type(even)  {animation: fadeinR 1s ease-out backwards; }

@media screen and (max-width:1360px){

    .adv-item:nth-of-type(odd) .pic { margin-left: -100px;}

    .adv-item:nth-of-type(even) .pic { margin-right: -100px;}

    .adv-item .pic-tit { width: 500px;}

     .adv-item:nth-of-type(even) .pic-tit { margin-left: 70px; width: 530px;}

}

/* Inpage-adv end */





/* sjxp */

.sjxp{ position: relative; padding-top: 65px; background: #f3f3f3; overflow: hidden; padding-bottom: 45px;}

.sjxp-con { margin-top: 44px; overflow: hidden;}

.sjxp-con .item {float: left;margin-right: 50px; margin-bottom: 45px;}

.sjxp-con .item:nth-of-type(even) { margin-right: 0;}

.sjxp-con .item .pic { float: left; width: 348px; font-size: 0; overflow: hidden;}

.sjxp-con .item .pic img { width: 100%; transition: all 1s;}

.sjxp-con .item .pic-tit {float: left;padding-top: 55px;width: 267px;padding-left: 60px;background: #fff;height: 303px;position: relative;}

.sjxp-con .item .pic-tit h2 { font-size: 24px; color: #000; margin-bottom: 35px; font-weight: normal;}

.sjxp-con .item .pic-tit p { font-size: 16px; color: #666; line-height: 1.5;}

.sjxp-con .item:hover .pic-tit h2,.sjxp-con .item:hover .pic-tit p { color: #d93638;}

.sjxp-con .item:hover .pic img { transform: scale(1.1);}

.sjxp-con .item:hover .sjxp-more i { filter:contrast(0%) brightness(200%)}

.sjxp-con .item:hover .sjxp-more { background: #d93638; border: none;}

.sjxp-con .item:hover .sjxp-more span { color: #fff;}

.sjxp-more {  padding:10px;position: absolute; left:60px; bottom: 30px; box-sizing:border-box;border: solid 1px rgba(153, 153, 153, 0.2);}

.sjxp-more span { display: inline-block; font-size: 14px; color: #666; vertical-align: middle;}

.sjxp-more i { display: inline-block;vertical-align: middle; background: url("../images/sjxp-next.png") no-repeat center; width: 14px;height: 6px; margin-left: 10px;}

@media screen  and (max-width: 1400px){

    .sjxp-con .item .pic { width: 310px;}

    .sjxp-con .item { margin-right: 28px; margin-bottom: 28px;}

    .sjxp-con .item .pic-tit { width: 246px; height:264px;padding-left: 30px;}

}

/* sjxp end */





/* mtbd */

.mtbd{ padding-top: 70px; background: #f0eeec; padding-bottom: 145px;}

.mtbd-con {margin-top: 84px;display: inline-block;}

.mtbd-con .item { position:relative;float: left; width: 334px;margin-right: 20px;padding-bottom: 30px; border:1px solid #d0d0d0; box-sizing: border-box;}

.mtbd-con .item:last-of-type { margin-right: 0;}

.mtbd-con .item .pic {width: 317px;font-size: 0;margin-top: -24px; overflow: hidden;}

.mtbd-con .item .pic img { width: 100%; transition: all 1s;}

.mtbd-con .item .pic-tit { padding: 0 12px;}

.mtbd-con .item .pic-tit h2 { padding-top: 33px; font-size: 16px; color: #333; font-weight: normal; overflow: hidden; width: 100%;}

.mtbd-con .item .pic-tit p { padding-top: 18px; font-size: 13px; color: #999; line-height: 1.5;}

.mtbd-con .item .pic-tit em { position: relative; display: block; margin-top: 40px; font-size: 12px; color: #999;font-family: DIN-Medium;}

.mtbd-con .item .pic-tit em i{margin-left: 6px;float: right;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent #999 transparent transparent;transform: rotate(180deg);}

.mtbd-con .item:hover .pic img { transform: scale(1.1);}

.mtbd-con .item:hover { background: #fff;}

.mtbd-con .item:hover .pic-tit h2,.mtbd-con .item:hover .pic-tit em { color: #d93638;}

.mtbd-con .item:hover .pic-tit em i { border-color: transparent #d93638 transparent transparent;}

.mtbd-con .item:hover:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #d93638;}

@media screen  and (max-width: 1400px){

    .mtbd-con .item { width: 285px;}

    .mtbd-con .item .pic { width: 268px;}

}

/* mtbd end*/





/* byjq */

.byjq{ padding-top: 80px;  padding-bottom:70px;background: #f3f3f3; overflow: hidden; text-align: center;}

.byjq-con {margin-top: 24px;overflow: hidden;max-height: 705px;text-align: left;}

.byjq-con .byjq-le { float: left;margin-right: 30px;width: 685px;}

.byjq-con .byjq-ri { float:left;width: 685px;}

.byjq-con .item {margin-top: 25px;}

.byjq-con .item .hd {width:100%;padding: 15px 0;overflow: hidden;background: #fff;}

.byjq-con .item .hd span {font-size:20px;color: #333;margin-left: 27px;vertical-align: middle;line-height: 36px;}

.byjq-con .item .hd i {float:right; margin-right:18px; vertical-align:middle;width: 36px; height: 36px; border: 1px solid rgba(102, 102, 102, 0.2); box-sizing: border-box; border-radius: 50%;}

.byjq-con .item .hd i img { width: 100%;}

.byjq-con .item .bd { display:none;background: #fff;}

.byjq-con .item .bd .byjq-tit  {margin: 0 25px;height: 249px;border-top:1px dashed  rgba(0,0,0,0.9);}

.byjq-con .item .bd .byjq-tit p {font-size: 14px;padding-top: 40px;color: #666;line-height: 1.75;}

.byjq-con .item.cur .hd i { border: 1px solid #d93638; transform: rotate(180deg);background-color: #d93638; border: 1px solid #d93638;}

.byjq-con .item.cur .hd i img {filter:contrast(0%) brightness(200%);}

.byjq-more { margin-top:30px;cursor:pointer;display:inline-block; color:#fff; font-size:18px;width: 130px; height: 45px; line-height:45px; text-align: center; background: #d93638;}

@media screen  and (max-width: 1360px){

    .byjq-con .byjq-le { width: 585px;}

    .byjq-con .byjq-ri{ width: 585px;}

}

/* byjq end*/





/* zlxz */

.zlxz { position: relative; background: #f3f3f3; padding-top: 51px;padding-bottom:35px;}

.zlxz-con { margin-top: 40px; overflow: hidden;}

.zlxz-con .item { float: left;   background: url("../images/zlxz-bg.jpg") no-repeat center; width: 268px; height: 293px; margin-top: 33px; margin-right: 15px;}

.zlxz-con .item .zlxz-tit { width: 260px; height:293px;margin-top: -8px; background: #fff; text-align: center;}

.zlxz-con .item h2 { font-size: 20px; color: #333; padding-top:30px; font-weight: normal;}

.zlxz-con .item  i { display: block; width: 40px; height: 40px; margin: 60px auto 0; background: url("../images/zlxz-icon.png") no-repeat center;}

.zlxz-con .item em { display: inline-block;  margin-top: 55px; padding-bottom:5px;font-size: 18px;color: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0,0,0,0.5);}

.zlxz-con .item:nth-of-type(5),.zlxz-con .item:nth-of-type(10) { margin-right: 0;}

.zlxz-con .item:hover { background: url("../images/zlzx-bg_cur.png") no-repeat center;}

.zlxz-con .item:hover .zlxz-tit i { background: url("../images/zlxz-icon_cur.png") no-repeat center;}

@media screen and (max-width: 1400px){

    .zlxz-con .item {width:19%; margin-right: 1.25%;}

    .zlxz-con .item .zlxz-tit { width: 95%;}

}

/* zlxz end*/





/* Inpage-history */

.Inpage-history{ position: relative;background: url("../images/history-bg.jpg")  center no-repeat; width: 100%; height: 572px;}

.Inpage-history .wrapper .wrap-tit { padding-top: 75px;}

.Inpage-history .history-con {margin-top: 35px;display:block;position: relative;}

.Inpage-history .history-con:after  {content: '';display: block;position: absolute;left: 0;top: 158px;width: 100%;height: 7px;background: url("../images/history-before.png") no-repeat center;}

.Inpage-history .history-con .item {float: left;width: 23.33%;margin: 0 5%;position: relative;z-index: 99;}

.Inpage-history .history-con .item:after {content:'';display:block;position: absolute;left: 0;top: 155px;width: 9px;height: 9px;background: #d93638;}

.Inpage-history .history-con .item em { font-size:36px; color:#d93638; font-weight: bold; display: block;}

.Inpage-history .history-con .item h2 { font-size: 18px; color: #3b3b3b; padding: 16px 0;}

.Inpage-history .history-con .item p { height:42px;font-size: 14px; color: #333;line-height: 1.5;overflow:hidden;}

.Inpage-history .history-con .item .pic {  width: 278px; font-size: 0; margin-top: 57px;}

.Inpage-history .history-con .item .pic img { width: 100%;}

.Inpage-history .prev,.Inpage-history .next { position: absolute; z-index: 99;  margin-top:-60px;top: 50%; width: 40px; height: 120px; display: block; cursor: pointer; transition: all 0.5s;}

.Inpage-history .prev{background:url(../images/banner-prev.png) no-repeat center;background-color:#244645;left: -40px;}

.Inpage-history .next{background:url(../images/banner-next.png) no-repeat center;background-color: #244645;right: -40px;}

.Inpage-history .prev:hover ,.Inpage-history .next:hover { background-color: #b47532;}

@media screen and (max-width: 1440px){

    .Inpage-history .prev { left: -20px;}

    .Inpage-history .next { right: -20px;}

}

/* Inpage-history end */





/* ddcx */

.ddcx{position: relative;padding-top: 89px;overflow: hidden;padding-bottom:125px;background: #f3f3f3;}

.ddcx .ddcx-le { float: left; width: 20%;  height:140px;position: relative; border-right:1px solid #c2c2c2;}

.ddcx .ddcx-le  h2 { font-size: 38px; color: #333;  font-weight: normal;}

.ddcx .ddcx-le p { font-size: 16px; color: #333; margin-top: 20px;}

.ddcx .ddcx-le:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 17px; height: 4px; background: #d93638;}

.ddcx  .ddcx-center { float: left; width:50%; margin-left: 3%;}

.ddcx  .ddcx-center p { font-size: 16px; color: #333; line-height: 2;}

.ddcx  .ddcx-center p em { font-size: 18px; color: #d93638;}

.ddcx .ddcx-ri { float: right;}

.ddcx .ddcx-ri .code { float: left; margin: 0 8px;}

.ddcx .ddcx-ri .code .pic { width: 143px; height: 143px; background: #fff;}

.ddcx .ddcx-ri .code .pic img { width: 100%;}

.ddcx .ddcx-ri .code p { font-size: 14px; color: #333; padding-top: 15px; text-align: center;}

/* ddcx end */





/* fwcx */

.fwcx { padding-top: 50px; padding-bottom: 90px; background: #f3f3f3; overflow: hidden;}

.fwcx-top { overflow: hidden;}

.fwcx-top .pic { float: left; width: 315px; font-size: 0;}

.fwcx-top .pic img { width: 100%;}

.fwcx-top .pic-tit {float: left;background: #fff;padding-top: 25px;width:77.5%;height: 256px;}

.fwcx-top .pic-tit .item {  margin-left:50px;padding: 10px 0; overflow: hidden;}

.fwcx-top .pic-tit .item p {margin-left:15px;display:inline-block;font-size: 15px;color: #333;vertical-align: middle;}

.fwcx-top .pic-tit .item span { display:inline-block;font-size: 15px; color: #fff; border-radius: 3px; background: #d93638; width: 24px; height: 24px; line-height: 24px; text-align: center;}

.fwcx-top .pic-tit .fwcx-phone {margin-left:50px;padding-top: 7px;}

.fwcx-top .pic-tit .fwcx-phone i { display: inline-block; vertical-align: middle; background: url("../images/fwcx-icon01.png") no-repeat center; width: 37px;height: 37px;}

.fwcx-top .pic-tit .fwcx-phone p {  margin-left:5px;display: inline-block;vertical-align: middle;font-size: 14px; color: #333;}

.fwcx-top .pic-tit .fwcx-phone span { display: inline-block; vertical-align: middle;}

.fwcx-top .pic-tit .fwcx-phone p em {display: inline-block;vertical-align: middle; font-size: 24px; color: #d93638;}

.fwcx-bottom { overflow: hidden; margin-top: 30px;}

.fwcx-menu {display: inline-block;background: #fff;}

.fwcx-menu li { float:left; padding: 17px 27px; position: relative; font-size: 18px;color: #333;}

.fwcx-menu li:after {  content:''; display:block;position: absolute; right: -1px; top: 22px; border-right: 1px dashed  #333; width: 1px; height: 14px;}

.fwcx-menu li:last-of-type:after{ border: none;}

.fwcx-menu li.cur { background: #d93638; color: #fff;}

.fwcx-menu li.cur:after { display: none;}

.fwcx-main {  padding-bottom:75px;overflow: hidden; position: relative; text-align: center; background: #fff;}

.fwcx-main .item {float:left;width: 187px;margin: 30px 23px 0;}

.fwcx-main .item .pic { width: 100%;border: 1px solid #dfdfdf; font-size: 0; overflow: hidden; box-sizing: border-box;}

.fwcx-main .item img { width: 100%;}

.fwcx-main .item p { padding-top: 14px; font-size: 13px; color: #333; height: 32px;}

@media screen  and (max-width: 1400px){

    .fwcx-top .pic-tit { width: 885px;}

    .fwcx-top .pic-tit .item p { width: 80%;}

    .fwcx-main .item { width: 154px;}

}

/* fwcx end */







/* fjmd */

.fjmd{ padding: 70px 0; background: #f3f3f3; overflow: hidden;}

.fjmd-Top {  width: 100%; height: 141px;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.13);}

.fjmd-Top .fjmd-le { float: left;}

.fjmd-Top .fjmd-le  h2 { margin:40px 0 0 25px;font-size: 30px; color: #333; font-weight: normal;}

.fjmd-Top .fjmd-le p { margin:5px 0 0 25px;font-size: 14px; color: #666;}

.fjmd-Top .fjmd-le p em { font-size: 18px; color: #d93638;  font-family: DIN-Medium;}

.fjmd-menu { position:relative;float: right; width: 280px; height: 50px; line-height: 50px;  background: #d93638; margin: 48px 34px 0 0;}

.menu-box { display:block;margin-left: 20px;font-size: 16px; color: #fff; border-bottom: 1px solid #fff;}

.fjmd-menu:after { content:''; display:block; position:absolute; right:15px; top:23px;margin-left: 6px;float: right;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(-90deg);}

.fjmd-menu ul {display: none;width: 100%;max-height: 300px;position: relative;z-index: 99;overflow-x: hidden;overflow-y: auto;}

.fjmd-menu ul li {padding-left: 23px;display: block;font-size: 16px;line-height: 30px;color: #333;background:#fff;cursor:default;}

.fjmd-menu ul li:hover { background: #d93638; color: #fff;}

.fjmd-main {overflow: hidden;min-height: 300px;max-height: 645px;overflow-x: hidden;overflow-y: auto;}

.fjmd-main .item {margin-top:25px;float:left;width: 23%;margin: 25px 1% 0;background: url("../images/fjmd-bg.jpg") no-repeat center;height: 190px;}

.fjmd-main .item .item-box { position:relative;width: 97%;height: 95%;background: #fff;}

.fjmd-main .item .item-top {padding-top: 35px;margin-left: 15px;}

.fjmd-main .item .item-top i { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("../images/fjmd-icon.png") no-repeat center;}

.fjmd-main .item .item-top span  { display: inline-block; vertical-align: middle; font-size: 18px; color: #333;}

.fjmd-main .item  p {margin-left: 15px;width: 90%;margin-top: 30px;font-size: 14px;color: #666;line-height: 1.5;}

.fjmd-main .item .item-box:after { content: ''; display: block; position: absolute; bottom: 33px; left: 15px; width: 13px; height: 2px; background: #333333;}

.fjmd-main .item:hover { background: url("../images/fjmd-bg_cur.jpg") no-repeat center;}

.fjmd-main .item:hover .item-top i { background: url("../images/fjmd-icon_cur.png") no-repeat center;}

/* fjmd end */





/* join */

.join { position: relative; overflow: hidden;}

.join-le { float:left; width: 50%;position: relative;animation: fadeinL 1s ease-out backwards;}

.join-le > .pic { width: 960px; margin-left: -260px; }

.join-le > .pic img { width: 100%;}

.join-le .pic-tit { position: absolute; left: 0; top: 80px;}

.join-le .pic-tit h2 { font-size: 38px; color: #fff; font-weight: normal;}

.join-le .pic-tit p {font-size: 18px;color: #999;padding-top: 8px;}

.join-le .pic-tit .input {float: left;width: 390px;margin-top: 47px;}

.join-le .pic-tit .input-item {clear: both;margin-bottom: 27px;width: 100%;height: 47px;background: rgba(46, 46, 46, 0.5);}

.join-le .pic-tit .input-item input { float: left; margin-left: 5%; width: 80%; border: none; outline: none; background: transparent; line-height: 47px; color: #fff; font-size: 14px;}

.join-le .pic-tit .input-item input::placeholder { font-size: 14px; color: #999;}

.join-le .pic-tit .input-item i { float: right;  display:block; font-size:0;width: 47px;}

.join-le .pic-tit .input-item i img { width: 100%;}

.join-le .pic-tit .input .join-btn {  display: block;text-align:center; font-size:18px; color:#fff;width: 100%; height: 47px; line-height: 47px; border: 1px solid #fff; box-sizing: border-box;}

.join-le .pic-tit .input .join-btn:hover { background: #d93638; border: none;}

.join-le .pic-tit .code { float:left; margin-top:47px;margin-left: 75px;}

.join-le .pic-tit .code .pic { margin: 0 auto; width: 155px;height: 155px; background: #fff;}

.join-le .pic-tit .code .pic img { width: 100%;}

.join-le .pic-tit .code > p { font-size: 14px; color: #fff; padding-top: 19px; text-align: center;}

.join-le .pic-tit .code .join-phone { padding-left:45px;margin-top: 35px; position: relative;}

.join-le .pic-tit .code .join-phone:after { content: ''; display: block; position: absolute; left: 0; top: 16px; background: url("../images/join-phone.png") no-repeat center; width: 32px;height: 32px;}

.join-le .pic-tit .code .join-phone p { font-size: 14px; color: #fff;}

.join-le .pic-tit .code .join-phone em { display: block; font-size: 24px; color: #fff; font-weight: bold;font-family: DIN-Medium;}

.join-ri { float: left; width: 50%; position: relative;animation: fadeinR 1s ease-out backwards;}

.join-ri > .pic { width: 960px; margin-right: -260px;}

.join-ri > .pic img { width: 100%;}

.join-ri .pic-tit { position: absolute; left: 60px; top: 80px;}

.join-ri .pic-tit h2 { font-size: 38px; color: #fff; font-weight: bold;}

.join-ri .pic-tit .join-t1{ font-size: 28px;  color: #fff; padding-top: 5px;}

.join-ri .pic-tit .join-t2 { font-size: 24px; color: #fff; padding-top:15px; margin-bottom: 130px;}

.join-ri .pic-tit a { position:relative;display: block; margin-bottom: 36px; width: 130px; height: 48px; line-height: 48px; border: 1px solid #fff; box-sizing: border-box; padding-left: 20px; font-size: 16px; color: #fff;}

.join-ri .pic-tit a:after { content:''; display:block; position:absolute; right:15px; top:19px;margin-left: 6px;float: right;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(180deg);}

.join-ri .pic-tit a:hover { background: #d93638; border: 1px solid #d93638;}

@media screen  and (max-width: 1400px){

    .join-le .pic-tit .code { margin-left: 35px;}

    .join-le .pic-tit .input { width: 340px;}

}

/* join end */



/* gyjh */

.gyjh { /*background: url("../images/gyjh-bg.jpg") no-repeat center;*/ width: 100%;height: 1154px;}

.gyjh-con { padding-top:  70px; }

.gyjh-con .gyjh-info{ float: left; margin-right:1.25%; width: 32.5%; height: 680px;background: #fff;  text-align: center; position: relative;animation: fadeinL 1s ease-out backwards;background: url("../images/gyjh01a.jpg") no-repeat center; }

.gyjh-con .gyjh-info a { display: block;}

.gyjh-con .gyjh-info i {margin:80px auto 0;display: block; background: url("../images/gyjh-icon01a.png") no-repeat center; width: 70px;height: 70px;}

.gyjh-con .gyjh-info h2 { font-size: 32px; color: #fff;margin-top: 20px;  margin-bottom:25px;font-weight: normal;}

.gyjh-con .gyjh-info p { font-size: 16px; color: #fff; line-height: 1.75;}

.gyjh-con .gyjh-info:after {position: absolute;left: 0;bottom: 151px;margin-top: 40px;content: '';display: block;width: 100%;height: 150px;/*background: url("../images/gyjh01a.jpg") no-repeat center;*/}

.gyjh-con .gyjh-info .gyjh-btn {position:relative;display: block;width: 146px;height: 45px;line-height:45px;margin: 230px auto 0;text-align:left;padding-left: 20px;font-size: 18px;color: #fff;border: 1px solid #9e594d;box-sizing: border-box;background: #9e594d;}

.gyjh-con .gyjh-info .gyjh-btn:after {content:'';display:block;position:absolute;right: 21px;top: 18px;margin-left: 6px;float: right;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(180deg);}



.gyjh-con .gyjh-info .gyjh-btn:hover:after { border-color:transparent #fff transparent transparent;}

.gyjh-ri {float: left;width: 66.25%;height: 680px;}

.gyjh-ri .item { text-align:center;animation: fadeinT 1s ease-out backwards;position: relative;float: left;width:49%;margin-right:2%;height: 332px;background: #fff;margin-bottom: 15px;text-align: center;background: url(../images/gyjh02a.jpg) no-repeat center;}

.gyjh-ri .item:nth-of-type(2) { margin-right: 0;}

.gyjh-ri .item:nth-of-type(2) i {background: url("../images/gyjh-icon03.png") no-repeat center;}

.gyjh-ri .item a { display: block; height: 332px;}

.gyjh-ri .item i {margin-top: 80px;display: inline-block; background: url("../images/gyjh-icon02a.png") no-repeat center; width: 70px;height: 70px;}

.gyjh-ri .item h2 { font-size: 32px; color: #fff; margin-top: 20px; font-weight:normal;}

.gyjh-ri .item p { font-size: 14px; color: #fff; margin-top: 5px; opacity: 0.5;}

.gyjh-ri .item:after { position: absolute; bottom: 70px; left: 50%; content: ''; display: block; background: url("../images/sjxp-nexta.png") no-repeat center; width: 14px; height: 6px;}



.gyjh-ri .item2 { text-align:center;animation: fadeinT 1s ease-out backwards;position: relative;float: left;width:49%;margin-right:2%;height: 332px;background: #fff;margin-bottom: 15px;text-align: center;background: url(../images/gyjh03a.jpg) no-repeat center;}

.gyjh-ri .item2:nth-of-type(2) { margin-right: 0;}

.gyjh-ri .item2:nth-of-type(2) i {background: url("../images/gyjh-icon03a.png") no-repeat center;}

.gyjh-ri .item2 a { display: block; height: 332px;}

.gyjh-ri .item2 i {margin-top: 80px;display: inline-block; background: url("../images/gyjh-icon02.png") no-repeat center; width: 70px;height: 70px;}

.gyjh-ri .item2 h2 { font-size: 32px; color: #fff; margin-top: 20px; font-weight:normal;}

.gyjh-ri .item2 p { font-size: 14px; color: #fff; margin-top: 5px; opacity: 0.5;}

.gyjh-ri .item2:after { position: absolute; bottom: 70px; left: 50%; content: ''; display: block; background: url("../images/sjxp-nexta.png") no-repeat center; width: 14px; height: 6px;}











.gyjh-ri .gyjh-kefz{animation: fadeinR 1s ease-out backwards;background: url("../images/gyjh04a.jpg") no-repeat center;width: 100%;height: 333px;clear: both;}

.gyjh-kefz  .gyjh-tit{ float: left; margin-left: 40px;}

.gyjh-kefz  .gyjh-tit p {font-size: 30px; color: #fff; padding-top: 85px;}

.gyjh-kefz  .gyjh-tit h2 { font-size: 30px; color: #fff; margin-bottom: 95px;}

.gyjh-kefz  .gyjh-tit span { display: block; font-size: 14px; color: #fff; font-family: DIN-Medium; opacity: 0.5;}

.kefz-btn { float: right; margin-right: 64px; margin-top:95px; }

.kefz-btn a {position:relative;margin-bottom: 30px;display: block;width: 130px;height: 45px;line-height:45px;font-size:14px;color:#333;border: 1px solid #999;box-sizing: border-box;padding-left: 25px;background: #fff;}

.kefz-btn a:after {content:'';display:block;position:absolute;right: 21px;top: 18px;margin-left: 6px;float: right;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent #999 transparent transparent;transform: rotate(180deg);}



.kefz-btn2 { float: right; margin-right: -131px; margin-top:155px; }

.kefz-btn2 a {position:relative;margin-bottom: 30px;display: block;width: 130px;height: 45px;line-height:45px;font-size:14px;color:#fff;border: 0px solid #999;box-sizing: border-box;padding-left: 25px;background: #9e594d;}

.kefz-btn2 a:after {content:'';display:block;position:absolute;right: 21px;top: 18px;margin-left: 6px;float: right;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(180deg);}





.kefz-btn a:hover:after { border-color:transparent #fff transparent transparent;}

.gyjh-bottom {clear: both;padding-top: 18px;overflow: hidden;}

.gyjh-bottom .item {position: relative;animation: fadeinB 1s ease-out backwards;float: left;width:32.5%;margin-right:1.25%;height: 332px;background: #fff;margin-bottom: 15px;text-align: center;background: url("../images/gyjh05a.jpg") no-repeat center;}

.gyjh-bottom .item a { display: block; height: 332px;}

.gyjh-bottom .item:nth-of-type(3) { margin-right: 0;}

.gyjh-bottom .item:nth-of-type(1) i {background: url("../images/gyjh-icon04a.png") no-repeat center;}

.gyjh-bottom .item:nth-of-type(2) i {background: url("../images/gyjh-icon05a.png") no-repeat center;}

.gyjh-bottom .item:nth-of-type(3) i {background: url("../images/gyjh-icon06a.png") no-repeat center;}

.gyjh-bottom .item i {margin-top: 80px;display: inline-block;background: url("../images/gyjh-icon02.png") no-repeat center;width: 70px;height: 70px;}

.gyjh-bottom .item h2 { font-size: 32px; color: #fff; margin-top: 20px; font-weight:normal;}

.gyjh-bottom .item p { font-size: 14px; color: #fff; margin-top: 5px; opacity: 0.5;}

.gyjh-bottom .item:after { position: absolute; bottom: 70px; left: 50%; content: ''; display: block; background: url("../images/sjxp-nexta.png") no-repeat center; width: 14px; height: 6px;}



.gyjh-bottom .item2 {position: relative;animation: fadeinB 1s ease-out backwards;float: left;width:32.5%;margin-right:1.25%;height: 332px;background: #fff;margin-bottom: 15px;text-align: center;background: url("../images/gyjh06a.jpg") no-repeat center;}

.gyjh-bottom .item2 a { display: block; height: 332px;}

.gyjh-bottom .item2:nth-of-type(3) { margin-right: 0;}

.gyjh-bottom .item2:nth-of-type(1) i {background: url("../images/gyjh-icon04a.png") no-repeat center;}

.gyjh-bottom .item2:nth-of-type(2) i {background: url("../images/gyjh-icon05a.png") no-repeat center;}

.gyjh-bottom .item2:nth-of-type(3) i {background: url("../images/gyjh-icon06a.png") no-repeat center;}

.gyjh-bottom .item2 i {margin-top: 80px;display: inline-block;background: url("../images/gyjh-icon02.png") no-repeat center;width: 70px;height: 70px;}

.gyjh-bottom .item2 h2 { font-size: 32px; color: #fff; margin-top: 20px; font-weight:normal;}

.gyjh-bottom .item2 p { font-size: 14px; color: #fff; margin-top: 5px; opacity: 0.5;}

.gyjh-bottom .item2:after { position: absolute; bottom: 70px; left: 50%; content: ''; display: block; background: url("../images/sjxp-nexta.png") no-repeat center; width: 14px; height: 6px;}



.gyjh-bottom .item3 {position: relative;animation: fadeinB 1s ease-out backwards;float: left;width:32.5%;margin-right:1.25%;height: 332px;background: #fff;margin-bottom: 15px;text-align: center;background: url("../images/gyjh07a.jpg") no-repeat center;}

.gyjh-bottom .item3 a { display: block; height: 332px;}

.gyjh-bottom .item3:nth-of-type(3) { margin-right: 0;}

.gyjh-bottom .item3:nth-of-type(1) i {background: url("../images/gyjh-icon04a.png") no-repeat center;}

.gyjh-bottom .item3:nth-of-type(2) i {background: url("../images/gyjh-icon05a.png") no-repeat center;}

.gyjh-bottom .item3:nth-of-type(3) i {background: url("../images/gyjh-icon06a.png") no-repeat center;}

.gyjh-bottom .item3 i {margin-top: 80px;display: inline-block;background: url("../images/gyjh-icon02.png") no-repeat center;width: 70px;height: 70px;}

.gyjh-bottom .item3 h2 { font-size: 32px; color: #fff; margin-top: 20px; font-weight:normal;}

.gyjh-bottom .item3 p { font-size: 14px; color: #fff; margin-top: 5px; opacity: 0.5;}

.gyjh-bottom .item3:after { position: absolute; bottom: 70px; left: 50%; content: ''; display: block; background: url("../images/sjxp-nexta.png") no-repeat center; width: 14px; height: 6px;}

/*.gyjh .item:hover { background: #dd4a4c;}

.gyjh .item:hover i {filter:contrast(0%) brightness(200%)}

.gyjh .item:hover h2 { color: #fff;}

.gyjh .item:hover p { color: #fff;}

.gyjh .item:hover:after { filter:contrast(0%) brightness(200%)}*/

/* gyjh end */



/* --filter-- */

.filter{padding: 60px 0 0;overflow:hidden;background:#f3f3f3;}

.filter-list{position:relative;padding:18px 0;overflow:hidden; background: #fff;}

.filter-list:after{display:block;position:absolute;top:0;left:120px;width:1px;height:100%;content:"";background:#f0f0f0;}

.filter-list dl{padding:5px 0;overflow:hidden;}

.filter-list dt{float:left;width:120px;height: 32px;line-height: 32px;font-size: 17px;color: #333;text-align:center;}

.filter-list dd{padding-left:30px;overflow:hidden;}

.filter-list dd a{display:inline-block;margin:5px 20px 5px 0;padding:0 5px;height:25px;line-height:25px;font-size:15px;color:#666;border:#fff solid 1px;}

.filter-list dd a.cur,.filter-list dd a:hover{color:#d93638;border-color:#d93638;border-radius:3px;}

/* --end filter-- */











/* --case-- */

.case{ position: relative; background: #f3f3f3; overflow: hidden;}

.case-con { margin-top: 50px; overflow: hidden;}

.case-con .item {float: left;margin-right: 50px; margin-bottom: 45px;}

.case-con .item:nth-of-type(even) { margin-right: 0;}

.case-con .item .pic { float:left; width: 348px; font-size: 0; overflow: hidden;}

.case-con .item .pic img { width: 100%; transition: all 1s;}

.case-con .item .pic-tit {float: left;padding-top: 55px;width: 287px;padding-left: 40px;background: #fff;height: 303px;position: relative;}

.case-con .item .pic-tit h2 { font-size: 24px; color: #000; margin-bottom: 35px; font-weight: normal;}

.case-con .item .pic-tit p {font-size: 16px;color: #666;line-height: 1.5;width: 90%;}

.case-con .item:hover .pic-tit h2,.case-con .item:hover .pic-tit p { color: #d93638;}

.case-con .item:hover .pic img { transform: scale(1.1);}

.case-con .item:hover .case-more i { filter:contrast(0%) brightness(200%)}

.case-con .item:hover .case-more { background: #d93638; border: none;}

.case-con .item:hover .case-more span { color: #fff;}

.case-more {  padding:10px;position: absolute; left:60px; bottom: 30px; box-sizing:border-box;border: solid 1px rgba(153, 153, 153, 0.2);}

.case-more span { display: inline-block; font-size: 14px; color: #666; vertical-align: middle;}

.case-more i { display: inline-block;vertical-align: middle; background: url("../images/sjxp-next.png") no-repeat center; width: 14px;height: 6px; margin-left: 10px;}

@media screen  and (max-width: 1400px){

    .case-con .item .pic { width: 310px;}

    .case-con .item { margin-right: 28px; margin-bottom: 28px;}

    .case-con .item .pic-tit { width: 246px; height:264px;padding-left: 30px;}

}

/* --end case-- */





/* xpsf */

.xpsf { display: block; background: #f3f3f3; overflow: hidden; padding-bottom: 77px;}

.xpsf-tit {padding: 35px 0;overflow: hidden;}

.xpsf-tit h2 {float: left;position: relative;font-size: 24px;font-weight: normal;padding-left: 20px;}

.xpsf-tit h2 a { color: #000;}

.xpsf-tit a:hover { color: #d93638;}

.xpsf-tit h2:after {  content: ''; display: block; position: absolute; left: 0; top: 2px; width: 6px; height: 25px; background: #d93638;}

.xpsf-tit .xpsf-more {float: right;font-size: 16px;color: #999;line-height: 29px;}

.xpsf-con { clear: both; overflow: hidden;}

.xpsf .item { float: left; width: 430px; position: relative; margin-right: 55px;}

.xpsf .item:last-of-type { margin-right: 0;}

.xpsf .item .pic { width: 100%; font-size: 0; overflow: hidden;}

.xpsf .item .pic img { width: 100%; transition: all 1s;}

.xpsf .item:hover .pic img { transform: scale(1.1);}

.xpsf .item .pic-tit { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;line-height: 50px; background: rgba(0,0,0,0.5); text-align: center; font-size: 18px; color: #fff;}

@media screen and (max-width:1360px) {

    .xpsf .item { width: 380px; margin-right: 30px;}

}

/* xpsf end */





/* server */

.server {background: #f3f3f3;padding-top: 80px;overflow: hidden;}

.server-con { margin-top: 40px;overflow: hidden;}

.server-con .item { float: left; width:15.4%; margin-right:1.5%;background: #fff; text-align: center; padding-bottom: 38px;}

.server-con .item:last-of-type { margin-right: 0;}

.server-con .item:nth-of-type(odd) {animation: fadeinT 1s ease-out backwards;}

.server-con .item:nth-of-type(even) {animation: fadeinB 1s ease-out backwards;}

.server-con .item i {margin: 26px auto 0;display: block;width: 66px;overflow: hidden;height: 66px;font-size: 0;border-radius: 50%;box-sizing: border-box;border: 1px solid rgba(198, 198, 198, 0.5);}

.server-con .item i img { width: 100%;}

.server-con .item span { font-size: 16px; color: #666; display: block; margin-top: 28px;}

.server-con .item p {font-size: 18px; color: #333;}

.server-explain {display:table;margin-top:28px;font-size:0;width: 100%;height: 366px;background: url("../images/server-img.jpg") no-repeat center;background-size: 100%;}

.server-explain .server-tit {position: relative;text-align:center;margin:170px auto 0;width: 92%;height: 257px;background: url("../images/server-bg.png") no-repeat center;background-size: 100%;}

.server-explain .server-tit h2 { padding-top:58px;font-size:38px; color: #333; font-weight: normal;}

.server-explain .server-tit p { padding-top: 35px; margin: 0 auto; width: 840px; font-size: 15px; color: #333; line-height: 1.75;}

.server-explain .server-tit:after {content: '';display: block;position: absolute;right: 0;bottom: 0;background: url("../images/server-pen.png") no-repeat center;width: 110px;height: 133px;}

/* server end */





/* proposal */

.proposal{ position: relative; padding-top: 77px; padding-bottom: 70px; background: #f3f3f3;}

.proposal .wrap-tit { font-size: 30px; text-align: left;}

.proposal .proposal-tit { margin-top: 37px;}

.proposal .proposal-tit p {position:relative;padding: 15px  0 15px 19px; font-size: 15px; color: #333;line-height: 1.8;}

.proposal .proposal-tit p:nth-of-type(odd) { background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box;}

.proposal .proposal-tit p span { color: #d93638;}

/* proposal end */



/* partner */

.partner { padding-top: 80px; padding-bottom:35px; background: #f3f3f3; overflow: hidden;}

.partner-con { margin-top:37px; overflow: hidden;}

.partner-con .item {  float:left;margin-right: 12px; margin-bottom: 12px; width: 223px; font-size: 0; overflow: hidden;}

.partner-con .item img { width: 100%;transition: all 1s;}

.partner-con .item:hover img { transform: scale(1.1);}

.partner-con .item:nth-of-type(6n) { margin-right: 0;}

/* partner end */





/* kfsxy */

.kfsxy{ position: relative; overflow: hidden; background: #fff; padding: 73px 0 52px 0;}

.kfsxy .pic { float: left; width: 670px; font-size: 0; margin-right: 70px;}

.kfsxy .pic img { width: 100%;}

.kfsxy .pic-tit { float: left; width:660px;}

.kfsxy .pic-tit h2 { font-size: 38px; color: #333; font-weight: normal;}

.kfsxy .pic-tit span {  margin-top:10px; margin-bottom:40px;position:relative;display: block; padding-left: 70px; font-size: 15px; color: #333; opacity: 0.5;}

.kfsxy .pic-tit span:after { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 62px; height: 1px; background: #333; opacity: 0.5;}

.kfsxy .pic-tit > p { font-size: 15px; color: #333; line-height: 1.75; margin-bottom: 65px;}

.kfsxy .pic-tit .kfsxy-icon { float: left; margin-right:70px;text-align: center;}

.kfsxy .pic-tit .kfsxy-icon i { display:block;width: 60px; margin: 0 auto;}

.kfsxy .pic-tit .kfsxy-icon i img { width: 100%;}

.kfsxy .pic-tit .kfsxy-icon > p {  margin-top:10px;font-size: 18px; color: #333;}

@media screen and (max-width: 1400px) {

    .kfsxy .pic { width: 570px;}

    .kfsxy .pic-tit { width: 560px;}

    .kfsxy .pic-tit span { margin-bottom: 20px;}

    .kfsxy .pic-tit > p { margin-bottom: 25px;}

    .kfsxy .pic-tit .kfsxy-icon i { width: 50px;}

}

/* kfsxy */



/* Train */

.Train{ position: relative;  overflow:hidden; padding-bottom:20px;width: 100%; background: #fff;}

.Train:after { content: ''; display: block; position: absolute; left: 0; top: 0; background: url("../images/train-bg.jpg") no-repeat center; width: 100%; height: 370px;}

.Train .wrap-tit { padding-top: 75px; position: relative; z-index: 99;}

.Train .wrap-tit h2 {color: #fff;}

.Train .wrap-tit p {  color: #fff;}

.Train-con { margin-top: 40px; position: relative; z-index: 99;}

.Train-con .item { position:relative;float: left; width: 23.8%; margin-right:1.6%;height: 382px; background: #fff;text-align: center;box-shadow: 0px 5px 38px 0px rgba(0, 0, 0, 0.07);}

.Train-con .item:nth-of-type(odd) { animation: fadeinT 1s ease-out backwards;}

.Train-con .item:nth-of-type(even) { animation: fadeinB 1s ease-out backwards;}

.Train-con .item:last-of-type {margin-right: 0;}

.Train-con .item i { display: block; margin: 60px auto 0; width: 70px;}

.Train-con .item i img { width: 100%;}

.Train-con .item h2 { font-size: 28px; color: #333; margin-top: 30px; font-weight: normal;}

.Train-con .item p { font-size: 14px; color: #666; margin: 20px 50px 0;line-height: 1.5;}

.Train-con .item span { position: absolute; left: 0; bottom:20px;  width:100%;font-size: 12px; color: #333; text-align: center;}

/* Train end */





/* team */

.team { position: relative; overflow: hidden; padding-top:67px; background: #fff;}

.team .wrap-tit p { font-size: 18px;}

.team-con { margin-top: 25px; overflow: hidden;}

.team-con .team-main {float: left;width: 820px;}

.team-con .team-main .pic {float:left;width: 400px;font-size: 0;}

.team-con .team-main .pic img { width: 100%;}

.team-con .team-main .pic-tit {float: left;margin-left: 80px;width: 340px;}

.team-con .team-main .pic-tit > span {  margin-top:115px;display: block; font-size: 24px; color: #333;}

.team-con .team-main .pic-tit h2 { font-size: 30px; color: #333; padding-top: 5px; font-weight: normal;}

.team-con .team-main .pic-tit > i {  position:relative;margin:23px 0;display:block;width:70%; height: 1px; background: #d6d6d6;}

.team-con .team-main .pic-tit i:after { content: ''; display: block;  position:absolute;left: 0; top: -1px; width: 24px; height: 2px; background: #d93638;}

.team-con .team-main .pic-tit p { font-size: 16px; color: #333; line-height: 30px; width:90%;}

.team-con .team-main .pic-tit .team-btn { margin-top:130px;display: inline-block; padding: 13px 20px; background: #d93638;}

.team-con .team-main .pic-tit .team-btn span { display:inline-block; vertical-align:middle;font-size: 16px; color: #fff;}

.team-con .team-main .pic-tit .team-btn i { margin-right:15px;display: inline-block; vertical-align: middle; background: url("../images/zx-server02.png") no-repeat center; width: 30px;height: 30px;}

.team-menu {padding-top: 53px;float: left;width: 481px; margin-left: 50px; position: relative;}

.team-menu .item { margin-top:10px;position:relative;z-index:2;float: left;width: 137px;padding-bottom: 25px;margin-right:30px;}

.team-menu .item .pic { position:relative; font-size: 0; background: url("../images/team-bg.jpg") no-repeat center; background-size: cover;}

.team-menu .item .pic img { width: 100%; transition: all 1s; position: relative;z-index:2;}

.team-menu .item .pic-tit { padding-top: 10px;}

.team-menu .item .pic-tit > span { font-size: 13px; color: #666;}

.team-menu .item .pic-tit > span:nth-of-type(1) { float: left;}

.team-menu .item .pic-tit > span:nth-of-type(2) { float: right;}

.team-menu .item:nth-of-type(3n) { margin-right: 0;}

.team-menu .menu-prev, .team-menu .menu-next { display:block;position: absolute; top: 50%; width: 40px; height: 120px; margin-top: -60px;}

.team-menu .menu-prev { background: url("../images/banner-prev.png") no-repeat center; left: -50px; background-color: #0c0c0c;}

.team-menu .menu-next { background: url("../images/banner-next.png") no-repeat center; right: -49px; background-color: #0c0c0c;}

.team-menu .menu-next:hover,.team-menu .menu-prev:hover { background-color: #d93638;}

.team-menu .item.cur:after  { content:''; display:block;position: absolute; z-index: -2; right: -8px; top: -8px;  background: url("../images/team_cur.jpg") no-repeat center; width:100%; height: 192px;}

@media screen and  (max-width:1360px){

    .team-con .team-main .pic-tit .team-btn { margin-top: 60px;}

    .team-con .team-main {  width: 720px;}

    .team-con .team-main .pic { width: 350px;}

    .team-con .team-main .pic-tit { width: 340px; margin-left: 30px;}

    .team-menu { width: 381px; }

    .team-menu .bd .item { margin-top:20px;margin-right:20px; padding-bottom:17px;width: 107px;}

    .team-menu .item.cur:after { height: 149px;}

}

@media screen and (max-width:1400px) {

    .xpsf .item {width: 380px;margin-right: 30px;}

}

/* team end */





/* photos */

.photos{ padding:70px 0; background: #edebec; overflow: hidden;}

.photos02{ padding: 73px 0;background:#fff; overflow: hidden;}

.photos02-color { background: #f3f33f;}

.photos02-color .photos02-con { margin-top: 36px;}

.photos-con { margin-top: 45px; overflow: hidden;}

.photos-con .photos-slide { float: left; width: 690px; margin-right: 40px; position: relative;}

.photos-con .photos-slide .bd li { width: 100%; font-size: 0; overflow: hidden;}

.photos-con .photos-slide .bd li img { width: 100%; transition: all 1s;}

.photos-con .photos-slide .bd li:hover img {transform: scale(1.1);}

.photos-con .photos-slide .hd { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}

.photos-con .photos-slide .hd li { display: inline-block; margin:0 6px; width: 6px; height: 6px; background: #fff; transition: all 0.5s; text-indent: -999px;}

.photos-con .photos-slide .hd li.cur{transform: scaleX(2); background: #d93638;}

.photos-con .photos-ri { float: left; width:670px;}

.photos-con .photos-ri .item { float: left; width: 200px; margin-bottom: 30px; font-size: 0; overflow: hidden; margin-right: 35px;}

.photos-con .photos-ri .item:nth-of-type(3n) { margin-right: 0;}

.photos-con .photos-ri .item:nth-of-type(n+6) { margin-bottom: 0;}

.photos-con .photos-ri .item img { width: 100%; transition: all 1s;}

.photos-con .photos-ri .item:hover  img { transform: scale(1.1);}

@media screen  and (max-width: 1400px){

    .photos .photos-slide { width: 590px;}

    .photos-con .photos-ri { width: 570px; }

    .photos-con .photos-ri .item { margin-right:30px; width: 170px; margin-bottom: 26px;}

}

/* photos end */





/* photos02 */

.photos02{ padding: 73px 0;background: #fff; overflow: hidden;}

.photos02-con {position: relative; display: inline-block; width: 100%;}

.photos02-con .item { float: left; width: 31%; margin-right: 3.5%;}

.photos02-con .item:nth-of-type(3n) { margin-right: 0;}

.photos02-con .item .pic { width: 100%; font-size: 0; overflow: hidden;}

.photos02-con .item .pic img { width: 100%; transition: all 1s;}

.photos02-con .item .pic-tit {font-size: 18px;color: #333;text-align:center; overflow: hidden; padding: 20px 0; background: #f0f0f0;}

.photos02-con .item:hover .pic img { width: 100%; transform: scale(1.1);}

.photos02-con .item:hover .pic-tit  {background: #d93638; color: #fff;}

.photos02-con .prev,.photos02-con .next { position: absolute;  margin-top:-60px;top: 50%; width: 40px; height: 120px; display: block; cursor: pointer; transition: all 0.5s;}

.photos02-con .prev{background:url(../images/banner-prev.png) no-repeat center;background-color:#0c0c0c;left: -40px;}

.photos02-con .next{background:url(../images/banner-next.png) no-repeat center;background-color: #0c0c0c;right: -40px;}

.photos02-con .prev:hover ,.photos02-con .next:hover { background-color: #d93638;}

@media screen  and (max-width: 1440px){

    .photos02-con .prev { left: -20px;}

    .photos02-con .next { right: -20px;}

}

@media screen  and (max-width: 1400px){

    .photos02-con .prev { left: -40px;}

    .photos02-con .next { right: -40px;}

}

/* honor end*/





/* qydt */

.qydt{ position: relative; overflow: hidden; padding-top: 85px;  padding-bottom:60px;background: #f3f3f3;}

.qydt-hd { overflow: hidden; margin-bottom: 45px;}

.qydt-hd h2 { float: left; font-weight: normal;}

.qydt-hd h2 a { font-size: 36px; color: #000;}

.qydt-hd h2 a > span {  font-size: 14px;  color: #999;}

.qydt-hd > span { float: right;}

.qydt-hd > span a { color: #333; font-size: 16px;}

.qydt-hd h2:hover a,.qydt-hd h2:hover a > span { color: #de0515;}

.qydt-hd > span:hover a { color: #de0515;}

.qydt-le { float: left; width: 55%; border-right: 1px solid #dadada; box-sizing: border-box;}

.qydt-le .pic { float: left; width: 280px; font-size: 0; overflow: hidden;}

.qydt-le .pic img { width: 100%; transition: all 1s;}

.qydt-le:hover .pic img { transform: scale(1.1);}

.qydt-le:hover .pic-tit h2,.qydt-le:hover .pic-tit p { color: #de0515;}

.qydt-le .pic-tit {  position:relative;float: left; margin-left: 18px; width: 54%; }

.qydt-le .pic-tit em { display: block; font-size: 15px; color: #999;}

.qydt-le .pic-tit h2 { font-size: 20px; font-weight:normal;color: #333; margin: 25px 0 20px 0;}

.qydt-le .pic-tit p { font-size: 15px; color:#333;  line-height: 1.5;}

.qydt-le .pic-tit:after { content: ''; display: block; position: absolute; left: 0; bottom: -40px; background: url("../images/sjxp-next.png") no-repeat center; width: 14px; height: 6px;}

.qydt-ri { float: left; width: 45%;}

.qydt-ri .item { width: 95%; margin-left: 5%; padding:24px 0;border-bottom: 1px solid #cfcfcf;}

.qydt-ri .item span { padding-left:20px;font-size: 16px; color: #333; position: relative;}

.qydt-ri .item span:after { content: ''; display: block;position: absolute; left: 0; top: 9px;  background:#000;width: 6px; height: 6px;}

.qydt-ri .item:first-of-type { padding-top: 0;}

.qydt-ri .item em { float: right; font-size: 15px; color: #999;}

.qydt-ri .item:hover span { color: #de0515;}

.qydt-ri .item:hover span:after { background: #de0515;}

/* qydt end */







/* ppry */

.ppry{ position: relative; overflow: hidden; padding: 80px 0 30px 0;}

.ppry-con { margin-top: 40px; overflow: hidden;}

.ppry-con .item { float: left; width: 19%; margin-right: 1.25%; margin-bottom: 20px;}

.ppry-con .item:nth-of-type(5n) { margin-right: 0;}

.ppry-con .item .pic { width: 100%; font-size: 0; overflow: hidden;}

.ppry-con .item .pic img { width: 100%; transition: all 1s;}

.ppry-con .item .pic-tit {border-top:1px solid #d0d0d0;padding: 15px 0;background: #fff;font-size: 15px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ppry-con .item:hover .pic-tit { background: #de0515; color: #fff; border-top: 1px solid #de0515;}

.ppry-con .item:hover .pic img { transform: scale(1.1);}

/* ppry end */



/* concept */

.concept{background: url("../images/concept01.jpg") no-repeat center; width:100%; height: 480px;}

.concept-item h2 { padding-top: 110px; margin-bottom:  60px; font-size: 38px; color: #fff; font-weight: normal;text-shadow: 2px 2px 2px rgba(0,0,0,0.76);}

.concept-item p { font-size: 16px; color: #fff; line-height: 2;  text-shadow: 2px 2px 2px rgba(0,0,0,0.76);}

.concept02 { background: url("../images/concept02.jpg") no-repeat center; width: 100%; height: 650px;}

.concept02 .wrapper { text-align: right;}

.concept03 { background: url("../images/concept03.jpg")no-repeat center; width:100%; height: 580px;}

.concept03 .wrapper { position: relative;}

.concept03 .wrapper:after { content: ''; display: block; position: absolute; left: 0; top: 140px; background: url("../images/logo-cir.png")no-repeat center; width: 361px;height: 361px;}

.concept03 .concept-ri {float: right;width: 42%;margin-top: 110px;}

.concept03 .concept-ri .item {float: left;margin-right:140px;margin-bottom:40px;width: 224px;height: 105px;border-bottom: 3px solid #d6d6d6;}

.concept03 .concept-ri .item:nth-of-type(even) { margin-right: 0;}

.concept03 .concept-ri .item:last-of-type { width: 100%;}

.concept03 .concept-ri .item:last-of-type i {display: inline-block;width: 62px;}

.concept03 .concept-ri .item h2 { font-size: 30px; margin-bottom: 10px; color: #333; font-weight: normal;}

.concept03 .concept-ri .item p { font-size: 16px; color: #666; line-height: 1.5;font-family: DIN-Medium;}

.concept04 {background: url("../images/concept04.jpg") no-repeat center; width: 100%; height: 564px;}

/* concept end */





/* mdxx */

.mdxx { padding-top: 70px; background: #f3f3f3;}

.mdxx-con { margin-top: 48px; overflow: hidden;}

.mdxx-con .mdxx-menu { width: 100%; text-align: center; border-bottom: 1px solid #d5d5d5;}

.mdxx-con .mdxx-menu li { position:relative;display: inline-block;}

.mdxx-con .mdxx-menu li span { display: inline-block; vertical-align: middle; font-size: 18px; color: #333;}

.mdxx-con .mdxx-menu li i { display:inline-block; margin-right:5px;width: 30px; vertical-align: middle;}

.mdxx-con .mdxx-menu li i img { width: 100%;}

.mdxx-con .mdxx-menu li.cur { background: #fff;}

.mdxx-con .mdxx-menu li a { display: block;padding: 16px 52px;}

.mdxx-con .mdxx-menu li.cur:after { content: ''; display: block; position: absolute; left: 0; top: 0;  width: 100%; height: 3px; background: #d93638;}

.mdxx-main { margin-top:50px;  overflow: hidden;}

.mdxx-main .item-list { background: #fff;}

.mdxx-main .item-list > .item {clear: both; overflow: hidden; margin: 43px 0 0 43px; padding-bottom: 50px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}

.mdxx-main .mdxx-slide { float: left; width: 620px; position: relative;}

.mdxx-main .mdxx-slide .bd li { width: 100%; font-size: 0; overflow: hidden;}

.mdxx-main .mdxx-slide .bd li img { width: 100%; transition: all 1s;}

.mdxx-main .mdxx-slide .bd li:hover img { transform: scale(1.1);}

.mdxx-main .mdxx-slide .hd  { position: absolute; left: 0; bottom: 10px;  width:100%;text-align: center;}

.mdxx-main .mdxx-slide .hd li { display: inline-block; margin:0 6px;width: 7px; height: 7px; background: #fff; transition: all 0.5s; text-indent: -999px;}

.mdxx-main .mdxx-slide .hd li.cur {transform: scaleX(2); background: #dd4a4c;}

.mdxx-main .mdxx-tit {  position:relative;float: left; width: 40%; margin-left: 55px;}

.mdxx-main .mdxx-tit h2 {  margin-bottom:30px;font-size: 30px; color: #333; font-weight: normal;}

.mdxx-main .mdxx-tit h2 a { color: #333;}

.mdxx-main .mdxx-tit h2:hover a { color: #de0515;}

.mdxx-main .mdxx-tit p { font-size: 15px; color: #666; line-height: 1.75;}

.mdxx-main .mdxx-tit:after { content: ''; display: block; position: absolute; left: 0; bottom: -230px; width: 15px; height: 3px; background: #dd4a4c;}

.mdxx-other{ padding-top: 73px;overflow: hidden; background: #f3f3f3;}

.other-con { margin-top:36px;position: relative; display: inline-block; width: 100%;}

.other-con .item { float: left; width: 439px; margin-right: 46px;}

.other-con .item .pic { width: 100%; font-size: 0; overflow: hidden;}

.other-con .item .pic img { width: 100%; transition: all 1s;}

.other-con .item .pic-tit {font-size: 18px;color: #333;text-align:center; overflow: hidden; padding: 20px 0; background: #f0f0f0;}

.other-con .item:hover .pic img { width: 100%; transform: scale(1.1);}

.other-con .item:hover .pic-tit  {background: #d93638; color: #fff;}

.other-con .other-prev,.other-con .other-next { position: absolute;  margin-top:-60px;top: 50%; width: 40px; height: 120px; display: block; cursor: pointer; transition: all 0.5s;}

.other-con .other-prev{background:url(../images/banner-prev.png) no-repeat center;background-color:#0c0c0c;left: 0;}

.other-con .other-next{background:url(../images/banner-next.png) no-repeat center;background-color: #0c0c0c;right: 0;}

.other-con .other-prev:hover ,.other-con .other-next:hover { background-color: #d93638;}

@media screen and (max-width: 1400px) {

    .other-con .item { width:380px; margin-right: 30px;}

}

/* mdxx end */





/* xmhz */

.xmhz { position: relative; padding-top: 66px; padding-bottom: 54px; background: #f3f3f3;overflow: hidden;}

.xmhz .item { float: left; width: 33.333%;}

.xmhz .item .pic{ width: 100%; font-size: 0; overflow: hidden;}

.xmhz .item .pic img { width: 100%; transition: all 1s;}

.xmhz .item:nth-of-type(1) .pic-tit { position: relative; text-align:center;width: 100%;background: url("../images/xmhz01_white.jpg") no-repeat center; background-size: 100%; height: 234px;}

.xmhz .item:nth-of-type(2) .pic-tit { position: relative; text-align:center;width: 100%;background: url("../images/xmhz02_white.jpg") no-repeat center; background-size: 100%; height: 234px;}

.xmhz .item:nth-of-type(3) .pic-tit { position: relative; text-align:center;width: 100%;background: url("../images/xmhz03_white.jpg") no-repeat center; background-size: 100%; height: 234px;}

.xmhz .item .pic-tit h2 { font-size: 26px; color: #333; font-weight: normal; padding-top: 20px;}

.xmhz .item .pic-tit span { display: block; color: #d0d0d0; font-size: 14px; padding-top: 9px;  font-family: DIN-Medium;}

.xmhz .item .pic-tit p { width: 92%; margin: 20px auto 0;  font-size: 15px; color: #666; line-height: 1.5;}

.xmhz .item:hover .pic img {transform: scale(1.1);}

.xmhz .item .pic-tit:after {content:'';display:block;position:absolute; z-index:999;left: 50%;margin-left: 6px;float: right;width: 0;height: 0;border-width: 5px;border-style: solid;border-color:  #fff transparent transparent transparent;transform: rotate(180deg);}

.xmhz .item:nth-of-type(odd) .pic-tit:after { top: -10px;}

.xmhz .item:nth-of-type(even) .pic-tit:after {  bottom: -10px;border-color: transparent transparent  #fff transparent;}

.xmhz .item:nth-of-type(odd):hover .pic-tit:after { border-color: #d93638 transparent transparent   transparent;}

.xmhz .item:nth-of-type(even):hover .pic-tit:after { border-color: transparent transparent  #d93638 transparent;}

.xmhz .item:hover .pic-tit { background: #d93638;}

.xmhz .item:hover .pic-tit h2,.xmhz .item:hover .pic-tit p,.xmhz .item:hover .pic-tit span, .xmhz .item:hover .pic-tit em{ color: #fff;}

.xmhz .item .pic-tit em {  margin-top: 30px;display: block;  font-size: 16px; color: #333; font-weight: bold;}

@media screen and (max-width: 1400px) {

    .xmhz .item .pic-tit { height: 200px!important;}

    .xmhz .item .pic-tit h2 { padding-top: 10px; font-size: 22px;}

    .xmhz .item .pic-tit p { font-size:14px; }

    .xmhz .item .pic-tit em { margin-top: 15px;}

}

/* xmhz end */





/* tsjy */

.tsjy { position: relative; padding: 40px 0 70px 0; background: #f3f3f3;}

.tsjy-con { background: url("../images/tsjy-bg.jpg") no-repeat center; width: 100%; height: 479px;}

.tsjy-con .tsjy-input {padding-top: 45px;overflow: hidden;width: 66%;margin-left: 34%;}

.tsjy-con .item {float: right;width: 374px;margin-right: 85px;overflow: hidden;}

.tsjy-con .item .sjyt-before { position: relative;}

.tsjy-con .item:nth-of-type(1) .sjyt-before:after {  border-radius:0 3px 3px 0;content:''; display:block;position: absolute; right: 0; top: 0; background: url("../images/tsjy-icon02.png") no-repeat center;background-color: #fff; width: 44px;height: 44px;}

.tsjy-con .item:nth-of-type(2) .sjyt-before:after {  border-radius:0 3px 3px 0;content:''; display:block;position: absolute; right: 0; top: 0; background: url("../images/tsjy-icon01.png") no-repeat center;background-color: #fff; width: 44px;height: 44px;}

.tsjy-con .item:nth-of-type(3) .sjyt-before:after { content:''; display:block;position: absolute; right: 0; top: 0; background: url("../images/tsjy-icon03.png") no-repeat center;background-color: #fff; width: 44px;height: 44px;}

.tsjy-con .item h2 { font-size: 18px; color: #fff; margin-bottom: 17px; font-weight: normal;}

.tsjy-con .item input {  border-radius:3px 0 0 3px;position: relative; padding-left: 5%; width: 84%; height: 44px; background: #fff; outline: none; border: none; border-radius: 3px; font-size: 14px; color: #333;}

.tsjy-con .item input::placeholder { color: #999;}

.tsjy-con .item:last-of-type { width: 833px; margin-top: 28px;}

.tsjy-con .item textarea {width: 94%;height: 123px;padding-left: 2%;padding-right: 4%;padding-top: 13px;font-size: 14px;color: #333;}

.tsjy-con .tsjy-btn {clear: both;display: inline-block;margin-left: 6px;margin-top: 32px;background: #d93638;text-align: center;font-size: 18px;line-height: 50px;color: #fff;width: 240px;height: 50px;}

/* tsjy end */



/* zxhd */

.zxhd { position: relative; padding-top: 36px; padding-bottom:36px; background: #f3f3f3;}

.zxhd-con { background: #fff; overflow: hidden;}

.zxhd-con .item {overflow:hidden;margin: 45px auto 0;padding-bottom:50px;width: 95%;border-bottom: 1px solid #e5e5e5;}

.zxhd-con .item  .pic { float: left; width: 455px; font-size: 0; overflow: hidden; }

.zxhd-con .item .pic img { width: 100%; transition: all 1s;}

.zxhd-con .item .pic-tit {float: left;margin-left: 115px;}

.zxhd-con .item .pic-tit em { display:block;font-size: 14px; color: #333;}

.zxhd-con .item .pic-tit h2 {margin-top: 26px;font-size: 30px;color: #333;width: 609px;height: 89px;font-weight: normal;line-height: 1.5;}

.zxhd-con .item .pic-tit h2 a  { color: #333;}

.zxhd-con .item .pic-tit p {margin-top: 46px;font-size:14px;color:#333;line-height: 1.75;width: 725px;}

.zxhd-con .item .pic-tit span {float: left;position: relative;display: block;width: 77px;margin-top: 43px;color: #333;font-size: 14px;}

.zxhd-con .item .pic-tit span:after {content: '';display: block;position: absolute;left: 0;bottom: -7px;width: 100%;height: 1px;background: #000;}

.zxhd-con .item .pic-tit span i{margin-top: 6px;margin-right: 3px;float: right;width: 0;height: 0;border-width: 4px;border-style: solid;border-color: transparent #000 transparent transparent;transform: rotate(180deg);}

.zxhd-con .item .pic:hover img { transform: scale(1.1);}

.zxhd-con .item .pic-tit h2:hover a { color: #d93638;}

.zxhd-con .item .pic-tit span:hover a { color: #d93638;}

.zxhd-con .item .pic-tit span:hover:after { background:#d93638;}

.zxhd-con .item .pic-tit span:hover i { border-color: transparent #d93638 transparent transparent;}

.zxhd-server { float: left;margin-top: 45px; margin-left: 34px; font-size: 14px; color: #333;}

.zxhd-server:hover { color: #d93638;}

/* zxhd end */





/* zxxq */

.zxxq-banner{ position: relative;  width: 100%; height: 872px;}

.zxxq-info {position: relative;z-index: 2;width: 1400px;margin: -290px auto 0;background: #fff;}

.zxxq-info .zxxq-con { margin: 0 4.5%; overflow: hidden;}

.zxxq-info .zxxq-con > h2 {padding-top: 62px;text-align: center;font-size: 42px;color: #333;font-weight:normal;}

.zxxq-info .zxxq-time {  overflow:hidden;margin: 30px 0;  text-align: center;}

.zxxq-info .zxxq-time span { display: inline-block; font-size: 16px; color: #333; margin:0 23px;}

.zxxq-info .zxxq-time ul { display: inline-block; margin-left: 67px;}

.zxxq-info .zxxq-time ul li { float: left; font-size: 16px; color: #333; margin: 0 7px;}

.zxxq-info .zxxq-time ul li img { width: 18px;}

.zxxq-address { margin: 0 auto; background: url("../images/zxxq-tit.jpg") no-repeat center; width: 100%; height: 94px; line-height: 94px;}

.zxxq-address dt { float: left; font-size: 24px; color: #333; font-weight: bold; margin: 0 40px 0 80px;}

.zxxq-address dd { float: left; margin: 0 40px; font-size: 18px; color: #333; font-weight: bold;}

.zxxq-con >  .zxxq-intro { margin-top: 70px;font-size: 16px; line-height: 2; color: #333;}

.data { margin-top:75px;overflow:hidden;padding: 44px 0; border-top: 4px solid #eaeaea; border-bottom: 4px solid #eaeaea;}

.data .data-le { float: left; height:102px;position: relative;}

.data .data-le h2 {font-size: 36px;color: #333;font-weight: normal;}

.data .data-le:after { position: absolute; content: ''; display:block; left: 0; bottom: 0; width: 24px; height: 4px; background: #333333;}

.data .data-ri { float:right; width: 60%;}

.data .data-ri .item { float: left; width:33.33%;text-align: left;}

.data .data-ri .item p  {font-size:18px; color: #333;}

.data .data-ri .item p em {display: inline-block;font-size: 60px;color: #d7000f;font-family: DIN-Medium;}

.data .data-ri .item p span { overflow:hidden;display: inline-block;padding: 3px;background: #d7000f;font-size: 14px;color:#fff;}

.data .data-ri .item > span {padding-top: 7px;display: block;font-size: 18px;color: #333;}

.zxxq-con .zxxq-pic { margin-top: 63px; width: 100%; font-size:0;overflow: hidden;}

.zxxq-con .zxxq-pic .item:hover img { transform: scale(1.1);}

.zxxq-con .zxxq-pic .item:nth-of-type(1) {  margin-bottom:60px;width: 100%; font-size: 0; overflow: hidden;}

.zxxq-con .zxxq-pic .item:nth-of-type(n+2) { float:left;width:48%; margin-right: 4%; font-size: 0; overflow: hidden;}

.zxxq-con .zxxq-pic .item:nth-of-type(3) { margin-right: 0;}

.zxxq-con .zxxq-pic .item  img { width: 100%; transition: all 1s;}

.zxxq-con > .zxxq-intro02 { margin-top: 60px; line-height: 1.75; font-size: 16px; color: #333;}

.zxxq-route { margin-top: 110px; overflow: hidden; padding-bottom: 96px;}

.zxxq-route .item { float: left;  width: 33.333%;}

.zxxq-route .item .route-tit { width: 80%; margin: 0 auto; position: relative; text-align: left; border-right: 2px solid #e0e0e0;box-sizing: border-box;}

.zxxq-route .item:first-of-type .route-tit{  margin: 0;}

.zxxq-route .item:last-of-type {border: none;}

.zxxq-route .item .route-tit h2 { margin-bottom: 45px; font-size: 30px; color: #333; font-weight: normal;}

.zxxq-route .item .route-tit p { font-size: 16px; color:#333; line-height: 1.75;}

/* zxxq end */







/* bmyy */

.bmyy { margin-top:68px;position: relative; background: url("../images/zxxq-input.jpg")  no-repeat center; width: 100%; height: 530px;}

.bmyy .wrap-tit { padding-top: 75px;}

.bmyy .wrap-tit h2 { color: #fff;}

.bmyy .bmyy-con {margin: 43px auto 0;width:830px;overflow: hidden;text-align: center;}

.bmyy .bmyy-con .item {float: left;width: 386px;overflow: hidden;}

.bmyy .bmyy-con .item:nth-of-type(1) { margin-right: 58px;}

.bmyy .bmyy-con .item:nth-of-type(3) {margin-top:33px;width: 100%;}

.bmyy .bmyy-con .item textarea {font-size: 14px;display: block;box-sizing:border-box;margin-left: 3%;width: 92%;height: 61px;line-height: 61px;overflow: hidden;border: none;text-align: left;}

.bmyy .bmyy-con .item h2 {font-size: 18px;color: #fff;font-weight: normal;text-align: left;}

.bmyy .bmyy-con .item .bmyy-input {position: relative;margin-top: 19px;overflow: hidden;background: #fff;}

.bmyy .bmyy-con .item .bmyy-input input { margin-left:3%;width: 89%; height: 44px; line-height: 44px; background: transparent; outline: none; font-size: 14px; color: #333; border: none;}

.bmyy .bmyy-con .item .bmyy-input:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 44px; height: 44px; font-size: 0;}

.bmyy .bmyy-con .item:nth-of-type(1) .bmyy-input::after { background: url("../images/tsjy-icon01.png") no-repeat center;}

.bmyy .bmyy-con .item:nth-of-type(2) .bmyy-input::after { background: url("../images/tsjy-icon02.png") no-repeat center;}

.bmyy .bmyy-con .item:nth-of-type(3) .bmyy-input::after { background: url("../images/tsjy-icon03.png") no-repeat center; top: 10px;}

.bmyy .bmyy-btn {margin-top: 46px;display: inline-block;width: 173px;height: 57px;line-height: 57px;background: #d93638;text-align: center;font-size: 16px;color: #fff;}

/* bmyy end */





/* jqhd */

.jqhd {position: relative;padding-top: 78px;background: #f3f3f3;padding-bottom: 70px;}

.jqhd-con {margin-top: 47px;overflow: hidden;}

.jqhd-con .item { float: left; width: 32%; margin-right: 2%;}

.jqhd-con .item:last-of-type { margin-right: 0;}

.jqhd-con .item .pic  { width: 100%; font-size: 0; overflow: hidden;}

.jqhd-con .item .pic img { width: 100%; transition: all 1s;}

.jqhd-con .item .pic:hover  img { transform: scale(1.1);}

.jqhd-con .item .pic-tit { margin-top: 30px;}

.jqhd-con .item .pic-tit h2 a { color: #333; font-size: 20px; font-weight: normal;}

.jqhd-con .item .pic-tit p {  margin:21px 0 28px 0;font-size: 14px; color: #666; line-height: 1.5;}

.jqhd-con .item .pic-tit span { position:relative;display:inline-block;font-size: 14px; color: #333;}

.jqhd-con .item .pic-tit span i{margin-top: 6px;margin-left: 12px;float: right;width: 0;height: 0;border-width: 4px;border-style: solid;border-color: transparent #000 transparent transparent;transform: rotate(180deg);}

.jqhd-con .item .pic-tit span:after { content: ''; display: block; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: #000;}

.jqhd-con .item .pic-tit h2:hover a { color: #d93638;}

.jqhd-con .item .pic-tit span:hover  a { color: #d93638;}

.jqhd-con .item .pic-tit span:hover a i { border-color: transparent #d93638 transparent transparent;}

.jqhd-con .item .pic-tit span:hover:after { background: #d93638;}

/* jqhd end */







/* Change */

.Change { padding-top: 80px; padding-bottom: 65px; position: relative; background: #f3f3f3;}

.Change-con {margin-top: 63px;display: inline-block;width: 1400px;}

.Change-con .item {float: left;width: 377px;position: relative;margin-right: 134px;}

.Change-con .item:after { content:''; display:block;position: absolute; left: 22px; bottom: 22px; width: 15px; height: 3px; background: #d93638;}

.Change-con .item .pic { width: 100%; font-size: 0; overflow: hidden;}

.Change-con .item .pic img { width: 100%;transition: all 1s;}

.Change-con .item .pic:hover img { transform: scale(1.1);}

.Change-con .item .pic-tit { position: absolute;  z-index:2;left: 0; top: 0;}

.Change-con .item .pic-tit i { margin-top:33px; margin-left:-8px;display: block; width: 93px;height: 44px; line-height: 44px; font-size: 30px; color: #fff; background: #d93638; text-align: center;}

.Change-con .item .pic-tit h2 { font-size: 30px; color: #333; font-weight: normal; margin-left: 22px; margin-top: 32px;}

.Change-con .item .pic-tit p { font-size:14px; color:#666; width: 155px; line-height: 1.5;  margin-top:19px;margin-left: 22px;}

.Change-con .item:last-of-type { margin-right: 0;}

@media screen  and (max-width: 1400px){

    .Change-con { width: 1200px;}

    .Change-con .item { margin-right: 34px;}

}

/* Change end */



/* Inpage-trait */

.Inpage-trait {  padding-top:80px; padding-bottom:80px;position: relative; width: 100%; background: #fff; overflow: hidden;}

.Inpage-trait .wrap-tit  { position: relative; z-index: 2;}

.trait-con { margin-top: 45px; position: relative; z-index: 2;}

.trait-con .item { float: left; margin-right: 67px; background: url("../images/trait-cir.png") no-repeat center; width: 299px; height: 323px;}

.trait-con .item:last-of-type { margin-right: 0;}

.trait-con .item:nth-of-type(odd) { animation: fadeinT 1s ease-out backwards;}

.trait-con .item:nth-of-type(even){ animation: fadeinB 1s ease-out backwards;}

.trait-con .item i { display:block; margin:65px auto 0; width: 70px; font-size: 0;}

.trait-con .item i img { width: 100%;}

.trait-con .item h2 { font-size: 24px; color: #333; margin: 26px 0 20px 0; text-align: center; font-weight: normal;}

.trait-con .item p { font-size: 14px; color: #666; width: 70%; margin: 0 auto; text-align: center; line-height: 1.5;}

.trait-con .item:hover {  background: url("../images/trait-cir_cur.png") no-repeat center;}

.trait-con .item:hover i img  {filter:contrast(0%) brightness(200%)}

.trait-con .item:hover h2,.trait-con .item:hover p {  color: #fff;}

@media screen and (max-width: 1400px) {

    .trait-con .item { width: 259px; height: 281px; background-size: 100%; margin-right: 54px;}

    .trait-con .item i { margin-top: 33px;}

    .trait-con .item h2 { margin: 20px 0;}

}

/* Inpage-trait end */



/* manage  */

.manage { padding-top: 70px; background: #f3f3f3;}

.manage-con  { position: relative;overflow:hidden;margin-top:46px;}

.manage-box { width: 424px;height:293px; margin: 0 auto;box-sizing: border-box;border:1px solid #d0d0d0; text-align: center;}

.manage-top{  height: 61px; border-bottom: 1px solid #d0d0d0; background: #f9f9f9;box-sizing: border-box;}

.manage-top .top-t1 { float: left; width: 60%; height: 61px; text-align: center; border-right: 1px solid #d0d0d0; box-sizing: border-box;}

.top-t1 .manage-icon01 {position: absolute;left: 84px;top: 26px;}

.top-t1 .manage-icon01 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle;}

.top-t1 .manage-icon01 > i { position:relative;display: inline-block; margin-left: 15px; width: 300px; height: 1px;  background:#666;vertical-align: middle;}

.top-t1 .manage-icon01 > i:after { content: ''; display: block; position: absolute;  top: -2px; right: 0; width: 5px;height: 5px; border-radius: 50%; background: #666;}

.manage-top .top-t1 > span  { display: block; font-size: 24px; line-height: 61px; color: #333;}

.manage-top .top-t2 { float: left; width: 40%;height: 61px; text-align: center;}

.manage-top .top-t2 > span  { display: block; font-size: 24px; line-height: 61px; color: #333;}

.manage-number { margin-top: 23px; }

.manage-number p { font-size: 30px; color: #dd4a4c;}

.manage-number .manage-icon02 {position: absolute;right: 57px;top: 86px;}

.manage-number .manage-icon02 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle; text-align: left;}

.manage-number .manage-icon02 > i {position:relative;display: inline-block;margin-right: 15px;width: 244px;height: 1px;background:#666;vertical-align: middle;}

.manage-number .manage-icon02 > i:after {content: '';display: block;position: absolute;top: -2px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #666;}

.manage-number .manage-icon02 > span em { display: block;}

.manage-t2 { font-size: 20px; color: #666; margin-top: 5px;}

.manage-t2 .manage-icon03 {position: absolute;left: 128px;top: 124px;}

.manage-t2 .manage-icon03 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle;}

.manage-t2 .manage-icon03 > i {position:relative;display: inline-block;margin-left: 15px;width: 268px;height: 1px;background:#666;vertical-align: middle;}

.manage-t2 .manage-icon03 > i:after { content: ''; display: block; position: absolute;  top: -2px; right: 0; width: 5px;height: 5px; border-radius: 50%; background: #666;}

.manage-code { margin-top: 20px; overflow: hidden;}

.manage-code .code01 { float: left; width: 75px; margin-left: 5px;}

.manage-code .code01 img { width: 100%;}

.manage-code .code01 p { font-size: 14px; color: #666;  font-family: DIN-Medium;}

.manage-code .manage-icon04 {position: absolute;left: 198px;top: 181px;}

.manage-code .manage-icon04 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle;}

.manage-code .manage-icon04 > i {position:relative;display: inline-block;margin-left: 15px;width: 240px;height: 1px;background:#666;vertical-align: middle;}

.manage-code .manage-icon04 > i:after { content: ''; display: block; position: absolute;  top: -2px; right: 0; width: 5px;height: 5px; border-radius: 50%; background: #666;}

.code-number { float: left; margin-left: 85px;}

.code-number p { font-size: 20px; color: #666;}

.code-number .number-time { margin-top:5px;font-size: 30px;color: #333; font-weight: bold;font-family: DIN-Medium;}

.code-number .manage-icon05 {position: absolute;left: 144px;top: 209px;}

.code-number .manage-icon05 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle;}

.code-number .manage-icon05 > i {position:relative;display: inline-block;margin-left: 15px;width: 280px;height: 1px;background:#666;vertical-align: middle;}

.code-number .manage-icon05 > i:after { content: ''; display: block; position: absolute;  top: -2px; right: 0; width: 5px;height: 5px; border-radius: 50%; background: #666;}

.manage-code .code02 { float: right; width: 75px; margin-left: 5px;}

.manage-code .code02 img { width: 100%;}

.manage-code .code02 p { font-size: 14px; color: #666;  font-family: DIN-Medium;}

.manage-code .manage-icon06 {position: absolute;right: 194px;top: 181px;}

.manage-code .manage-icon06 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle;}

.manage-code .manage-icon06 > i {position:relative;display: inline-block;margin-right: 15px;width: 240px;height: 1px;background:#666;vertical-align: middle;}

.manage-code .manage-icon06 > i:after {content: '';display: block;position: absolute;top: -2px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #666;}

.manage-bottom { border-top: 1px solid #d0d0d0;  padding-top: 9px;}

.manage-bottom p { font-size: 18px; color: #666;}

.manage-bottom .manage-icon07 {position: absolute;right: 324px;top: 263px;}

.manage-bottom .manage-icon07 > span {display:inline-block;font-size: 14px;color: #666;vertical-align: middle;}

.manage-bottom .manage-icon07 > i {position:relative;display: inline-block;margin-right: 15px;width: 254px;height: 1px;background:#666;vertical-align: middle;}

.manage-bottom .manage-icon07 > i:after {content: '';display: block;position: absolute;top: -2px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #666;}

.manage-con .item:hover .cur i{ background: #d93638;}

.manage-con .item:hover .cur span { color: #d93638;}



@media screen  and (max-width: 1400px){

    .top-t1 .manage-icon01 {left: 7px;top: 26px;}

    .top-t1 .manage-icon01 i { width: 281px;}

    .manage-number .manage-icon02 {right: 13px;top: 86px;}

    .manage-number .manage-icon02 i {width: 200px;}

    .manage-t2 .manage-icon03 {left: 59px;top: 124px;}

    .manage-t2 .manage-icon03 i  {width: 242px;}

    .manage-code .manage-icon04 {left: 97px;top: 181px;}

    .code-number .manage-icon05 {left: 45px;top: 209px;}

    .manage-code .manage-icon06 {right: 95px;top: 181px;}

    .manage-bottom .manage-icon07 {right: 226px;top: 263px;}

}

/* manage end */



/* kfzz-info */

.kfzz-info{ position: relative; padding-top: 20px; background: #fff;}

.kfzz-info .item { margin-top: 60px; padding-bottom: 60px; overflow: hidden;}

.kfzz-info .item ul { float: left; width: 780px;}

.kfzz-info .item ul li { float: left;font-size: 0; overflow: hidden;}

.kfzz-info .item ul li:nth-of-type(1) {width: 430px; margin-right: 15px;}

.kfzz-info .item ul li:hover img { transform: scale(1.1);}

.kfzz-info .item ul li img { width: 100%; transition: all 1s;}

.kfzz-info .item ul li:nth-of-type(2) {  margin-bottom: 10px;}

.kfzz-info .item ul li:nth-of-type (3) { width: 335px;}

.kfzz-info .item .kfzz-tit { position:relative;float: left; width:600px; height: 446px; margin-left: 20px;}

.kfzz-info .item .kfzz-tit h2 { font-size: 38px; color: #333; font-weight: normal;}

.kfzz-info .item .kfzz-tit span { padding-bottom:30px;display:block; font-weight:bold;font-family: DIN-Medium;font-size: 12px; color: #333; padding-top: 10px; opacity: 0.5;}

.kfzz-info .item .kfzz-tit p { font-size: 14px; color: #333;line-height: 1.75; margin-bottom: 8px;}

.kfzz-info .item .kfzz-tit:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 14px; height: 4px; background: #dd4a4c;}

.kfzz-info .item:nth-of-type(even) .kfzz-tit { margin-left: 0; margin-right: 15px;}

@media screen  and (max-width: 1400px){

    .kfzz-info .item ul { width: 680px;}

    .kfzz-info .item ul li:nth-of-type(1){ width: 390px;}

    .kfzz-info .item ul li { width: 275px;}

    .kfzz-info .item ul li:nth-of-type(2) { margin-bottom: 47px;}

    .kfzz-info .item .kfzz-tit { width: 500px; height: 404px;}

    .kfzz-info .item .kfzz-tit span { padding-bottom:15px;padding-top:10px;}

}

/* kfzz-info end */





/* Inpage-video */

.Inpage-video{ background: #fff; overflow: hidden;}

.Inpage-video .wrap-tit p {width: 1200px;}

.Inpage-video .video-con { margin-top: 37px; overflow: hidden;}

.Inpage-video .pic {  float: left;overflow: hidden; font-size: 0; position: relative;}

.Inpage-video .video-con .pic:nth-of-type(1) {width: 685px; }

.Inpage-video .pic img { width: 100%; transition: all 1s;}

.Inpage-video .video-con .pic:nth-of-type(n+2) {margin-left: 30px; margin-bottom: 23px; width: 327px;}

.Inpage-video .pic:nth-of-type(n+3) { margin-bottom: 0;}

.Inpage-video .pic img { width: 100%; transition: all 1s;}

.Inpage-video .pic:hover img { transform: scale(1.1);}

.Inpage-video .pic i{ position: absolute; left:50%; top: 50%; z-index: 99; display: block; background: url("../images/video-paly02.png") no-repeat center; width: 60px;height: 60px; transform: translate(-30px,-30px);}

@media screen  and (max-width: 1400px){

    .Inpage-video .video-con .pic:nth-of-type(1) { width: 585px;}

    .Inpage-video .video-con .pic:nth-of-type(n+2) { width: 277px;}

}

/* Inpage-video end */





/* ppys */

.ppys{ position: relative; background: #f3f3f3; padding-top: 80px; padding-bottom: 68px;}

.ppys-con { margin-top: 74px; overflow: hidden;}

.ppys-con .item { float: left; width: 20%; text-align: center; margin-right: 6.6%;}

.ppys-con .item:nth-of-type(odd) { animation: fadeinT 1s ease-out backwards;}

.ppys-con .item:nth-of-type(even) { animation: fadeinB 1s ease-out backwards;}

.ppys-con .item:last-of-type { margin-right: 0;}

.ppys-con .item .pic {  margin:0 auto;background: url("../images/ppys-bg.png") no-repeat center;width: 100px; height: 108px;}

.ppys-con .item .pic img { width: 100%;}

.ppys-con .item h2 { margin-top: 22px; font-size: 20px; color: #333; font-weight: normal;}

.ppys-con .item p {  margin-top:17px;font-size: 14px; color: #666;}

.ppys-con .item:hover .pic {background: url("../images/ppys-bg_cur.png") no-repeat center;}

.ppys-con .item:hover .pic img {  filter:contrast(0%) brightness(200%);}

/* ppys end */



/* Assistance */

.Assistance { position: relative; background: url("../images/assistance-bg.jpg") no-repeat center; width: 100%; height: 720px;}

.Assistance .wrap-tit { padding-top: 86px;}

.Assistance .wrap-tit h2 { color: #fff;}

.Assistance-con { margin-top: 44px; overflow: hidden;}

.Assistance-top {clear: both;margin-left: 157px;overflow: hidden;}

.Assistance-top .item{float:left; text-align: center;margin-right:90px;background: url("../images/assistance-cir.png") no-repeat center; width: 218px; height: 236px; background-size: 100%;}

.Assistance-top .item i { display: block; width: 7px; height: 7px; background: #d93638; margin: 56px auto 0;}

.Assistance-top .item h2 { font-size: 22px; color: #333; margin-top: 15px; }

.Assistance-top .item p { margin-top:5px;font-family: DIN-Medium; font-size: 12px; color: #999; opacity: 0.9;}

.Assistance-top .item span { display: block; margin: 27px auto 0; width: 40px; font-size: 0;}

.Assistance-top .item span img { width: 100%;}

.Assistance-bottom {clear: both;margin-top: -20px;overflow: hidden;}

.Assistance-bottom .item{float:left; text-align: center;margin-right:90px;background: url("../images/assistance-cir.png") no-repeat center; width: 218px; height: 236px; background-size: 100%;}

.Assistance-bottom .item i { display: block; width: 7px; height: 7px; background: #d93638; margin: 56px auto 0;}

.Assistance-bottom .item h2 { font-size: 22px; color: #333; margin-top: 15px; }

.Assistance-bottom .item p { margin-top:5px;font-family: DIN-Medium; font-size: 12px; color: #999; opacity: 0.9;}

.Assistance-bottom .item span { display: block; margin: 27px auto 0; width: 40px; font-size: 0;}

.Assistance-bottom .item span img { width: 100%;}

.Assistance .item:hover { background: url("../images/assistance-cir_cur.png") no-repeat center; background-size: 100%;}

.Assistance .item:hover i { background: #fff;}

.Assistance .item:hover h2,.Assistance .item:hover p{ color: #fff;}

.Assistance .item:hover span img { filter:contrast(0%) brightness(200%)}

.Assistance-top .item { animation: fadeinT 1s ease-out backwards;}

.Assistance-bottom .item { animation: fadeinB 1s ease-out backwards;}

@media screen  and (max-width: 1400px){

    .Assistance-top .item { margin-right: 40px;}

    .Assistance-bottom .item { margin-right: 40px;}

}

/* Assistance end */





.Assistance2 { position: relative; background: url("../images/new_zsbj.jpg") no-repeat center; width: 100%; height: 774px;margin-bottom: 260px;}

.Assistance2 .wrap-tit { padding-top: 0px;}

.Assistance2 .wrap-tit h2 { color: #fff;}

.Assistance-con { margin-top: 44px; overflow: hidden;}

.Assistance-top {clear: both;margin-left: 157px;overflow: hidden;}

.Assistance-top .item{float:left; text-align: center;margin-right:90px;background: url("../images/assistance-cir.png") no-repeat center; width: 218px; height: 236px; background-size: 100%;}

.Assistance-top .item i { display: block; width: 7px; height: 7px; background: #d93638; margin: 56px auto 0;}

.Assistance-top .item h2 { font-size: 22px; color: #333; margin-top: 15px; }

.Assistance-top .item p { margin-top:5px;font-family: DIN-Medium; font-size: 12px; color: #999; opacity: 0.9;}

.Assistance-top .item span { display: block; margin: 27px auto 0; width: 40px; font-size: 0;}

.Assistance-top .item span img { width: 100%;}

.Assistance-bottom {clear: both;margin-top: -20px;overflow: hidden;}

.Assistance-bottom .item{float:left; text-align: center;margin-right:90px;background: url("../images/assistance-cir.png") no-repeat center; width: 218px; height: 236px; background-size: 100%;}

.Assistance-bottom .item i { display: block; width: 7px; height: 7px; background: #d93638; margin: 56px auto 0;}

.Assistance-bottom .item h2 { font-size: 22px; color: #333; margin-top: 15px; }

.Assistance-bottom .item p { margin-top:5px;font-family: DIN-Medium; font-size: 12px; color: #999; opacity: 0.9;}

.Assistance-bottom .item span { display: block; margin: 27px auto 0; width: 40px; font-size: 0;}

.Assistance-bottom .item span img { width: 100%;}

.Assistance2 .item:hover { background: url("../images/assistance-cir_cur.png") no-repeat center; background-size: 100%;}

.Assistance2 .item:hover i { background: #fff;}

.Assistance2 .item:hover h2,.Assistance .item:hover p{ color: #fff;}

.Assistance2 .item:hover span img { filter:contrast(0%) brightness(200%)}

.Assistance-top .item { animation: fadeinT 1s ease-out backwards;}

.Assistance-bottom .item { animation: fadeinB 1s ease-out backwards;}

@media screen  and (max-width: 1400px){

    .Assistance-top .item { margin-right: 40px;}

    .Assistance-bottom .item { margin-right: 40px;}

}

/* Assistance end */











/* Inpage-adv */

.Inpage-adv { position: relative; padding-top: 70px;  padding-bottom:70px;background: #f3f3f3;}

.Inpage-adv .wrap-tit p { margin-top: 10px;}

.Inpage-adv .adv-con { margin-top: 40px;}

.Inpage-adv .adv-menu { display: block; text-align: center;}

.Inpage-adv .adv-menu li { display: inline-block; margin: 0 30px;}

.Inpage-adv .adv-menu li a { font-size: 16px; color: #333; position: relative;}

.Inpage-adv .adv-main { margin-top: 36px; overflow: hidden;}

.Inpage-adv .adv-list .item { float: left; overflow: hidden; font-size: 0;}

.Inpage-adv .adv-list .item img { width: 100%; transition: all 1s;}

.Inpage-adv .adv-list .item:nth-of-type(1) { float: left; width: 693px;}

.Inpage-adv .adv-list .item:nth-of-type(n+2) { margin-left:25px; margin-bottom:25px;width: 328px;}

.Inpage-adv .adv-list .item:nth-of-type(n+4) { margin-bottom: 0;}

.Inpage-adv .adv-list .item:hover  img { transform: scale(1.1);}

.Inpage-adv .adv-menu li.cur a:after { content: ''; display: block; position: absolute; bottom: -8px; left: 0; width: 100%; height: 2px; background: #d93638;}

.Inpage-adv .adv-menu li.cur a { color: #d93638;}

.adv-list{min-height:1px;}

@media screen  and (max-width: 1400px){

    .Inpage-adv .adv-list .item:nth-of-type(1) { width: 593px;}

    .Inpage-adv .adv-list .item:nth-of-type(n+2) { width: 278px;}

}

/* Inpage-adv end */





/* Inpage-dot */

.Inpage-dot { position: relative; background:#fff; padding-top: 87px; padding-bottom: 103px; overflow: hidden;}

.Inpage-dot .wrapper { position: relative;}

.Inpage-dot .wrapper:after { content: ''; display: block; position: absolute; top:0; right: 0; background: url("../images/dot-before.png") no-repeat center; width: 575px; height: 359px;}

.Inpage-dot .dot-tit { float: left;}

.Inpage-dot .dot-tit h2  { font-weight: normal; font-size: 38px; color: #333;}

.Inpage-dot .dot-tit > span { margin-top: 15px; display:block;color: #333; font-size: 24px; }

.Inpage-dot .dot-tit p { margin-top: 40px;  width:620px;font-size: 14px; color: #333; line-height: 1.5;}

.Inpage-dot .dot-tit .dot-btn {  margin-top:70px;display: inline-block; padding: 13px 19px; background: #000; overflow: hidden;}

.Inpage-dot .dot-tit .dot-btn i {  vertical-align:middle;display: inline-block; margin-right: 14px; background: url("../images/zx-server.png") no-repeat center; width: 29px; height: 21px;}

.Inpage-dot .dot-tit .dot-btn span {  font-size: 16px; color: #f3f3f3;}

.Inpage-dot .dot-tit .dot-btn:hover { background: #d93638;}

/* Inpage-dot end */





/* Inpage-map */

.Inpage-map { padding-top: 60px;  padding-bottom:285px;position: relative; overflow: hidden; /*background: #f4f4f4;*/}

.map-before {  animation: fadeinR 1s ease-out backwards;position: absolute; right: 0;top:215px; background: url("../images/map-before.png") no-repeat center; width: 496px;height: 230px;}

.Inpage-map .map-con { margin-top: 140px;}

.Inpage-map .map-le { float: left;/*background: url("../images/map-adress.png") no-repeat center; width: 865px;height: 330px;*/}

.Inpage-map .map-le .map-number { background: url("../images/mendian2.png") no-repeat center;  width: 688px; height: 394px;animation: fadeinB 1s ease-out backwards;}

.map-shop { float: left; margin-left: 75px;}

.map-shop .shop-item { width: 189px; height: 47px; line-height: 47px; background: #333333;}

.map-shop .shop-item i { display: inline-block; vertical-align: middle; padding-left: 14px;}

.map-shop .shop-item span { padding-left:5px;display: inline-block; font-size: 16px; color: #fff; vertical-align: middle;}

.map-shop .shop-item:nth-of-type(1) i { background: url("../images/shop-icon04.png") no-repeat center; width: 30px; height: 30px;}

.map-shop .shop-item:nth-of-type(2) i { background: url("../images/shop-icon01.png") no-repeat center; width: 30px; height: 30px;  filter:contrast(0%) brightness(200%)}

.map-shop .shop-item.cur  { background: #d93638;}

.shop-phone {position: relative;margin-top: 53px;overflow: hidden;padding-left: 43px;}

.shop-phone:after {position: absolute;left: 0;top: 5px;content: '';display: block;background: url("../images/join-phone.png") no-repeat center;width: 32px;height: 32px;}

.shop-phone p { font-size: 14px; color: #fff;}

.shop-phone em { display: block; font-size: 24px;  font-weight:bold;color: #fff;font-family: DIN-Medium;}



@media screen  and (max-width: 1440px){

    .Inpage-map .map-le { width: 765px; height: 292px; background-size: 100%;}

    .Inpage-map .map-le .map-number {width: 765px; height: 292px; background-size: 100%;}

    .map-before { width: 356px; height: 165px; background-size: 100%;}

}

@media screen  and (max-width: 1400px){

    .map-before { width: 356px; height: 165px; background-size: 100%;}

    .Inpage-map .map-le { width: 655px; height: 250px; background-size: 100%;}

    .Inpage-map .map-le .map-number { width: 655px; height: 250px; background-size: 100%;}

    .map-shop { margin-left: 36px;}

}

/* Inpage-map end */







/* Inpage-ask */

.Inpage-ask {position: relative;background: #fff;}

.Inpage-ask .ask-con {transform: translateY(-220px);background: #fff;overflow: hidden;box-shadow: 0px 5px 87px 0px rgba(0, 0, 0, 0.13);}

.ask-con .ask-le { float: left; width: 50%;}

.ask-con .ask-ri { float: left; width: 50%;}

.ask-con .pic { margin: 25px 0 0 25px; width:92%;position:relative;font-size: 0; overflow: hidden;}

.ask-con .pic img { width: 100%;}

.ask-con .pic-tit { position: absolute; z-index: 2; left: 0; top: 0; text-align: center; width: 100%;}

.ask-con .pic-tit h2 { position: relative; letter-spacing: 18px; z-index:2; margin-top: 11%;font-size: 30px; color: #fff;  font-weight: normal;}

.ask-con  .ask-le .pic-tit h2:after { content: ''; display: block; position: absolute;  z-index:-1;left: 35%; top: 3px; width: 10px; height: 10px; border-radius: 50%; background: #d93638;}

.ask-con  .ask-ri .pic-tit h2:after { content: ''; display: block; position: absolute;  z-index:-1;left: 50%; top: 3px; width: 10px; height: 10px; border-radius: 50%; background: #d93638;}

.ask-con .pic-tit p { padding-top: 9px;font-size: 12px; color: #fff; font-family: DIN-Medium; letter-spacing: 3px;}

.ask-con .pic-summary { margin-left:25px;width:92%;padding:40px 0 74px 0;}

.ask-con .pic-summary p { font-size: 15px; color: #333; line-height: 2;}

/* Inpage-ask end */





/* procedure */

.procedure{position: relative;background: #fff;clear: both;margin-top: -100px;}

.procedure-con { margin-top: 53px; height: 400px; overflow: hidden; position: relative;}

.procedure-con:after { content: ''; display: block; position: absolute; left: 0; top: 128px; background: url("../images/procedure-before.png") no-repeat center; width: 100%; height: 20px;}

.procedure-con .item {position: absolute; top: 0; width: 150px; text-align: center;}

.procedure-con .item span {  margin:0 auto;display:block; overflow:hidden;width: 40px; height: 40px;}

.procedure-con .item span img { width: 100%;}

.procedure-con .item h2 { margin-top:10px;font-size:18px; color: #333; }

.procedure-con .item em { margin: 10px auto 0; display: block; width: 1px; height: 47px; border-right: 1px dashed  #999999; box-sizing: border-box;}

.procedure-con .item i { display:block; margin:0 auto;width: 20px; height: 20px; border: 4px solid #ccc; box-sizing: border-box; border-radius: 50%;}

.procedure-con .item:nth-of-type(n+5) em { margin: 0 auto 10px;}

.procedure-con .item:nth-of-type(1) { left: 6%;}

.procedure-con .item:nth-of-type(2) { left: 32%;}

.procedure-con .item:nth-of-type(3) { left: 57.5%;}

.procedure-con .item:nth-of-type(4) { left: 83.5%;}

.procedure-con .item:nth-of-type(5) { left: 19%; top: 130px;}

.procedure-con .item:nth-of-type(6) { left: 45%; top: 130px;}

.procedure-con .item:nth-of-type(7) { left: 70.5%; top: 130px;}

.procedure-con .item:hover  span img { transform: translateY(-40px);}

.procedure-con .item:hover h2 { color: #d93638;}

.procedure-con .item:hover em { border-right: 1px dashed #d93638;}

.procedure-con .item:hover i { border: 4px solid #d93638;}

@media screen  and (max-width: 1360px){

    .procedure-con .item:nth-of-type(1){ left: -1%;}

    .procedure-con .item:nth-of-type(5) { left: 14%;}

    .procedure-con .item:nth-of-type(2) { left: 29%;}

    .procedure-con .item:nth-of-type(6) { left: 44%;}

    .procedure-con .item:nth-of-type(3) { left: 59%;}

    .procedure-con .item:nth-of-type(7) { left: 74%;}

    .procedure-con .item:nth-of-type(4) { left: 89%;}



}

/* procedure end */





/* dzxq */

.dzxq { position: relative; background: url("../images/dzxq-banner.jpg") no-repeat center; width: 100%; height: 774px;overflow:hidden;}

.dzxq-con { margin-top: 57px;padding:37px 0;width: 100%;height:596px;background: #fff; position: relative;}

.dzxq-con .dzxq-menu {  position:relative; padding: 28px 0; margin-left:100px;float: left; width: 90px; height: 538px;}

.dzxq-con .dzxq-menu .hd{display: none;}

.dzxq-con .dzxq-menu .bd{transition:top 0.25s;}

.dzxq-con .dzxq-menu .bd .item { margin-bottom:17px;width: 100%; height: 93px; font-size: 0; overflow: hidden;opacity: 0.7;}

.dzxq-con .dzxq-menu .bd .item.cur{opacity: 1;}

.dzxq-con .dzxq-menu .bd .item img { width: 100%; height: 93px;}

.dzxq-menu  .dzxq-prev,.dzxq-menu  .dzxq-next{  cursor:pointer;position:absolute; left:0; width:100%;font-size:30px; font-weight:bold;height:28px;line-height:28px;color:#999; font-family: "瀹嬩綋";text-align: center;}

.dzxq-menu  .dzxq-prev { transform: rotate(90deg); top: 0;}

.dzxq-menu  .dzxq-next { transform: rotate(90deg); bottom: 0;}

.dzxq-menu  .dzxq-prev:hover,.dzxq-menu  .dzxq-next:hover { color: #d93638;}

.dzxq-main { float: left; margin-left: 19px;}

.dzxq-main .item{display: none;}

.dzxq-main .item .pic { float:left;width: 574px; font-size: 0; overflow: hidden;}

.dzxq-main .item .pic img { width: 100%; }

.dzxq-main .item .pic:hover img { }

.dzxq-main .item .pic-tit { float:left; margin-left: 35px; width: 510px;}

.dzxq-main .item .pic-tit h2 { font-size: 30px; color: #333; line-height: 1.5; font-weight: normal;}

.dzxq-main .item .pic-tit > span { margin:28px 0 50px 0;display: block;background: url("../images/dzxq-before.jpg") no-repeat center; width:98%; height: 49px; line-height: 49px; padding-left:2%;font-size: 18px; color: #333;}

.dzxq-main .item .pic-tit > p { font-size: 16px; color: #333; line-height: 1.75; height:140px;}

.dzxq-main .item .dzxq-phone { display: block; margin-top: 35px; position: relative; padding-left: 50px;}

.dzxq-main .item .dzxq-phone:after { content: ''; display: block; position: absolute; left: 0; top: 8px; background: url("../images/join-phone.png") no-repeat center; width: 32px; height: 32px;}

.dzxq-main .item .dzxq-shop { margin-top: 55px; width: 216px;border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; box-sizing: border-box;}

.dzxq-main .item .dzxq-shop a { display: block; padding:12px 0;border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}

.dzxq-main .item .dzxq-shop a.on { background: #d93638; border-bottom: 1px solid #d93638;}

.dzxq-main .item .dzxq-shop a.on span { color: #fff;}

.dzxq-main .item .dzxq-shop a.on i { filter:contrast(0%) brightness(200%);}

.dzxq-main .item .dzxq-shop a:nth-of-type(1) i { display:inline-block; vertical-align:middle;background: url("../images/shop-icon01.png") no-repeat center; width: 30px;height: 30px; padding-left: 10px;}

.dzxq-main .item .dzxq-shop a:nth-of-type(2) i { display:inline-block; vertical-align:middle;background: url("../images/shop-icon02.png") no-repeat center; width: 30px;height: 30px; padding-left: 10px;}

.dzxq-main .item .dzxq-shop a span { display: inline-block; vertical-align: middle; font-size: 14px; color: #333; padding-left: 5px;}

.dzxq-main .item .dzxq-phone > p { font-size: 14px; color: #333;}

.dzxq-main .item .dzxq-phone > em {  display:block;font-size: 24px;color: #333; margin-top: 3px;}

.dzxq-main .item.cur{display: block;}

.dzxq-return { border:none;position: absolute; left: -40px; top:0; width: 80px; height: 80px; line-height: 80px; background: #d93638; text-align: center; font-size: 14px; color: #fff;}

@media screen and  (max-width: 1440px) {

    .dzxq-return { left: -20px; top: 0;}

}

@media screen and  (max-width: 1360px) {

    .dzxq-con .dzxq-menu { margin-left: 50px; height: 485px;}

    .dzxq-main .item .pic { width: 524px;}

    .dzxq-main .item .pic-tit { width: 460px;}

    .dzxq-main .item .dzxq-phone  { margin-top: 15px;}

    .dzxq-main .item .dzxq-shop { margin-top:53px;}

}

/* dzxq end */



/* --pager-- */

.pager{clear:both;padding:50px 0 80px;text-align:center;overflow:hidden;}

.pager a{display:inline-block;margin:0 4px;padding:0 18px;height:42px;line-height:42px;color:#999;background:#fff;border:#e8e8e8 solid 1px;}

.pager a:hover,.pager a.cur{color:#fff;background:#d93638;border-color:#d93638;}

.pager .nocur a.cur{display:inline-block;margin:0 4px;padding:0 18px;height:42px;line-height:42px;color:#999;background:#fff;border:#e8e8e8 solid 1px;}

.pager .nocur a,.pager .nocur a:hover{color:#fff;background:#d93638;border-color:#d93638;}

.pager-prev,.pager-next{font-family:"宋体";font-weight:bold;}

/* --end pager-- */

@media (max-width: 1680px){
	.Inpape-Nav li { font-size: 16px; padding:0 30px;}
	.Inpape-Nav li:after {right: -3px;top: 26px;}
	.Inpape-Nav li a { padding: 22px 0;}
	
	.ppjs{ padding-top:60px; padding-bottom: 37px;}
	.ppjs .wrap-tit p { margin-bottom: 11px;}
	.height50{height:37px;}
	.wrap-tit h2 { font-size: 36px;}
	.height70 { height: 52px;}
	.trait img {height: 135px;}
	.ab_tu{height:312px;}
	.ab_tu img{ height: 100%;}
	
	.Inpage-history { background-size: cover;}
	.Inpage-history .wrapper .wrap-tit { padding-top: 56px;}
	.shiming { height: 354px;}
	.shiming img{ height: 100%;}
	
	.wrap4 { width: 1080px;}
	.team1_1 li{margin-left:7px;margin-right:7px;margin-bottom:18px;}
	.team1_tu{width:345px;height:220px;}
	.team1_tu img{ width: 100%; height: 100%;}
	.team1_txt{width:345px;height:100px;line-height:100px;}
	.team1_txt a{font-size:16px;}
	
	.cont1{ min-height: 525px;}
	.cont1_01{width:367px;height:375px;}
	.cont1_01 h2{margin:60px 0 0 60px;}
	.cont1_01 h2 img{ height: 56px;}
	.cont1_01 h3{margin:15px 0 0 60px;line-height:21px;font-size:20px;}
	.cont1_02{float:right;width:712px;height:375px;}
	
	.cp{ width: 1102px;}
	.cp li{ margin: 0 22px 22px 0; width: 345px; height: 210px;}
	.cp li .al_text{ font-size: 16px; line-height: 50px;}
}