@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"Microsoft YaHei","微软雅黑";}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.banner{background: url(../../img/copy/banner.jpg?v=1) center no-repeat;height: 430px;background-size: cover;}
.title{color: #1E1E1E;font-size: 36px;text-align: center;line-height: 38px;padding-top: 82px;padding-bottom: 15px;}
.title span{color: #4D4D4D;font-size: 16px;line-height: 52px;display: block;}

.flr1{height: auto;overflow: hidden;}
.flr1 ul li{margin-top:27px;margin-right:83px;margin-bottom:95px;float:left;height: 239px;width: 332px;color: #4f4f4f;font-size: 16px;line-height: 26px;text-align: center;border-radius:8px;box-shadow: rgba(92,92,92,0.23) 0 0 27px;-webkit-box-shadow: rgba(92,92,92,0.23) 0 0 27px;border:3px solid #fff;}
.flr1 ul li:hover{border: solid #2274E6 3px;width: 332px;height: 239px;}
.flr1 ul li:last-child,.flr3 ul li:last-child,.flr3 .demo div a:last-child{margin-right: 0;}
.flr1 ul li img{display: block;margin: 13px auto 0;}

.flr2{background: url(../../img/copy/flr2_bg.png) center no-repeat;height: 720px;}
.flr2 .width{position: relative;}
.flr2 .width ul{height: 355px;margin-top: 25px;}
.flr2 .width ul li{padding-top:70px;position:absolute;font-size: 20px;color: #000000;font-weight: bold;text-align: center;line-height: 26px;}
.flr2 .width ul li span{text-align:left;display:block;visibility:hidden;font-size: 14px;color: #545454;font-weight: 100;line-height: 24px;margin-top: 8px;}
.flr2 .width ul li:hover span{visibility: visible;}
.flr2 .width ul li:nth-child(1){width: 182px;left: 170px;top: -33px;}
.flr2 .width ul li:nth-child(2){width: 144px;left: 10px;top: 66px;}
.flr2 .width ul li:nth-child(3){width: 184px;left: 338px;top: 96px;}
.flr2 .width ul li:nth-child(4){width: 116px;left: 690px;top: -10px;padding-top: 0;padding-bottom: 70px;}
.flr2 .width ul li:nth-child(5){width: 172px;left: 1000px;top: 155px;}
.flr2 .width ul li:nth-child(6){width: 116px;left: 787px;top: 155px;padding-top: 0;padding-bottom: 70px;}
.flr2 .width ul li:nth-child(7){width: 182px;left: 546px;top: 218px;padding-top: 48px;padding-left: 32px;}
.flr2 .width a{display:block;height: 73px;width: 311px;color: #FFFFFF;font-size: 24px;line-height: 73px;text-align: center;position: absolute;left: 435px;}

.flr3{height: auto;overflow: hidden;}
.flr3 ul li{float:left;margin-top:27px;margin-right:35px;margin-bottom:120px;float:left;height: 364px;width: 364px;color: #4f4f4f;font-size: 16px;line-height: 26px;text-align: center;border-radius:8px;box-shadow: rgba(92,92,92,0.23) 0 0 27px;-webkit-box-shadow: rgba(92,92,92,0.23) 0 0 27px;border:3px solid #fff;}
.flr3 ul li:hover{border:3px solid #2274E6;width: 364px;height: 364px;}

.flr3 ul li .line{width: 38px;height:4px;margin: -3px auto 0;background: #2274E6;}
.flr3 ul li:hover .line{width: 100px;background: #fff;}
.flr3 ul li img{margin: 73px auto 18px;display: block;}
.flr3 ul li p{font-size: 14px;color: #6e6e6e;line-height: 24px;text-align: left;width: 290px;margin: 0 auto;}
.flr3 ul li p span{font-size: 24px;color: #000000;text-align: center;display: block;line-height: 74px;}
.flr3 .demo p{margin:0 auto 60px;height: 19px;width: 320px;border-bottom: solid 1px #1E1E1E;text-align: center;}
.flr3 .demo p span{color: #1E1E1E;font-size: 36px;line-height: 38px;padding: 0 20px;background: #FFFFFF;}
.flr3 .demo div{height: auto;overflow: hidden;margin-bottom: 100px;}
.flr3 .demo div img{float: left;margin-right: 150px;}
.flr3 .demo div .mr0{margin-right: 0;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #aeaeae;
}

input:focus {
	border-color: red;
	border-radius: 8px;
}

.popup_bg {
	width: 660px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	z-index: 9999;
	position: fixed;
	background: #fff;
	display: none;
	height: 545px;
}

.popup_bg .popup_top {
	width: 695px;
	height: 94px;
	background: url(../../img/copy/pop_top.png) center top no-repeat;
	margin-left: -35px;
	position: relative;
	top: -4px;
}

.popup_bg .popup_top p {
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}

.popup_bg .popup_top p span {
	font-size: 30px;
	margin: 0 24px;
}

.popup_bg .popup_top img {
	position: absolute;
	right: 7px;
	top: 10px;
	cursor: pointer;
}

.popup_bg .pop_box ul li {
	clear: both;
	height: auto;
	overflow: hidden;
	width: 532px;
	margin: 0 auto 16px;
}

.popup_bg .pop_box ul li:first-child{
	margin-bottom: 20px;
}

.popup_bg .pop_box ul li:nth-child(4){
	margin-top: 25px;
	margin-bottom: 20px;
}

.popup_bg .pop_box ul li span {
	display: block;
	background: url(../../img/copy/pop_logo.png) left center no-repeat;
	font-size: 22px;
	padding-left: 22px;
}

.popup_bg .pop_box ul li em {
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	margin-top: 9px;
	width: 110px;
	margin-left: 22px;
}

.popup_bg .pop_box ul li textarea {
	resize: none;
	width: 372px;
	height: 72px;
	border: 1px solid #e6e6e6;
	text-align: left;
	padding: 13px 13px 0 13px;
	border-radius: 5px;
}

.popup_bg .pop_box ul li input {
	height: 34px;
	width: 115px;
	border: 1px solid #e6e6e6;
	padding-left: 13px;
	border-radius: 5px;
}

.popup_bg .pop_box ul li i {
	margin-left: 10px;
	font-size: 16px;
	font-style: normal;
}

.popup_bg .pop_box ul li img {
	vertical-align: middle;
	cursor: pointer;
}

.popup_bg .pop_box ul li.pop_phone input {
	width: 385px;
}

.popup_bg .pop_box ul li.w385 input {
	width: 265px;
}

.popup_bg .pop_box ul li a.yzm {
	width: 110px;
	height: 36px;
	background: #0097f6;
	text-align: center;
	line-height: 36px;
	color: #fff;
	border-radius: 5px;
	display: block;
	float: right;
}

.popup_bg .pop_box ul li a.yzm:hover {
	color: #333;
}

.popup_bg .pop_box ul li a.tj {
	display: block;
	width: 220px;
	height: 50px;
	background: url(../../img/copy/pop_btn.png) center center no-repeat;
	text-align: center;
	margin: 0 auto 20px;
	font-size: 22px;
	line-height: 50px;
	color: #fff;
	box-shadow: 0 0 20px 0 rgba(255,109,0,.4);
	border-radius: 50px;
}

.popup_bg .pop_box ul li a.tj:hover {
	color: #333;
}