﻿@charset "utf-8";
	/* CSS Document */
ul,dt,dd,dl {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
}
img {
	border:0px;
	margin:0;
	padding:0;
}
body,td,th,p,* {
	font-size:14px;
	font-family:"微软雅黑",Verdana;
	color:#333333;
	line-height:50%;
}
a:link {
	color:#333333;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#333333;
}
a:hover {
	text-decoration:none;
	color:#126AC2;
}
a:active {
	text-decoration:none;
	color:#333333;
}
.img {
	padding:0px;
	border:1px solid #E2E2E2;
}
.img_s {
	padding:0px;
	border:1px solid #FE8707;
}
.imgs_cp {
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #E2E2E2;
}
.imgs2 {
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #E2E2E2;
}
.imgs {
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #E2E2E2;
}
.imgs_s {
	padding:2px;
	background-color:#FFFFFF;
	border:2px solid #FE8707;
}
.imgs2 {
	padding:2px;
	border:1px solid #E2E2E2;
}
.imgs2_s {
	padding:2px;
	border:1px solid #FF7602;
}
.float_l {
	float:left;
}
.float_r {
	float:right;
}
.clear {
	clear:both;
}
.w_1 {
	display:block;
	width:1500px;
	margin-left:auto;
	margin-right:auto;
}
.w_1200{
	min-width:1300px;
}
.w_2 {
	display:block;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.w_900 {
	display:block;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.line {
	border-bottom:1px solid #CAC7C7;
	height:10px;
	margin-bottom:10px;
	clear:both;
}
#line_2 {
	background-color:#4385F5;
	height:4px;
	width:100%;
}
#line_3 {
	background-color:#E5E5E5;
	height:1px;
	width:100%;
}
.point {
	cursor:pointer;
}
#fix_top {
	top:0px;
	width:100%;
	position:fixed;
	z-index:99;
	background-color:#FFFFFF;
}
#fix_top_o{
	height:80px;
}
/*头部位置*/
#top_1{
	height:90px;
}
#top_1 .w_1>.float_l{
	height:90px;
}
#top_1 .w_1>.float_r{
	height:90px;
	text-align:right;
}
#top {
	display:block;
	width:100%;
	height:60px;
	background:url(nav_bg.jpg) center repeat-y;
}
/*导航信息*/
#nav {
	width:960px;
	height:90px;
	margin-top:0px;
	float:left;
}
#nav .nav{ float:right; height:90px;}
#nav .nav>li{ float:left; width:120px; text-align:center;}
#nav .nav>li.last{ background:none;}
#nav .nav>li>a{color:#333;font-size:18px; font-weight:lighter; line-height:90px; display:block;text-decoration:none; padding-top:0px;}
#nav .nav>li.cur>a,#nav .nav>li:hover>a{ color:#333; font-weight:bold; background:url(nav_dh.jpg) center no-repeat;}


.banner_bot{
	clear:both;
	background:url(banner_bg.png) top repeat-x;
	height:10px;
	width:100%;
}
.home_title{
	text-align:center;
	height:40px;
}
.home_title a{
	height:40px;
	line-height:40px;
	font-size:36px;
}
.home_title_more{
	margin:0px;
	line-height:40px;
	font-size:24px;
	color:#999;
	text-align:center;
	text-transform:uppercase;
}
.home_title2 a,.home_title_more2{
	color:#FFFFFF;
}
/*公司简介*/
#about{
	margin-top:70px;
	}
#about .w_1{
	padding-left:890px;
	width:610px;
	background:url(gsjj_bg.jpg) center no-repeat;
	height:488px;
}
#about .w_1 .home_title_more,#about .w_1 .home_title{
	text-align:left;
}
#about .w_1 .about_title{
	padding-top:60px;
	font-size:26px;
	height:60px;
	line-height:60px;
	font-weight:bolder;
	width:550px;
}
#about .w_1 .about_content{
	font-size:16px;
	line-height:200%;
	width:550px;
	padding-bottom:30px;
}
/*新闻中心*/
#news{
	overflow:hidden;
	padding:80px 0;
}
.pic_l{
	margin:60px 0 60px;
	width:344px;
	display:block;
	margin-left:0px;
	float:left;
	background-color:#FFF;
	}
