﻿
/*******************************
	-------[=首页]-------
********************************/
.index{background-color: #fdfdfd;}
.btnBox{text-align: center;margin: -25px 0;position: relative;z-index: 2;}
.btnBox .animateBtn{}

.i-row{overflow: hidden;}

.list1{}
.list1 li{text-align: center;overflow: hidden;
	padding: 25px 10px;border-top: 1px solid #dedede;
}
.list1 .con{max-width: 695px;margin: 0 auto;}
.list1 .time{font-size: 14px;color: #969696;display: inline-block;margin-bottom: 15px;font-family: 'Arial';}
.list1 h4{font-size: 18px;color: #2e2e2e;font-weight: normal;overflow: hidden;
	white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;margin-bottom: 15px;
}
.list1 h4 a{color: #2e2e2e;}
.list1 h4 a:hover{color: #ce4242;}
.list1 .intro{color: #838383;height: 3em;overflow: hidden;}

.list2{overflow: hidden;}
.list2 li{float: left;width: 20%;background-color: #fff;}
.list2 .con{display: block;margin-right: 1px;}
.list2 .pic{position: relative;height: 0;padding-top: 177%;/*overflow: hidden;*/}
.list2 .pic:after{
	content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;
	background-color: rgba(0,0,0,0.5);
	background: url(../images/black-alpha50.png) repeat left top \9;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.list2 a:hover .pic:after{top: 80%;height: 200%;background-color: #ce4242;}
.list2 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.list2 .txt{text-align: center;padding: 110px 0;height: 100px;}
.list2 a:hover .txt{margin-top: -135px;position: relative;}
.list2 a:hover .txt *{color: #fff;}
.list2 a:hover .txt h4 em{color: #eda7a7;}
.list2 .num{font-size: 30px;color: #b6b6b6;font-family: 'Arial';line-height: 1;}
.list2 h4{font-size: 24px;color: #5a5a5a;font-weight: normal;margin-top: 10px;}
.list2 h4 em{display: block;font-size: 14px;color: #979797;text-transform: capitalize;
	overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.list2 .plusBtn{display: block;width: 35px;height: 35px;margin: 100px auto 0;
	background: url(../images/i-plus.png) no-repeat center center;display: none;
	-o-background-size: 30px auto;
	-ms-background-size: 30px auto;
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}
.list2 a:hover .plusBtn{display: block;}

.index-case{padding: 110px 60px 150px;
	background: url(../images/bg-case.jpg) no-repeat center top;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.index-case .st1{color: #fff;}
.index-case .list3 .con{border:0;}

.list3{overflow: hidden;margin: 0 -20px;}
.list3 li{float: left;width: 33.333%;margin-bottom: 35px;}
.list3 .con{display: block;margin: 0 20px;background-color: #fff;border: 1px solid #ddd;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.list3 .pic{position: relative;height: 0;padding-top: 60%;overflow: hidden;}
.list3 .pic:after{
	content: '';position: absolute;left: 0;bottom: 100%;width: 100%;height: 100%;
	background: rgba(0,0,0,0.5) url(../images/i-so.png) no-repeat center center;
	background: #000 url(../images/i-so.png) no-repeat center center \9;
	-o-background-size: 60px auto;
	-ms-background-size: 60px auto;
	-moz-background-size: 60px auto;
	-webkit-background-size: 60px auto;
	background-size: 60px auto;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.list3 .pic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.list3 .txt{padding: 25px 35px;}
.list3 h4{font-size: 18px;font-weight: normal;overflow: hidden;color: #000;
	white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;margin-bottom: 10px;
}
.list3 .intro{color: #666;line-height: 2;height: 6em;overflow: hidden;}
.list3 a:hover{background-color: #ce4242;}
.list3 a:hover .pic:after{bottom: 0;}
.list3 a:hover .txt *{color: #fff;}

.index-about{color: #fff;padding: 80px 0 120px;background-color: #ce4242;}
.index-about .st1{color: #fff;}
.index-about .con{width: 96%;max-width: 900px;margin: 0 auto;font-size: 14px;}
.index-about .txt{line-height: 2;margin-bottom: 100px;}
.index-about .txt strong{font-size: 24px;}

/*******************************
	-------[=我们的业务-业务概况]-------
********************************/
.tab-tit{border-bottom: 1px solid #e0e0e0;line-height: 45px;max-height: 45px;
	text-align: center;font-size: 16px;color: #939292;margin-bottom: 30px;
}
.tab-tit a{color: #939292;display: inline-block;padding: 0 10px;margin: 0 2px;}
.tab-tit a.on{line-height: 40px;border-bottom: 3px solid #ce4242;}

.cont{padding: 30px 0;margin: 0 4%;margin-bottom: 35px;border-bottom: 1px solid #e0e0e0;}
.borb{border-bottom: 1px solid #e0e0e0;}

.article{line-height: 45px;overflow: hidden;}
.article h1{font-size: 16px;font-weight: normal;text-align: center;color: #2e2e2e;}
.article .info{text-align: center;margin: 15px 0;}
.article .info span{display: inline-block;margin: 0 10px;}
.article .content{padding: 30px 0;border-top: 1px dotted #afafaf;border-bottom: 1px dotted #afafaf;}
.article p{}
.article img{margin: 20px auto;display: block;}
.article h5{font-size: 14px;font-weight: normal;color: #565555;}
.article .foot{overflow: hidden;margin: 35px 0 25px;}
.article .foot a{display: inline-block;width: 105px;line-height: 40px;
	text-align: center;background-color: #d9d8d8;font-size: 14px;
}
.article .foot a:hover{background-color: #ce4242;color: #fff;}
.article .foot .back{float: right;}
.article .left{float: left;width: 34%;}
.article .left img{margin: 0;width: 100%;}
.article .right{width: 62%;float: right;margin: 30px 0;}


/*******************************
	-------[=我们的业务-业务类型]-------
********************************/
.list4{}
.list4 li{padding: 20px 50px 20px 20px;border: 1px solid #e6e5e5;overflow: hidden;margin-bottom: 30px;}
.list4 .pic{float: left;width: 480px;}
.list4 .pic a{position: relative;display: block;height: 0;padding-top: 65%;overflow: hidden;}
.list4 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.list4 .txt{margin-left: 530px;}
.list4 h4{font-size: 30px;color: #737272;overflow: hidden;margin: 20px 0;
	white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.list4 h4 a{color: #737272;}
.list4 .intro{color: #949292;line-height: 35px;height: 140px;overflow: hidden;margin-bottom: 10px;}
.list4 .btn2{float: right;}

.chapter{line-height: 35px;margin: 30px;}
.chapter h1{font-size: 36px;text-align: center;color: #666565;margin-bottom: 40px;}
.chapter p{text-indent: 2em;}
.chapter img{margin: 10px auto;display: block;}

.fancybox-close{width: 70px;height: 70px;top: 0;right: -70px;
	background:#ce4242 url(../images/i-close.png) no-repeat center center;
}

/*******************************
	-------[=我们的业务-典型案例]-------
********************************/

/*******************************
	-------[=我们的业务-典型案例详情]-------
********************************/

/*******************************
	-------[=我们的业务-合作伙伴]-------
********************************/
.list5{overflow: hidden;margin: 0 -15px;}
.list5 li{float: left;width: 33.333%;margin-bottom: 40px;}
.list5 .con{margin: 0 15px;display: block;border: 1px solid #e1e1e1;}
.list5 a:hover{border-color: #ce4242;}
.list5 .pic{position: relative;height: 0;padding-top: 41%;overflow: hidden;}
.list5 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/*******************************
	-------[=我们的团队-董事长语录]-------
********************************/

/*******************************
	-------[=我们的团队-顾问委员会]-------
********************************/
.list6{overflow: hidden;margin: 0 -33px;}
.list6 li{float: left;width: 25%;margin-bottom: 60px;}
.list6 .con{margin: 0 33px;}
.list6 .pic{width: 230px;height: 230px;margin: 0 auto 35px;border-radius: 50%;
	overflow: hidden;border: 10px solid #ebebeb;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.list6 li:hover .pic{border-color: #ce4242;}
.list6 .pic img{display: block;width: 100%;height: 100%;}
.list6 .txt{}
.list6 h4{font-size: 18px;color: #5b5b5b;font-weight: normal;text-align: center;margin-bottom: 10px;
	overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.list6 .intro{line-height: 2;height: 8em;overflow: hidden;}

/*******************************
	-------[=我们的团队-业务团队]-------
********************************/

/*******************************
	-------[=我们的动态-宏观资讯]-------
********************************/
.list7{margin: 0 -14px;overflow: hidden;}
.list7 li{float: left;width: 50%;margin-bottom: 28px;}
.list7 .con{display: block;border: 1px solid #e6e5e5;padding: 15px;margin: 0 14px;overflow: hidden;}
.list7 a:hover{background-color: #f7f5f5;}
.list7 a:hover h4{color: #ce4242;}
.list7 .pic{float: left;clear: left;width: 215px;height: 190px;position: relative;}
.list7 .pic img{display: block;width: 100%;height: 100%;}
.list7 .txt{margin-left: 240px;line-height: 30px;color: #838383;}
.list7 h4{font-size: 16px;font-weight: normal;color: #2e2e2e;margin: 10px 0 20px;
	overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.list7 .intro{height: 90px;overflow: hidden;}
.list7 .time{}

/*******************************
	-------[=我们的动态-详情]-------
********************************/

/*******************************
	-------[=我们的公益-圆梦班]-------
********************************/
.list8{overflow: hidden;}
.list8 li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dotted #c7c6c6;}
.list8 .pic{float: left;clear: left;width: 260px;height: 170px;position: relative;}
.list8 .pic img{display: block;width: 100%;height: 100%;}
.list8 .txt{margin-left: 300px;line-height: 30px;color: #838383;}
.list8 h4{font-size: 16px;font-weight: normal;color: #2e2e2e;margin: 10px 0 20px;
	overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}
.list8 h4 a{color: #2e2e2e;}
.list8 h4 a:hover{color: #ce4242;}
.list8 .intro{height: 90px;overflow: hidden;}
.list8 .time{}

/*******************************
	-------[=我们的公益-STS]-------
********************************/

/*******************************
	-------[=关于我们]-------
********************************/
.row{}
.row:nth-child(2n){background-color: #faf9f9;padding: 50px 0;}
.row .cont{border-bottom: 0;}

/*公司简介*/
.row-about{}

/*公司结构*/
.row-structure{padding-bottom: 0 !important;}
.row-structure .cont{padding: 100px 0 160px;
	background: url(../images/bg1.png) no-repeat center center;
}
.list9{text-align: center;clear: both;}
.list9 li{display: inline-block;width: 154px;height: 176px;line-height: 176px;margin: 0 12px 20px;
	background: url(../images/square1.png) no-repeat center center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.list9 li.title{background-image: url(../images/square1-on.png);}
.list9 h4{font-size: 30px;color: #ce4242;}
.list9 h5{font-size: 18px;font-weight: normal;}
.list9 li:nth-child(4){position: relative;top: 30px;}

/*公司准则*/
.row-guide{}

/*联系我们*/
.row-contact{}

.contactBox{overflow: hidden;font-size: 14px;}
.contactBox .left{float: left;width: 47%;color: #979696;line-height: 2;}
.contactBox .right{float: right;width: 47%;}
.contactBox h4{font-size: 18px;font-weight: normal;color: #616060;margin-bottom: 20px;}

.address{margin: 30px 0;}
.address span{color: #616060;}

.maBox{font-weight: bold;color: #bdbdbd;}
.maBox img{display: inline-block;width: 110px;height: 110px;padding: 5px;
	border: 1px solid #d7d7d7;vertical-align: middle;margin-right: 10px;
}

.inp-row{line-height: 25px;padding: 10px 10px 10px 60px;background-color: #eaeaea;position: relative;margin-bottom: 25px;border-radius: 20px;}
.inp-row span{position: absolute;left: 30px;top: 10px;}
.inp-row .inp{width: 100%;background: none;border:0;height: 25px;line-height: 25px \9;}
.inp-row .inp-area{line-height: 25px;height: 160px;}

