@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header{min-width: 1200px;height: 110px;padding-top: 3px;background: url(../images/line.jpg) no-repeat center top;}
.header .head_body{width: 90%;margin: 0 auto}
.header .head_body .logo{margin-top: 15px;width: 25%}
.header .head_body .nav {width: 40%;margin: 0 0% 0 6%;}
.header .head_body .nav li{float: left;width:20%;height: 110px;background: url(../images/nav_line.jpg) no-repeat center left;}
.header .head_body .nav li a{color: #333;font-size: 17px;margin-left: 18px;display: block;}
.header .head_body .nav li a i{display: block;font-size:13px;color: #c1c1c1;margin: 34px 0 0 2px;font-style: normal;letter-spacing: 1px;}
.header .head_body .nav li:hover {background: url(../images/nav_line1.jpg) no-repeat center left;}
.header .head_body .nav li:hover a {color:#0070C0;}
.header .head_body .nav li:hover a i{color:#0070C0;}
.header .head_body .tel{border: 2px solid #E2E2E2;border-radius: 30px;padding: 15px 25px;height: 20px;margin-top: 30px;}
.header .head_body .tel font{display:block;height: 20px;line-height: 20px;background: url(../images/tel.jpg) no-repeat left center;white-space: nowrap;padding-left: 25px;font-size: 18px;}

@media (max-width: 1200px) {
.header .head_body .logo{margin-top: 20px;width: 29%}
.header .head_body .nav {width: 48%;margin: 0 0 0 3%;}
.header .head_body .nav li a{font-size: 16px}
.header .head_body .tel{padding: 8px 12px}
}

@media (max-width: 1200px) {
.header .head_body .logo{margin-top: 20px;width: 27%}
.header .head_body{width:100%;margin: 0 auto}
}


/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:600px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #aaa;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #b7120e;
}

.flexslider .slides a img {
	width: 100%;
	height:600px;
	display: block;
}
/*banner end*/

.title{text-align: center;height: 60px;}
.title b{display: inline-block;height: 60px;font-size: 60px;font-family: Arial;line-height: 60px;color: #E60012}
.title span{display: inline-block;height: 60px;text-align: left;padding-left: 10px}
.title span font{display:block;font-size: 30px;line-height: 30px;font-weight: bold;}
.title span small{font-size: 18px;line-height: 25px;position: relative;top: 4px;color: #999}

/*company start*/
.company{padding: 50px 0;background: url(../images/combg.jpg) no-repeat center top;}
.company .com_body{margin-top: 40px;}
.company .com_body .com_l{height: 300px;width: 800px;}
.company .com_body .com_l i{font-size: 26px;display: block;}
.company .com_body .com_l p{font-size: 15px;line-height: 160%;text-indent:2em;}
.company .com_body .com_l a{display: block;width: 110px;height: 35px;background: #E60012;color: #fff;text-align: center;line-height: 35px;margin-top: 20px;}
/*company end*/

/*cando start*/
.scrollbg {width: 100%;height: 100%;background-image: url(../images/candobg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.cando{padding: 50px 0;background: rgba(0,0,0,0.7);}
.cando .title b{color: #f8b42b}
.cando .title span font{color: #fff}
.cando .title span small{color: rgba(255,255,255,0.5);}
.cando .cando_body{padding-top: 50px;}
.cando .cando_body ul li{width:200px;float: left;margin-left:133.3px;text-align: center;}
.cando .cando_body ul li:nth-child(1) {margin-left: 0px}
.cando .cando_body ul li img{width: 200px;}
.cando .cando_body ul li p{font-size: 18px;color: #fff;color: #fff;text-align: center;letter-spacing: 2px;line-height: 200%}
.cando .cando_body ul li em{line-height: 200%;color: #aaa;text-transform:uppercase;}
/*cando end*/

/*case start*/
.case{padding:50px 0;background: url(../images/casebg.jpg) no-repeat center #fff;}
.case .title b{color: #0075C1}
.case_body{margin-top: 30px}
.case_body ul li{width: 280px;margin-left: 26.6px;float: left;padding-bottom: 10px;transition: all 1s ease-in;}
.case_body ul li:nth-child(4n+1) {margin-left: 0px}
.case_body ul li .img{width: 280px;height: 210px;overflow: hidden;position: relative;background: #0075C1}
.case_body ul li .cover{width: 180px;height: 90px;position: absolute;top: 0;color: #fff;padding: 60px 50px;display: none;}
.case_body ul li .cover p{font-size: 15px;height: 30px;line-height: 30px;width: 180px}
.case_body ul li:hover .cover{display: block;}
.case_body ul li img{ width: 280px; height: 210px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.case_body ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);opacity: 0.2}
.case_body ul li a > p{text-align: center;line-height: 40px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px}
/*case end*/

/*youshi start*/
.scrollbg1 {width: 100%;height: 100%;background-image: url(../images/youshibg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.youshi{padding:50px 0;background: rgba(0,0,0,0.8)}
.youshi .title b{color: #50cf11}
.youshi .title span font{color: #fff}
.youshi .title span small{color: rgba(255,255,255,0.5);}
.youshi .youshi_body{margin-top: 30px;text-align: center;}
.youshi .youshi_body b{font-size: 26px;font-weight: normal;color: #fff;display: block;padding-bottom: 15px;letter-spacing: 2px}
.youshi .youshi_body > p{font-size: 15px;color: #dfdfdf;line-height: 180%;text-indent: 2em;}

.circle-group{margin: 20px auto 0;position:relative;width:365px;height:345px}
.circle-group .circle-item{opacity:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:200px;border-radius:50%;background-color:rgba(82,161,37,.6);color:#fff}
.circle-group .circle-item p{font-size:1.2rem;opacity:0}
.circle-group .circle-item h4{font-size:1.8rem;font-weight:400;letter-spacing:.06rem;line-height:2rem;opacity:0}
.circle-group .circle-item.circle-index-1{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.circle-group .circle-item.circle-index-2{bottom:0;left:0;z-index:2}
.circle-group .circle-item.circle-index-3{bottom:0;right:0}
.circle-group .circle-animation{-webkit-animation:.5s fadeIn forwards;animation:.5s fadeIn forwards}
.circle-group .circle-animation p{-webkit-animation:.2s .6s fadeIn forwards;animation:.2s .6s fadeIn forwards}
.circle-group .circle-animation h4{-webkit-animation:.2s 1s fadeIn forwards;animation:.2s 1s fadeIn forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
/*youshi end*/

/*footer start*/
.footer{background: url(../images/footbg.jpg) no-repeat center;}
.footer .foot_body{padding: 30px 0 }
.footer .f_lxwm{font-size: 15px;line-height: 200%;width: 500px}
.footer .f_lxwm dt{font-size: 20px;font-weight: bold;color: #E60012;height: 30px;line-height: 30px;padding-bottom: 15px}

.footer .f_fgs{margin-left: 40px;width: 400px;}
.footer .f_fgs dt{font-size: 20px;font-weight: bold;color: #F8B42B;height: 30px;line-height: 30px;padding-bottom: 15px}
.footer .f_fgs dd{width: 80px;height: 30px;background: #cfcfcf;text-align: center;line-height: 30px;margin: 6px;float: left;}

.footer .f_ewm b{font-size: 20px;display:block;color: #50CF11;height: 30px;line-height: 30px;padding-bottom: 15px}

.foot_bot{line-height:40px;background:#666;font-size: 15px}
.foot_bot .bot_body{width:1200px;margin:0 auto;}
.foot_bot .bot_l{float:left;color:#fff;width:600px}
.foot_bot .bot_r{float:right;color:#fff;width:300px;text-align: right}
.foot_bot .bot_r a{color:#fff}
/*footer end*/