* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.publicblock{width:1200px;margin:0 auto;clear: both; zoom: 1;}
.publicblock:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.publicblock{*+height:1%;}
/*title*/
.publicblock .title{width:1200px;text-align:center;padding:20px 0;}
.title .t span{position:relative;color:#373f5e;font-size:26px;font-weight:700;}
.title .t span:after{content:"";display:block;width:38px;height:10px;position:absolute;left:-50px;top:50%;margin-top:-4px;background:url(../image/i5.png) no-repeat center;}
.title .t span:before{content:"";display:block;width:38px;height:10px;position:absolute;right:-50px;top:50%;margin-top:-4px;background:url(../image/i6.png) no-repeat center;}
.zizhitit{color:#AFB3BF;font-size:14px;margin-top:5px;}
.title ul{height:21px;line-height:21px;margin-top:5px;}
.titpf{display:inline-block;font-size:14px;position:relative;padding:0 5px;}
.title ul li a{color:#AFB3BF;}
.title ul li a:hover{color:#135FBB;}
.title ul li:after {content: '';position: absolute;right: -2px;top: 50%;width: 1px;height: 9px;background-color: #AFB3BF;margin-top:-2.5px;}
.title ul li:last-child:after {background-color: transparent;}

.guide-slider {
    width: 1200px;
    margin: 10px auto;
    background: #fff;
    height: 350px;
}

.guide-slider .guide {
    width: 375px;
    height: 350px;
    float: left;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    position: relative;
    overflow: hidden;
}

.guide-slider .guide .display {
    border-right: 1px solid #d5d5d5;
    width: 400px;
    height: 350px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 2;
    background: #ffffff;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .display .icon {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-top: 80px;
    background-image: url("../image/function.png");
}

.guide-slider .guide .display .icon.icon1 {
    background-position: -592px 0;
}

.guide-slider .guide .display .icon.icon2 {
    background-position: 0 0;
}

.guide-slider .guide .display .icon.icon3 {
    background-position: -296px 0;
}

.guide-slider .guide .display .icon.icon4 {
    background-position: -444px 0;
}

.guide-slider .guide .display .icon.icon5 {
    background-position: -518px 0;
}

.guide-slider .guide .display .title {
    font-size: 16px;
    color: #333;
    height: 40px;
    line-height: 40px;
}

.guide-slider .guide .display .introduction {
    border-top: 1px solid #ddd;
	padding-top:10px;
    width: 180px;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.guide-slider .guide .behind {
    width: 300px;
    height: 350px;
    display: inline-block;
    border-right: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}


.guide-slider .guide .behind .function-list {
	margin-left:35px;
}

.guide-slider .guide .behind .function-list > li {
    float: left;
    padding: 0 5px;
}

.guide-slider .guide .behind .function-list > li > a {
    display: block;
    border: 1px solid #ddd;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin:2px 0;
    color: #333;
}

.guide-slider .guide .behind .function-list > li > a:hover {
    text-decoration: none;
    border: 1px solid #d51400;
    background: #d51400;
    color: #ffffff;
}



.guide-slider .guide.on {
    width: 450px;
}

.guide-slider .guide.on .display {
    background: #d51400;
    border-right-color: transparent;
	width:185px;
}

.guide-slider .guide.on .display .title {
    color: #fff;
}

.guide-slider .guide.on .display .introduction {
    color: #fff;
}

.guide-slider .guide.on .display .icon.icon1 {
    background-position: -74px 0;
}

.guide-slider .guide.on .display .icon.icon2 {
    background-position: -148px 0;
}

.guide-slider .guide.on .display .icon.icon3 {
    background-position: -222px 0;
}

.guide-slider .guide.on .display .icon.icon4 {
    background-position: -370px 0;
}

.guide-slider .guide.on .display .icon.icon5 {
    background-position: -666px 0;
}

.solution-list{position:relative;height:350px;z-index:9;width:1200px;margin:0 auto;}
.short-bar{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}
.active .short-bar{top:201px;background-color:#d51400}
.solution-list ul li{float:left;width:240px;position:relative;height:350px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.solution-item-wrapper{width:240px;height:350px;background:url(../image/solution_item_bg_01.jpg) center no-repeat}
.solution-item-02{background-image:url(../image/solution_item_bg_02.jpg)}
.solution-item-03{background-image:url(../image/solution_item_bg_03.jpg)}
.solution-item-04{background-image:url(../image/solution_item_bg_04.jpg)}
.solution-item-05{background-image:url(../image/solution_item_bg_05.jpg)}
.active .solution-item-wrapper{position:absolute;z-index:9;top:-5px;left:-51px;width:341px;height:400px;background:url(../image/solution_item_bg_active_01.jpg) no-repeat;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}


.active .solution-item-02{background-image:url(../image/solution_item_bg_active_02.jpg)}
.active .solution-item-03{background-image:url(../image/solution_item_bg_active_03.jpg)}
.active .solution-item-04{background-image:url(../image/solution_item_bg_active_04.jpg)}
.active .solution-item-05{background-image:url(../image/solution_item_bg_active_05.jpg)}
.solution-list ul li p.solution-title{position:absolute;top:211px;width:100%;text-align:center;color:#fff;font-size:18px;z-index:2}
.solution-list ul li p.solution-intro{position:absolute;top:282px;left:50%;margin-left:-121px;width:242px;overflow:hidden;color:#fff;line-height:2;z-index:2;opacity:0;filter:alpha(opacity=0);font-size:16px;text-align:justify}
.solution-list ul li a{display:none;position:absolute;top:100px;left:50%;margin-left:-87px;width:174px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;z-index:2;background-color:#d51400}
.solution-list ul li a:hover{background-color:#d51400;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.solution-list ul li.active p.solution-title{top:158px;font-size:22px}
.solution-list ul li.active p.solution-intro{top:220px;opacity:1;filter:alpha(opacity=100)}
.solution-list ul li.active a{top:350px;display:block}

.advantage{background:url(../image/advantage-bg.jpg) no-repeat center;height:630px; margin-top:30px;}
.advantage-title2{text-align:center;font-size:38px;color:#2c2f3c;font-weight:bold;padding:32px 0 0 0;}.advantage-con{background:url(../image/advantage-con.png) no-repeat 0 center;width:1000px;height:376px;margin:30px auto 0;}.advantage-left{width:622px;float:left;}.advantage-words{display:none;}.advantage-h4{width:240px;margin:145px 0 0 20px;float:left;border-right:#c8c9cb 1px dotted;font-size:28px;color:#df4a43;font-weight:bold;line-height:36px;text-align:center;}.advantage-p{width:350px;float:left;margin:120px 0 0 0;padding:0 40px;}.advantage-mar2{margin-top:134px;}.advantage-p>p{font-size:16px;color:#605b5b;line-height:30px;}.advantage-right{width:376px;float:right;position:relative;}.advantage-right area{cursor:pointer;}.advantage-circle{position:absolute;top:112px;left:112px;width:153px;height:153px;}.advantage-h5{background:url() no-repeat center 0;font-size:54px;color:#fff;font-weight:bold;margin:12px auto 0;padding-top:8px;text-align:center;}.advantage-h6{width:97px;height:38px;line-height:33px;margin:5px auto 0;font-size:33px;color:#fff;border:#fff 1px dotted;text-align:center;}.advantage-btns{width:537px;margin:8px auto 0;}.advantage-btn1{background:transparent;width:252px;height:60px;line-height:60px;border:#51535d 1px dotted;border-radius:60px;float:left;font-size:16px;color:#000;font-weight:600;}.advantage-btn1:hover{background:#51535d;color:#fff;}.advantage-btn2{width:252px;height:60px;line-height:60px;border:#51535d 1px dotted;border-radius:60px;float:right;font-size:16px;color:#000;font-weight:600;}.advantage-btn2:hover{background:#51535d;color:#fff;}