@charset "utf-8";

body{min-width: 1200px; width: 100%;}


/*关于我们*/

.about_bg{ background:url(../images/about_bg.jpg) no-repeat center 0; height: 500px;overflow: hidden;}

/*.about {padding: 60px 0 0;background-color:rgba(255,255,255,0.1);height: 500px;}*/
.about {padding: 60px 0 0;}

.about_img_box{width:558px;height:328px;overflow:hidden;position:relative;border:1px solid #ddd;float:left;}
.about_img_box .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1}
.about_img_box .hd ul{overflow:hidden;zoom:1;float:left}
.about_img_box .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer}
.about_img_box .hd ul li.on{background:#f00;color:#fff}
.about_img_box .bd{position:relative;height:100%;z-index:0}
.about_img_box .bd li{zoom:1;vertical-align:middle}
.about_img_box .bd img{width:558px;height:328px;display:block}


/*走进*/

/*text-indent: 2em;
line-height: 30px;*/

.about .text{width: 620px; height: 328px;float: right;color: #fff}
.about .text h2{height:50px; line-height:50px; font-size: 24px; color: #fff;text-align: center;}
.about .text .con{height:228px; font-size: 16px;padding-bottom: 20px; color: #fff;text-indent: 2em;    overflow: hidden;    text-overflow: ellipsis;}


.about .btn{
	line-height: 30px;width:100px; height: 30px;border:0px solid #d4d4d4;    border-radius:15px;    background-color:#f68100; color:#fff; font-size: 16px; text-align: center;margin-left: 260px
}

.about .btn a{color: #fff}






/*产品*/
.product{padding: 30px 0 80px; background-color: #fff}

.product .tit{font-size: 36px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.product .tit:before{content: "";width: 48px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.product .tit:after{content: "";width: 48px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.product .tit a{color: #333;}
.product .tit span{display: block;font-size: 20px;font-weight: normal;}

/*产品滚动*/
.slideGroup{width:1198px;border:1px solid #ddd;text-align:left}
.slideGroup .parHd{height:30px;line-height:30px;background:#f4f4f4;padding:0 20px;border-bottom:1px solid #ddd;position:relative}
.slideGroup .parHd ul{float:left;position:absolute;left:20px;top:-1px;height:32px}
.slideGroup .parHd ul li{float:left;padding:0 15px;cursor:pointer}
.slideGroup .parHd ul li.on{height:30px;background:#fff;border:1px solid #ddd;border-bottom:2px solid #fff}
.slideGroup .slideBox{overflow:hidden;zoom:1;padding:10px 0 10px 42px;position:relative}
.slideGroup .sPrev,.slideGroup .sNext{position:absolute;left:5px;top:10px;display:block;width:30px;height:200px;border:1px solid #ddd;background:url(/Plugin/SuperSlide2.1/images/icoLeft.gif) center center no-repeat #f4f4f4}
.slideGroup .sNext{left:auto;right:5px;background:url(/Plugin/SuperSlide2.1/images/icoRight.gif) center center no-repeat #f4f4f4}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{border-color:#f60}
.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:257px;height:200px;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:24px}

/*产品滚动2*/

.picScroll-left{width:auto;overflow:hidden;position:relative;margin-top: 20px}
.picScroll-left .prev,.picScroll-left .next{position:absolute;left:0%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(/Plugin/SuperSlide2.1/images/slider-arrow.png) -175px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5}
.picScroll-left .next{left:auto;right:0px;background-position:-50px 5px}
.picScroll-left .prev:hover,.picScroll-left .next:hover{filter:alpha(opacity=100);opacity:1}
.picScroll-left .prevStop{display:none}
.picScroll-left .nextStop{display:none}
.picScroll-left .bd{width: 1100px;overflow:hidden; margin: 0px 50px}
.picScroll-left .bd ul{overflow:hidden;zoom:1}
.picScroll-left .bd ul li{margin:0 8px 0px 0px;float:left;_display:inline;overflow:hidden;text-align:center;background-color: #0964ad;color:#fff;}
.picScroll-left .bd ul li .pic{text-align:center}
.picScroll-left .bd ul li .pic{text-align:center;overflow: hidden;}
.picScroll-left .bd ul li .pic img{width:300px; height:260px;display:block;padding:0px;border:0px solid #ccc;transition: all 0.6s;}

.picScroll-left .bd ul li:hover .pic img{transform: scale(1.2)}
.picScroll-left .bd ul li:hover .title{line-height:40px;color:#ffffff; height: 40px}
.picScroll-left .bd ul li:hover.title a{line-height:40px;color:#ffffff;}





.picScroll-left .bd ul li .pic a:hover img{border-color:#999}
.picScroll-left .bd ul li .title{line-height:40px;color:#ffffff; height: 40px}
.picScroll-left .bd ul li .title a{line-height:40px;color:#ffffff;}
.picScroll-left .bd ul li .text {width: 245px;color:#fff;height: 80px; border: 0px solid #c8d2df; text-align: center; font-size: 26px; display: block; line-height: 80px;}
.picScroll-left .bd ul li .text a{color:#fff  !important;height: 80px;text-align: center; font-size: 26px; display: block; line-height: 80px;font-weight: 900; text-align: justify;text-align-last: justify;padding: 0px 15px;word-break: break-all; text-justify: distribute;}
.picScroll-left .bd ul li .text:hover {width: 245px;background: #af0c0c;}
.picScroll-left .bd ul li .text:hover a{color: #fff;font-size: 26px;background:url("/static/pc/04/text_bg.png") repeat}

.bnt a{display:block;margin:0 auto;width:150px;text-align:center;height:40px;line-height:40px;font-size:18px;overflow:hidden;border-radius:0px;background:#fff;border:solid 1px #0964ad;color:#333}
.bnt1 a{display:block;margin:0 auto;width:150px;text-align:center;height:40px;line-height:40px;font-size:18px;overflow:hidden;border-radius:0px;border:solid 1px #0964ad;color:#fff}
.bnt2 a{display:block;margin:0 auto;width:100px;text-align:center;height:30px;line-height:30px;font-size:14px;color:#fff;overflow:hidden;border-radius:20px;background:#f68100}

/**/
.yin{background:url(../images/yin_t.png) no-repeat center 0;height: 126px;margin-top: -52px;position: relative;z-index: 10;}
.yin ul li{width: 200px;float: left;background:url(../images/yin_line.gif) no-repeat 0 40px;height: 106px;line-height: 106px;overflow: hidden;font-size: 16px;color: #333;}
.yin ul li em{display: block;width: 30px;height: 30px;float: left;line-height: 0;overflow: hidden;margin: 38px 8px 0 40px;}
.yin ul li em img{width: 30px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.yin ul li span{display: block;float: left;font-weight: bold;width: 100px;overflow: hidden;}
.yin ul li:hover em img{margin-top: -30px;}
.yin ul li:hover,.shi .shi_ul01 li:hover{color: #f68100;}
.yin ul li:first-child{background: none;}





.shi_bg{background:url(../images/yin_bg.jpg) no-repeat center 0;height: 610px;margin-top: -74px;padding: 128px 0 0;}
.yin_t{font-size: 32px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t:before{content: "";width: 48px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 48px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.shi .shi_ul01{display: block;padding: 20px 0 0;height: 140px;}
.shi .shi_ul01 li{font-size: 16px;color: #666;height: 45px;line-height: 45px;overflow: hidden;background:url(../images/yin_ico07.png) no-repeat 20px 18px;width: 350px;float: left;padding: 0 0 0 50px;}

.ibrand-num li{float:left;width:245px;height:197px;position:relative;text-align:center;background:url(../images/iserve_bg.png) no-repeat;padding: 85px 0 0;font-weight: bold;margin-left: 73px;color: #2a2a36;}
.ibrand-num li:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size: 60px;font-family: "Impact";line-height: 66px;}
.ibrand-num li i{font-size: 16px;color: #f68100;padding-left: 5px;}
.ibrand-num li b{display:block;font-size: 18px; padding:5px 0 0;}
.ibrand-num li.shi_li02{background:url(../images/iserve_bg.png) no-repeat 0 -282px;color: #fff;}
.ibrand-num li.shi_li02 i{color: #fff;}



.chanp .yin_t{height: 80px;}
.chanp .yin_t:before{left: 38%;}
.chanp .yin_t:after{right: 38%;}

.chanp03{width: 390px;border: #eee 1px solid;box-sizing:border-box;margin-right: 15px;margin-bottom: 20px; }
.chanp03:nth-child(3n+3){margin-right: 0px;}
.chanp03:hover .cp_pic img{transform: scale(1.1)}
.chanp03:hover {box-shadow:0 0 20px #ccc}
.chanp03 .cp_t{height: 40px;text-align: center;width: 389px;height: 40px;}
.chanp03 .cp_t h3{height: 40px;line-height: 40px;}
.chanp03 .cp_t h3 a{font-size: 16px;color: #333;}
.chanp03 .cp_pic{width: 390px;height: 260px;line-height: 0;position: relative;    overflow: hidden;}
.chanp03 .cp_pic img{width: 389px;height: 260px;transition: all 0.6s;}


.chanp02{width: 390px;border: #bbb 1px solid;box-sizing:border-box;margin-right: 15px;margin-bottom: 20px; }
.chanp02:nth-child(3n+3){margin-right: 0px;}
.chanp02:hover .cp_pic img{transform: scale(1.1)}
.chanp02:hover {box-shadow:0 0 20px #ccc}
.chanp02 .cp_t{height: 40px;text-align: center;width: 389px;height: 40px;}
.chanp02 .cp_t h3{height: 40px;line-height: 40px;}
.chanp02 .cp_t h3 a{font-size: 16px;color: #333;}
.chanp02 .cp_pic{width: 390px;height: 260px;line-height: 0;position: relative;    overflow: hidden;}
.chanp02 .cp_pic img{width: 389px;height: 260px;transition: all 0.6s;}



.chanp .nobor{border-right: none;}





/*新闻*/
.news_bg{background:url(/template/pc/static/images/bg02.jpg) no-repeat center 0;height: auto;overflow: hidden;padding: 100px 0 ;}


.news_t{width: 380px;height: 400px; overflow: hidden;font-size: 14px;color: #333;}
.news_t .news_top{height: 70px;line-height: 60px; background:url(../images/icon07.png) no-repeat 0 16px; background-size:30px;   bcolor: #333;font-size: 20px;font-weight: normal;}
.news_t .news_top a{ padding:0 0 0 40px;font-size: 20px;color: #333;}
.news_t .news_top span {float: right;}
.news_t .news_top span a{ padding:0 0 0 10px;font-size: 14px;color: #666;}
.news_t .wd_m{height: 400px;overflow: hidden;}
.news_t .phone{height: 380px;}
.news_t .title{height: 110px;}
.news_top a:hover, .news_top span a:hover,.news_bg a:hover{color: #f68100;}




.news_c{ width:380px;height:400px; background:url(../images/news_line.gif) no-repeat 15px 0; padding:0 0 0 30px; overflow:hidden;}
.news_c .news_top{height: 70px;line-height: 60px; background:url(../images/icon05.png) no-repeat 0 16px;background-size:30px; color: #333;font-size: 20px;font-weight: normal;}
.news_c .news_top a{ padding:0 0 0 40px;font-size: 20px;color: #333;}
.news_c .news_top span {float: right;}
.news_c .news_top span a{ padding:0 0 0 10px;font-size: 14px;color: #666;}
.news_c .wd_m{height: 400px;overflow: hidden;}
.news_c .phone{height: 300px;}
.news_c .title{height: 110px;}
.news_c ul li{width: 380px; height:46px;line-height: 46px;overflow: hidden; border-bottom:#d6d6d6 1px dashed;}
.news_c ul li a{width: 280px;font-size: 14px;color: #333;display: block;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_c ul li span{width: 100px;float: right;font-size: 14px;color: #7b7b7b;display: block; text-align: right;}

.news_l{ width:380px;height: 400px;overflow:hidden; background:url(../images/news_line.gif) no-repeat 15px 0;padding: 0 0 0 30px;}
.news_l .news_top{height: 70px;line-height: 60px; background:url(../images/icon06.png) no-repeat 0 16px;background-size:30px;color: #333;font-size: 20px;font-weight: normal;}
.news_l .news_top a{ padding:0 0 0 40px;font-size: 20px;color: #333;}
.news_l .news_top span {float: right;}
.news_l .news_top span a{ padding:0 0 0 10px;font-size: 14px;color: #666;}
.news_l .wd_m{height: 400px;overflow: hidden;}
.news_l .phone{height: 300px;}
.news_l .title{height: 110px;}
.news_l ul li{width: 380px; height:46px;line-height: 46px;overflow: hidden; border-bottom:#d6d6d6 1px dashed;}
.news_l ul li a{width: 280px;font-size: 14px;color: #333;display: block;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_l ul li span{width: 100px;float: right;font-size: 14px;color: #7b7b7b;display: block; text-align: right;}






/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}