.pic_l_2{
	margin-left:41px ;
	}
.pic_t {
	padding:20px 0;
	width:100%;
	height:50px;
	line-height:25px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
}
.pic_t a {
	font-size:20px;
	font-weight:bold;
}
.pic_t2 {
	width:100%;
	display:block;
	text-align:left;
	font-size:16px;
	line-height:160%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow:hidden;
	
}
.more_line{
	padding-top:20px;
	height:70px;
	line-height:70px;
	font-size:18px;
	background:url(news_bg2.jpg) bottom no-repeat;
}
.pic_l * img{

	transition: all 0.5s;
}

.pic_l:hover * img{
	transform: scale(1.05);
}
.pic_l:hover .pic2_t a{
	color:#005BAC;;
}
.pic_l:hover * .more_line{
	color:#005BAC;;
}
.more_news{
	text-align:center;
}
/*产品中心*/
#pro{
	overflow:hidden;
	padding:100px 0;
	background:url(pro_bg.jpg) center no-repeat;
}
.pic2_l{
	margin-top:60px;
	width:324px;
	display:block;
	margin-left:0px;
	float:left;
	background:#FFFFFF;
	padding:10px;
	}
.pic2_l_2{
	margin-left:41px;
	}
.pic2_t {
	width:100%;
	height:30px;
	display:block;
	line-height:30px;
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:20px 0 10px 0;
}
.pic2_t2 {
	width:100%;
	display:block;
	text-align:left;
	font-size:14px;
	line-height:160%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	overflow:hidden;
	padding-bottom:20px;
}
.pic2_t a {
	font-size:20px;
	color:#263F83;
}
.pic2_l * img{
	transition: all 0.5s;
/*	width:325px;
	height:205px;*/
}

.pic2_l:hover * img{
	transform: scale(1.05);
}
.pic2_l:hover{
	background-color:#263F83;
	}
.pic2_l:hover .pic2_t a,.pic2_l:hover .pic2_t{
	color:#FFFFFF;
	}
.pic2_l:hover .pic2_t2{
	color:#FFFFFF;
	}

/*底部导航信息开始*/
#bot_nav{
	width:100%;
	display:block;
	background-color:#333333;
	padding-top:52px;
	padding-bottom:10px;
	overflow:hidden;
}
#bot_nav * .lx{
	line-height:200%;
}
.bot_nav_m{
	overflow:hidden;
}
#bot_nav * .bot_nav_m_l_l{
	float:left;
	width:144px;
	height:200px;
	background:url(bot_m.jpg) 110px -10px no-repeat;
}
#bot_nav * .l_title a{
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}
#bot_nav * .l_main a{
	height:25px;
	width:210px;
	display:block;
	line-height:25px;
	font-size:14px;
	color:#999999;
}
#bot_nav * .l_main a:hover,#bot_nav * .l_title a:hover{
	color:#EFEFEF;
}
#bot2{
	height:77px;
	background-color:#222222;
}
#bot2 *{
	line-height:77px;
	text-align:center;
	color:#999999;
}
/*BANNER*/
.theme-default {
	width:100%;
	height:600px;
	position:relative;
	overflow:hidden;
}
.theme-default #slider {
	width:1920px;
	height:600px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
	-webkit-box-shadow:0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow:0px 1px 5px 0px #4a4a4a;
	box-shadow:0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}
