body {background: #f1f1f1;}
.f1f1f1{background: #f1f1f1;}
/*page*/
.second_banner{float:left;width: 100%;}
.second_banner1{background: url(../images/n-banner1.jpg); background-size:100%;}
.second_banner2{background: url(../images/n-banner2.jpg); background-size:100%;}
.second_banner3{background: url(../images/n-banner3.jpg); background-size:100%;}
.second_banner4{background: url(../images/n-banner4.jpg); background-size:100%;}
.second_banner5{background: url(../images/n-banner5.jpg); background-size:100%;}
.second_banner6{background: url(../images/n-banner6.jpg); background-size:100%;}
.second_banner7{background: url(../images/n-banner7.jpg); background-size:100%;}

.second_banner h3 {float: left; padding:0 5%;font-size: 40px; line-height:40px;color: #FFFFFF;margin-top:140px; padding-top:30px; background:url(../images/bc_b.png)}
.second_banner h3 span{font-weight:normal;font-size:28px; line-height:80px;}



/****main****/
.con_main{ float:left; margin:50px 0; width:100%;}

.dy_box{float:left; width:100%}

.about_box{float:left; width:100%;font-size:14px; line-height:2em; background:#fff; margin:30px 0; padding:50px 5%;}
/****left****/
.content_left{ float:left;width:20%; margin-bottom:50px;}
.content_left h5{float:left;width:100%;background:#0657b2; color:#fff;text-align:center; font-weight:normal; padding:15px 0; font-size:24px; margin-bottom:15px;}
.content_left h5 span{float:left;width:100%;text-align:center; color:#fff; line-height:30px;}
.line_nav{float:left;width:100%;background: #fff; padding-bottom:20px;}
.line_nav li{float: left; font-size:16px;
width: 100%;
padding-left:20%;
height:48px;
line-height:48px;
background: url(../images/pro_list_bg.png) no-repeat;
overflow: hidden;}
.line_nav li a{ color:#666;}


/****pro_menu****/
.pic_list{ float:left;}
.pic_list,.liw_au{margin-bottom:10px; position: relative; width:100%;  text-align:left}
.pic_list ul{ background:#fff;}
.pic_list ul li{background:url(../images/pro_bg.jpg) bottom center repeat-x;position:relative; padding-left:20px;font-size: 15px;}
.pic_list ul li span img{ position:absolute;line-height:46px; margin-top:16px;margin-left:20px; }
.pic_list ul li a{ display:block ;height: 46px;line-height: 46px;padding-left:50px;FONT-WEIGHT: bold ;color:#326ba8 ;}


.spanproduct{ }
.pic_list ul li.one_menu a:hover{ background:url(../images/pro_hover.jpg) no-repeat left center; color:#fff; display:block}
.gaoliang{ background:url(../images/pro_hover.jpg) no-repeat left center; color:#fff !important; display:block}
.pic_list ul li .two_menu li a:hover{ background:none; color:#326ba8;}
.pic_list ul li .two_menu li{ margin:0 10px;font-size: 13px; border-bottom:1px dashed #ddd; background:none;}
.pic_list ul li ul li a { color:#666; text-decoration: none; font-weight:normal;height:32px;
line-height:32px;}
.pic_list ul li ul li a:hover {color:#ff6600;}
.pic_list ul li ul {display: none;}



/*new_left*/
.new_left{float:left;width:100%;padding:20px 0px;}
.new_left h6{float:left;;width:100%;background:#fff; }
.new_left h6 a{float:left;width:100%; text-align:center;font-size: 22px;font-weight: normal;color: #0657b2;padding: 20px 0;}
.new_left h6 a span{font-size: 16px;margin-top: 5px;color: #ccc;}
.new_left li{float:left;width:100%;margin-top: 10px;line-height:25px;}
.new_left li img{ width:100%;}
.new_left li a {
	display:block;
	line-height:2.6;
	background:#999;
	color:#fff;
	font-size:18px
}
.new_left li a.hover,.new_left li a:hover {
	background:#0657b2;
}
.new_left li p {
display: block;
width: 90%; text-align:center;
margin: 0 auto;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


/****right****/
.se_content{ float:right; width:75%; min-height:700px;}
.pos{float:left; width:100%;background:#fff;line-height:70px;font-size: 14px; border-bottom:1px solid #ccc;}
.pos li{ float:left; padding:0 20px;}
.pos li.in-on{ background:#005bac; }
.pos li.in-on a{color:#fff;}
.position {
float: left; line-height:50px; border-bottom:1px solid #ccc;
font-size: 14px;
width: 100%;
padding: 0px 0 0px 7%;
background:#fff url(../images/home.png) 3% center no-repeat;
}

/****企业文化******/
.about_box h3{float:left;width:100%;font-size:24px; font-weight:bold; height:48px;line-height:24px; border-left:10px solid #eb7f2d; padding-left:20px;margin:50px 0 30px 0;}
.about_box h3 a{ font-size:18px;line-height:18px;color:#b7b8ba; font-weight:normal;}
.about_box h5{ float:left;width:100%;background:#f1f1f1; color:#000; font-size:16px; letter-spacing:2px;padding:10px 20px; margin:5px 0;}
.about_box .w20{ float:left;width:50%;}
.about_box .w20 img{ width:100%;}

/*****服务体系**********/
.fw_l{ float:left;width:40%; font-size:18px; line-height:2em;}
.fw_r{ float:right;width:55%;}
.fw_r img{ width:100%;}
.liebiao{float:left;width:100%; margin-top:50px;}
.lb{ float:left; width:29.333%; text-align:center; margin:0 2%; letter-spacing:2px;}
.lb a{float:left;width:100%; background:#005bac; color:#fff; font-size:18px;line-height:2.4em; margin-bottom:5px;}
.lb em{float:left;width:100%; margin:3px 0; background:#f1f1f1; font-style:normal; font-size:16px;line-height:2.4em; }


/****new_list****/
.news_list{  float:left;}
.news_bds{ float:left;width:100%; margin-top:20px; padding:15px 20px;background:#fff;}
.news_bds img{ float:left;width:20%; margin-right:20px; border:5px solid #e8e8e8;}
.new_r{ float:right;width:75%;}
.news_bds h4{float:left;font-size:18px; width:100%;font-weight: normal;height:32px;line-height:32px;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden;}
.news_bds h4 span{float:right;color:#999; font-size:14px;}
.news_bds .news_bds_span2{float:left;width:100%;border-top: #999 1px dotted;overflow: hidden;padding-top: 10px;margin-top: 5px;color: #333;}

.newsListBox{float:left; width:100%;margin-top:15px; }
.newsListBox li {float:left; width:100%;background-color: #fff;clear: both;overflow: hidden;padding: 17px 2%;margin-bottom:5px;}
.newsListBox .times {float: left;width:12%;color: #fff;text-align: center;background: #0657b2;margin-right: 3%;padding: 10px 0; margin-top:10px;}
.newsListBox .times .day{font-size:24px;font-weight: bold;line-height: 40px;width: auto;}
.newsListBox .times .year{color: #c8e2f1;}
.newsListBox .center{ float:left; width:85%;}
.newsListBox .center span{float:left;font-size:18px;font-weight: normal;width:100%;height:32px;line-height:32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333;}
.newsListBox .center p{border-top: #999 1px dotted; padding-top: 10px;margin-top: 5px;color: #333;}



/*****new****/
.in_content{float:left; width:100%;padding:30px 7% 50px 7%;background:#fff;}
.in_content h2{ text-align:center;margin:15px 0;    font-size:18px;}
.in_content h3{ text-align:center;margin:15px 0;    font-size:22px;}
.in_content h4{font-weight:normal; color:#999;text-align:center; }
.in_content .con_desc{width:100%;float: left;background:url(../images/conddBg.png) left center no-repeat;padding:15px 15px 15px 105px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;margin:20px 0;opacity: 0.8;}
.in_content .pimg{ width:100%;text-align:center;}
.in_content img{margin:0 auto; display:block; max-width:100%;}
.in_content p{ font-size:14px;}
.in_content p a{color: #0075C1; font-weight:bold;}



/*****product_list****/
.jieshao{float:left; width:100%;background: #fff; padding:20px 2%; font-size:16px; font-weight:bold;}
.jieshao b{ background: #eb7f2d; padding:5px 10px; color:#fff; margin-right:10px; border-radius:3px;}
.pro_list{ float:left; width:100%;}
.pro_list li a{ float:left; width:100%;margin:15px 0 10px 0; background:#fff;}
.pro_list li .fl{width:40%;}
.pro_list li img{ width:100%;}
.pro_list li .fr{width:55%; padding:20px 5% 0 0;}
.pro_list li .fr h4{float:left; width:100%;font-size:20px; line-height:3.4em; }
.pro_list li .fr p{ color:#666; font-size:15px;}
.pro_list li .fr em{ font-size:14px; float:right; padding-right:3%;}
/*product*/

.probox_b{ float:left; width:100%;margin-top:20px; min-height:300px;}
.probox_b h3{ width:100%; text-align:center; font-size:24px; padding-bottom:20px;color:#005bac; letter-spacing:2px;}
.probox_b p img{max-width:100%;}
.img_c{ float:left; width:100%;text-align:center;}
.img_c img{max-width:100%;}
.probox_b .w30{ float:left;width:31.3333%; margin:0px 1%;}
.probox_b .w20{ float:left;width:48%; margin:5px 1%; text-align:center;}

.probox_b h4{
float: left; font-size:16px;
width: 100%;
margin: 20px 0 10px 0;
border-bottom: 1px solid #0657b2; clear:both;
}
.probox_b h4 a{
background: #0657b2;
height:40px;
float: left;
color: #fff;
line-height:40px;
padding: 0 25px;
letter-spacing: 2px;
}
.probox_b table{float:left; width:100% !important;border:1px solid #ccc;}
.probox_b table.pl5 td{ padding-left:5%;}
.probox_b table.pl1 td{ padding-left:1%;}
.probox_b table .bc_b{ background:#ddd; font-weight:bold;}
.probox_b td p{line-height:24px;}


.about_box .img_c{ padding-bottom:20px;}
 
/******案例*******/
.video_list{ float:left; width:100%;background:#fff; padding:30px 2%;}
.video_list li{ float:left; width:31.33333%; margin:10px 1%; text-align:center;}
.video_list li img{ width:100%;}
.video_list li h4{ font-size:16px;line-height:3em; background:#f1f1f1; color:#000; font-weight:normal;}


/************/
.honor{float:left; width:100%; clear:both;}
.honor_l{float:left; width:57%;}
.honor li{float:left; width:19%; margin:5px 0.5%;}
.honor li img{width:100%;}

.honor_r{ float:right; width:40%;}
.honor_r p{ font-size:18px; margin-bottom:20px;color:#005bac; font-weight:bold; line-height:2em;}
.honor_r span{ font-size:16px;color:#ccc;}


/*********联系方式*******/
.map_box1 {float:left;width:100%; margin-top:50px;padding:5px; border:5px solid #fff;}
.map_box2{ float:left;width:100%;height:330px; overflow: hidden;}
.contact_box{ float:left;width:46%; padding:50px 5%; background:#fff; margin:30px 2% 50px 2%;}
.contact_box h6{ font-size:32px; line-height:72px; letter-spacing:3px;font-weight:normal;}
.contact_box p{ font-size:18px; border-bottom:1px dashed #ddd;line-height:50px; padding-left:50px; padding-bottom:5px;}
.contact_box p.cont_1{ background:url(../images/cont_1.png) left center no-repeat;}
.contact_box p.cont_2{ background:url(../images/cont_2.png) left center no-repeat;}
.contact_box p.cont_3{ background:url(../images/cont_3.png) left center no-repeat;}
.contact_box p.cont_4{ background:url(../images/cont_4.png) left center no-repeat;}
.contact_box p.cont_5{ background:url(../images/cont_5.png) left center no-repeat;}




.pages { float:left;margin-top:50px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;overflow: hidden;width:100%;}
.pages p{float:left; font-size: 14px;width:49.9%;height:50px;line-height:50px;overflow: hidden;background: #EAEAEA none repeat scroll 0% 0%;}
.pages p span.left{float: left; color:#fff;
padding:0px 4%;
background: #0657b2 none repeat scroll 0% 0%;
text-align: center;
}
.cont{margin:0 20px;}
.pages p .right{ float:right; margin-left:10px;color:#fff;
padding:0px 4%;
background: #0657b2 none repeat scroll 0% 0%;
text-align: center;
font-size: 14px;}
.pages p a{color: #555; font-weight:normal;}


.pagelink{ float:left;width:100%;background:#fff; line-height:36px; margin-top:10px;padding:20px 2%;    text-align: center;}
.pagelink a, .pagelink span, .pagelink font{padding:5px 13px; background:#fff;
line-height: 34px;
border: 1px solid #e2e2e2;
margin-right: 5px;
font-size: 14px;
cursor: pointer;}
.pagelink font, .pagelink a:hover{ color:#fff; background:#0657b2;}




@media screen and (max-width: 1600px){
	.second_banner h3 {margin-top:100px;}
}

@media screen and (max-width: 1440px){
	.second_banner h3 {margin-top:70px;}
}
@media screen and (max-width: 1366px){
	.second_banner h3 {font-size: 36px;line-height: 36px;padding-top: 20px;}
	.pic_list ul li { padding-left: 0px;}
	.contact_box h6{ font-size:30px; letter-spacing:2px;}
}

@media screen and (max-width: 1280px){
	.second_banner h3 {font-size: 32px;line-height: 28px;padding-top: 20px;}
	.content_left { width: 23%;}
	.contact_box { width: 48%; padding: 50px 5%;margin: 30px 1% 50px 1%;}
}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 1024px) {
	.second_banner h3 {font-size: 26px;padding-top: 10px;}
	.second_banner h3 span { font-size: 22px; line-height: 50px;}
	
	.pic_list ul li {padding-left: 5px;}
	.gaoliang { background: url(../images/pro_hover1.jpg) no-repeat left center;}

	.fw_l { width:100%; margin-bottom:20px;}
	.fw_r { width:100%;}
	
	
	.contact_box { width:100%;margin: 30px 0;}

	}

@media screen and (max-width: 991px) {
	.second_banner h3 {padding-top: 5px;}
	
	.contact_box h6 {font-size: 28px;}
	
	.honor_l { width: 100%; margin-bottom:20px;}
	.honor_r { width: 100%;}
}
	
	

	
@media screen and (max-width: 768px) {

	.second_banner h3 { margin-top: 45px;padding-top:10px; padding-bottom:10px;}
	.second_banner h3 span{ display:none;}
	
	.pos .fr{ display:none;}
	
	.con_main { margin: 20px 0;}
	.in_content {padding: 30px 2% 50px 2%;}
	
	.content_left{ display:none;}
	.se_content{ width:100%;}
	.pro_list li .fl { width: 100%;}
	.pro_list li .fr { width: 100%; padding:0 3% 10px 3%;}
	
	.newsListBox .times { width: 20%; margin-right:2%;}
	.newsListBox .center {width: 78%;}
	
}	

@media screen and (max-width: 600px) {

	
	
	.contact_box {padding: 50px 2%;}
	.contact_box h6 {font-size: 20px;}
	.contact_box p.cont_1{background-size:5%;}
	.contact_box p.cont_2{background-size:5%;}
	.contact_box p.cont_3{background-size:5%;}
	.contact_box p.cont_4{background-size:5%;}
	.contact_box p.cont_5{background-size:5%;}
	.contact_box p { font-size: 16px;     padding-left: 35px;}
	
}
	

@media screen and (max-width: 414px) {
	.second_banner h3 {font-size: 18px;margin-top: 25px;padding-top: 5px; padding-bottom: 5px;}
	
	.lb {width: 100%;margin: 0 0 20px 0; letter-spacing: 2px;}
	.fw_l {font-size: 16px;}
	
	
	.video_list li { width: 48%;}
	
	.news_bds img { display:none;}
	.new_r { width: 100%;}
	.newsListBox .times { display:none; margin-right: 0;}
	.newsListBox .center { width: 100%;}

	.contact_box h6 {font-size: 18px;}
	.contact_box p.cont_1{background-size:7%;}
	.contact_box p.cont_2{background-size:7%;}
	.contact_box p.cont_3{background-size:7%;}
	.contact_box p.cont_4{background-size:7%;}
	.contact_box p.cont_5{background-size:7%;}
	
}	
	
@media screen and (max-width: 384px) {
	.second_banner h3 { margin-top: 20px;}


}
@media screen and (max-width: 320px) {
	.second_banner h3 { margin-top: 10px;}
	
	
	.newsListBox li { width: 96%;}
	.news_bds {
    float: left;
    width: 96%;
    margin-top: 20px;
    padding: 15px 2%;
    background: #fff;
}
	
	.contact_box h6 {padding-left: 0px;}
	
}