/*s:fhe4yfljt7ylsh*/
.banner01 { width: 100%;
    height: 100%;
    position: relative;
    margin: 30px auto;
	background: linear-gradient(#db7be5,#a431b0);
}
.banner01 .banner-cont,
.banner01 .banner-cont ul,
.banner01 .banner-cont li { width: 100%; height: 100%;}
.banner01 .banner-cont { position: absolute; left: 0; top: 0; z-index: 1;}
.banner01 .banner-cont li { background-repeat: no-repeat; background-position: center top; }
.banner01 .banner-cont li a { display: block; width: 100%; height: 100%;}
.banner01 .banner-cont li img { max-height: 690px; }
.banner01 .banner-prev-btn,
.banner01 .banner-next-btn { display: block; width: 66px; height: 66px; border: solid 1px rgba(255,255,255,.3); position: absolute; top: 50%; margin-top: -33px; z-index: 2; cursor: pointer; opacity: 0; }
.banner01 .banner-prev-btn {
    left: 5%;
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
}
.banner01 .banner-next-btn {
    right: 5%;
    -webkit-transform:translateX(20px);
    -moz-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px);
}
.banner01 .banner-prev-btn:after,
.banner01 .banner-next-btn:after { content: ''; display: block; width: 9px; height: 16px; background: url(../images/banner_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.banner01 .banner-next-btn:after {
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.banner01 .banner-circle-btns { width: 100%; text-align: center; position: absolute; left: 0; bottom: 36px; z-index: 9;}
.banner01 .banner-circle-btns span { display: inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin-left: 15px; cursor: pointer; opacity: 1;}
.banner01 .banner-circle-btns span:first-child { margin-left: 0;}
.banner01 .banner-circle-btns .swiper-pagination-bullet-active { background-color:#a92b2c; }
.banner01:hover .banner-prev-btn,
.banner01:hover .banner-next-btn {
    opacity: 1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.banner01 .banner-prev-btn,
.banner01 .banner-next-btn {
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    transition:all .5s ease-out;
}

@media screen and (max-width: 800px){
    .banner01 .banner-prev-btn,
    .banner01 .banner-next-btn { display: none; }
    .banner01 .banner-circle-btns { bottom: 5%;}
    .banner01 { width: 96%;  height: auto;}

}
/*e:fhe4yfljt7ylsh*/

/*s:gew42dy2hcbu1r*/
.product09 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.product09 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.product09 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.product09 .cx-title01 .subtitle { font-size: 16px;}
.product09 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.product09.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px;  background-color:#a92b2c; position: absolute; top: 0; z-index: 2; }
.product09 .cx-title01 h2 em.left:after { right: 0; }
.product09 .cx-title01 h2 em.right:after { left: 0; }
.product09 { width: 100%; background: linear-gradient(#db7be5,#a431b0); padding: 54px 0 60px;}
.product09 .pro-nav { width: 100%; text-align: center; }
.product09 .pro-nav a { display: inline-block; width: 16%; padding: 1.6% 0; background-color: #fff; color: #333; font-size: 16px; margin: 0 .6%;}
.product09 .pro-nav a:hover,
.product09 .pro-nav a.cur { background-color:#a92b2c; color: #fff; }
.product09 .pro-list { margin-top: 3%; }
.product09 .pro-cont { width: 24%; background-color: #fff; }
.product09 .pro-cont:not(:first-child) { margin-left: 1.33333%; }
.product09 .pro-cont>a {display: block; overflow: hidden; position: relative;}
.product09 .pro-cont .pic-Price { position: absolute; font-size: 20px; color: #fff; padding: 2%; background: #a92b2b; right: 0; bottom: 0; display: block; font-weight: normal;}

.product09 .pro-cont h3 { font-size: 18px; text-align: center;padding: 6% 8% 4%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product09 .pro-cont h3 a { color: #333; }
.product09 .pro-cont p { height: 38px; padding: 0 8%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product09 .pro-cont .abtns { width: 100%; margin-top: 8%; border-top: solid 1px rgba(116,116,116,.1); }
.product09 .pro-cont .abtns a { display: block; width: 50%; text-align: center; padding: 5% 0; font-size: 15px; color: #666;}
.product09 .pro-cont .abtns a:first-child { border-right: solid 1px rgba(116,116,116,.1); }
.product09 .pro-cont .abtns a:hover { color: #a92b2c; }
.product09 .pro-cont:hover h3 a { color: #a92b2c; }
.product09 .pro-cont:hover p { color: #333; }
@media screen and (max-width: 900px){
    .product09 .cx-title01 { margin-bottom: 5%; }
    .product09 .pro-nav { overflow: hidden; }
    .product09 .pro-nav a { display: block; float: left; width: 25%; padding: 2%; margin: 0; }
    .product09 .pro-nav a:not(:first-child) { border-left: solid 1px #e8e8e8; }
    .product09 .pro-cont { width: 48.5%; margin-bottom: 3%; }
    .product09 .pro-cont:not(:first-child) { margin-left: 0;}
    .product09 .pro-cont:nth-child(odd) { margin-right: 3%; }
}
@media screen and (max-width: 750px){
    .product09 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
    .product09 .cx-title01 h2 a { padding: 0 3%; }
    .product09 .cx-title01 .subtitle { font-size: 14px; }
    .product09 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
    .product09 { padding: 5% 3%; margin: 2% 0;}
    .product09 .pro-nav a { font-size: 14px; padding: 3% 1%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .product09 .pro-cont h3 { font-size: 16px; }
    .product09 .pro-cont .abtns a { font-size: 14px; }
}

/*e:gew42dy2hcbu1r*/

/* contrast */
.contrast{padding-top: 50px;background: #fff;overflow: hidden;padding-bottom: 60px;position: relative;}
.contrast-con {background: url("../images/contrast-bg.png") no-repeat center;width: 100%;height: 638px; box-shadow:0 0 18px -5px #ccc;}
.contrast-left { width: 34.5%; float: left;}
.contrast-left .left-tit{width:100%;padding:4% 0 6% 0;background: url("../images/contrast-left.png") no-repeat center;font-size: 24px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 4px;background-size: 100%; margin-left: -10px; }
.left-item {width: 100%;text-align: right;padding: 28px 0 23px 0;}
.left-item h3 { font-size: 18px; color: #202020; font-weight: bold;}
.left-item p { font-size: 18px; color: #484848; padding-top: 10px;}
.contrast-right .left-item h3 {color: #787878;text-align: left;}
.contrast-right .left-item p {color: #787878;text-align: left;}.contrast-right { float: right;width: 34.5%;}
.contrast-right .left-item { text-align: left;}
.contrast-right .left-tit{width:100%;padding:4% 0 6% 0;background: url("../images/contrast-right.png") no-repeat center;font-size: 24px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 4px;background-size: 100%; margin-left: 10px;}
.contrast-center { float: left; width: 31%;}
.contrast-center > img { display:block; margin:0  auto;width: 69px;}
.center-item { width: 100%; text-align: center; padding: 10px 0;}
.center-item:first-of-type { padding-top: 0;}
.center-item span {display: block;width: 91px;height: 91px;background: #a92b2b;border-radius: 50%;margin: 0 auto;}
.center-item span p  { font-size: 18px; color: #fff; width: 50%; margin: 0 auto; padding-top: 20px;}
.contrast-before {position: absolute;left: 0%;bottom: 16px;width: 20%;z-index: 999;animation: fadeinL 1s ease-out backwards;}
.contrast-before img {width:100%;}
@media screen and  (max-width:1440px ){
  .contrast-before { width:330px; left:-3%;}
}

@media screen and (max-width: 1200px){
     .contrast-before {display:none;}
    .contrast .cx-title01 h3 em { width: 10%;}
    .contrast-con { width: 98%; margin: 0 auto;}
    .contrast-left  .left-tit { font-size: 20px;}
}
@media screen and (max-width: 768px){
    .contrast-before {display:none;}
    .contrast-left { width:40%;}
    .contrast-center { width:20%;}
    .contrast-right { width:40%;}
    .contrast-con { width: 98%; background: none; box-shadow: none;}
    .left-item {padding: 15px 0;height: 120px;text-align: center;/* border-bottom: 1px solid #e6e6e6; */}
    .contrast-right .left-item { text-align:center;}
    .left-item h3 {font-size: 14px;text-align: right;}
    .left-item p {font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-align: right;}
    .contrast-center > img { display:block; margin:0  auto;width: 9.2vw;}
    .center-item:first-of-type {padding-top: 0;}
    .center-item{padding: 10px 0;}
    .center-item span {width: 40px;height: 100px;border-radius: 5px;}
    .center-item span p { font-size:14px; padding-top:11px;}
    .contrast-left  .left-tit { font-size: 12px;}
    .contrast-right  .left-tit { font-size: 12px;}
    .contrast-left .left-tit{ margin-left: -3px; font-size:16px; background-size:100% 100%;}
    .contrast-right .left-tit{ margin-left: 2px; font-size:16px;background-size:100% 100%;}
     
}
/* contrast end */


/* adv */
.adv{background:#202020;position: relative;padding-top: 50px;}
.adv .cx-title01 h2 a { color: #fff;}
.adv .cx-title01 span { color: #a9a9a9;}
.adv-con { position: relative; margin-top: 20px; width: 100%; background: url("../images/adv-bg.jpg") no-repeat center; height: 621px;}
.adv-left { float: left; width: 33.33%; overflow: hidden;}
.adv-left .adv-item:nth-of-type(1){padding-top: 112px; overflow: hidden;}
.adv-left .adv-item:nth-of-type(1) .adv-tit {float: left;width: 350px;padding-right: 14px;text-align:center;}
.adv-left .adv-tit:nth-of-type(1) p {font-size: 18px;color: #fff;text-align: right;}
.adv-left .adv-tit:nth-of-type(1) span {display: block;font-size: 15px;color: #9b9a9a;line-height: 1.5;padding-top: 10px;text-align: right;}
.adv-left .adv-item:nth-of-type(1) img { width: 74px; float: left;}
.adv-left .adv-item:nth-of-type(2){padding-top: 140px; overflow: hidden;}
.adv-left .adv-item:nth-of-type(2) .adv-tit {float: left;text-align:center;margin-right: 5px;}
.adv-left .adv-item:nth-of-type(2) p {width: 145px;font-size: 18px;color: #fff;text-align: right;float: right;}
.adv-left .adv-item:nth-of-type(2) span {clear: both;width: 211px;font-size: 15px;color: #9b9a9a;line-height: 1.5;padding-top: 10px;text-align: right;}
.adv-left .adv-item:nth-of-type(2) img {width: 74px;float: left;}
.adv-center { float: left; width: 33.33%; overflow: hidden;}
.adv-center .adv-item { width: 300px; margin: 0 auto; overflow: hidden;}
.adv-center .adv-item img { width: 74px; display: block; margin: 0 auto;}
.adv-center .adv-item .adv-tit { padding-top: 10px;}
.adv-center .adv-item .adv-tit p {font-size: 18px;color: #fff;}
.adv-center .adv-item .adv-tit span {display: block;font-size: 15px;color: #9b9a9a;line-height: 1.5;padding-top: 10px;}
.adv-right { float: left; width: 33.33%; overflow: hidden;}
.adv-right .adv-item:nth-of-type(1){padding-top: 112px; overflow: hidden;}
.adv-right .adv-item:nth-of-type(1) .adv-tit {float: left;width: 354px;text-align:center;padding-left: 43px;}
.adv-right .adv-tit:nth-of-type(1) p {font-size: 18px;color: #fff;text-align: left;}
.adv-right .adv-tit:nth-of-type(1) span {font-size: 15px;color: #9b9a9a;line-height: 1.5;padding-top: 10px;display: -webkit-box;text-align: left;}
.adv-right .adv-item:nth-of-type(1) img {width: 74px;float: left;margin-left: 22px;}
.adv-right .adv-item:nth-of-type(2){padding-top: 170px;overflow: hidden;margin-left: 160px;}
.adv-right .adv-item:nth-of-type(2) .adv-tit {float: left;text-align:center;width: 211px;padding-left: 12px;}
.adv-right .adv-item:nth-of-type(2) p {width: 124px;font-size: 18px;color: #fff;text-align: left;}
.adv-right .adv-item:nth-of-type(2) span { font-size: 15px; color: #9b9a9a; line-height: 1.5; padding-top: 10px; text-align: left;}
.adv-right .adv-item:nth-of-type(2) img {width: 74px;float: left;}
.adv-con .pic {position: absolute;bottom: -113px;left: 50%;width:540px;margin-left: -270px;}
.adv-con .pic img { width: 100%;}

@media screen and (max-width: 1500px){
    .adv-left .adv-item:nth-of-type(1) .adv-tit{ width: 65%; }
    .adv-left .adv-item:nth-of-type(1) span{}
    .adv-left .adv-item:nth-of-type(2) .adv-tit{width: 27%;}
    .adv-left .adv-item:nth-of-type(2) p {width: 100px;}
    .adv-left .adv-item:nth-of-type(2) span{width:100px;display: -webkit-box;}
    .adv-right .adv-item:nth-of-type(1) img {margin-left: 50px;}
    .adv-right .adv-item:nth-of-type(1) .adv-tit {width: 260px;}
    .adv-right .adv-item:nth-of-type(2){margin-left: 53%;}
    .adv-right .adv-item:nth-of-type(2) .adv-tit {width: 100px;/* float: left; */}
    .adv-right .adv-item:nth-of-type(2) p { width: 100px;}
    .adv-right .adv-item:nth-of-type(2) span {display:-webkit-box;width: 100px;}
}



@media screen and (max-width: 768px){
    .adv { padding-bottom: 70px;}
    .adv-con { background: none; height: inherit;overflow:hidden;}
    .adv-con .pic {display:block;width:80%;margin: 0 auto;position: initial;}
    .adv-left { width: 90%; margin: 0 auto; display: block; clear:both; float: none;}
    .adv-left .adv-item:nth-of-type(1){padding-top: 20px;}
    .adv-left .adv-item:nth-of-type(1) img { float: left;}
    .adv-left .adv-item:nth-of-type(1) .adv-tit { width: 70%; float: right;}
    .adv-left .adv-item:nth-of-type(1) p {width: 100%;text-align: left;}
    .adv-left .adv-item:nth-of-type(1) span {width: 100%;text-align: left;display: -webkit-box;}
    .adv-left .adv-item:nth-of-type(2){padding-top: 50px;}
    .adv-left .adv-item:nth-of-type(2) .adv-tit {width: 70%;float: right;/* margin-left: 26px; */}
    .adv-left .adv-item:nth-of-type(2) p {width: 100%;text-align: left;}
    .adv-left .adv-item:nth-of-type(2) span {width: 100%;text-align: left;}
    .adv-center { width: 90%; margin: 0 auto; display: block; clear:both; float: none;}
    .adv-center .adv-item {padding-top: 50px;width: 100%;}
    .adv-center .adv-item img { float: left;}
    .adv-center .adv-item .adv-tit { width: 70%; float: right;}
    .adv-center .adv-item p {text-align: left;}
    .adv-center .adv-item span {text-align: left;}
    .adv-right { width: 90%; display: block; margin:  0 auto;clear:both; float: none;}
    .adv-right .adv-item { width: 100%;}
    .adv-right .adv-item:nth-of-type(1) {padding-top: 50px;}
    .adv-right .adv-item:nth-of-type(1)  img {float: left;margin-left: 0;}
    .adv-right .adv-item:nth-of-type(1) .adv-tit {float: right;width: 70%;text-align: left;padding-left: 0;}
    .adv-right .adv-item:nth-of-type(1) p  {text-align: left;width: 100%;}
    .adv-right .adv-item:nth-of-type(1) span  {text-align: left;width:100%;}
    .adv-right .adv-item:nth-of-type(2)  {padding-top: 50px;width: 100%;padding-left: 0;margin-left: 0;}
    .adv-right .adv-item:nth-of-type(2) .adv-tit {float: right;width: 70%;text-align: left;padding-left: 0;}
    .adv-right .adv-item:nth-of-type(2) p  {text-align: left;width: 100%;}
    .adv-right .adv-item:nth-of-type(2) span  {text-align: left;width:100%;}
}


/* adv end */


/*s:qpff8x8d5mycfe*/
.advantage06 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.advantage06 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.advantage06 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.advantage06 .cx-title01 .subtitle { font-size: 16px; }
.advantage06 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.advantage06 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #a92b2c; position: absolute; top: 0; z-index: 2; }
.advantage06 .cx-title01 h2 em.left:after { right: 0; }
.advantage06 .cx-title01 h2 em.right:after { left: 0; }

.advantage06 { width: 100%; padding: 80px 0; background:no-repeat center;background-color: #f5f5f5; background-image:url(../images/22f89db003344fb2ad7462a2e5dc3b2a.gif);}
.advantage06 .advantage-box .left-cont { width: 36%; background-color: #fff; }
.advantage06 .left-cont .txts { padding: 6% 10% 12%; }
.advantage06 .left-cont .txts h3,
.advantage06 .advantage-cont h3 { font-size: 24px; color: #333; }
.advantage06 .left-cont .txts strong,
.advantage06 .advantage-cont strong { font-size: 32px; color: #a92b2c; font-weight: 400; }
.advantage06 .left-cont .txts p { height: 96px; font-size: 15px; color: #666; margin-top: 10%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.advantage06 .advantage-box .right-cont { width: 64%; }
.advantage06 .right-cont .advantage-cont { width: 48%; background-color: #fff; margin-left: 2%; margin-bottom: 2%; padding: 3% 4% 4.4%; }
.advantage06 .advantage-cont span { display: block; height: 1px; margin-top: 18%; position: relative; }
.advantage06 .advantage-cont span img { width: 10%; position: absolute; right: 0; bottom: 0; z-index: 5;}
.advantage06 .advantage-cont span:after { content: ''; display: block; width: 80%; height: 100%; background-color: rgba(0,0,0,.1); position: absolute; left: 0; bottom: 5px; z-index: 2; }
.advantage06 .advantage-cont p { height: 72px; font-size: 15px; color: #666; margin-top: 6%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}


@media screen and (max-width: 1500px){
    .advantage06 .advantage-cont span { margin-top: 15.2%; }
}

@media screen and (max-width: 1024px){
    .advantage06 .left-cont .txts h3,
    .advantage06 .advantage-cont h3 { font-size: 20px; }
    .advantage06 .left-cont .txts strong,
    .advantage06 .advantage-cont strong { font-size: 26px; }
}


@media screen and (max-width: 900px){
    .advantage06 .cx-title01 { margin-bottom: 5%; }
    .advantage06 .advantage-box .left-cont,
    .advantage06 .advantage-box .right-cont { width: 100%; }
    .advantage06 .right-cont .advantage-cont { width: 48.5%; margin: 3% 0 0 0; }
    .advantage06 .right-cont .advantage-cont:nth-child(odd) { margin-right: 3%; }
    .advantage06 .left-cont .txts { padding:5% 6% 7%; }
    .advantage06 .left-cont .txts p { height: auto; margin-top: 3%; }
}

@media screen and (max-width: 750px){
    .advantage06 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
    .advantage06 .cx-title01 h2 a { padding: 0 3%; }
    .advantage06 .cx-title01 .subtitle { font-size: 14px; }
    .advantage06 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }

    .advantage06 { padding: 5% 3%; margin: 2% 0;}
    .advantage06 .left-cont .txts h3 { font-size: 18px; }
    .advantage06 .advantage-cont h3 { font-size: 16px; }
    .advantage06 .left-cont .txts strong { font-size: 22px; }
    .advantage06 .advantage-cont strong { font-size: 20px; }
    .advantage06 .advantage-cont p { display: none; }
    .advantage06 .right-cont .advantage-cont { padding: 5% 6%; }
    .advantage06 .advantage-cont span { margin-top: 22%; }
    .advantage06 .advantage-cont span img { width: 14%; }
    .advantage06 .advantage-cont span:after { width: 76%; }
}
/*e:qpff8x8d5mycfe*/
/*s:qm1b4kxhh7hg60*/
.video01 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.video01 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.video01 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.video01 .cx-title01 .subtitle { font-size: 16px; }
.video01 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.video01 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#ab2b2a; position: absolute; top: 0; z-index: 2; }
.video01 .cx-title01 h2 em.left:after { right: 0; }
.video01 .cx-title01 h2 em.right:after { left: 0; }

.video01 { width: 100%; padding: 155px 0 60px; background:no-repeat center;background-color:#ffffff; background-image:url(../images/22f89db003344fb2ad7462a2e5dc3b2a.gif);}
.video01 .video-box { width: 100%; padding-top: 46.5%; position: relative; }
.video01 .video-box .left-cont { width: 74.75%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; z-index: 2;}
.video01 .video-box .right-cont { width: 25.25%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2;}
.video01 .video-box .left-cont video,
.video01 .video-box .left-cont iframe { width: 100%; height: 100%; min-height: 200px;}
.video01 .video-box .video-img { width: 96%; margin-left: 4%; position: relative;}
.video01 .video-box .video-img:not(:first-child) { margin-top: 4%; }
.video01 .video-box .video-img.cur span:before,
.video01 .video-box .video-img:hover span:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; border: solid 5px; border-color:#ab2b2a; box-sizing: border-box; }

.video01 .see-all-video { display: none; width: 100%; text-align: center; font-size: 16px; margin-top: 5%;}
.video01 .see-all-video a { color: #666; }
.video01 .xc-seeAll-icon01 em { background-color: #666; }

@media screen and (max-width: 900px){
    .video01 .cx-title01 { margin-bottom: 5%; }
}

@media screen and (max-width: 750px){
    .video01 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
    .video01 .cx-title01 h2 a { padding: 0 3%; }
    .video01 .cx-title01 .subtitle { font-size: 14px; }
    .video01 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }

    .video01 { padding: 5% 3%; margin: 2% 0;}
    .video01 .video-box .right-cont { display: none; }
    .video01 .see-all-video { display: block; }
    .video01 .video-box { padding-top: 0; }
    .video01 .video-box .left-cont { width: 100%; position: relative;}
}
/*e:qm1b4kxhh7hg60*/
/*s:r36sdkyxm9cbw3*/
.case01bg{background-image:url(../images/22f89db003344fb2ad7462a2e5dc3b2a.gif);}
.case01 { width: 100%; padding: 80px 0 60px; background:#f5f5f5;}
.case01 .cx-title01{ color: #fff; }
.case01 .cx-title01 h2, .case01 .cx-title01 h2 a { color:#333; }
.case01 .case-box .case-cont { width: 23%; border-bottom: solid 1px rgba(255,255,255,.2); margin: 0 1% 3%; position: relative; font-size:0;}
.case01 .case-box .case-cont:hover > a { color:#fff;}
.case01 .case-box .case-cont>a { display: block; width: 100%; color: #666; background:#f5f5f5;font-size: 16px; border-bottom:1px solid #d8d8d8;}
.case01 .case-box .case-cont a.tt { padding: 5% 0; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.case01 .case-cont .hver-box { width: 100%; padding-top: 62.5%; position: absolute; left: 0; top: 0; z-index: 3; overflow: hidden; }
.case01 .case-cont .hver-btns { width: 100%; padding: 5%; background-color:#000; position: absolute; bottom: 0; left: 0; z-index: 2; }
.case01 .case-cont .hver-btns a { display: block; width: 40%; color: #fff; font-size: 14px; position: relative; }
/*右箭头*/
.case01 .case-box .right { width: 12px; height: 12px; position: absolute; right: 5%; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.case01 .right-arrow1,
.case01 .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px solid;border-left-color:#000; overflow: hidden;}
.case01 .right-arrow1 { left: 3px; border-left: 6px #fff solid;}
.case01 .right-arrow2 { border-left: 6px solid;border-left-color:#000;}
.case01 .see-all-case { width: 100%; text-align: center; }
.case01 .see-all-case a { display: inline-block; color: #fff; background: #a92b2c; width:190px; height:60px; text-align:center; line-height:60px;font-size: 16px; }
.case01 .see-all-case a:hover { background: #202020;}
.case01 .case-box .case-cont:hover a.tt { background-color:#a92b2c; padding-left: 5%; padding-right: 5%; }
.case01 .case-box .case-cont:hover img {
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    transform:scale(1.08);
}
.case01 .case-box .case-cont:hover .hver-btns {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}

.case01 .case-cont .hver-btns {
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
}

.case01 .case-box .case-cont a.tt,
.case01 .case-cont .hver-btns {
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    transition:all .5s ease-out;
}

@media screen and (max-width: 750px){
    .case01 { padding: 5% 3%; margin: 2% 0;}
    .case01 .case-box .case-cont { width: 48%; }
    .case01 .cx-title01 h2 a { font-size: 20px;}
    .case01 .case-box .case-cont:nth-child(4),
    .case01 .case-box .case-cont:nth-child(5),
    .case01 .case-box .case-cont:nth-child(6),
    .case01 .case-box .case-cont:nth-child(7) { display: none; }
    .case01 .case-box .case-cont>a,
    .case01 .see-all-case a { font-size: 14px; }
    .case01 .case-cont .hver-box { display: none; }

}

.case01 .cx-title01 { width: 100%; text-align: center; color: #fff; margin-bottom: 50px;}
.case01 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.case01 .cx-title01 h2 a { color: #333; padding: 0 30px; }
.case01 .cx-title01 .subtitle { font-size: 16px; color:#222; }
/*.case01 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}*/
.case01 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#a92b2c; position: absolute; top: 0; z-index: 2; }
.case01 .cx-title01 h2 em.left:after { right: 0; }
.case01 .cx-title01 h2 em.right:after { left: 0; }
/*e:r36sdkyxm9cbw3*/
/*s:g285bevi294xss*/

/*ç¬¬ä¸€å¥—å…¬å…±æ ‡é¢˜æ ·å¼*/
.advantage09 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.advantage09 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.advantage09 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.advantage09 .cx-title01 .subtitle { font-size: 16px; }
.advantage09 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.advantage09 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#a92b2c; position: absolute; top: 0; z-index: 2; }
.advantage09 .cx-title01 h2 em.left:after { right: 0; }
.advantage09 .cx-title01 h2 em.right:after { left: 0; }

.advantage09 { width: 100%; padding: 80px 0; background:no-repeat center;background: linear-gradient(#db7be5,#a431b0);}
.advantage09 .advantage-cont { display: block; width: 25%; background-color: #fff;}
.advantage09 .advantage-cont>span { display: block; overflow: hidden; }
.advantage09 .advantage-cont .txts { width: 100%; padding-top: 62.5%; position: relative;}
.advantage09 .advantage-cont .txts>div { width: 100%; height: 100%; padding: 6% 8% 0; position: absolute; left: 0; top: 0; z-index: 2; }
.advantage09 .advantage-cont .txts h3 { font-size: 18px; color: #000; margin-bottom: 5%; }
.advantage09 .advantage-cont .txts p { height: 66px; font-size: 14px; color: #333; line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.advantage09 .advantage-cont .txts:before { content: ''; display: block; width: 0; height: 0; border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; left: 50%; margin-left: -8px; z-index: 5;}
.advantage09 .advantage-cont:nth-child(odd) .txts:before { border-bottom: solid 8px #fff; top: -6px;}
.advantage09 .advantage-cont:nth-child(even) .txts:before { border-top: solid 8px #fff; bottom: -6px;}
.advantage09 .advantage-cont .txts:after { content:''; display: block; width: 47px; height: 7px; background: url(../images/icon_jt.png) no-repeat; position: absolute; bottom: 12%; left: 8%; z-index: 6; background-size: 100% 100%; }


@media screen and (max-width: 1024px){
    .advantage09 .advantage-cont { width: 100%; }
    .advantage09 .advantage-cont>span { width: 50%; float: left; }
    .advantage09 .advantage-cont .txts { width: 50%; padding-top: 31.25%; float: left; }

    .advantage09 .advantage-cont .txts:before { margin-left: 0; margin-top: -8px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
    .advantage09 .advantage-cont:nth-child(odd) .txts:before { top: 50%!important; left: -10px;}
    .advantage09 .advantage-cont:nth-child(even) .txts:before { bottom: 50%!important; left: calc(100% - 6px);}
}

@media screen and (max-width: 900px){
    .advantage09 .cx-title01 { margin-bottom: 5%; }
}

@media screen and (max-width: 750px){
    .advantage09 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
    .advantage09 .cx-title01 h2 a { padding: 0 3%; }
    .advantage09 .cx-title01 .subtitle { font-size: 14px; }
    .advantage09 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }

    .advantage09 { padding: 5% 3%; margin: 2% 0;}
    .advantage09 .advantage-cont .txts h3 { font-size: 16px; margin-bottom: 2%; }
    .advantage09 .advantage-cont .txts p { height: auto; line-height: 20px; }
    .advantage09 .advantage-cont .txts:after { display: none;}
    .advantage09 .advantage-cont:nth-child(odd) .txts:before { left: -9px;}
    .advantage09 .advantage-cont:nth-child(even) .txts:before { bottom: 50%!important; left: calc(100% - 7px);}
}



/*e:g285bevi294xss*/
/*s:ytjklhqnflndpb*/
.certificate01 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.certificate01 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.certificate01 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.certificate01 .cx-title01 .subtitle { font-size: 16px; }
.certificate01 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.certificate01 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#a92b2c; position: absolute; top: 0; z-index: 2; }
.certificate01 .cx-title01 h2 em.left:after { right: 0; }
.certificate01 .cx-title01 h2 em.right:after { left: 0; }

.certificate01 { width: 100%; padding: 80px 0; background:no-repeat center;background-color: #f5f5f5; background-image:url(../images/22f89db003344fb2ad7462a2e5dc3b2a.gif);}
.certificate01 .certificate-box ul li { width: 24%; background-color: #fff;}
.certificate01 .certificate-box ul li:not(:first-child) { margin-left: 1.333333%; }
.certificate01 .certificate-box ul li p { text-align: center; padding: 0 5% 10%; font-size: 16px; color: #666;}
.certificate01 .certificate-box ul li>span { display: block; overflow: hidden; }

.certificate01 .certificate-box ul li:hover {
    -webkit-transform:translateY(-6px);
    -moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    transform:translateY(-6px);
}
.certificate01 .certificate-box ul li {
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    transition:all .5s ease-out;
}

@media screen and (max-width: 900px){
    .certificate01 .cx-title01 { margin-bottom: 6%; }
}

@media screen and (max-width: 750px){
    .certificate01 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
    .certificate01 .cx-title01 h2 a { padding: 0 3%; }
    .certificate01 .cx-title01 .subtitle { font-size: 14px; }
    .certificate01 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }

    .certificate01 { padding: 5% 3%; margin: 2% 0;}
    .certificate01 .certificate-box ul li { width: 48.5%; margin-bottom: 3%; }
    .certificate01 .certificate-box ul li:nth-child(odd) { margin-right: 3%; }
    .certificate01 .certificate-box ul li:not(:first-child) { margin-left: 0; }
    .certificate01 .certificate-box ul li p { font-size: 15px; }
}
/*e:ytjklhqnflndpb*/

/* traffic */
.traffic{ padding-top: 63px; background: #fff;}
.width1400 .cx-title01 h2 em { margin-left: 30px; margin-right: 30px; }
.traffic-con { padding-top: 8px; overflow: hidden; position: relative;}
.traffic-item {float: left;width: 22.2%;}
.traffic-item .pic  {width: 37.4%;float: left;}
.traffic-item .pic span {display: block; width: 100%;text-align: center;  border-radius: 50%; border: 2px solid #e5e1e1; background: #fff; box-sizing:border-box;}
.traffic-item .pic span:hover { background: #a92b2b;}
.traffic-item .pic span:hover img {filter:contrast(0%) brightness(200%)}
.traffic-item .pic  p { text-align: center; width: 100%; font-size: 18px; padding-top: 20px;}
.traffic-item:last-of-type {width: 8.3%; float: right;}
.traffic-item:last-of-type .pic {width:100%;}
.traffic-next {float:left;width: 54%;margin: 0 4%;overflow: hidden;position: relative;}
.traffic-next:after {position: absolute;content:'';width: 100%;left: 0;top: 76%;height: 1px;background: #e5e1e1;}
.traffic-next span {display: block;background: url("../images/traffic-next.jpg") no-repeat center;width: 30px;height: 30px;margin: 25% auto 0;position: relative;z-index: 99;}

@media screen and (max-width: 1200px){
    .traffic-item .pic  { width: 41.7%; float: left;}
}
@media screen and (max-width: 768px){
    .traffic { padding-top: 50px;}
    .traffic-con { padding-top: 20px;}
    .traffic-item  { width: 33.3%; float: left; margin-bottom: 20px;}
    .traffic-item:last-of-type {width: 33.3%; float: left; margin-bottom: 20px;}
    .traffic-item:last-of-type .pic {width:41.7%; margin-left:29%;}
    .traffic-item .pic  { margin-left: 29%;}
    .traffic-item .pic p { font-size: 16px;}
    .traffic-next { display: none;}
}
/* traffic end */

/*s:6k6j4bloj99n3f*/
.probe03 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.probe03 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.probe03 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.probe03 .cx-title01 .subtitle { font-size: 16px; }
.probe03 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.probe03 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#a92b2c; position: absolute; top: 0; z-index: 2; }
.probe03 .cx-title01 h2 em.left:after { right: 0; }
.probe03 .cx-title01 h2 em.right:after { left: 0; }
.probe03 { width: 100%; padding: 80px 0 60px;  background:no-repeat center;background: linear-gradient(#db7be5,#a431b0);}
.probe03 .probe-box { margin-top: 6%; }
.probe03 .probe-cont { width: 30.33333%; height: 210px; padding-top: 65px; text-align: center; border: solid 1px #e5e5e5; position: relative;}
.probe03 .probe-cont:nth-child(2) { margin: 0 4.5%;}
.probe03 .probe-cont span.icon { display: block; width: 70px; height: 70px; background-color:#f5f5f5; border: solid 1px #e8e8e8; border-radius: 50%; position: absolute; left: 50%; margin-left: -35px; top: -35px; z-index: 5; }
.probe03 .probe-cont span.icon img { width: 38%; margin: 0 auto; position: relative; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%); }
.probe03 .probe-cont span.icon:before,
.probe03 .probe-cont span.icon:after { content:''; display: block; width: 16px; height: 2px; background-color:#f5f5f5; position: absolute; top: 50%; margin-top: -1px; z-index: 9;}
.probe03 .probe-cont span.icon:before { left: -16px; }
.probe03 .probe-cont span.icon:after { right: -16px; }
.probe03 .probe-cont h4 { font-size: 20px; color: #222; margin-bottom: 12px; }
.probe03 .probe-cont strong { font-size: 28px; color:#a92b2c;display:block;}
.probe03 .probe-cont strong a { color:#a92b2c;}
.probe03 .probe-cont:after { content: ''; display: block; width: 20px; height: 1px; background-color:#cbcbcb; position: absolute; bottom: 25px; left: 50%; margin-left: -9px; z-index: 9; }
.probe03 .probe-cont p { font-size: 15px; color: #666; }
.probe03 .probe-cont .ewm-infos { width: 75%; text-align: left; margin-left: 17%;}
.probe03 .probe-cont .ewm-infos .ewm { display: block; width: 34%; }
.probe03 .probe-cont .ewm-infos .txts { width: 60%; }
.probe03 .probe-cont > a { float: left; width: 85px; margin-left: 8%;}.
@media screen and (max-width: 900px){
    .probe03 .cx-title01 { margin-bottom: 5%; }
}
@media screen and (max-width: 750px){
  .probe03 .probe-cont strong  { font-size:20px;}
  .probe03 { padding-top:50px;}
  .probe03 .probe-cont {width: 94%;margin:0 3% 60px 3%;}
  .probe03 .probe-cont:nth-child(2) {margin: 0 3% 60px 3%;}
  .probe03 .probe-cont:nth-child(3) { margin-bottom:0;}
  .probe03 .cx-title01 h2 a { font-size:20px;}
  .probe03 .cx-title01 h2 em { display:none;}

}
/*e:6k6j4bloj99n3f*/
/*s:49wit9ex5niavr*/
.news01 { padding: 40px 0 60px; background:no-repeat center;background: linear-gradient(#db7be5,#a431b0);}
.news01 .news-nav { width: 100%; text-align: center; font-size: 16px; }
.news01 .news-nav a { display: inline-block; width: 180px; padding: 1% 0; background-color: #f5f5f5; color: #333;}
.news01 .news-nav a:not(:first-child) { margin-left: 12px; }
.news01 .news-nav a.cur,
.news01 .news-nav a:hover { background-color:#a92b2c; color: #fff; }
.news01 .news-main { margin-top: 3%; width: 100%; padding-top: 36.5%; position: relative;}
.news01 .news-main .news-cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
.news01 .news-main .news-cont:not(:first-child) { display: none; }
.news01 .news-cont .first-cont { width: 50%; height: 100%; position: relative;}
.news01 .news-cont .news-list { width: 46%; height: 100%; overflow: hidden;}
.news01 .news-cont .circle-btns { width: 100%; position: absolute; bottom: 90px; z-index: 9; text-align: center; }
.news01 .news-cont .circle-btns span { opacity: 1; background-color: #fff; }
.news01 .news-cont .circle-btns .swiper-pagination-bullet-active { background-color:#a92b2c;}
.news01 .news-cont .prev-btn,
.news01 .news-cont .next-btn { width: 55px; height: 55px; background-color: rgba(0,0,0,.5); position: absolute; top: 42%; margin-top: -27.5px; z-index: 3; cursor: pointer;}
.news01 .news-cont .prev-btn { left: 0; }
.news01 .news-cont .next-btn { right: 0; }
.news01 .news-cont .prev-btn:after,
.news01 .news-cont .next-btn:after { content: ''; display: block; width: 9px; height: 16px; background: url(../images/banner_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.news01 .news-cont .next-btn:after {
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.news01 .news-cont .first-cont>a { display: block; width: 94%; height: auto; background-color: #fff; padding: 4% 0; position: absolute; bottom: 0; left: 3%; z-index: 9;}
.news01 .news-cont .date { display: block; width: 18%; color: #666; text-align: center;}
.news01 .news-cont .first-cont .txts { display: block; width: 82%; }
.news01 .news-cont .date strong { display: block; font-size: 40px; }
.news01 .news-cont .date em { font-size: 14px; }
.news01 .news-cont .first-cont .txts { padding: 0 5%; border-left: solid 1px #ebebeb; }
.news01 .news-cont .txts h3 { font-size: 16px; color: #222; padding-bottom: 3%;}
.news01 .news-cont .txts p { font-size: 14px; color: #fff; line-height: 22px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news01 .news-list .txts { width: 78%; height: 100%; overflow: hidden;}
.news01 .news-list .date { width: 18%; height: 100%; background-color: #fff;}
.news01 .news-list .date>div { position: relative; top: 50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%);}
.news01 .news-list .infos { height: 20%; margin-bottom: 5%; }
.news01 .see-all-news { width: 100%; text-align: center; margin-top: 3%; }

.news01 .news-list .infos:hover h3,
.news01 .news-cont .first-cont>a:hover h3 { color:#a92b2c; }
.news01 .news-list .infos:hover .txts p,
.news01 .news-cont .first-cont>a:hover .txts p { color: #222; }
.news01 .cx-title01 { width: 100%; text-align: center; color: #222222; margin-bottom: 30px;}
.news01 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.news01 .cx-title01 h2 a { color: #222222; padding: 0 30px; }
.news01 .cx-title01 .subtitle { font-size: 16px; }
.news01 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.news01 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#a92b2c; position: absolute; top: 0; z-index: 2; }
.news01 .cx-title01 h2 em.left:after { right: 0; }
.news01 .cx-title01 h2 em.right:after { left: 0; }


@media screen and (max-width: 1100px){
    .news01 .news-cont .date strong { font-size: 28px; }
}
@media screen and (max-width: 750px){
    .news01 .cx-title01 { margin-bottom: 0;}
    .news01 .cx-title01 h2 a { font-size:20px;}
    .news01 .cx-title01 h2 em { display:none;}
    .news01 { padding: 5% 3%; margin: 2% 0;}
    .news01 .news-nav { font-size: 14px; overflow: hidden; }
    .news01 .news-box .news-nav a { display: block; float: left; width: 33.333333%; margin-left: 0; padding: 2% 0;}
    .news01 .news-cont .first-cont,
    .news01 .news-cont .news-list { width: 100%; }
    .news01 .news-main { padding-top: 0; }
    .news01 .news-main .news-cont { position: relative; }
    .news01 .news-cont .first-cont>a { position: relative; width: 100%; left: 0; }
    .news01 .news-cont .news-list { margin-top: 3%; border-top: solid 1px #f5f5f5;}
    .news01 .news-list .infos { height: 120px; padding: 3% 0; border-bottom: solid 1px #f5f5f5; margin-bottom: 0;}
    .news01 .news-cont .circle-btns { bottom: 10px; }
    .news01 .news-cont .date em { font-size: 12px; }
}
@media screen and (max-width: 540px){
    .news01 .news-list .infos { height: 100px; }
}
/*e:49wit9ex5niavr*/



/* search */
.search { position: relative; width: 100%; overflow: hidden; background: #fff; padding: 25px;}
.search-con { width: 1400px; margin: 0 auto;}
.hot-search {float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width:500px;}
.hot-search span {float: left;display: block;font-size: 14px;color: #b3383a;font-weight: bold;line-height: 35px;margin-right: 5px;}
.hot-search ul {float: left;overflow: hidden;height: 35px;line-height: 35px; width:70%;}
.hot-search li {float: left;font-size: 14px;color: #333;margin: 0 8px;}
.hot-search li:hover a { color:#a92b2b;}
.search-input { float: right; display:block;width: 373px; height: 35px; border: 1px solid #e4e4e4; border-radius: 18px;}
.search-input input { float: left; width: 70%; margin-left: 5%; height: 35px; line-height: 35px;  border: none; background: transparent; font-size: 14px;}
.search-input input::placeholder { color: #dedede;}
.search-input button { float:right;background: url("../images/search.png")no-repeat center; width: 47px; height: 35px; border: none; margin-top: -1px;}
@media screen and (max-width: 1400px){
    .search-con { width: 1200px;}
}
@media screen and (max-width:1200px){
    .search-con { width: 100%;}
    .hot-search { width: 40%; height: 35px;}
}
@media screen and (max-width:768px){
    .hot-search { width: 100%; display:block;}
    .search-input { clear: both; display: block; width: 100%; margin-top: 20px;}
}
/* search end */

h2.black{color:#000;}