.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-99px;
}
.theme-default .nivo-controlNav a {
	display:block;
	width:66px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	float:left;
	z-index:9;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -20px;
}
.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:96px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:150px;
}
.theme-default a.nivo-prevNav {
	left:150px;
}
.theme-default .nivo-caption {
	font-family:Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
	color:#fff;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
/*.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
*/
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.KinSlideshow_titleBar .title{
	text-align:left;
	line-height:20px;
}

/*滚动特效1*/
.hl_main5_content{width:1200px;overflow:hidden;height:300px;padding:0;} 
.hl_main5_content1{
	width:1200px;
	margin-top:0;
	overflow:hidden;
	float:left;
} 
.hl_main5_content1 ul{width:1600px; overflow:hidden;height:300px;*height:300px; overflow:hidden;} 
.hl_main5_content1 ul li{ float:left; width:300px; display:inline; margin-right:0;text-align:center; padding-top:0px;}
.hl_main5_content1 ul li span{width:300px; display:block; text-align:center; height:54px; line-height:54px; color:#FFF; font-size:14px; font-weight:lighter;}
.left-btn{display:none} 
.right-btn{display:none} 
.kuaisu{
	position:fixed;
	right:10px;
	top:400px;
	z-index:9999999;
}


.ce {position:fixed;top:60%;right:20px;z-index:1000;}
.ce,.ce * {box-sizing: border-box;}
.ce1 {width:45px;height:45px;background:#1D72CC;margin-bottom:10px;border-radius:3px;}
.ce1 a {display:block;height:45px;width:45px;transition:all 0.3s ease;padding:5px;transition:all 0.3s ease;}
.ce1 a img {display:block;width:100%;}
.ce1:hover a {padding:4px;}
.ce2 {position:relative;}
.ce2 .ewm {width:0px;height:0px;border:0px solid #f08519;background:#fff;transition:all 0.3s ease;padding:0px;position:absolute;left:0px;top:20px;border-radius:5px;}
.ce2 .ewm img {display:block;width:100%;}
.ce2:hover .ewm {width:110px;height:110px;left:-120px;top:-35px;padding:5px;border:1px solid #f08519;}

.ce2 .tel {width:0px;height:45px;border:0px solid #f08519;background:#FF5200; text-align: center; font-size: 16px; color: #fff;
 overflow: hidden; line-height: 45px;
    transition:all 0.3s ease;padding:0px;position:absolute;left:0px;top:0px;border-radius:3px;}

.ce2:hover .tel {width:180px;height:45px;left:-190px;top:0px;border:0px solid #f08519;}




.p3a li {
	margin-top:20px;
    width: 445px;
    position: relative;
    margin-right:0px;
}


.p3a li a {
    display: block;
}

.p3a>li>a>h4 {
	margin-left:10px;
    font-size: 30px;
    color: #fffefe;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
/*    z-index: 99;*/
}

.p3a>li>a>h4::after {
    font-size: 30px;
    color: #fffefe;
    content: "";
    width: 272px;
    height: 4px;
    background-color: #EFEFEF;
    position: absolute;
    bottom: -22px;
    left: 0;
}


.p3a1 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(16, 80, 152, .88);
    width: 317px;;
    height: 280px;;
    padding-top: 31px;
    padding-left: 62px;
    padding-right: 66px;
    display: none;
}

.p3a1 h3 {
    font-size: 30px;
    color: #fffefe;
    position: relative;
    margin-bottom: 25px;
}

.p3a1 h3:after {
    content: "";
    width: 287px;
    height: 4px;
    background-color: #EFEFEF;
    position: absolute;
    bottom: -22px;
    left: 0;
}

.p3a1 span {
    font-size: 16px;
    color: #fffefe;
    line-height: 200%;
    margin-top: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 120px;
	
}

.p3a>li:hover h4 {
    display: none;
}

.p3a>li:hover .p3a1 {
    display: block;
}


.navIco{cursor:pointer;}
.navRight{ height:100%; width:600px; overflow:hidden; position:fixed; z-index:9999999999999; right:-100%; top:0px; background: #fff;}
.navRight .toptop{ height: 80px; background: #005BAC; }
.navRight .closeBtn{ height:16px; width:16px; position:absolute; top:30px; right:32px; z-index:22;}
.navRight .list{ padding: 30px 0 0 50px; width: 450px;}
.navRight .list li{ margin-bottom: 10px; overflow: hidden;}
.navRight .list li h2,.navRight .list li h2 a{ font-weight: bold; font-size: 17px; color: #475c80; padding-bottom: 10px; }
.navRight .list li dl{ overflow: hidden; position: relative; left: -10px; }
.navRight .list li dd{ float: left; font-size: 14px; line-height: 25px; padding: 0 18px 0 10px; background: url(nimg7_1.jpg) right center no-repeat;}
.navRight .list li dd:last-child{ background: none; }
.navRight .ewmDiv{ margin: 0 25px 0 50px; border-top: #efefef solid 1px; padding-top: 22px;}
.navRight .ewmDiv p{ padding-top: 12px; text-align: center; width: 145px;}

.pageBg{ position:fixed; z-index:99999999999; width:100%; height:100%; display:none; background:url(bg2.png) repeat; left:0px; top:0px;}



.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px; background: url(../images/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }

.mBan2{display:none;}
.slider-wrapper{display:block;}

.news_i_l{width:100%; margin-bottom: 30px; margin-top:20px; overflow:hidden}
.news_i_l li{ float:left; width:47.5%;;padding-left:0;line-height:40px;background:url(dot.png) left top no-repeat;font-size:18px; text-align:right;}
.news_i_l li:nth-child(even){ margin-left:3%;}
.news_i_l li a{width:calc(100% - 112px);height:40px;display:block;line-height:40px;font-size:18px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;    float: left;}
.news_i_l li a span{height:40px;line-height:40px;font-size:18px;text-align:left;}
.news_i_l li span{height:40px;line-height:40px;font-size:18px;}
.news_i_l li div{width:100% ;height:40px;display:block;color:#8d91aa;padding-left:18px;line-height:40px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*开始手机样式*/
@media screen and (min-width:360px) and (max-width:1400px) {
.w_1 {
	display:block;
	width:94%;
	margin-left:auto;
	margin-right:auto;
}
.w_1200 {
	min-width:94%
}
.cfm{ float:none}
.ny_img {width:100%; height:auto !important;  margin:0 !important}
.nopic{display:none}
#top_1 .w_1{width:100%;}

.mBan2{display:block;}
.slider-wrapper{display:none;}


/*导航单击特效*/
.navRight{ width:100% !important;}
.navRight .list{width:100%;}

#nav,.ce ,.n1200{ display:none;}
/*产品优势*/
.pic_l{ width:calc(100% - 2px);	min-height:300px;}
.pic_p a img{width:100%; height:auto !important;}
.pic_t2{
	margin:10px;
	width:calc(100% - 22px);
	}
.pic_l_2{margin-left:0 !important} 
/*服务优势*/
#service{
	padding-top:50px;
	padding-bottom:50px;
	background:url(service_bg.jpg) top center repeat-y;
	height:auto;
}
#service li {
	margin-top:10px;
	float:left;
	width:50%;
	text-align:center
}
#service * .ad_s {
	margin-top:20px;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:150%;
	color:#FFFFFF;
	font-weight:lighter;
}
/*案例展示*/
#case{
	padding:30px 0 30px;}
#case * .float_l{
	margin-left:0 !important;}
.p3a li { width:100%;}
#case * img{
	width:100% !important; 
	height:auto !important;}
.p3a>li:hover h4 {
    display:block;
}

.p3a>li:hover .p3a1 {
    display: none;
}
/*相关信息*/
.news_i_l li{ float:none; width:100%;}
.news_i_l li:nth-child(even){ margin-left:0;}
.news_i_l li a{width:100%;}
.news_i_l li>span{ display:none}
}