@charset "utf-8";
/* CSS Document */
@font-face{font-family:"BEBAS";src:url("../font/BEBAS.woff2") format("woff2"),url("../font/BEBAS.woff") format("woff"),url("../font/BEBAS.ttf") format("truetype"),url("../font/BEBAS.eot") format("embedded-opentype"),url("../font/BEBAS.svg") format("svg");}

@font-face{font-family:"Impact";src:url("../font/Impact.woff2") format("woff2"),url("../font/Impact.woff") format("woff"),url("../font/Impact.ttf") format("truetype"),url("../font/Impact.eot") format("embedded-opentype"),url("../font/Impact.svg") format("svg");}

.drwp .pro{
	overflow:hidden;
	margin:60px 0 40px;
	}
.drwp .pro li{
	float:left;
	margin-bottom:20px;
	width:238px;
	height:168px;
	border:1px solid #fff;
	display:flex;
    justify-content:center;
    align-items:center;
	}
.drwp .pro li:hover{
	border:1px solid #0170c1;
	transition: all 0.3s linear;
	}
.drwp .pro li .img{
	width:70px;
	height:70px;
	margin:0 auto;
	}
.drwp .pro li .img1{
	background:url(/Templates/cn2014/images/icon1.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img1{
	background:url(/Templates/cn2014/images/icon1_h.png) no-repeat center/cover;
	}
.drwp .pro li .img2{
	background:url(/Templates/cn2014/images/icon2.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img2{
	background:url(/Templates/cn2014/images/icon2_h.png) no-repeat center/cover;
	}
.drwp .pro li .img3{
	background:url(/Templates/cn2014/images/icon3.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img3{
	background:url(/Templates/cn2014/images/icon3_h.png) no-repeat center/cover;
	}
.drwp .pro li .img4{
	background:url(/Templates/cn2014/images/icon4.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img4{
	background:url(/Templates/cn2014/images/icon4_h.png) no-repeat center/cover;
	}
.drwp .pro li .img5{
	background:url(/Templates/cn2014/images/icon5.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img5{
	background:url(/Templates/cn2014/images/icon5_h.png) no-repeat center/cover;
	}
.drwp .pro li .img6{
	background:url(/Templates/cn2014/images/icon6.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img6{
	background:url(/Templates/cn2014/images/icon6_h.png) no-repeat center/cover;
	}
.drwp .pro li .img7{
	background:url(/Templates/cn2014/images/icon7.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img7{
	background:url(/Templates/cn2014/images/icon7_h.png) no-repeat center/cover;
	}
.drwp .pro li .img8{
	background:url(/Templates/cn2014/images/icon8.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img8{
	background:url(/Templates/cn2014/images/icon8_h.png) no-repeat center/cover;
	}
.drwp .pro li .img9{
	background:url(/Templates/cn2014/images/icon9.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img9{
	background:url(/Templates/cn2014/images/icon9_h.png) no-repeat center/cover;
	}
.drwp .pro li .img10{
	background:url(/Templates/cn2014/images/icon10.png) no-repeat center/cover;
	}
.drwp .pro li:hover .img10{
	background:url(/Templates/cn2014/images/icon10_h.png) no-repeat center/cover;
	}
.drwp .pro li p{
	font-size:18px;
	font-weight:bold;
	color:#666;
	text-align:center;
	margin:10px 0 20px;
	}
.drwp .pro li:hover p{
	color:#0170c1;
	transition: all 0.3s linear;
	}
.drwp .pro li i{
	width:32px;
	height:1px;
	background-color:#999;
	display:block;
	margin:0 auto;
	}	
	
.drwp .about .title h1{
	font-size:20px;
	color:#0170c1;
	}
.drwp .about .title h1 span{
	font-size:13px;
	font-weight:normal;
	color:#999;
	}
.drwp .about{
	background:url(../images/about_bg.png) no-repeat top center;
	padding-top:60px;
	margin-bottom:60px;
	}	
.drwp .about .center{
	width:1280px;
	}
.drwp .about .box{
	overflow:hidden;
	box-shadow:0 0 15px #ccc;
	padding:50px 40px 30px;
	background-color:rgba(256,256,256,0.9);
	}
.drwp .about .box .p{
	margin-top:30px;
	}
.drwp .about .box .p p{
	font-size:14px;
	line-height:24px;
	color:#333;
	}
.drwp .about .box .more{
	float:right;
	margin-top:40px;
	background-color:#ffb401;
	font-size:14px;
	color:#fff;
	line-height:35px;
	text-align:center;
	height:35px;
	width:160px;
	display:block;
	}

.drwp .two{
	overflow:hidden;
	margin-bottom:50px;
	}
.drwp .two .center{
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
	}
.drwp .case {
	width:540px;
	float:left;
	}
.drwp .team {
	width:540px;
	float:right;
	}
.drwp .two .title{
	overflow:hidden;
	margin-bottom:40px;
	}
.drwp .two .title h1{
	font-size:20px;
	color:#0170c1;
	float:left;
	}
.drwp .two .title h1 span{
	font-size:13px;
	font-weight:normal;
	color:#999;
	}
.drwp .two .title .more{
	float:right;
	font-size:14px;
	color:#ffb401;
	}
.drwp .case .list{
	overflow:hidden;
	}
.drwp .case .list li:first-child{
	margin-bottom:50px;
	border-bottom:none;
	padding-bottom:0;
	}
.drwp .case .list li:first-child a>img{
	float:left;
	width:240px;
	display:block;
	}
.drwp .case .list li:first-child .txt{
	float:right;
	width:280px;
	}
.drwp .case .list li:first-child .txt h1{
	float:none;
	font-size:16px;
	color:#0170c1;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	}
.drwp .case .list li:first-child .txt span{
	float:none;
	font-size:14px;
	color:#999;
	margin-bottom:10px;
	display:block;
	}
.drwp .case .list li:first-child .txt p{
	clear:left;
	font-size:14px;
	color:#999;
	line-height:24px;
	display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;
	}
.drwp .case .list li{
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
	}
.drwp .case .list li a>img{
	display:none;
	}
.drwp .case .list li .txt {
	overflow:hidden;
	}
.drwp .case .list li .txt h1{
	float:left;
	font-size:16px;
	color:#333;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	}
.drwp .case .list li .txt span{
	float:right;
	font-size:14px;
	color:#999;
	display:block;
	}
.drwp .case .list li .txt p{
	margin-top:8px;
	clear:left;
	font-size:14px;
	color:#999;
	line-height:24px;
	display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;
	}
.drwp .case .list li:hover .txt h1{
	color:#0170c1;
	transition: all 0.3s linear;
	}
.drwp .case .list li:hover .txt span{
	color:#666;
	transition: all 0.3s linear;
	}
.drwp .case .list li:hover img{
	transform: scale(1.05, 1.1);
	transition: transform 0.6s ease 0s;
	}
.drwp .team .list li{
	overflow:hidden;
	margin-bottom:19px;
	}
.drwp .team .list li a>img{
	width:125px;
	float:left;
	margin-right:20px;
	}
.drwp .team .list li .txt{
	width:395px;
	float:right;
	}
.drwp .team .list li .txt h1{
	font-size:16px;
	color:#333;
	margin-bottom:20px;
	}
.drwp .team .list li .txt h1 span{
	font-weight:normal;
	font-size:15px;
	color:#999;
	}
.drwp .team .list li .txt p{
	font-size:14px;
	line-height:23px;
	color:#999;
	display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;
	}
.drwp .team .list li:hover .txt h1{
	color:#0170c1;
	transition: all 0.3s linear;
	}
.drwp .team .list li:hover .txt h1 span{
	color:#666;
	transition: all 0.3s linear;
	}
.drwp .team .list li:hover img{
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
	}

.drwp .news{
	margin-bottom:50px;
	}	
.drwp .news .title{
	overflow:hidden;
	margin-bottom:40px;
	}
.drwp .news .title h1{
	font-size:20px;
	color:#0170c1;
	float:left;
	}
.drwp .news .title h1 span{
	font-size:13px;
	font-weight:normal;
	color:#999;
	}
.drwp .news .title .news_nav{
	float:right;
	margin-top:15px;
	}
.drwp .news .title .news_nav li{
	float:left;
	height:10px;
	line-height:10px;
	padding:0 15px;
	border-right:1px solid #ccc;
	}
.drwp .news .title .news_nav li:last-child{
	padding:0 0 0 15px;
	border-right:none;	
	}
.drwp .news .title .news_nav li a{
	font-size:15px;
	color:#333;
	}
.drwp .news .title .news_nav li:first-child a{
	color:#0170c1;
	}
.drwp .news .box{
	overflow:hidden;
	}
.drwp .news .box .left{
	overflow:hidden;
	float:left;
	width:750px;
	}
.drwp .news .box .left .txt>img{
	float:left;
	width:280px;
	}
.drwp .news .box .left .txt .info{
	float:right;
	width:420px;
	}
.drwp .news .box .left .txt .info h1{
	color:#0170c1;
	font-size:16px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	}
.drwp .news .box .left .txt .info span{
	font-size:14px;
	color:#666;
	display:block;
	margin:15px 0 12px;
	}
.drwp .news .box .left .txt .info p{
	color:#999;
	font-size:14px;
	line-height:24px;
	display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;
	}
.drwp .news .box .left .txt .info a{
	width:130px;
	height:32px;
	background-color:#ffb401;
	font-size:14px;
	color:#fff;
	display:block;
	line-height:32px;
	text-align:center;
	margin-top:20px;
	}
.drwp .news .box .right{
	float:right;
	overflow:hidden;
	width:400px;
	}
.drwp .news .box .right li{
	height:39px;
	line-height:39px;
	border-bottom:1px dashed #ccc;
	}
.drwp .news .box .right li:hover p{
	color:#0170c1;
	transition: all 0.3s linear;
	}
.drwp .news .box .right li:hover span{
	color:#0170c1;
	transition: all 0.3s linear;
	}
.drwp .news .box .right li p{
	width:290px;
	float:left;
	color:#333;
	font-size:14px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	}
.drwp .news .box .right li span{
	float:right;
	color:#999;
	font-size:14px;
	}
.drwp .news .title{
	overflow:hidden;
	margin-bottom:40px;
	}


.drwp .links{
	background-color:#f5f5f5;
	padding:50px 0;
	}
.drwp .links .title{
	margin-bottom:30px;
	}
.drwp .links .title h1{
	font-size:20px;
	color:#0170c1;
	}
.drwp .links .title h1 span{
	font-size:13px;
	font-weight:normal;
	color:#999;
	}
.drwp .links .txt{
	padding:20px 25px;
	border:1px solid #ccc;
	background-color:#fff;
	}
.drwp .links .txt a{
	font-size:14px;
	line-height:28px;
	color:#333;
	margin-right:10px;
	}
.drwp .links .txt a:hover{
	color:#0170c1;
	transition: all 0.3s linear;
	}
	
@media screen and (max-width: 992px){	
body{width: 1400px;margin:0 auto;}
.center {
    width:calc(100% - 100px);
    margin: 0 50px;
}
}