html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}

.navbar-header{padding:5px 0;}
.navbar-header img{max-width: 130px}
.navbar-nav{padding-top: 5px}
@media(max-width:768px){
    .navbar-header{padding:0;}
    .navbar-header img{max-width: 120px;padding-top:5px;}
    .form-big h1,.zx-form-big h1{line-height: 70%}
}
.carousel-inner h1{margin: 100px 0 50px 0; letter-spacing: 2px; font-size: 48px}
.carousel-inner{width:100%; max-height: 550px; padding: 50px 0 0 0;background-color:#deecf4;overflow:hidden;}
.index-top span{float: left}
.index-top img{float: left}
.top-one{display:inline-block; padding: 2px 10px; width: auto; background: #efefef; border-radius: 20px; color: #4169E1}

.banner-top{width: 100%; height: 500px; background-image:url(/static/images/banner-1.png)}
@media(max-width:768px){
    .carousel-inner{max-height: 380px; width: 100%; padding-top: 15px; text-align: center; overflow:hidden;}
    .banner-top{height: 400px;}
}


/*第一板块：产品类型大全*/
.form-big{padding: 60px 0 80px;}
.form-big a{color: #333; text-decoration: none}
.form-big a:hover{text-decoration: none}
.form-big-main{display: flex; justify-content: space-between}
.for-big-c3{height: 300px; max-width: 260px;}
.for-big-c5{
    height: auto;
    margin-top: 10px;
    color: #FA9D85;
}
.for-big-c5 .iconfont{color: #FA9D85;}
.for-big-c5-h3::after {
    border-bottom: 3px solid #FA9D85;
    width: 60px;
    margin: 0 auto;
     }
.for-big-c5-p{margin-top: 20px}
.for-big-c3 p{color: #848484}
.for-big-c{text-align: center;background-color:#efefef;margin-top: 20px;padding-bottom: 15px;}
.read-more{border: 1px solid #3A5FC8; font-size: 13px; border-radius: 15px; height: 26px; width: 100px; text-align: center; line-height: 26px; margin: 0 auto;}

.for-big-c1{background-color: aqua;border-radius: 25px; padding: 10px 0px;}
.for-big-c1 span{font-size: 20px;}
.for-big-c2{background: #fff;}

.for-big-c4{display: block; width: 100%; max-height: 30px; background-image: linear-gradient(to right, #a1c4fd , #c2e9fb); border-radius: 15px; font-size: 16px; padding: 5px 15px}
.for-big-c4 i{font-size: 16px; color: #4169E1}
.for-big-c5 i{font-size: 58px;color: #4169E1}
.for-big-c5 i:hover{color: #fff}

.for-big-c3-bj1{background: url(/static/images/bj/col-md-3-1.png)}


.f2-new2{width: 100%; height: 200px; background: #fff; border-radius: 5px; margin: 10px 19px; padding: 10px 0;-webkit-box-shadow: #ccc 0px 10px 10px;-moz-box-shadow: #ccc 0px 10px 10px;box-shadow: #ccc 0px 10px 10px;}
.f2-new2 li{list-style: none; margin-left: -40px; padding: 0}

@media(max-width:768px){
    .form-big{padding: 20px 0 30px;}
    .form-big h1{line-height: 120%}
    .form-big h1,.zx-form-big h1{font-size: 20px;}
    .f2-new2{width: 100%; margin: 10px 0px;}
}

/*第二板块：产品类型大全*/
.f2-new-content{display: flex; justify-content:space-between; flex-wrap:wrap; width: 100%}
.f2-new1{ width: 210px; height: 310px; background: #fff; padding: 10px 20px; box-shadow: #ccc 0px 10px 10px;}
.f2-new1:hover{-webkit-box-shadow: #ccc 0px 8px 5px;-moz-box-shadow: #ccc 0px 8px 5px;box-shadow: #ccc 0px 8px 5px;}

.f2-new-ico{margin: 10px 0;}
.f2-new-ico i{font-size: 72px; color: #4169E1}

@media(max-width:768px){
    .f2-new-content{justify-content: space-around}
    .f2-new1{width: 31%; height: auto; margin: 10px 0; padding: 5px 10px;}
    .f2-new1 h3{font-size: 16px;}
    .f2-new2{margin: 10px 0px; }
    .f2-new-ico{margin: 3px 0; }
    .f2-new-ico i{font-size: 38px; color: #4169E1}
}

/*第三板块：产品类型大全*/
.f-b-3{height: 80px;width: 100%; margin: 1px 0 2px 0;padding-right: 20px; text-align: right; background-image: linear-gradient(to right, #ffffff , #efefef);}
.f-b-3:hover{background-image: linear-gradient(to left, #4169E1 , #fff);color: #fff}
.f-b-3-1{height: 80px;width: 100%; margin: 1px 0 2px 0;padding-left: 20px; text-align: left; background-image: linear-gradient(to left, #ffffff , #efefef);}
.f-b-3-1:hover{background-image: linear-gradient(to left, #fff , #4169E1);color: #fff}

.form3-bar{width: 450px; height: 50px; margin: 0 auto; border-radius: 25px; background-color: #efefef; display: flex; justify-content:space-evenly}
.form3-bar-button{width: 150px; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; border-radius: 25px}



/*第三板块：咨询板块1*/
.form-big #tab-1, .zx-form-big #tab-1{display: block}
.form3-zx{display: none}
.form3-zx1-frame{margin-top: 0px;}
.form3-zx1-content img{width: 60px; height: 60px; margin-top: 10px;}
.form3-zx1-content{width: 100%;height: 80px;padding: 0px 30px;border: 1px solid #eeeeee; border-radius: 20px; margin-bottom: 10px; background: #efefef; text-align: left;}
.form3-zx1-content h3{font-size: 18px}

/*第三板块：咨询板块2*/
.form3-zx2-content, .form3-zx3-content{width: 99%; height: auto; border: 1px solid #eeeeff; padding: 20px 30px 30px; border-radius: 20px; margin: 0px auto;}
.form3-zx2-content{text-align: left}
.form3-zx3-content img{max-width: 150px}
.form3-zx2-title, .form3-zx3-title{width: 100%; height: 60px; line-height: 60px}
.form3-zx2-title img{max-height: 18px; max-width: 20px; }
.form3-zx2-title span, .form3-zx3-title span{font-size: 18px; font-weight: bold; display: inline-block}
.form3-zx2-p{width: auto; height: 60px; padding-left: 10px; font-size: 14px; font-weight: bold;}

.form3-zx2-content-view, .form3-zx3-content-view{border-left: 4px solid #4169E1; height: auto; margin-left: 10px; padding: 0px 5px; font-size: 13px;}
.form3-zx3-content-view{text-align: left}
.form3-zx2-content-view span, .form3-zx3-content-view span{display: block;}
.form3-zx3{text-align: center}
.form3-zx3 img{max-width: 120px; max-height: 120px; text-align: left}


.f3-new1{margin: 30px 0; height: 320px;width: 100%}
.f3-new1 img{width: 500px; height: 300px;}
.f3-new2 i{width: 500px; height: 80px; font-size: 72px; overflow: hidden; float: left; color: #4169E1}
.f3-new3{width: 500px;}

@media(max-width:768px){
    /*第三板块：咨询板块1*/
    .form3-bar{width: 100%; height: 40px; border-radius: 20px;}
    .form3-bar-button{width: 33.333%; height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px;}

    /*第三板块：咨询板块2*/
    .form3-zx1-content img{border-radius: 0; height: 50px; width: 50px; margin-top: 15px}
    .form3-zx1-content{padding: 0 15px; margin-top: 10px; border-radius: 0}
    .form3-zx2-content{border: 1px solid #4169E1; padding: 15px 20px}
    .form3-zx2-title, .form3-zx3-title{width: 100%; height: 40px; line-height: 40px}

    /*第三板块：咨询板块3*/
    .form3-zx2-content, .form3-zx3-content{margin-top: 10px;}
    .form3-zx3-content img{max-width: 80px}
    .f3-new1{border: 1px solid #4169E1; margin: 40px 0; height: auto}
    .f3-new2 i{font-size: 58px; overflow: hidden; float: left; color: #4169E1}
    .f3-new2{margin-top: -50px;}
}

/*第四板块：产品类型大全*/
.form4{width:100%; height:auto; display: flex; justify-content: space-between; flex-wrap: wrap}
.form4-content{width: 270px; height: auto; border: 1px solid #FAFAFA; background: #f6f6f6}
.form4-content-title{width: auto; height: 90px; line-height: 100px; font-size: 24px; font-weight: bold}
.form4-content-p{width: auto; height: auto; padding:0px 20px 30px; font-size: 14px; color: #545653;}

.f4-1 img{width: 70%;}
.f4-2 img{padding-top: 100px;float: left;width: 60px}
.f4-2-1 img{padding-top: 100px;float: right;width: 60px}
.f4-2{text-align: left}
.f4-2-1{text-align: right}
.f4-2 p,.f4-2-1 p{font-size: 18px}

@media(max-width:768px){
    .form4-content{width: 48%; margin-top: 10px;}
    .form4-content-title{height: 50px; font-size: 18px; line-height: 55px}
    .form4-content-p{padding: 0px 5px;}
}
/*第五板块：产品类型大全*/
.f5-1{color: #f65000}
.f5-2{background: #fff;margin: 30px 0 0 0;padding: 10px 20px;box-shadow: 2px 2px 10px #CCCCCC}
.f5-2 img{max-width: 150px}

.f5-3{text-align: left}
.f5-3 h1,.f5-3 p{margin-top: 30px}
.f5-3 p{font-size: 16px}


@media (max-width: 768px){
    .f5-2 img{margin-top: 15px; max-width: 60px}
    .f5-3 h1,.f5-3 p{margin: 15px 0}
    .f5-3 p{font-size: 10px}
}

.f5-new1{width:100%; height: 40px; margin: 20px 0; background: #eeeeee; border-radius: 20px; text-align: center}
.f5-new1 span{display: block; padding: 10px 0;}
.f5-new1-line:before{margin: 0 auto; width: 1140px;height: 2px;background: #eeeeee; position: absolute;margin-top: 40px;}
.f5-new1:hover{background: rgb(131,175,155);}
@media(max-width:768px){
    .f5-new1-line:before{margin: 0 auto; width: 1050px;height: 0px;background: #fff; position: absolute;margin-top: 40px;}
    .f5-new1{width:90px; height: 40px; margin: 5px 0; background: linear-gradient(to bottom right, #83a4d4, #b6fbff); border-radius: 20px; text-align: center}
}
/*.f5-new2-line:before{width: 50px; height: 80px; background-color: #efefef;border: 3px #333 solid; -webkit-border-radius:0px 50px 50px 0px;}*/




/*第八板块：产品类型大全*/
.f7-1{margin: 0;padding: 0;}
.f7-1-1{max-width: 255px;max-height: 170px; overflow: hidden;}
@media (max-width:768px){.f7-1-1{padding-left: 30px;}}
.f7-1 img{ border-radius: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px;transition: all 0.6s; }
.f7-1 img:hover{transform: scale(1.3);}
.f7-1 h4{color: #333;}
.f7-1 a{color: #8B8B7A;}
.f7-1-2{margin: 10px 0;}
.f7-1-2 a{font-size: 17px;color: #333;font-weight: bold}
@media (max-width:768px){.f7-1-2{margin: 2px 0 0 0;padding-top: 10px; width: 100%; height: 35px; background-color: #F8F8FF;}.f7-1-2 a{font-size: 14px;font-weight: 200; display: block;padding-top: 6px;}}

/*FOOT属性*/
.index-foot{padding: 30px 0;background-color: #104E8B;}
.index-foot h3,.index-foot span{color: #fff}


/*-------------------------列表页属性--------------------------*/
.li-art{margin-top: 50px;}
.li-art-0{margin: 10px 0; padding: 15px 0px; background-color:#F8F8FF }
.li-art-1{overflow: hidden}
.li-art-1 img{transition: all 0.6s;  }
.li-art-1 img:hover {transform: scale(1.1);}
.li-art-2{margin-top: 5px; font-size: 24px; color: #333;}
.li-art-3{margin: 15px 0; color:#696969 }

@media(max-width:768px){
    .li-art-0{margin: 10px 0px; padding:0px 0; }
    .li-art-1 img{margin-top: 10px;width: 120px; height: 70px}
    .li-art-2{font-size: 14px}
    .li-art-3 p{font-size: 12px}
    
    
}





/*-------------------------内容页属性--------------------------*/
.art-1{margin-top: 50px;}
.art-1-1{color: #333;font-family: 宋体;}
.art-1-2{font-size: 14px; background-color:#F8F8FF;border-radius: 5px;color: #696969;text-align: center;margin: 15px 0 20px;}
.art-1 img{width: 800px; height: auto}
@media(max-width: 768px){.art-1 img{width: 400px; height: auto}}


/*---------------公用属性-------------*/


.juzhong{text-align: center}
.jz-form{margin: 0 auto}
.jz-text{text-align: center}
.index-bj1{background-color:#f6f9fe;}
.index-bj2{width: 100%;height: 100%; background-image: url(/static/images/f7-1.png);background-position:50% 50%}
@media(max-width:768px){.index-bj2{width: 100%;height: 100%; background-image: url(../images/f7-2.png);background-position:50% 50%}}

img{display: block;height: auto;max-width: 100%;margin: 0 auto}
.f-b-bk{box-shadow: 3px 3px 10px 3px rgba(190,190,190,.6);}
.f-b-bk:hover{box-shadow: 5px 5px 10px 5px rgba(190,190,190,.6);}
.i-right{float: right; text-align: right}
.i-left{float: left; text-align: left}

@media (max-width: 768px){
    .row{margin-right: 0px;margin-left: 0px;padding: 0px 5px;}
}
.navbar img{float: left;margin: 6px 0px 0 20px}


/*---------------首页第二次优化---------------*/

.f2-mb2{width: 100%; padding: 0px 5px; margin-top:5px; height: auto; display: inline-block}
.f2-mb2-left{width: 9%; height: 100%; background: #FFFFFF;text-align: center; box-shadow: 1px 1px 1px #C9CFC1; display: inline-block; vertical-align: top}
.f2-mb2-left span{display: block; font-size: 14px; color: #333}
.f2-mb2-right, .f2-mb2-right3, .f2-mb2-right4, .f2-mb2-right5, .f2-mb2-right6{width: 90%; height: 100%; background: #FFFFFF; box-shadow: 1px 1px 1px #CCCCCC;float: right; display: inline-block}
.f2-mb2-right, .f2-mb2-right6{display: flex; justify-content: space-around}
.f2-mb2-right span{display: inline-block; width:23%; height: 38px; margin-top: 12px; border-radius: 29px; margin-right: 2%; text-align:center; padding-top:10px; font-size: 14px; }
.f2-mb2-right-app{
    width:22%;
    height: 38px; border-radius:19px;
    background: linear-gradient(to bottom right, #e0eafc, #cfdef3);
    line-height: 38px;
    margin-top: 20px;
    text-align: center;
}
@media (max-width: 768px) {
    .f2-mb2-right-app{width: 56px; height: 56px; border-radius: 50%; line-height: 56px; margin-top: 12px;}
}

.f2-mb2-right6-form{width: 17%; height: auto; overflow: hidden}
.f2-mb2-right6-form span{display: inline-block;  width: 100%; text-align: center}
.f2-mb2-right6-form i{font-size: 30px; color: #4169E1; display: block; text-align: center}
.f2-mb2-right3 i, .f2-mb2-right4 i, .f2-mb2-right5 i{width: 31%; height: auto; padding: 6px 0; margin-top: 5px; margin-right: 1%; text-align: center; display: inline-block; background: #efefef; font-size: 12px;}

.f3-mb{width: 100%; height: 115px; margin-top:10px;background: #FFFFFF; padding:20px 20px;box-shadow: 1px 1px 10px #CCCCCC; text-align: left}
.f3-mb i{font-size: 18px; color: #FFFFFF; display: block}
.f3-mb span{display:block; margin:5px 0;font-size: 14px;}
.f3-mb-bg{background: linear-gradient(to bottom right, #736EFE, #5EFCE8);}


/*---------------咨询页面样式---------------*/
.zx-banner-input-title{font-size: 16px;font-weight: bold; height: 50px; line-height: 50px}
.input-group{margin-top: 12px}
.input-group input{width: 270px; height: 43px; border: 1px solid #EFEFEF; border-radius: 5px; font-size: 13px; padding-left: 15px}
.register {
	background: #fff;
	box-shadow: 0 1px 200px rgba(0, 0, 0, 0.1);
	margin-top: 125px;
	overflow: hidden;
	padding: 40px;
	border-radius: 5px;
}
.zx-submit{background: #1b6d85; color: #FFFFFF; width: 80%; margin: 0 auto}


/*---------------咨询页面:Banner---------------*/
.zx-form1-title{height: 60px;}
.zx-form1-title-icon{display: inline-block; border-radius: 40px; background: red; padding:6px 20px 0; color: #FFFFFF}
.zx-form1-title-content, .zx-form1-title-icon{line-height: 40px; font-size: 28px; font-weight: bold}

/*---------------咨询页面:Form1---------------*/
.zx-form1-content-title{width: 160px; height: 160px; border-radius: 50%; border: 1px solid #cccccc; text-align: center; padding-top: 70px; font-size: 20px; float: left;}
.zx-form1-content{width: 370px; height: 160px; padding: 20px 25px; background: #FAFAFA; float: right}
.zx-form1-content-span{height: 50px; color: #666666}
.zx-form1-content-span span{display: block; font-size: 13px;}
.zx-form1-content-p{background: #FFFFFF; font-size: 14px; padding: 15px 15px}


/*---------------咨询页面:Form3---------------*/
.zx-form3{background: #EFEFEF; width: 100%; height: 140px; }
.zx-form3-img{width: 200px; height: auto; position: absolute; top: -40px; left: 40px}
.zx-form3-right{width: 320px; position: absolute; top: -40px; right: 0; padding: 0px 15px}
.zx-form3-right-title{}
.zx-form3-right-title span{display: inline-block; font-size: 18px; font-weight: bold; height: 30px; }
.zx-form3-right-title img{max-width: 24px; max-height: 24px; margin-top: 12px}
.zx-form3-right-p{height: 60px; padding: 10px}
.zx-form3-right-span{background: #FFFFFF; padding: 10px}
.zx-form3-right-span span{display: block; font-size: 13px; color: #6c6c6c; }

@media (max-width: 768px) {
    .zx-form1-title{height: 50px;}
    .zx-form1-title-content, .zx-form1-title-icon{line-height: 120%; font-size: 18px}
    .zx-form1-title-icon{padding:6px 10px 0;}

    /*---------------咨询页面:Form1---------------*/
    .zx-form1-content-title{width: 10%; height: 160px; font-size: 16px; border-radius: 0; padding-top: 25px; line-height: 120%}
    .zx-form1-content{width: 88%; max-height: 160px; padding: 15px 15px}
    .zx-form1-content-p{padding: 10px 10px; color: #666666}

    /*---------------咨询页面:Form3---------------*/
    .zx-form3{height: 90px}
    .zx-form3-img{width: 39%; left: 15px; top: -30px}
    .zx-form3-right{width: 60%; padding: 0 5px 0 15px}
    .zx-form3-right-title span{font-size: 16px;}
    .zx-form3-right-p{height: auto; padding: 5px; font-size: 13px}

    .input-group input{width: 100%}
}


/*---------------委托管理页面样式---------------*/

/*---板块二---*/
.tg-form2{border: 1px solid #1b6d85; height: 250px;}
.tg-form2-img{width: 300px; height: auto;  margin-top: -40px; margin-left: 30px}
.tg-form2-bottom-img{width: 300px; height: auto;  margin-top: -40px; margin-right: 30px}
.tg-form2-content, .tg-form2-bottom{width: 800px; height: 180px; margin-top: -40px; padding: 0 20px}
.tg-form2-img, .tg-form2-bottom{float: left}
.tg-form2-bottom-img, .tg-form2-content{float: right}
.tg-form2-content-title{}
.tg-form2-content-title img{max-width: 30px; max-height: 30px;}
.tg-form2-content-title span{display: inline-block; font-size: 18px; font-weight: bold; height: 22px; line-height: 22px}
.tg-form2-view{display: flex; justify-content: space-between; margin-top: 30px;}
.tg-form2-view1{width: 250px; text-align: center; background: #FFFFFF}
.tg-form2-view1 span{display:block; font-size: 16px; font-weight: bold; margin-top: 10px;}
.tg-form2-view1 p{padding: 0px 10px; font-size: 13px; color: #6c6c6c}

.tg-form2-bottom{}
.tg-form2-bottom-span{margin-top: 30px;}
.tg-form2-bottom-span span{display: block; font-size: 15px; padding: 10px 25px; margin-top: 15px; background: #FFFFFF}

@media (max-width: 768px) {
    .tg-form2{height: 200px}
    .tg-form2-content, .tg-form2-bottom{width: 100%; height: 180px; margin-top: -30px; padding: 0 10px}
    .tg-form2-content-title img{max-width: 20px; max-height: 20px;}
    .tg-form2-content-title span{font-size: 14px; height: 14px; line-height: 14px}
    .tg-form2-view1{width: 32%}
    .tg-form2-view1 span{font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 5px;}
    .tg-form2-view1 p{padding: 0px 5px; font-size: 12px; }
    .tg-form2-bottom-span span{font-size: 12px; padding: 10px 10px; margin-top: 5px}
}


/*---板块三---*/
.wy-form3{background: #FFFFFF}
.tg-form3-img, .tg-form3-img1{opacity: 0.5; margin-top: 30px;}
.tg-form3-h{font-size: 24px; font-weight: bold; margin-top: 40px}
.tg-form3-p{margin-top: 30px}
.tg-form3-p span{display: block; font-size: 18px; color: #a0a0a0; line-height: 30px}

/*---板块三---*/
.tg-form4-content{width:250px; height:250px; border:1px solid #3c3c3c; border-radius: 50%; padding: 50px 0; text-align: center}



@media (max-width: 768px) {
    .wy-form3{background: #f1f1f1}
    .form-big .row{padding: 0}
    .wy-form3 .col-xs-5{padding-left: 0; padding-right: 0}
    .tg-form3-h{margin-top: 10px; font-size: 16px;}
    .wt-form2-content span{margin: 5px 0 0 0;}
    .tg-form3-p{margin-top: 5px}
    .tg-form3-p span{font-size: 14px; line-height: 130%}
    .form4{justify-content: space-around}
    .tg-form4-content{width:160px; height:160px;border-radius: 50%; padding-top: 25px; margin-bottom: 20px}
    .form4-content-p p{font-size: 12px}

}





















/*---------------公用属性(size)-------------*/
.zihao1{font-size: 48px; font-weight: bold;}
.zihao2{font-size: 15px; width: 65%; font-family: 细黑;}
.z-size1{font-size: 14px;}
.z-size2{font-size: 16px;}
.z-size3{font-size: 18px;}
.z-size4{font-size: 24px; background-color: #fff}
.z-size5{font-size: 28px;}
@media(max-width:768px) {
    .zihao2{font-size: 12px; width: 100%; padding: 0px 10px; text-align: left; font-family: 细黑;}
}


@media(max-width:768px){
    .carousel-inner h1{margin: 60px 0 30px 0; font-size: 32px; text-align: left}
    .zihao1{font-size: 24px;}
    .zihao2{font-size: 8px;}
    .xs-margin1{margin-top: 20px;}
    .z-size1{font-size: 12px}
}


/*---------------公用属性(color)-------------*/

.f-b-lv{color: #4169E1}
.z-color1{color: red}
.z-color2{color: #333}
.z-color3{color:#8B8B7A}
.z-color4{color:#4169E1}
.z-color5{color:#fff}
.z-color6{color:#66C9F6}

/*---------------背景图片(background-img)-------------*/
.index-img1{background-image: url("/static/images/fr/bj-content.png")}

@media (max-width: 765px) {
    .index-img1{background-image: url("/static/images/fr/bj-content-mb.png")}
}


/*---------------公用属性(背景)-------------*/
.z-bj1{background-color: #D3E0C8}
.z-bj2{background-color: #D0CAB2}
.z-bj3{background-color: #DBC4C2}
.z-bj4{background-color: #4169E1; color: #FFFFFF}
.z-bj5{background-color: #EFEFEF}

/*---------------图标属性控制(i)-------------*/







/*---------------字体控制(font-family)-------------*/
.z-family{font-family: 黑体;}





.for-big-c3:hover .glyphicon.color1 {color: #fff;}
.for-big-c3:hover .glyphicon.color2 {color: #fff;}
.for-big-c3:hover .glyphicon.color3 {color: #6EB377;}
.for-big-c3:hover .glyphicon.color4 {color: #FCBE03;}



.p-left{padding-left: 30px;}
.p-top-bottom{padding-top: 10px; padding-bottom: 10px}

/*---------------公用属性(margin)-------------*/
.f-b-margin{margin-top: 30px;}
.f-b-margin1{margin-top: 15px;}
.f-b-margin2{margin: 25px 0 15px;}
.f-b-margin3{margin:0 15px;}
.f-b-margin4{margin: 0 19px}
.f-b-margin5{margin-top: 50px;}
.f-b-margin6{margin: 12px 0;}
.f-b-margin7{margin: 20px 0;}
.f-b-margin8{margin-top: 80px}
.f-margin-top1{margin-top: 100px;}
.f-margin-top2{margin-top: 230px;}
.f-margin-top3{margin-top: -20px;}
.f-padding-left2{margin-left: -50px}
.f-b-bottom{margin-bottom: 20px;}
/*----(margin-xs)----*/
.xs-margin-top1{margin-top: 20px}
@media (max-width: 768px) {
    .f-b-margin8{margin-top: 50px}
    .xs-margin-top1{margin-top: 10px}
}


/*---------------公用属性(padding)-------------*/
.f-padding-l1{padding-left: 30px;}
.f-padding-l2{padding-left: 30px;}
.f-padding-3{padding:0px 15px;}
.f-padding-4{padding-bottom:0px;}
.f-padding-t5{padding-top: 20px;}
.f-padding-t6{padding-top: 10px;}

@media(max-width:768px){
    .f-b-margin{margin-top: 15px;}
    .f-b-margin1{margin-top: 10px;}
    .f-b-margin3{margin:0;}
    .f-b-margin5{margin-top: 20px}
}

/*---------------公用属性(border)-------------*/
.f-boder1{border-bottom: 1px solid #ccc;}


/*---------------公用属性(icon)-------------*/
.icon-6{
    background: url(icon/6.png) no-repeat center;
    width: 100px;
    height: 70px;
    margin-left: -200px;
    display: inline-block;
    -webkit-filter: drop-shadow(red 100px 0);
    filter: drop-shadow(red 100px 0);
}

/*---------------公用属性(button)-------------*/
.btn-an1{width: 20%; font-size: 16px; padding: 10px 15px;height: 45px;margin: 0 auto;margin-top: 30px; background-color: #4169E1; border-radius: 25px;color: #fff;text-align: center;}
.btn-an3{font-size: 14px; padding: 7px 15px;height: 36px;margin-top: 12px; background-color: #4169E1; border-radius: 25px;color: #fff;}
.btn-an3:hover{color: #fff}
.btn-an4{font-size: 14px; padding: 9px 15px;height: 40px;margin-top: 5px; background-color: #35ac39; border-radius: 25px;color: #fff;}
.btn-an5{width: 20%; font-size: 16px; padding: 11px 0;height: 45px; margin-top: 20px; background-color: #FFFFFF; border-radius: 25px;color: #4169E1;text-align: center; box-shadow: 1px 1px 10px #CCCCCC}
.btn-an6{width: 35%; font-size: 16px; padding: 11px 0;height: 45px; margin-top: 50px; background-color: #FFFFFF; border-radius: 25px;color: #4169E1;text-align: center; box-shadow: 1px 1px 10px #CCCCCC}

@media (max-width: 768px) {
    .btn-an5, .btn-an6{width: 42%; font-size: 14px; padding-top: 8px;height: 38px;margin: 0px auto; margin-top: 20px; background-color: #FFFFFF; border-radius: 25px;color: #4169E1;text-align: center;}
}


/* ----------began 时间轴------------*/
.demo{ padding: 4em 0 7em;color: #fff}
@media (max-width: 768px){
    .demo{ padding: 1em 0 2em;}
    .demo H1{color: #FFFFFF}

}
.main-timeline{ position: relative; }
.main-timeline:before,
.main-timeline:after{content: "";display: block;width: 100%;clear: both;}
.main-timeline:before{content: "";width: 100%;height: 5px;background: #fff;margin: auto 0;position: absolute;top: 49%;left: 0;	}
.main-timeline .timeline{width: 22%;float: left;margin-left: 3%;position: relative;	}
.main-timeline .timeline:before{content: attr(data-heading);display: inline-block;font-size: 24px;font-weight: bold;color: #fff;transform: rotate(-90deg);position: absolute;top: 30px;left: -2px;z-index: 2;}
.main-timeline .timeline:after{content: "";width: 5px;height: 70px;border-left: 9px dotted #fff;position: absolute;top: 45%;left: 71px;	}
.main-timeline .timeline-content{padding: 15px 0 30px 50px;margin-bottom: 130px;border-radius: 15px;border: 5px solid #fff;text-align: left;background: #f67420;z-index: 1;position: relative;}
.main-timeline .timeline:nth-child(even) .timeline-content{ background: #43a6ba; }
.main-timeline .timeline-content:before{content: "";width: 40px;height: 100%;position: absolute;top: 0;left: 0;background: #d66215;border-radius: 10px 0 0 10px;}
.main-timeline .timeline:nth-child(even) .timeline-content:before{ background: #1784ab; }
.main-timeline .timeline-content:after{content: "";width: 40px;height: 40px;background: #f67420;border-bottom: 5px solid #fff;border-right: 5px solid #fff;position: absolute;bottom: -23px;left: 50px;transform: rotate(45deg);z-index: -1;}
.main-timeline .timeline:nth-child(even) .timeline-content:after{ background: #43a6ba; }
.main-timeline .description{font-size: 14px;color: #fff;}
@media (max-width: 768px) {
    .main-timeline .description{font-size: 12px;}
    .main-timeline .timeline-content{padding: 15px 0 15px 50px;}
}
.main-timeline .read-more{display: inline-block;padding-right: 15px;font-size: 16px;font-weight: bold;color: #fff;text-transform: capitalize;position: relative;}
.main-timeline .read-more:before{/*content: "\f0da";font-family: 'FontAwesome';*/font-size: 24px;position: absolute;top: -6px;right: 0;	}
.main-timeline .year{display: inline-block;width: 85px;height: 85px;line-height: 85px;background: #f67420;border-radius: 5px;border: 5px solid #fff;text-align: center;margin-left: -100px;transform: rotate(45deg);position: relative;}
.main-timeline .timeline:nth-child(even) .year{ background: #43a6ba; }
.main-timeline .year span{display: block;font-size: 20px;font-weight: bold;color: #fff;transform: rotate(-45deg);}
.main-timeline .timeline.bottom{ margin: -10% 0 0 2%; }
.main-timeline .timeline.bottom:nth-child(5n+1),
.main-timeline .timeline.bottom:last-child{ margin-left: 3%; }
.main-timeline .timeline.bottom:before{top: auto;bottom: 80px;}
.main-timeline .timeline.bottom:after{top: auto;left: auto;bottom: 54%;right: 71px;border-color: #fff;}
.main-timeline .timeline.bottom .timeline-content{margin: 80px 0 0 0;padding: 15px 0 30px 50px;}
.main-timeline .timeline.bottom .timeline-content:after{border: none;border-top: 5px solid #fff;border-left: 5px solid #fff;bottom: auto;top: -23px;left: auto;right: 50px;	}
@media (max-width: 768px) {
    .main-timeline .timeline.bottom .timeline-content{padding: 15px 0 15px 50px;}
}
.main-timeline .timeline.bottom .year{top: 4px;margin-left: 102px;}
	@media only screen and (max-width: 1199px){.main-timeline:before{width: 5px;height: 100%;top: 0;left: 5%;}
.main-timeline .timeline,
.main-timeline .timeline.bottom,
.main-timeline .timeline.bottom:nth-child(5n+1),
.main-timeline .timeline.bottom:last-child{width: 85%;float: none;margin: 0 0 20px 15%;}
.main-timeline .timeline:after,
.main-timeline .timeline.bottom:after{width: 60px;height: 5px;top: 50px;left: -58px;border-top: 9px dotted #fff;}
.main-timeline .timeline-content,
.main-timeline .timeline.bottom .timeline-content{ margin: 0; }
.main-timeline .year,
.main-timeline .timeline.bottom .year{width: 65px;height: 65px;line-height: 60px;margin: 0;position: absolute;top: 20px;left: -15.5%;z-index: 1;}
.main-timeline .timeline .timeline-content:after{ display: none; }
.main-timeline .timeline.bottom:before{bottom: auto;top: 30px;left: -2px;}}
	@media only screen and (max-width: 990px){.main-timeline .year,.main-timeline .timeline.bottom .year{left: -16.8%;}}
	@media only screen and (max-width: 767px){
.main-timeline .timeline:after,
.main-timeline .timeline.bottom:after{ display: none; }
.main-timeline .year,
.main-timeline .timeline.bottom .year{width: 30px;height: 30px;border: 3px solid #fff;left: -13.5%;}
.main-timeline .year span{ display: none; }}
	@media only screen and (max-width: 480px){.main-timeline .year,.main-timeline .timeline.bottom .year{ left: -15.5%; }}