@charset "utf-8";
/* CSS Document */
    .index_banner{
        position: relative;
    }
    .index_banner .banner .flex-direction-nav{
        display: block;

    }
    .index_banner .banner .flex-direction-nav .flex-prev {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -32px;
        display: block;
        width: 64px;
        height: 64px;
        background-image: url(/Public/Home/default/images/left3.png);
        background-repeat: no-repeat;
        background-position: left top;
        /*filter: alpha(opacity=50);*/
        /*opacity: 0.5;*/
        z-index: 999;
    }
    .index_banner .banner .flex-direction-nav .flex-next {
        position: absolute;
        right: 3%;
        top: 50%;
        margin-top: -32px;
        display: block;
        width: 64px;
        height: 64px;
        background-image: url(/Public/Home/default/images/right3.png);
        background-repeat: no-repeat;
        background-position: left top;
        /*filter: alpha(opacity=50);*/
        /*opacity: 0.5;*/
        z-index: 999;}
/*banner*/
.banner17 .shutter {
    overflow: hidden;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner17 .shutter-img {
    z-index: 1;
}

.banner17 .shutter-img,
.banner17 .shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner17 .shutter-img a {
    cursor: default;
}

.banner17 .shutter-img a>img {
    width: 1920px;
    height: auto;
}

.banner17 .shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.banner17 .shutter-btn {
    width: 1300px;
    height: 64px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-left: -650px;
    margin-top: -32px;
    left: 50%;
    clear: both;
    display: none;
}

.banner17:hover .shutter-btn {
    display: block;
}

.banner17 .shutter-btn li {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.banner17 .shutter-btn li.prev {
    float: left;
    background: url(../images/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/right3.png) no-repeat;
}

.index_title{text-align: center;padding: 55px 0 40px 0;letter-spacing: 1px;}
.index_title h2{font-size: 30px;color: #313232;font-weight: normal;}
.index_title p.heng{font-size: 0;width: 71px;height: 3px;background: #e70012;margin: 20px auto;}
.index_title p.txt{font-size: 16px;color: #191a1a;}

a.more{font-size: 16px;color: #fff;text-align:center; width: 124px;height: 42px;line-height: 42px;background: #e70012; display:block;margin: 25px auto 0; }



/*in-pro*/
.in-pro{ background:#fafafa;
    overflow: hidden;
    width: 100%;
	padding-bottom:50px;
}
.in-pro a.amore{
    color:#fff;
}
.in-pro .title{ margin: 40px 0 55px;}
.in-pro .top{  color: #FFF;  padding-right: 20px;  text-align: right; line-height: 80px; font-size: 18px; height: 77px}
.in-pro .top em{ font-size: 27px;}
.in-pro .left{
    overflow: hidden;
    width: 286px;
    margin-left: 1px;
    padding-top: 14px;
}
.in-pro .left li {
    width: 240px;
    margin: 0 auto;
    background: url(../images/pro-left-libg2.jpg) repeat-x bottom;
    line-height: 30px;
}
.in-pro .left li a{
    background:url(../images/pro-left-libg.png) no-repeat left center ;
    padding-left: 30px;
    color: #FFF;
    font-size: 16px;
}
.in-pro .left li ul.m_2{
    overflow: hidden;
}
.in-pro .left li ul.m_2 li{
    background: none;
    line-height: 25px;
}
.in-pro .left li ul.m_2 li a{
    background: none;
    font-size: 15px;
}

.slideGroup{ width:100%; }
.slideGroup .parHd{ height:80px;  position:relative; background: #f3f3f3 ; margin-bottom:40px;  }


.slideGroup .pagee{overflow: hidden;}

.slideGroup .parHd .prev,.slideGroup .parHd .next {
    position: absolute;
    width: 16px;
    height: 80px;
    top: 0;
    cursor: pointer;
}
.slideGroup .parHd .prev {
    left: -15px;
    background: url(../images/proleft.png) no-repeat;
}



.slideGroup .parHd .next {
    right: -15px;
    background: url(../images/proright.png) no-repeat;
}

.slideGroup .parHd ul{ float:left; position:absolute; left:0; top:0;  width: 130%; text-align: center  }
.slideGroup .parHd ul li{  display: inline-block;cursor:pointer; width: 240px; height:80px; float: left;   }
.slideGroup .parHd ul li span{width:50px; height: 33px; display: inline-block; vertical-align: middle; padding-right:10px; overflow: hidden; position: relative;}
.slideGroup .parHd ul li a{ color: #1a1a1c; font-size: 18px; line-height: 40px; display: block; border-right: 1px solid #d0d1d1; margin-top:20px;}

.slideGroup .parHd ul li span .img1,.slideGroup .parHd ul li span .img2{transition: all ease-out 0.5s; overflow: hidden; position: absolute; left:0}
.slideGroup .parHd ul li span .img2{left:60px;}
.slideGroup .parHd ul li:hover span .img1,.slideGroup .parHd ul li.on span .img1{ left:-60px; transform:left 10ms;}
.slideGroup .parHd ul li:hover span .img2,.slideGroup .parHd ul li.on span .img2{left:0px; transform:left 10ms;}
.slideGroup .parHd ul li.on{  background:#e70012; color: #FFF;  }
.slideGroup .parHd ul li.on a{ color:#fff;}
.slideGroup .parHd ul li:hover a,.slideGroup .parHd ul li.on a{
    border: none;
}


.slideGroup .slideBox{ zoom:1; padding:0 0 10px 0; position:relative; height:315px;  }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-68px; top:100px; display:block; width:68px; height:68px; background:url(../images/icoLeft.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:-68px; background:url(../images/icoRight.png) center center no-repeat;  }
.tempWrap1{ width: 1200px!important; overflow: hidden}

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:287px; height:245px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:60px; margin: 0; background: #f6f6f6 ; padding:0;  }
.slideGroup .parBd ul li:hover .title a{
    color:#197bc6;
    font-weight: bold;
}
.amore{
    width:159px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    text-indent: 58px;
    margin: 50px auto;
    display: block;
    background:#e70012;
}
.amore:link{
    color:#fff;
}

/* in_adv */
.in_adv{background: url(../images/adv_bg.jpg) no-repeat top center;height: 237px;}
.in_adv .index_title h2{color: #fff;}
.in_adv .index_title p.heng{background: #fff;}
.in_adv .index_title p.txt{color: #fff;}

/* in_advan */
.in_advan{background:#fafafa;padding: 127px 0 55px 0;}
.in_advan ul li{float: left;width: 280px;height: 295px; text-align: center; line-height: 24px;font-size: 15px;background: #fff;border: 1px solid #f4f4f4;margin-right: 24px;letter-spacing: 1px;}
.in_advan ul li img{background: url(../images/advan_bg1.png) no-repeat;margin-top: -72px;}
.in_advan ul li h2{color: #313232;font-size: 24px;font-weight: normal;margin-top: 25px;}
.in_advan ul li p{margin-bottom: 20px;letter-spacing: 0;}
.in_advan ul li p.heng{font-size: 0;width: 52px;height: 3px;background: #e70012;margin: 20px auto 0;}
.in_advan ul li a{color: #191a1a;}
.in_advan ul li:hover{-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; -moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.in_advan ul li:hover img{background: url(../images/advan_bg2.png) no-repeat;}
.in_advan ul li:hover h2{color: #ee4c58;}
.in_advan ul li:hover p.heng{background: #ee4c58;}

/* in_service */
.in_service .bd{width: 100%;overflow: hidden;height: auto;}
.in_service .bd ul li{width:480px;position: relative;}
.in_service .bd ul li img{width:480px; height:288px;}
.in_service .bd ul li .cover{position: absolute;z-index: 9;text-align: center;padding: 0 77px;top:80px;width:326px;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;}
.in_service .bd ul li h2{font-size: 22px;color: #fff;line-height: 36px;}
.in_service .bd ul li p.heng{font-size: 0;width: 71px;height: 3px;background: #fff;margin: 15px auto;}
.in_service .bd ul li p.txt{font-size: 15px;color: #fff;line-height: 36px;}
.in_service .bd ul li .mask_blue {background: #282c2f;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;opacity:.6; opacity:0\6\0;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.in_service .bd ul li .btn_con {opacity: 0;transition: all .4s ease-in-out;}
.in_service .bd ul li .btn_con a {margin-top: 15px; width: 120px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #ddd;display: inline-block;color: #fff;font-size: 15px;}

.in_service .bd ul li:hover .mask_blue {background: #ee4c58;opacity:.8; opacity:0\8\0;}
.in_service .bd ul li:hover .cover {top:50px;}
.in_service .bd ul li:hover .btn_con {opacity:1;}
.in_service .bd ul li .btn_con a:hover{background:#fff; color: #525356;}

.in_service .hd {width: 100%;text-align: center;margin-top: 25px;}
.in_service .hd ul li {display: inline-block;width: 27px;height: 5px;background: #e70012;margin: 0 5px;font-size: 0;border-radius:2.5px;}
.in_service .hd ul li.on {background: #ee4c58;}


/* in_news */
.in_news{background:#fafafa;margin-top: 55px;padding-bottom:55px; }
.in_news .news_top {text-align: center;}
.in_news .news_top li{display: inline-block;height: 38px;line-height: 38px;width: 230px;border:1px solid #000;margin:0 10px;}
.in_news .news_top li a{color: #000;font-size: 18px;}
.in_news .news_top li:hover,.in_news .news_top li.on{border:1px solid #e70012;}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #e70012;}

.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}
.in_news .news_box li {width:338px;padding-bottom: 20px;float: left;margin-right:30px; margin-top: 30px;background:#fff;padding: 20px;border: 1px solid #f4f4f4;}
.in_news .news_box li .des img {height: 142px;width: 142px;border-radius:71px}
.in_news .news_box li .txt { width: 380px;}
.in_news .news_box li p.txt1{font-size: 16px;color: #313232;}
.in_news .news_box li p.txt2{color: #9d9f9f;}
.in_news .news_box li:hover{-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; -moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.in_news .news_box li:hover p.txt1{color: #e70012;}
.in_news .news_box li .txt a.fr{background: #e70012;color: #fff;line-height: 18px;height: 20px;padding: 0 15px;border-radius: 10px;}
.in_news .news_box li .txt a.fr:hover{background: #ee4c58;}
.in_news a.more{background: #e70012;}


/* in_case */
.in_case{padding-bottom:55px;}
.in_case ul li {float: left;width: 228px;margin: 0 6px;}
.in_case ul li img {width: 228px;height: 120px;}
.pp{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.pp:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}


.case_list {
    position: relative;
    padding: 20px 30px;
}

.case_list li a {
    display: block;
    border: 1px solid #dbdced;
}

.case_list li img {
    display: block;
    width: 100%;
}

.case_list ul li{ width:228px;margin-bottom:10px;}

.case_list ul li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
.case_list ul li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
        overflow: hidden;
    }
.case_list ul li a img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
.case_list ul li:hover a {
        border-color: #d82019;
    }


/*公司简介*/
.indxAboutus {
    background-color: #f1f4f9;
}

.indxAboutus .par-posimg {
    background: url(../images/1569373233.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    height: 383px;
    float: right;
    width: 50%;
	font-size: 16px;
    line-height: 28px;
}
.indxAboutus .par-text {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: #ffffff;
    text-transform: uppercase;
	font-size: 16px;
    line-height: 28px;
}

.indxAboutus .par-text h2 {
    font-weight: lighter;
}

.indxAboutus .par-text h3 {
    padding: 8px 0;
}

.indxAboutus .par-content {
    float: right;
    padding: 20px;
	font-size: 16px;
    line-height: 28px;
}

.indxAboutus .par-content h2 {
    text-transform: uppercase;
    font-family: DINPro;
    padding: 0 0 5px 0;
}

.indxAboutus .par-content p {
    color: #222222;
    opacity: 0.8;
}

.font34 {
    font-size: 34px;
    line-height: 38px;
}
.cd82019 {
    color: #d82019;
}

.index-more a {
    display: inline-block;
    border: 2px solid #e1e1e4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height:30px;
    line-height: 28px;
    text-align: center;
    padding: 0 20px;
    color: #6e6f7b;
    font-size: 13px;
}
@media (min-width: 1024px){
.indxAboutus .par-content {
    float: right;
    width: 50%;
    max-width: 600px;
    padding: 4% 40px 0;
}
.index-more a {
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 30px;
    line-height: 30px;
    padding: 0 46px;
}
    .index-more a:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #d82019;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        -moz-transition-property: transform, -moz-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .index-more a:hover {
        color: #ffffff;
        border-color: #ffffff;
    }

    .index-more a:hover:before {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
	.font32 {
    font-size: 32px;
    line-height: 36px;
}
.indxAboutus .par-text h3 {
    padding: 22px 0 20px;
}
.indxAboutus .par-text {
    top: 45%;
    left: 38px;
    max-width: 385px;
}
}

		/* 产品中心css */
		.picMarquee-left{ overflow:hidden; position:relative; }
		.picMarquee-left .hd{ position: relative;}
		.picMarquee-left .hd .prev{ position:absolute; left:0px;  top:80px;  display:block;  width:68px; height:68px; float:right; margin-right:5px; margin-top:10px;
			 cursor:pointer; background:url(/Public/Home/default/images/icoLeft.png) no-repeat;}
		.picMarquee-left .hd .next{ position:absolute; right:0px; top:80px; display:block;  width:68px; height:68px; float:right; margin-right:5px; margin-top:10px;
			 cursor:pointer; background:url(/Public/Home/default/images/icoRight.png) no-repeat;}

		.picMarquee-left .bd{ margin:0 70px; overflow:hidden; }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:260px; height:195px; display:block; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;}
		.picMarquee-left .bd ul li .title{ line-height:24px; margin:20px;}