@charset "utf-8";
body{ background-color:#fff;color:#333;font-size:14px; margin:0 auto; 
font-family:"微软雅黑", Helvetica, Arial, sans-serif;
font-family:'microsoft yahei',"微软雅黑",SimSun,Verdana,Arial;
}
p,span,ul,ol,li,img,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,dl,dd,dt{list-style:none; border:0; margin:0; padding:0}
a{outline-style:none;color:#666;text-decoration:none; padding:0; margin:0}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom: 1}

.content_more_a_zdy::after, .content_more_a_zdy:after {
	content: '查看全文';
	color: #fff;
}


/* index */
.flex-direction-nav{ display:none;}
.flex-control-nav {position: absolute;bottom: 16px; z-index:9999; text-align:center; width:100%; }
.flex-control-nav li{  margin:0 3px; cursor:pointer; *display:block; *zoom:1; display:inline-block;}
.flex-control-nav li a {background:#fff; width: 12px; height: 12px;display: block; font-size: 0;
text-indent: -9999px;border-radius:12px;float:left;}
.flex-control-nav li a.flex-active{ background:#e42700; width:30px; transition:all 0.6s ease 0s;}
.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden; z-index:-1;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; }
.slides li img{ width:100%; height:auto; display:block;}


@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}}

.into .brief{-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.into #left{-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.into #right{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-30px)}
100%{opacity:1;-moz-transform:translateX(0)}}

.into .nexus{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(30px)}
100%{opacity:1;-moz-transform:translateX(0)}}

.into .press_left {-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.into .press_right{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.6)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.6)}
100%{-moz-transform:scale(1)}}

.into .business:nth-child(1){-webkit-animation:up 0.4s linear 0.4s both; animation:up 0.4s linear 0.4s both;}
.into .business:nth-child(2){-webkit-animation:up 0.4s linear 0.6s both; animation:up 0.4s linear 0.6s both;}
.into .business:nth-child(3){-webkit-animation:up 0.4s linear 0.8s both; animation:up 0.4s linear 0.8s both;}

@-webkit-keyframes up{
0%{opacity:0;-webkit-transform:translateY(30px)}
50%{opacity:0.5;-webkit-transform:translateY(15px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}

.into .oper_div{-webkit-animation:up 1s linear 0.2s both; animation:up 1s ease 0.2s both;}
@-webkit-keyframes up{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes up{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}


.phone{ display:none;}
.slides li{ position:relative; overflow:hidden;}
.banner1_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:95px; overflow:hidden; top:50%; margin-top:-42.5px;}
.slides li .banner1_box img{ width:416px!important; height:95px!important;overflow:hidden;}
.slides li .banner2_box .index_pic1 img{ width:562px!important; height:100px!important; overflow:hidden;}
.slides li .banner2_box .index_pic1{ margin:150px 0 42px 0;}
.slides li .banner2_box .index_pic2 img{ width:1172px!important; height:187px!important; overflow:hidden;}
.slides li .banner3_box  .box_pic4{ width:1049px!important; height:607px!important; overflow:hidden;}
.banner2_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:490px;  top:0;}
.banner3_box .box_pic5{ position:absolute; left:-100px; top:80px; z-index:9999999; width:252px; height:67px;}
.banner3_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:607px; top:50%; margin-top:-303.5px;}
.flex-active-slide .banner1_box img{ animation:zuo 1s ease 0.2s both;-webkit-animation:zuo 1s linear 0.2s both; }
.flex-active-slide .banner2_box .index_pic1{animation:zuo 1s ease 0.2s both;-webkit-animation:zuo 1s linear 0.2s both; }
.flex-active-slide .banner2_box .index_pic2{animation:shang 1s ease 0.2s both;-webkit-animation:shang 1s linear 0.2s both; }
.flex-active-slide .banner3_box .box_pic4{animation:fadeInLeft 0.8s ease 0.2s both;-webkit-animation:fadeInLeft 0.8s linear 0.2s both; }
.flex-active-slide .banner3_box .box_pic5{-webkit-animation:fadeInRight 0.8s linear 0.2s both; animation:fadeInRight 0.8s ease 0.2s both;}

