@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 54px;}
.Title h2{font-size: 34px;color: #212d3a;}
.Title h2 a{color: #212d3a;text-decoration: none;}
.Title p{font-size: 12px;color: #c3c3c3;font-family: arial;text-transform: uppercase;word-spacing: 2px;margin-top: 2px;}
.Title i{display: block;width: 1200px;height: 3px;margin: 15px auto 0;}


/* banner 
.banner{width: 100%;height: 550px;position: relative;}
.banner a{display: block;background: url(Img/Index/banner.jpg) no-repeat center;height: 550px;}
.banner .btnList{position: absolute;bottom: 29px;left: 0;text-align: center;width: 100%;}
.banner .btnList span{display: inline-block;margin: 0 3px;cursor: pointer;font-size: 14px;color: #666666;line-height: 18px;width: 18px;height: 18px;background: #fff;border: 1px solid #b6b6b7;font-family: "宋体";}
.banner .btnList span.cur{background: #20317f;border-color: #20317f;color: #fff;}
*/
/* banner效果1 */
.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:567px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0;}
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 27px;left: 0;z-index: 9999;}
#flashs .btn span {display: inline-block;margin: 0 3px;cursor: pointer;font-size: 15px;color: #666666;line-height: 24px;width: 24px;height: 24px;background: #fff;border: 1px solid #FFF;font-family: "微软雅黑";}
#flashs .btn span.cur {background: #da251e;border-color: #da251e;color: #fff;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* banner效果2 */
.slideBox{ width:100%; height:567px; overflow:hidden; position:relative; border:0px solid #ddd;  }
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:22px; height:22px; line-height:22px; text-align:center; background:#fff; cursor:pointer; font-size:14px; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:567px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:6%; top:50%; margin-top:-25px; display:block; width:58px; height:58px; background:url(../images/slider-arrow1.png) -118px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:6%; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*partner*/
.partner{width: 100%;padding:48px 0;background: #f3f3f3;}
.partner .title{width: 100%;text-align: center;position: relative;}
.partner .title h3{font-size: 24px;color: #fff;font-weight: normal;width: 362px;height: 45px;line-height: 45px;text-align: center;margin: 0 auto;position: relative;background: #212d3a;border-left: 4px solid #da251e;border-right: 4px solid #da251e;z-index: 9;}
.partner .title h3 a{color: #fff;text-decoration: none;}
.partner .title i{width: 100%;height: 1px;background: #e3e3e1;display: block;position: absolute;top: 24px;left: 0;}
.partner .mainCon{width: 100%;position: relative;margin-top: 30px;}
.partner .mainCon i{display: block;width: 33px;height: 33px;position: absolute;top: 44px;cursor: pointer;}
.partner .mainCon i.prev{left: 0;}
.partner .mainCon i.next{right: 0;}
.partner .mainCon .box{width: 1075px;position: relative;height: 150px;overflow: hidden;margin-left: 69px;}
.partner .mainCon .box ul{width: 105%;position: relative;top: 0;left: 0;}
.partner .mainCon .box li{width: 198px;float: left;margin-right: 17px;text-align: center;height: 150px;}
.partner .mainCon .box span{display: block;width:196px;height: 115px;border: 1px solid #e9e9e9;}
.partner .mainCon .box li em{display: block;font-size: 14px;color: #666666;margin-top: 14px;}
.partner .mainCon .box li a{text-decoration: none;}


/* product */
.product{width: 100%;padding-bottom: 80px;}
.product .mainCon{width: 100%;margin-top: 37px;}
.product .mainCon .sideBar{width: 254px;float: left;}
.product .mainCon .sideBar li{height: 75px;line-height: 75px;position: relative;background: #212d3a;border-top: 1px solid #373e46;border-bottom: 1px solid #1c2632;text-indent: 72px;}
.product .mainCon .sideBar li a{display: block;text-decoration: none;font-size: 16px;color: #fff;}
.product .mainCon .sideBar li a img{position: relative;top: 10px;margin-right: 16px;}
.product .mainCon .sideBar li i{display: none;width: 9px;height: 18px;position: absolute;right: -9px;top: 50%;margin-top: -9px;}
.product .mainCon .sideBar li i img{display: block;}
.product .mainCon .sideBar li.cur i{display: block;}
.product .mainCon .sideBar li.cur{background: #da251e;border-top-color: #da251e;border-bottom-color: #da251e;}
.product .mainCon .sideBar .phone{height: 105px;border-top: 1px solid #373e46;background: #212d3a;text-align: center;padding-top: 18px;}
.product .mainCon .sideBar .phone img{display: block;margin: 0 auto;}
.product .mainCon .sideBar .phone p{font-size: 14px;color: #fff;margin-top: 4px;}
.product .mainCon .sideBar .phone p i{display: inline-block;width: 32px;height: 1px;background: #373e46;margin: 0 8px;position: relative;top: -4px;}
.product .mainCon .sideBar .phone span{display: block;font-size: 24px;color: #fff;}
.product .mainCon .section{width: 924px;height: 661px;float: right;border: 1px solid #ebebeb;overflow: hidden;position: relative;}
.product .mainCon .section .conBox{width: 924px;height: 661px;padding-top: 30px;}
.product .mainCon .section .con1{width: 894px;margin-left: 30px;}
.product .mainCon .section .con1 dt{float: left;width: 405px;height: 267px;padding: 4px;border: 1px solid #ebebeb;}
.product .mainCon .section .con1 dt img{display: block;}
.product .mainCon .section .con1 dd{width: 382px;float: left;margin-left: 44px;padding-top: 34px;height: 243px;position: relative;}
.product .mainCon .section .con1 dd h3{font-size: 24px;color: #333333;}
.product .mainCon .section .con1 dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon .section .con1 dd p{margin-top: 28px;line-height: 23px;color: #666666;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 90px;}
.product .mainCon .section .con1 dd .btn{height: 38px;position: absolute;bottom: 36px;overflow: hidden;}
.product .mainCon .section .con1 dd .btn a{display: block;width: 120px;height: 38px;float: left;margin-right: 19px;}
.product .mainCon .section .con2{width: 876px;margin-left: 25px;margin-top: 42px;}
.product .mainCon .section .con2 h3{font-size: 24px;color: #20317f;font-weight: normal;text-align: center;}
.product .mainCon .section .con2 h3 a{color: #20317f;text-decoration: none;}
.product .mainCon .section .con2 h3 i{display: inline-block;width: 303px;height: 0;border-top: 1px dotted #d4d4d4;position: relative;top: -6px;margin: 0 10px;}
.product .mainCon .section .con2 .box{position: relative;width: 100%;margin-top: 24px;}

.product .mainCon .section .con2 .box i{display: block;width: 33px;height: 33px;position: absolute;top: 74px;cursor: pointer;cursor: pointer;z-index: 99;}
.product .mainCon .section .con2 .box i.prev{left: 0;}
.product .mainCon .section .con2 .box i.next{right: 0;}

.product .mainCon .section .con2 .box .lunb{position: relative;width: 809px;margin: 0 auto;height: 203px;overflow: hidden;}
.product .mainCon .section .con2 .box .lunb ul{width: 105%;position: absolute;left: 0;top: 0;}
.product .mainCon .section .con2 .box .lunb li{width: 255px;margin-right: 22px;float: left;text-align: center;}
.product .mainCon .section .con2 .box .lunb li span{display: block;width: 247px;height: 163px;padding: 3px;border: 1px solid #ebebeb;}
.product .mainCon .section .con2 .box .lunb li em{display: block;font-size: 14px;color: #666666;margin-top: 15px;}
.product .mainCon .section .con2 .box .lunb li a{display: block;text-decoration: none;}
.product .mainCon .section .con2 .box .lunb li img{display: block;}


/* adv */
.adv{width: 100%;}
.adv .title{width: 100%;position: relative;background: url(../images/adv_title.jpg) no-repeat center;height: 162px;}
.adv .title i{display: block;position: absolute;width: 30px;height: 18px;left: 50%;margin-left: -15px;bottom: -18px;}
.adv .title i img{display: block;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{height: 294px;background: url(../images/advBg_01.jpg) no-repeat center;padding-top: 97px;}
.adv .mainCon .con2{height: 285px;background: url(../images/advBg_02.jpg) no-repeat center;padding-top: 101px}
.adv .mainCon .con3{height: 266px;background: url(../images/advBg_03.jpg) no-repeat center;padding-top: 91px;}
.adv .mainCon .con4{height: 318px;background: url(../images/advBg_04.jpg) no-repeat center;padding-top: 107px;}
.adv .mainCon .box{width: 572px;}
.adv .mainCon .box dl dt{float: left;width: 58px;height: 58px;text-align: center;line-height: 58px;background: url(../images/advNumBg.jpg) no-repeat center;font-size: 38px;color: #fff;font-weight: bold;font-family: arial;}
.adv .mainCon .box dd{float: left;padding-top: 3px;margin-left: 12px;}
.adv .mainCon .box dd h3{font-size: 24px;color: #212d3b;}
.adv .mainCon .box em{color: #da251e;font-weight: bold;}
.adv .mainCon .box dd p{font-size: 12px;color: #c0c0c0;text-transform: uppercase;margin-top: 6px;}
.adv .mainCon .box i{display: block;width: 100%;height: 1px;background: #e9e9e9;margin: 15px 0 20px 0;}
.adv .mainCon .box li{padding-left: 14px;background: url(../images/adv_icon02.png) no-repeat left 9px;font-size: 15px;color: #666666;margin-top: 10px;line-height: 22px;}
.adv .mainCon .box li:first-child{margin-top: 0;}
.adv .mainCon .box{margin-left: 14px;}
.adv .mainCon .con.dif .box{margin-left: 622px;}




/* ad */
.ad{width: 100%;position: relative;background: url(../images/adBg.jpg) no-repeat center;height: 180px;}
.ad .container{height: 180px;position: relative;}
.ad .box{width: 280px;height: 140px;position: absolute;right: -12px;top: -10px;background: url(../images/adBg02.png) no-repeat center;padding-top: 50px;}
.ad .box a{display: block;width: 158px;height: 46px;margin-left: 55px;}
.ad .box .phone{margin-left: 30px;background: url(../images/ad_phone.png) no-repeat left center;padding-left: 44px;margin-top: 20px;}
.ad .box .phone span{display: block;font-size: 15px;color: #fff;}
.ad .box .phone p{font-size: 24px;color: #fff;font-weight: bold;}


/* case */
.case{width: 100%;padding-bottom: 80px;}
.case .Title p{font-size: 18px;color: #666666}
.case .mainCon{width: 100%;margin-top: 46px;}
.case .mainCon li{float: left;width: 263px;height: 378px;background: #ececec;border: 2px solid #ececec;position: relative;padding: 10px 10px 0 11px;margin-left: 16px;}
.case .mainCon li:first-child{margin-left: 0;}
.case .mainCon li a{display: block;text-decoration: none;}
.case .mainCon li h3{margin: 22px 0 16px 0;font-weight: normal;font-size: 18px;color: #333333;}
.case .mainCon li p{font-size: 14px;color: #666666;line-height: 24px;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 75px;}
.case .mainCon li i{display: block;width: 41px;height: 41px;overflow: hidden;position:absolute;left: 50%;margin-left: -20px;bottom: -22px;}
.case .mainCon li span{display: block;position: relative;width: 263px;height: 215px;overflow: hidden;}
.case .mainCon li img{display: block;position: relative;}
.case .mainCon li span img{transform: scale(1);transition: all 1s ease-out;}
.case .mainCon li:hover{background: #999;border-color: #999;}
.case .mainCon li:hover h3,.case .mainCon li:hover p{color: #fff;}
.case .mainCon li:hover i img{top: -41px;}
.case .mainCon li:hover span img{transform: scale(1.0);}


/* flow */
.flow{width: 100%;padding: 74px 0 68px 0;background: #f3f3f3;}
.flow .mainCon{background: url(../images/flowBg.png) no-repeat center;height:347px;}
.flow .mainCon h3{font-size: 40px;color: #da251e;position: relative;text-align: center;top: -17px;}
.flow .mainCon .box1{width: 1120px;margin: 35px auto 0;position: relative;}
.flow .mainCon li{float: left;width: 114px;text-align: center;margin-left: 53px;}
.flow .mainCon li img{display: block;position: relative;}
.flow .mainCon li span{display: block;margin: 0 auto;width: 114px;height: 114px;overflow: hidden;position: relative;}
.flow .mainCon li:first-child{margin-left: 0;}
.flow .mainCon li em{font-size: 16px;color: #666666;margin-top: 16px;display: block;}
.flow .mainCon .box1 i{display: block;width: 14px;height: 26px;position: absolute;top: 46px;}
.flow .mainCon .box1 i img{display: block;}
.flow .mainCon .box1 .I1{left: 134px;}
.flow .mainCon .box1 .I2{left: 301px;}
.flow .mainCon .box1 .I3{left: 468px;}
.flow .mainCon .box1 .I4{left: 635px;}
.flow .mainCon .box1 .I5{left: 802px;}
.flow .mainCon .box1 .I6{left: 969px;}
.flow .mainCon .box2{text-align: center;margin-top: 50px;}
.flow .mainCon .box2 p{display: inline-block;font-size: 16px;color: #666666;height: 41px;line-height: 41px;}
.flow .mainCon .box2 p em{font-size: 28px;color: #333333;font-weight: bold;top: 4px;position: relative;}
.flow .mainCon .box2 a{display: inline-block;width: 137px;height: 41px;line-height: 41px;font-size: 16px;color: #fff;background: url(../images/flowBg02.png) no-repeat center;margin-left: 30px;text-decoration: none;}


/* about */
.about{width: 100%;position: relative;background: url(../images/aboutBg01.jpg) no-repeat center;height: 556px;padding-top: 74px;}
.about .title{width: 100%;text-align: center;background: url(Img/Index/about_titleXian.png) no-repeat center;}
.about .title h2{font-size: 34px;color: #fff;}
.about .title h2 a{text-decoration: none;color: #fff;}
.about .mainCon{margin-top: 60px;}
.about .mainCon dt{float: left;width: 543px;height: 321px;padding: 3px;background: #fff;}
.about .mainCon dd{width: 604px;height: 327px;position: relative;float: right;}
.about .mainCon dd h3{font-size: 24px;color: #fff;font-weight: normal;padding-top: 16px;}
.about .mainCon dd h3 a{color: #fff;text-decoration: none;}
.about .mainCon dd i{display: block;width: 100%;height: 1px;margin: 28px 0;background: #2c3946;}
.about .mainCon dd p{font-size: 14px;color: #fff;line-height: 24px;}
.about .mainCon dd .box{width: 100%;height: 83px;position: absolute;left: 0;bottom: 0;}
.about .mainCon dd .box a.details{display: block;width: 151px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;text-decoration: none;float: left;margin-top: 30px;}
.about .mainCon dd .box a.details:hover{background:#da251e;border: 1px solid #da251e;}
.about .mainCon dd .box a.details img{position: relative;top: 4px;margin-right: 8px;}
.about .mainCon dd .box .phone{width: 275px;float: right;}
.about .mainCon dd .box .phone span{font-size: 14px;color: #fff;display: block;}
.about .mainCon dd .box .phone span em{font-size: 22px;font-weight: bold;margin-left: 6px;}
.about .mainCon dd .box .phone a{display: block;width: 140px;height: 41px;line-height: 41px;text-align: center;font-size: 16px;color: #fff;border-radius: 4px;background: #da251e;margin-top: 14px;text-decoration: none;}
.about .mainCon dd .box .phone a img{position: relative;top: 4px;margin-right: 8px;}

/* team */
.team{width: 100%;}
.team .container{position: relative;}
.team .menu{width: 100%;position: absolute;top: -55px;height: 55px;}
.team .menu li{float: left;width: 597px;height: 55px;line-height: 55px;text-align: center;margin-left: 3px;background: #f2f2f2;}
.team .menu li:first-child{margin-left: 0;}
.team .menu li a{display: block;text-decoration: none;}
.team .menu li img{display: block;position: relative;}
.team .menu li span{position: relative;top: 10px;display: inline-block;width: 34px;height: 29px;overflow: hidden;margin-right: 12px;}
.team .menu li em{font-size: 16px;color: #666666;}
.team .menu li.cur{background: #da251e;}
.team .menu li.cur em{color: #fff;}
.team .menu li.cur span img{top: -29px;}
.team .mainCon{width: 100%;padding-top: 40px;height: 234px;overflow: hidden;position: relative;}
.team .mainCon li{float: left;width: 286px;margin-left: 18px;}
.team .mainCon li:first-child{margin-left: 0;}
.team .mainCon li a{text-decoration: none; text-decoration: none;}
.team .mainCon li span{display: block;width: 286px;height: 191px;position: relative;overflow: hidden;}
.team .mainCon li span img{display: block;transform: scale(1);transition: all 1s ease-out;}
.team .mainCon li p{height: 42px;border-bottom: 1px solid #e8e8e8;line-height: 42px;text-indent: 9px;background: url(Img/Index/team_icon04.png) no-repeat 255px center;}
.team .mainCon li:hover span img{transform: scale(1.0);}

/* news */
.news{width: 100%;padding-bottom: 70px;}
.news .mainCon{width: 100%;margin-top: 43px;}
.news .mainCon .sideBar{width: 252px;float: left;}
.news .mainCon .sideBar li{width: 252px;height: 88px;position: relative;text-align: center;line-height: 88px;font-size: 16px;color: #333333;border: 1px solid #ebebeb;border-top: none;}
.news .mainCon .sideBar li:first-child{border-top: 1px solid #ebebeb;}
.news .mainCon .sideBar li a{text-decoration: none;display: block;color: #333333;}
.news .mainCon .sideBar li img{display: none;position: absolute;right: -8px;top: 50%;margin-top: -8px;}
.news .mainCon .sideBar li.cur{background: #da251e;}
.news .mainCon .sideBar li.cur img{display: block;}
.news .mainCon .sideBar li.cur a{color: #fff;border-color: #212d3a;}
.news .mainCon .section{width: 917px;float: right;height: 268px;overflow: hidden;position: relative;}
.news .mainCon .section .box{height: 268px;overflow: hidden;}
.news .mainCon .section .conL{float: left;position: relative;width: 426px;height: 267px;}
.news .mainCon .section .conL img{display: block;}
.news .mainCon .section .conL a{display: block;text-decoration: none;}
.news .mainCon .section .conL .intro{height: 59px;padding: 9px 34px 0 28px;background: url(../images/newsBg.png);position: absolute;bottom: 0;left: 0;width: 364px;}
.news .mainCon .section .conL .intro h3{font-size: 18px;color: #fff;font-weight: normal;}
.news .mainCon .section .conL .intro p{margin-top: 8px;font-size: 14px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .mainCon .section .conR{width: 456px;float: right;}
.news .mainCon .section .conR dl{padding-top: 20px;border-top: 1px solid #e5e5e5;margin-top: 20px;}
.news .mainCon .section .conR dt{width: 79px;height: 50px;border: 1px solid #e5e5e5;float: left;padding-top: 10px;text-align: center;}
.news .mainCon .section .conR dt span{font-size: 22px;color: #999999;font-weight: bold;font-family: arial;display: block;}
.news .mainCon .section .conR dt em{display: block;font-size: 16px;color: #999999;position: relative;top: -4px;}
.news .mainCon .section .conR dd{width: 360px;float: right;padding-top: 6px;}
.news .mainCon .section .conR dd h3{color: #333333;font-size: 18px;font-weight: normal;}
.news .mainCon .section .conR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .section .conR dd p{font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;}
.news .mainCon .section .conR dd p a{color: #666666;text-decoration: none;}
.news .mainCon .section .conR dl:first-child{padding-top: 0;border-top: none;margin-top: 0;}
.news .mainCon .section .conR dl:hover dt{background: #da251e;border-color: #da251e;}
.news .mainCon .section .conR dl:hover dt span,.news .mainCon .section .conR dl:hover dt em{color: #fff;}
.news .mainCon .section .conR dl:hover dd h3 a{color: #da251e;}

/*link*/
.link{width: 100%;background:#f3f3f3;padding:30px 0 30px 0;}
.link .mainCon{width: 100%;}
.link .mainCon dt{float: left;width: 80px;text-align: center;}
.link .mainCon dt a{display: block;font-size: 16px;color: #333333;font-weight: bold;}
.link .mainCon dd{float: left;width: 1082px;padding-top: 2px;}
.link .mainCon dd a{font-size: 14px;color: #666666;padding: 0 25px;border-left: 1px solid #d9d9d9;border-right: 1px solid #e6e6e6;display: block;float: left;}
.link .mainCon dd a:last-child{border-right: none;}
.link .mainCon dd a:first-child{border-left: none;}