.nbanner{ height:360px; background:#02194e; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:1;}

.location{ border-bottom:1px solid #eee; height:50px; line-height:50px; color:#666;}
#loc_home{ background:url(../images/ico_location.png) no-repeat left 3px; padding-left:20px;}
.location a{ color:#666;}
.location a:hover{ color:#036ec4;}
.content{ padding:40px 0px;}
.content_list{ padding:20px 0px;}
.content p{ margin:2em 0;}
.content img{ max-width:1200px; height:auto;}

/****about******/
.about_img{ height:300px; background:#1842a2; overflow:hidden; margin-bottom:40px;}



/****news*****/
.newslist{}
.newslist ul{ margin-left:-30px;}
.newslist ul li{ float:left; margin-left:30px; width:380px; position:relative; margin:20px 0px 20px 30px;}
.newslist ul li a{ padding:20px; padding-bottom:80px; border:1px solid #eee; display:block;}
.news_tit{ padding:20px 0px; line-height:24px; height:48px; overflow:hidden; margin-top:80px; font-weight:bold; font-size:18px;}
.newslist ul li a .news_tit{ color:#333;}
.news_smallcon{ color:#666; line-height:22px; height:110px; overflow:hidden;}
.news_date{ background:#057edf; position:absolute; left:20px; top:0px; height:90px; color:#fff;font-family:"CenturyGothic", "寰蒋闆呴粦";width:80px; text-align:center; line-height:30px;}
.news_date span{ display:block; height:60px; line-height:60px;font-size:30px; text-align:center;font-weight:bold; background:#036ec4;}
.news_more{ position:absolute; right:20px; bottom:20px; width:50px; height:50px; line-height:50px; background:#01b2b3; color:#fff; text-align:center;font-family:'BEBAS'; background:#666 url(../images/ico_news.png) center center no-repeat; overflow:hidden; text-indent:100px;}
.newslist ul li a:hover .news_more{ background:#01b2b3 url(../images/ico_news.png) center center no-repeat;}
.newslist ul li a:hover .news_tit{ color:#036ec4;}
.newslist ul li a:hover{ box-shadow:#999 0px 0px 15px;}

.shownews{}
.n_tit{ font-size:30px; font-weight:bold; line-height:2rem; text-align:center; padding:20px 40px 30px 40px;}
.n_date{ text-align:center; color:#666;}
.n_content{ padding-top:30px;}
.n_content p{ margin:2em 0;}
.n_content img{ max-width:1200px; height:auto;}


/**** search *****/
.searchlist{}
.searchlist ul li{   background:url(../images/ico.gif) no-repeat left 22px; padding-left:15px;}
.searchlist ul li a{ display:block;border-bottom:1px dashed #ddd; line-height:24px; padding:15px 0px;}


/****products****/
.tree_bg{ background:#f3f3f3; padding:40px 0px;}
.tree{}

.tree_tit{ display:inline-block;vertical-align:top; padding-right:20px;}
.tree_tit span{ padding:15px 20px; font-size:30px; font-weight:bold; color:#036ec4;}
.tree_list{ display:inline-block; vertical-align:top;}
.tree_list ul li{ float:left;padding:0px 10px;}
.tree_list a{ padding:15px 30px; border:1px solid #ddd; }
.tree_list a.stree_sel{background:#036ec4; color:#fff;}
.tree_list a:hover{ background:#036ec4; color:#fff;}

.prolist{}
.prolist ul li{ margin:20px 0px; padding:20px 0px;}
.prolist ul li:hover{ box-shadow:#999 0px 0px 10px;}
.pro_img{ float:left; width:300px; height:270px; overflow:hidden; margin-left:20px;}
.pro_img img { width:300px; height:270px;}

.pro_infos{ float:right; width:820px; margin-right:20px; padding-top:20px;}
.pro_tit{ font-size:20px; font-weight:bold;}
.pro_type{ color:#666; padding-top:20px;}
.pro_smallcon{ margin-top:20px; color:#999; line-height:22px; height:66px; overflow:hidden; padding-right:20px; text-align:justify;}
.pro_more{margin-top:20px; }

.prolist ul li a .pro_more{ color:#fff; display:block;background:#036ec4; width:120px; height:40px; text-align:center; line-height:40px; border-radius:20px; color:#fff;}
.prolist ul li a:hover .pro_more{ box-shadow:#999 0px 0px 15px;}

.spro_infos{ padding:30px 0px; border-bottom:1px solid #ddd;}
.spro_img{ float:left; width:500px; height:450px;}
.spro_img img{ width:500px; height:450px;}
.spro_para{ float:right; width:650px;}
.spro_tit{ font-weight:bold; font-size:30px; margin-top:40px;}
.spro_type{ color:#666; margin-top:30px; padding:20px 0px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.spro_small{ color:#999; margin-top:30px;}
.spro_con{ padding:30px 0px;}
.spro_con p{ margin:2em 0;}

.spro_con img{ max-width:1200px; height:auto;}

/**** project ****/
.project_smallcon{ line-height:22px; margin-top:20px;text-align:justify;}

/**** company ****/
.company_tit{ font-size:30px; font-weight:bold;  line-height:50px;}
.company_img{ float:left; width:300px; height:300px;}
.company_img img{ width:300px; height:300px; background:#eee; border:1px solid #ddd; box-shadow:#eee 10px 10px 0px;}
.company_para{ float:right; width:840px;}
.company_infos{ padding-top:30px; color:#999;}
.company_infos p{  padding:0px 0px 0px 25px; margin:0px;}
.company_infos p#tel{ background:url(../images/tel.png) no-repeat left 5px;}
.company_infos p#add{background:url(../images/add.png) no-repeat left 5px;}
.company_con{ padding-top:30px;}

.company_pro_tit{ margin-top:40px; margin-bottom:20px; height:50px; line-height:50px; background:#eee; border-radius:5px; text-align:center; font-size:18px;}


/***** job *****/
.joblist{ padding:40px 0px;}
.joblist_tit{ color:#333; background:#eee; padding:20px;}
.joblist_tit h4{ text-align:center; width:120px; height:50px; line-height:50px; background:#036ec4; color:#fff; margin:0px; padding:0px; vertical-align:top;}
.joblist_tit span{ font-size:20px; font-weight:bold;color:#333; padding:0px 30px;font-family:Arial, Helvetica, sans-serif;}
.joblist_tit i{ font-style:normal;}
.joblist_tit h4,.joblist_tit span,.joblist_tit i{ display:inline-block;}

.jobs{ padding-top:20px;}
.jobs ul li{ border-bottom:1px dashed #ccc; padding:20px 0px; position:relative;}
.job_tit{ font-size:18px; font-weight:bold;}
.job_add{ color:#666; padding-top:15px;}
.job_add span{ padding-left:30px;}
.job_infos{ display:none;}
.job_infos h4{ display:block; padding-top:15px; font-weight:bold; font-size:14px;}
.job_more{ position:absolute; top:20px; right:0px; width:40px; height:40px;}
.job_more a{ display:block; width:40px; height:40px;background:#888 url(../images/ico_job.png) no-repeat center center;}
.job_more a:hover{background:#036ec4 url(../images/ico_job.png) no-repeat center center;}


/****** contact ******/
.contact_tit{ font-weight:bold; color:#036ec4; font-size:20px; margin-top:20px;}
.contact_infos{ border:1px solid #ddd; padding:40px; margin-top:20px; margin-bottom:40px; background:url(../images/city.jpg) no-repeat bottom right;}
.contact_infos:hover{ box-shadow:#999 0px 0px 15px;}
.contact_infos h4{ font-weight:bold; font-size:20px; font-weight:bold; padding-bottom:20px;}
.contact_infos p{ line-height:32px; text-indent:25px; margin:0px; padding:0px;}
.contact_infos p#qq{ background:url(../images/qq.png) no-repeat left 5px;}
.contact_infos p#tel{ background:url(../images/tel.png) no-repeat left 9px;}
.contact_infos p#person{ background:url(../images/ico_person.png) no-repeat left 9px;}
.contact_infos p#fax{ background:url(../images/ico_fax.png) no-repeat left 9px;}
.contact_infos p#wechat{background:url(../images/wechat.png) no-repeat left 9px;}
.contact_infos p#email{background:url(../images/email.png) no-repeat left 9px;}
.contact_infos p#add{background:url(../images/add.png) no-repeat left 9px;}
.contact_infos p#website{background:url(../images/website.png) no-repeat left 9px;}
.contact_map{ margin-top:20px; border:1px solid #ddd;}
#map{ width:100%; height:500px;}



@media only screen and (max-width: 980px) {
	
	.top{ position:relative;}
	.t_other{ right:34px;top:27px; width:auto;}
	.menu_btn{ position:absolute; right:0px; top:31px; width:24px; height:30px;  cursor:pointer;}
	.menu_btn i{ position:absolute; height:2px; width:24px; top:0px; left:0px; background:#333;}
	.menu_btn:after{ content:""; position:absolute; left:0px; top:7px;height:2px; width:24px; background:#333;}
	.menu_btn:before{ content:""; position:absolute; left:0px; top:14px;height:2px; width:24px; background:#333;}
	.p_menu_bg{ position:fixed; display:none; left:0px; top:0px; height:100%; width:100%; background:#fff; z-index:200;}
	.p_menu_close{ position:absolute; cursor:pointer; right:20px; top:20px; background:#666; color:#fff; width:34px; height:34px;}
	.p_menu_close:after{ 
		height:2px; width:20px; content:""; position:absolute; left:7px; top:16px; background:#fff;-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.p_menu_close:before{ 
		height:2px; width:20px; content:""; position:absolute; left:7px; top:16px; background:#fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.p_menu{ display:inherit; padding:5%; margin-top:40px;}
	.p_menu ul li{ position:relative;padding:6px 0px; border-bottom:1px dashed #ccc;}
	.p_menu ul li i{ position:absolute;  right:0px; top:11px; width:20px; height:20px; background:url(../images/ico.gif) no-repeat 7px 5px; cursor:pointer;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.p_menu ul li a{font-size:18px; color:#333; line-height:30px; position:relative;}
	.p_menu ul li a:hover{ color:#036ec4;}
	.p_menu ul li ul{ padding-bottom:10px; display:none;}
	.p_menu ul li ul li{ text-align:left; padding:0px; display:inline-block; border-bottom:none;}
	.p_menu ul li ul li a{ line-height:22px; height:auto; display:inline-block; padding:10px 14px 0 0; font-size:14px;}
	
	.logo{ height:45px; padding:15px 0px;}
	.logo img{ height:45px;}
	.menu{ margin-right:0px; display:none;}
	.search{ display:none;}
	
	
	.wrap{ width:90%;}
	.nbanner{ height:120px; background:#02194e; background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.location{}
	
	
	
	.tree_bg{ padding:20px 0px;}
	.tree_tit span{ display:block; padding:0 0 20px 0;}
	.tree_list ul li{ padding:3px 0px; margin-right:5px;}
	.tree_list a {
		padding:8px 10px;display: block;
	}
	
	.about_img {
		height: auto;
		background:none;
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.newslist ul{ margin-left:0px;}
	.newslist ul li{ float:inherit;width:100%; position:relative; margin:15px 0px 15px 0px;}
	.newslist ul li a{ padding:20px; padding-bottom:20px; border:1px solid #eee; display:block;}
	.news_tit{ padding:20px 0px; line-height:24px; height:auto; margin-top:40px; font-weight:bold; font-size:18px;}
	.newslist ul li a .news_tit{ color:#333;}
	.news_smallcon{ color:#666; line-height:22px; height:110px; overflow:hidden;}
	.news_date{ background:#057edf; padding-left:50px; position:absolute; left:20px; top:0px; height:50px; line-height:50px; color:#fff;font-family:"CenturyGothic", "寰蒋闆呴粦";width:80px; text-align:center;}
	.news_date span{ display:block; position:absolute; left:0px; top:0px; height:50px; padding:0px 10px; line-height:50px;font-size:30px; text-align:center;font-weight:bold; background:#036ec4;}
	.news_more{ display:none; position:absolute; right:20px; bottom:20px; width:50px; height:50px; line-height:50px; background:#01b2b3; color:#fff; text-align:center;font-family:'BEBAS'; background:#666 url(../images/ico_news.png) center center no-repeat; overflow:hidden; text-indent:100px;}
	.newslist ul li a:hover .news_more{ background:#01b2b3 url(../images/ico_news.png) center center no-repeat;}
	.newslist ul li a:hover .news_tit{ color:#036ec4;}
	.newslist ul li a:hover{ box-shadow:#999 0px 0px 0px;}
	.n_tit{ line-height:2rem; padding:20px 0px 10px 0px;}
	.n_content{ padding-top:10px;}
	.spro_infos{ padding:15px 0px; border-bottom:1px solid #ddd;}
	.spro_img{ float:inherit; width:100%; padding-bottom:20px; height:auto;}
	.spro_img img{ width:100%; height:auto; max-width:500px;}
	.spro_para{ float:inherit; width:100%;}
	.spro_tit{ font-weight:bold; font-size:30px; line-height:2rem; margin-top:40px;}
	.spro_type{ color:#666; margin-top:20px; padding:15px 0px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
	.spro_small{ color:#999; margin-top:20px;}
	.spro_con{ padding:15px 0px;}
	.spro_con p{ margin:2em 0;}
	.spro_con img{ max-width:100%; height:auto;}
	.spro_con table,.content table{ max-width:100%;}
	
	
	.prolist ul li:hover{ box-shadow:#999 0px 0px 0px;}
	.pro_img{ float:inherit; width:100%; height:270px; text-align:center; overflow:hidden; margin-left:0;}
	.pro_img img { width:300px; height:270px;}
	.pro_infos{ float:inherit; width:100%; margin-right:0px; padding-top:15px;}
	.pro_tit{ font-size:20px; font-weight:bold; text-align:center;}
	.pro_type{ color:#666; padding-top:15px; text-align:center;}
	.pro_smallcon{ margin-top:15px; color:#999; line-height:22px; height:66px; overflow:hidden; padding-right:20px; text-align:justify;}
	.prolist ul li a .pro_more{margin-top:15px; text-align:center; width:100%;}
	
	.project_smallcon{ line-height:24px; height:72px; overflow:hidden;}
	
	/**** company ****/
	.company_tit{ font-size:30px; font-weight:bold;  line-height:50px;}
	.company_img{ float:inherit; width:100%; height:300px;}
	.company_img img{ width:300px; height:300px; background:#eee; border:1px solid #ddd; box-shadow:#eee 10px 10px 0px;}
	.company_para{ float:inherit;padding-top:20px; width:100%;}
	.company_infos{ padding-top:15px; color:#999;}
	.company_infos p{ padding-left:25px; margin:0px;}
	.company_infos p#tel{ background:url(../images/tel.png) no-repeat left 5px;}
	.company_infos p#add{background:url(../images/add.png) no-repeat left 5px;}
	.company_con{ padding-top:15px;}
	
	
	/***** job *****/
	.joblist{ padding:30px 0px;}
	.joblist_tit{ color:#666; background:#eee;height:auto; line-height:20px; padding:20px;}
	.joblist_tit h4{ display:block; text-align:left; width:100%; height:30px; line-height:30px; background:#eee; color:#036ec4; font-weight:bold; margin:0px; padding:0px; vertical-align:top;}
	.joblist_tit span{ display:block; font-size:20px; font-weight:bold;color:#333; padding:0px; padding-top:15px;font-family:Arial, Helvetica, sans-serif;}
	.joblist_tit i{ font-style:normal; display:block; padding-top:15px;}
	.joblist_tit h4,.joblist_tit span,.joblist_tit i{ display:block;}
	.job_add span {
		padding-left:15px;
	}
	
	.contact_infos{ background:none; padding:30px;}
	
	.content{ padding:20px 5%;}
	.content img {
		max-width: 100%;
		height: auto;
	}
	
	.f_logo{ display:none;}
	.f_infos{ float:none; width:90%; margin:0 5%;}
	.f_wechat{ float:none; width:100%; text-align:center;}
	.f_wechat p{ text-align:center; float:none; width:100%; margin-bottom:20px;}
}