@-webkit-keyframes zuo{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes zuo{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes shang{0%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes shang{0%{opacity:0;-moz-transform:translateY(50px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}
4%{opacity:0.4}
80%{opacity:0.8}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
4%{opacity:0.4}
80%{opacity:0.8}
100%{opacity:1}}
@media screen and (max-width:1100px){

.phone{ display:block;}
.pc{ display:none;}
.flex-control-nav{ text-align:center; width:100%; left:0; margin:0;}
.slides li .banner_img{ width:100%; height:100%;}

}
.page{ width:1000px; margin:0 auto;} 
.nav{ background:url(../images/nav.png) no-repeat; margin-top:-21px; line-height:93px; height:93px;}
.logo{ float:left; margin-left:5%; width:23%;position: relative;height:93px;}
.logo img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); max-width:100%;}
.nav_1{ float:right; width:60%; margin-right:7%;}
.nav_1 ul{ overflow:hidden;}
.nav_1 ul li{ float:left; width:20%;}
.nav_1 ul li a{ display:block; text-align:center; border-right:1px solid #EEEEEE; font-size:16px;}
.nav_1 ul li:nth-last-of-type(1) a{ border:0;}
.nav_1 ul li:hover a{ color:#059FE9;}
.about{ margin:2% 0;}
.title{ text-align:center; padding-bottom:2%;}
.title h1{ font-size:32px; font-weight:normal;}
.title p{ color:#999999; font-size:20px; line-height:50px;}
.title span{ color:#cc3f38;}
.about_1 a,.about_2 a{ display:block; color:#fff; text-align:center;}
.about_1{ float:left; background:url(../images/about.png) no-repeat;  color:#fff; width:49%; height:381px;}
.about_1 p{ font-size:14px;}
.about_1 a{padding:8% 10% 0; line-height:2}
.about_1 h1{ font-size:24px;}
.about_2{ float:right;width:48%;}
.about_2 img{ width:100%;}
.business{ background:url(../images/yw.jpg) no-repeat top center; padding:3% 0; background-size:cover;}
.title_1{ text-align:center; padding-bottom:2%; color:#fff;}
.title_1 h1{ font-size:32px; font-weight:normal;}
.title_1 p{ color:#fff; font-size:20px; line-height:50px;}
.title_1 span{ color:#cc3f38;}
.business_1 dl{ float:left; width:23%; margin:1%; text-align:center; color:#fff;}
.business_1 dl dd{ line-height:2}
.business_1 dl dd p{ font-size:20px;}
.tel{ font-size:18px; font-weight:bold; width:30%; border-radius:30px; color:#fff; text-align:center; border:3px solid #FFF; line-height:50px; margin:3% auto 0;}
.tel:hover{ background:#cc3f38;}
.xtpt{ padding:2% 0;}
.xtpt_1 dl{ overflow:hidden; margin:0 -4%;}
.xtpt_1 dl dt{ float:left; padding:65px 0 0; width:16%; margin:0 1%;}
.xtpt_1 dl dt img{ max-width:100%;}
.xtpt_1 dl dd{ float:left; width:25%;}
.new_1 dl{ float:left; width:48%; margin:1%;border-bottom:1px dotted #ddd; padding-bottom:2%;}
.new_1 dl h1{ font-size:18px; color:#333; line-height:38px; height:38px; overflow:hidden;}
.new_1 dl dt{ float:left; width:23%;}
.new_1 dl dt img{ width:100%; padding-top:10px;}
.new_1 dl dd{ float:right; width:75%;}
.new_1 dl dd p:nth-of-type(1){ line-height:30px; height:90px; overflow:hidden;}
.new_1 dl:hover h1{ color:#cc3f38;}
.date{ color:#CCC;}
.date b{ float:right; font-weight:normal; background:url(../images/ll.png) no-repeat left center; padding-left:25px;}
.foot{ background:#1c1c1c; color:#999; line-height:2.5;}
.foot .page .foot_1,.foot .page .foot_2{ padding:1% 0;}
.foot_db{ background:#fff; color:#333; text-align:center; }
.foot_db a{ padding:0 8px;}
.foot_1{ float:left; width:48%;}
.foot_2{ float:right; width:48%; overflow:hidden;}
.foot_2 img{ display:block; margin:1%; float:right; padding-right:20px;}
.about_dy{ padding:4% 0;}
.title_2{ font-size:24px; padding-bottom:3%;}
.title_2 span{ color:#999; font-size:18px;}
.about_4 dl{ background:#e6f1f8;}
.about_4 dl dt{ float:left; width:50%;}
.about_4 dl dt img{ width:100%; display:block;}
.about_4 dl dd{ float:right; width:50%; line-height:2;}
.about_4 dl dd p{ padding:3% 3% 0;}
.about_3{ line-height:2; font-size:16px; margin-top:3%;}
.about_3 h2{ font-size:18px; color:#cc3f38;}
.pagess {clear: both;overflow: hidden;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}
.new{ margin:2% 0;}
.new_l { float:left; width:66%; padding-right:2%; border-right:1px solid #dddddd;}
.new_r{ float:right; width:30%;}
.newtitle{ border-bottom:3px solid #eeeeee; font-size:22px; line-height:50px; height:50px; overflow:hidden;}
.newtitle span{ width:4px; height:25px; background:#2277da; float:left; margin:15px 15px 0 0;}
.newtitle b{ float:left; font-weight:normal;}
.xwlist{ margin:4% 0;}
.xwlist dl{ margin:1%;border-bottom:1px dotted #ddd; padding-bottom:2%; overflow:hidden; line-height:2;}
.xwlist dl h1{ font-size:18px; color:#333; line-height:38px; height:38px; overflow:hidden;}
.xwlist dl dt{ float:left; width:23%;}
.xwlist dl dt img{ width:100%; padding-top:10px;}
.xwlist dl dd{ float:right; width:75%;}
.xwlist dl:hover h1{ color:#cc3f38;}
.rdxw ul{ margin:2% 0;}
.rdxw ul li{overflow:hidden;}
.rdxw ul li span{ float:left; width:16px; height:16px; line-height:16px; text-align:center; border:1px solid #666666; background:#666; color:#fff; border-radius:3px; margin-top:12px;}
.rdxw ul li a{ float:right; width:90%; line-height:40px; height:40px; overflow:hidden;}
.rdxw ul li:hover a{ text-decoration:underline;}
.gzh{ margin:5% 0;}
.gzh img{ float:left; width:48%; margin:1%;}
.show1 h1{ font-size:18px;}
.xwshow{ line-height:2.3;}
.xwshow img{ max-width:100%;}
.xwshow,.neir{ padding:4% 0;}
.neir{ text-indent:2em;}
.show1 p{ border-bottom:1px dotted #CCCCCC; line-height:3; color:#999;}
.show1 p span{ padding:0 15px 0 0;}
.fany a:hover{ text-decoration:underline;}
#allmap {width: 100%;height: 350px;overflow: hidden; line-height:30px;}
#allmap b{color: #CC5522;font-size: 16px; }
.sub_content_right_below {
	width:100%;
	height:auto;
	overflow:hidden;
	zoom:1;
}
.sub_content_right_below p {
	line-height:22px;
	padding-top:10px;
	font-size:13px;
	color:#666666
}
.news_content_middle {
	width:100%;
	height:100%;
	font-size:14px;
	line-height:25px;
}
.news_content_middle p {
	margin-top:8px;
}
.message_content {
	width:100%;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] {
	font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
}
#contact {}
#contact h3 {
	color:#F96;
	display:block;
	font-size:30px;
	font-weight:400;
}
#contact h4 {
	display:block;
	font-size:15px; font-weight:normal; line-height:40px;
}
fieldset {
	border:medium none !important;
	margin:0 0 10px;
	min-width:100%;
	padding:0;
	width:100%;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:90%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #BF3131;
}
#contact textarea {
	height:100px;
	max-width:100%;
	resize:none;
}
#contact button[type="submit"] {
	cursor:pointer;
	width:20%;
	border:none;
	background:#BF3131;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}
#contact button[type="submit"]:hover {
	background:#A30000;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #BF3131;
}
::-webkit-input-placeholder {
color:#888;
}
:-moz-placeholder {
color:#888;
}
::-moz-placeholder {
color:#888;
}
:-ms-input-placeholder {
color:#888;
}
.contact_1{ float:left; width:38%; line-height:2.5;}
.contact_1 ul{ overflow:hidden;}
.contact_1 ul li{ float:left; width:48%; margin:1%;}
.contact_2{ float:right; width:60%;}
.contact{ padding:4% 0 0;}


@media only screen and (max-width: 995px) {
.page{ width: 100%; margin:0 auto; }
.pc{ display:none;}
.mobile{ display:block;}
.nav{ background:#cecece;}
.xtpt_1 dl{ margin:0;}
.logo{ width:100%; float:none; margin:0; height:auto;}
.nav{ margin:0; height:auto; line-height:normal; padding:2% 0 0;}
.logo img{ left:0; top:0; position:relative;transform: translate(0,0); display:block; margin:0 auto; padding-bottom:2%;}
.nav_1{ margin:0; float:none; width:100%;}
.nav_1 ul li a{ line-height:35px; height:35px; overflow:hidden; border-right:rgba(255,255,255,0.5) 1px solid; font-size:14px;}
.nav_1 ul{ border-bottom:rgba(255,255,255,0.5) 1px solid; border-top:rgba(255,255,255,0.5) 1px solid;}
.title h1,.title_1 h1{ font-size:22px;}
.title p,.title_1 p{ font-size:16px; line-height:35px;}
.about_3{ margin:0;}
.about_1{ float:none; width:100%; background:#cc3f38; height:auto;}
.about_1 a{padding:5%;}
.about_2,.about_4 dl dt,.about_4 dl dd,.contact_1,.contact_2{ float:none; width:100%;}
.about{ margin:3% 0 0;}
.business{ padding:5% 0;}
.business_1 dl{ width:48%;}
.business_1 dl dt img{ width:40%;}
.tel{ width:80%;}
.xtpt_1 dl dt{ padding:0; width:48%;}
.xtpt_1 dl dd{ width:100%; text-align:center; }
.new_1 dl{ float:none; width:98%; overflow:hidden;}
.foot_db{ background:#1c1c1c; color:#999;}
.foot_db a{ color:#999;}
.about_dy{ padding:2%;}
.new_l{ border:0; float:none; padding:2%; width:96%;}

}