* { margin: 0; padding: 0; box-sizing: border-box;}
ul,ol { list-style: none;}
a { text-decoration: none;}

.ciomain { width:100%; margin:0 auto; }
.cntmain { width:1200px; margin:0 auto; }
.cntmain h3{font-size:46px; height:100px; line-height:100px; text-align:center; font-weight:500; }
.cntmain ul li { text-align: center;  margin:0 auto; }
.clr { clear:both; line-height:0; height:0; font-size:0; visibility:hidden; }
.head { height:800px; background:url(../images/index/index_01.jpg) no-repeat center 0; text-align:center; }
.headcio { height:800px; background:url(../images/index/index_02.jpg) no-repeat center 0; text-align:center; }
.headbao { height:800px; background:url(../images/index/index_03.jpg) no-repeat center 0; text-align:center; }
.headbox{width:1200px; height:800px; position:relative; margin:0 auto;}
.logo{position:absolute; left:0px; top:75px; width:170px; height:55px;}
.logo a{display:block; height:55px;}
.menu{width:620px; height:90px; position:absolute; right:0; top:60px;}
.menu li{float:left; width:110px; text-align:center; margin-right:60px; padding-bottom:10px; cursor:pointer;}
.menu li p{font-size:15px; color:#fff; display:block; }
.menu li span{font-size:25px; color:#fff; display:block; height:35px; line-height:35px;}
.menu li.select,.menu li.hover{border-bottom:3px solid #ffd400;}
.menu li.select p,.menu li.select span,.menu li.hover p,.menu li.hover span{color:#ffd400;}
.ewmlist{width:700px; height:196px; position:absolute; right:0; top:500px;}
.ewmlist li{float:left;  width:160px; height:156px; margin-right:105px;}
.ewmlist li em{width:156px; height:156px; display:block;}
.ewmlist li p{height:30px; line-height:30px; text-align:center; display:block;  color:#fff; font-size:10px;}
:after, :before {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pro:after {  display: block;  content: "";  clear: both; }
:after, :before {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }

/*why*/
.why{color:#fff; background: url("../images/index/fun_index_cio02.jpg") no-repeat center 0 ;text-align:center;padding-top:26px;padding-bottom:40px;}
.why .title1{font-size:36px;margin:5% 0 3%;vertical-align:bottom;position:relative;}
.why .title1>span{display:inline-block;position:relative;}
.why .title1>img{height:52px;}
.why .title2{font-size:24px;padding-bottom:30px;}
.why .title2 span{font-size:32px;color:#f38a25;}
.why .detail{font-size:14px;color:#fff;letter-spacing:.1px; padding: 0px 20px;}
.why-one{background-size:cover;background-position:center;min-height:321px;padding:0;}
.why-one>div{min-height:260px;margin-top:36px;padding:30px 10px 0;}
.why-one>div{border-right:1px solid #999;}
.why-one>.last{border:0}@media(max-width:767px){.why-one>.last2{border:0}}
.col-xs-6 {width: 25%; }
.col-xs-3, .col-xs-6{float: left;}
.Pseudo ::after .element.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after{clear: both;}
.clearfix:before, .clearfix:after .container:before, .container:after, .container-fluid:before{display: table;content: " ";}
/*why*/


.about{margin:60px 0;}
.about_li{float:left; height:240px; }
.about_li em{ height:200px; display:block; margin:0 auto;}
.about_li h3{font-size:30px; font-weight:normal; text-align:center; line-height:40px; height:80px;}
.about_li h3 b{display:block;}
.about_li h3 font{font-size:15px;}
.about_lix{background:#e5e5e5; width:1px; height:240px; margin:0 35px; float:left;}
.butpost{margin:60px 0;}
.butpost h3{font-size:46px; height:100px; line-height:100px; text-align:center; font-weight:500; padding-bottom:20px;}
.butpost_l{float:left; width:500px;}
.butpost_l h3{font-family:"微软雅黑"; font-weight:500; font-size:28px; height:35px; line-height:35px; display:block; padding-top:20px;}
.butpost_r{float:right; width:500px; padding-right:80px;}
.butpost_r li{ padding-bottom:20px; display:block;}
.butpost_r li label{height:48px; width:500px; border:1px solid #e6e6e6; display:block; clear:both;}
.butpost_r li label span{background:#f5f5f5; width:99px; border-right:1px solid #e6e6e6; height:48px; line-height:48px; text-align:center; font-size:16px; display:inline-block; float:left;}
.butpost_r li label input{width:390px; height:18px; line-height:18px; font-size:16px; padding:15px 5px; border:none; background-color:transparent; float:left;}
.butpost_r li button{height:60px; background:#ff4c4c; font-size:25px; color:#fff; border:none; width:100%; border-radius:4px; cursor:pointer; font-family:"微软雅黑";}
.butpost_r li button:hover{background:#fd6a6a;}

/*cio*/
.guide-slider {  width: 1250px;  margin: 50px auto;  background: #fff;  height: 260px;  }
.guide-slider .guide {
    width: 200px;
    height: 260px;
    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: 200px;
    height: 260px;
    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: 42px;
    background-image: url("../images/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: #666666; height: 40px; line-height: 40px;}
.guide-slider .guide .display .introduction { border-top: 1px solid #ddd;  width: 150px;  margin: 0 auto;  font-size: 12px;  color: #999999;  text-align: left;  line-height: 20px;  }
.guide-slider .guide .display::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 10px 15px;
    top: 100%;
    margin-top: 0;
    right: -1px;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .behind {
    width: 250px;
    height: 260px;
    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-wrap {  width: 210px;  margin: 0 auto;  }
.guide-slider .guide .behind .function-list {  margin-right: -10px;  margin-top: 20px;  }
.guide-slider .guide .behind .function-list > li {float: left;  padding-right: 10px;  }
.guide-slider .guide .behind .function-list > li > a {  display: block;  border: 1px solid #ddd;  width: 100px;  height: 40px;  text-align: center;  line-height: 40px;  margin-bottom: 18px;  color: #0876c2;  }
.guide-slider .guide .behind .function-list > li > a:hover {  text-decoration: none;  border: 1px solid #0876c2;  background: #0876c2;  color: #ffffff;  }
.guide-slider .guide .behind .function-list > li > a.important {color: #f58914;}
.guide-slider .guide .behind .function-list > li > a.important:hover{ border: 1px solid #f58914; background: #f58914; color: #ffffff;}
.guide-slider .guide.on { width: 450px;}
.guide-slider .guide.on .display { background: #4fa0d8;  border-right-color: transparent;}
.guide-slider .guide.on .display .title {color: #fff;}
.guide-slider .guide.on .display .introduction { color: #fff;}
.guide-slider .guide.on .display::after { top: 50%;  margin-top: -5px;}
.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;}
/*cio*/

.footer{background:#333; color:#808080; padding:15px 0 10px 0;}
.footerbox{width:1200px; margin:0 auto; text-align:center;}
.footernav { height:30px; line-height:30px; font-weight:bold;}
.footernav a{margin:0 10px; font-size:15px;}
.footcontent { padding-top:10px; line-height:22px;}