@charset "utf-8";
html{ overflow-x:hidden; height:100%;}
body{font-family:"Microsoft Yahei",Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,fieldset,legend,input,button,textarea,dd,dt+dd{ margin:0; padding:0;}
fieldset,img{ border:0;}
img{ vertical-align:bottom;}
ul,ol,li{ list-style:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.fix{zoom:1;}
.clear{ width:0; height:0; line-height:0; font-size:0; clear:both;}
a{ color:#FFF; text-decoration:none;}
a:hover{ color:#ED5565; text-decoration:none;}
.pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

@media screen and (max-width: 1023px) {
body{ background:#05315b url(../images/bg.jpg) center top no-repeat;}
header{ height:60px;}
.logo{ width:170px; height:40px; margin:8px 0 0 10px; float:left; background:url(../images/logo.png) no-repeat; background-size:cover;}
.logo a{ display:block; height:30px; text-indent:-9999px;}
nav{ width:490px; height:60px; float:right;}
.am-collapse{ display:block;}
nav ul li{ width:70px; height:50px; float:left;}
nav ul li a{ display:block; height:50px; line-height:60px; overflow:hidden; text-align:center; color:#FFF;}
.am-menu-nav a{ padding:0;}
nav ul li.current a{ border-bottom:1px solid #FFF;}
.slogan{ padding:140px 0 140px;}
.slogan_technical{ width:326px; height:53px; background:url(../images/slogan_technical.png) no-repeat;}
.slogan_excellence{ width:756px; height:109px; margin:30px 0 0; background:url(../images/slogan_excellence.png) no-repeat;}
.slogan_superior{ width:592px; height:138px; margin:50px 0 0; background:url(../images/slogan_superior.png) no-repeat;}
.slogan_quality{ width:229px; height:67px; margin:30px 0 0; background:url(../images/slogan_quality.png) no-repeat;}

.about{ color:#000;}
.about_img{ width:80%; margin:0 auto;}
.about_img img{ width:100%; height:auto;}
.box_about{ width:80%; margin:0 auto; padding:20px 40px; background:#e9ebbf url(../images/bg_about.png) right bottom no-repeat;}
.box_about .bhead{ height:54px; line-height:54px; text-align:right;}
.box_about .bhead span{ padding:0 10px 0 0; color:#819eba; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.box_about .bhead strong{ font-size:24px; font-weight:normal;}
.box_about p{ text-indent:2em;}
.box_about .more{ padding:10px 0 0; text-align:right;}
.box_about .more a{ color:#000;}

.box_1{ padding:50px 0;}
.box_1 .bhead{ text-align:center;}
.box_1 .bhead span{ display:block; height:60px; line-height:60px; color:#FFF; font-size:44px; font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-style:italic;}
.box_1 .bhead strong{ display:block; height:36px; line-height:36px; font-size:18px; font-weight:normal; color:#FFF;}
.box_1 .bmore{ width:160px; height:36px; margin:0 auto;}
.box_1 .bmore a{ display:block; height:36px; line-height:36px; text-align:center; border:1px solid #FFF; border-radius:20px; color:#FFF;}

.product{ width:100%; margin:90px 0 0; background:url(../images/bg_box.jpg) center 50% no-repeat fixed;}
.product_slider ul li{ padding:10px;}
.product_slider ul li img{ width:100%; height:auto;}
.product_slider ul li span{ display:block; height:36px; line-height:18px; overflow:hidden; text-align:center; padding:10px 0 0;}
.product_slider ul li a{ color:#FFF;}

.news .bbody{ padding:0 0 40px;}
.news .bbody dl{ width:48%; height:140px; margin:20px 1% 0; padding:10px 20px; background:#1e466c; color:#87a6c4; float:left;}
.news .bbody dl .dl_date{ width:100px; height:120px; margin:0 20px 0 0; float:left;}
.news .bbody dl .dl_date strong{ display:block; height:86px; line-height:86px; font-size:86px; font-weight:normal;}
.news .bbody dl .dl_date span{ display:block; line-height:36px; text-align:center; font-size:20px;}
.news .bbody dl dt{ height:30px; line-height:30px; overflow:hidden; margin:0;}
.news .bbody dl dt a{ color:#FFF;}
.news .bbody dl .dl_txt{ font-size:12px;}

.jobs{ width:100%; background:url(../images/bg_box.jpg) center 50% no-repeat fixed;}
.jobs .bbody{ margin:0 0 40px;}
.jobs .bbody ul li{ width:25%; padding:20px; float:left; color:#FFF; text-align:center;}
.jobs .bbody ul li i{ display:block; width:136px; height:136px; margin:0 auto; background:#FFF url(../images/icon.png) no-repeat; border-radius:100%;}
.jobs .bbody ul li span{ display:block; height:18px; line-height:18px; margin:10px 0 0;}
.jobs .bbody ul li span a{ color:#FFF;}
.jobs .bbody ul li em{ display:block; margin:20px 0 0; font-size:12px; font-style:normal; color:#a5a5a5;}

.contact{}
.box_map{ width:100%; height:300px;}
.box_map iframe{ width:100%; height:100%;}
.box_contact{ width:100%; padding:40px; background:#164068;}
.box_contact dl{ line-height:2em; color:#FFF;}
.box_contact dl dt{ padding:10px 0;}
.box_contact dl dd{}

footer{ padding:40px 0; text-align:center; color:#FFF;}

.banner{ height:160px; margin:100px 20px 0; position:relative;}
.slogan_i1{ width:718px; height:53px; position:absolute; left:0; top:0; background:url(../images/slogan_i1.png) no-repeat;}
.slogan_i2{ width:535px; height:68px; position:absolute; right:0; bottom:0; background:url(../images/slogan_i2.png) no-repeat;}
.page_head{ height:100px; line-height:80px; margin:40px 20px 0;}
.page_name{ font-size:48px; float:left;}
.position{ float:right;}

.page_body{ margin:0 20px; padding:40px; background:#05315b;}

.list_news{ padding:20px;}
.list_news dl{ padding:20px 0; border-bottom:1px solid #0f4b84; overflow:hidden;}
.list_news dl dd.dl_img{ width:160px; height:100px; margin:0 20px 0 0; float:left;}
.list_news dl dd.dl_img img{ width:100%; height:100%;}
.list_news dl dt{ line-height:24px; margin:0; padding:7px 0; font-weight:normal;}
.list_news dl dt a{ font-size:16px;}
.list_news dl dt em{ padding:0 0 0 20px; font-size:12px; font-style:normal; color:#D4D4D4;}
.list_news dl dd.dl_txt{ font-size:12px; color:#4f769a;}

.article_article{}
.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
.news_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
.news_body{ line-height:2em; padding:20px 0 0;}
.news_body p{ margin:10px 0 0; text-indent:2em;}
.news_body img{ width:100%; height:auto; margin:0 auto;}
.news_body p img{ margin:0 0 0 -2em;}

.category{ overflow:hidden;}
.category ul li{ width:25%; height:40px; padding:0 1px 0 0; float:left;}
.category ul li a{ display:block; height:40px; line-height:40px; text-align:center; background:#4f769a;}
.category ul li.current a{ background:#81b7e8;}

.list_product{ padding:40px 0 0;}
.list_product ul li{ width:25%; padding:10px; float:left;}
.list_product ul li img{ width:100%; height:auto;}
.list_product ul li a:hover img{ transform: scale(1.1, 1.1); transition: .3s transform;}
.list_product ul li span{ display:block; height:36px; line-height:18px; margin:10px 0 0; overflow:hidden; text-align:center;}

.list_single{ line-height:2em; padding:20px;}
.list_single p{ margin:10px 0 0; text-indent:2em;}
.list_single img{ max-width:100% !important; height:auto !important;}
.list_single p img{ margin:0 0 0 -2em;}

}
@media screen and (max-width: 767px) {
body{ background:#05315b url(../images/bg.jpg) center top; background-size:300%; background-repeat:no-repeat;}
.am-menu-toggle{ display:block; width:60px; line-height:60px; text-align:center; color:#FFF; font-size:24px; position:absolute; right:0; top:0;}
.am-menu-toggle:hover{ color:#FFF;}
.am-menu-toggle.am-active{ background:#FFF; color:#05315b;}
.am-menu-nav{ width:50%; position:absolute; top:60px; right:0; background:#FFF; z-index:9999;}
.am-menu-nav li{ width:100%; margin:10px 0; height:36px; float:none;}
.am-menu-nav li a{ display:block; height:36px; line-height:36px; color:#000; text-align:center;}
.am-menu-nav a{ padding:0;}
.am-menu-nav span.close{ position:absolute; top:0; right:0;}
.am-collapse{ display:none;}

.slogan{ padding:40px 0 40px 10px;}
.slogan_technical{ width:163px; height:27px; background-size:100%;}
.slogan_excellence{ width:300px; height:43px; margin:10px 0 0; background-size:100%;}
.slogan_superior{ width:280px; height:65px; margin:20px 0 0; background-size:100%;}
.slogan_quality{ width:115px; height:34px; margin:10px 0 0; background-size:100%;}

.about_img{ width:90%;}
.box_about{ width:90%; margin:0 auto; padding:10px;}

.box_1{ padding:30px 0;}
.box_1 .bhead span{ height:40px; line-height:40px; font-size:30px;}
.box_1 .bhead strong{ height:30px; line-height:30px; font-size:14px;}
.box_1 .bmore{ width:120px; height:32px;}
.box_1 .bmore a{ height:32px; line-height:32px;}

.product{ margin:30px 0 0;}
.product_slider ul li{ padding:30px;}
.product_slider ul li img{ width:100%; height:auto;}
.product_slider .slick-slider{ margin:0;}

.news .bbody dl{ width:90%; height:120px; margin:10px auto 0; padding:10px; float:none;}
.news .bbody dl .dl_date{ width:60px; height:100px; margin:0 10px 0 0;}
.news .bbody dl .dl_date strong{ display:block; height:64px; line-height:64px; font-size:50px; font-weight:normal;}
.news .bbody dl .dl_date span{ display:block; line-height:36px; text-align:center; font-size:14px;}
.news .bbody dl .dl_txt{ height:60px; line-height:20px; overflow:hidden;}


.jobs .bbody ul li{ width:50%; padding:20px 10px; float:left; color:#FFF; text-align:center;}


.banner{ height:80px; margin:30px 10px 0; position:relative;}
.slogan_i1{ width:300px; height:22px; background-size:cover;}
.slogan_i2{ width:250px; height:32px; background-size:cover;}
.page_head{ height:40px; line-height:40px; margin:20px 10px 0;}
.page_name{ font-size:24px;}
.position{ font-size:12px;}

.page_body{ margin:0; padding:10px;}

.list_news{ padding:20px 10px;}

.category{ overflow:hidden; padding:20px 0 0;}
.category ul li{ width:50%; height:37px; padding:1px 1px 0 0;}
.category ul li a{ height:36px; line-height:36px;}


.list_product ul li{ width:50%; padding:5px; float:left;}

}
@media screen and (min-width: 1024px) {
body{ background:#05315b url(../images/bg.jpg) center top no-repeat;}
header{ height:60px;}
.logo{ width:202px; height:48px; margin:15px 0 0 20px; float:left; background:url(../images/logo.png) no-repeat;}
.logo a{ display:block; height:30px; text-indent:-9999px;}
.am-navbar{display:block;}	
nav{ width:630px; height:60px; float:right;}
.am-collapse{ display:block;}
nav ul li{ width:90px; height:60px; float:left;}
nav ul li a{ display:block; height:60px; line-height:60px; text-align:center; color:#FFF;}
nav ul li.current a{ border-bottom:1px solid #FFF;}
.slogan{ width:1000px; margin:0 auto; padding:240px 0 140px;}
.slogan_technical{ width:326px; height:53px; background:url(../images/slogan_technical.png) no-repeat;}
.slogan_excellence{ width:756px; height:109px; margin:30px 0 0; background:url(../images/slogan_excellence.png) no-repeat;}
.slogan_superior{ width:592px; height:138px; margin:50px 0 0; background:url(../images/slogan_superior.png) no-repeat;}
.slogan_quality{ width:229px; height:67px; margin:30px 0 0; background:url(../images/slogan_quality.png) no-repeat;}

.about{ width:1000px; height:360px; margin:0 auto; position:relative; color:#000;}
.about_img{ width:600px; height:300px; position:absolute; left:0; top:0; z-index:2;}
.about_img img{ width:100%; height:auto;}
.box_about{ width:600px; height:300px; padding:20px 40px 0 240px; background:#e9ebbf url(../images/bg_about.png) right bottom no-repeat; position:absolute; right:0; bottom:0; z-index:1;}
.box_about .bhead{ height:54px; line-height:54px; text-align:right;}
.box_about .bhead span{ padding:0 10px 0 0; color:#819eba; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.box_about .bhead strong{ font-size:24px; font-weight:normal;}
.box_about p{ text-indent:2em;}
.box_about .more{ padding:10px 0 0; text-align:right;}
.box_about .more a{ color:#000;}

.box_1{ width:1000px; margin:0 auto; padding:50px 0;}
.box_1 .bhead{ text-align:center;}
.box_1 .bhead span{ display:block; height:60px; line-height:60px; color:#FFF; font-size:44px; font-family:"Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-style:italic;}
.box_1 .bhead strong{ display:block; height:36px; line-height:36px; font-size:18px; font-weight:normal; color:#FFF;}
.box_1 .bmore{ width:160px; height:36px; margin:0 auto;}
.box_1 .bmore a{ display:block; height:36px; line-height:36px; text-align:center; border:1px solid #FFF; border-radius:20px; color:#FFF;}

.product{ width:100%; margin:90px 0 0; background:url(../images/bg_box.jpg) center 50% no-repeat fixed;}
.product_slider ul li{ padding:10px;}
.product_slider ul li img{ width:100%; height:auto;}
.product_slider ul li span{ display:block; height:36px; line-height:18px; overflow:hidden; text-align:center; padding:10px 0 0;}
.product_slider ul li a{ color:#FFF;}

.news .bbody{ width:1040px; padding:0 0 40px;}
.news .bbody dl{ width:480px; height:140px; margin:40px 40px 0 0; padding:10px 20px; background:#1e466c; color:#87a6c4; float:left;}
.news .bbody dl .dl_date{ width:100px; height:120px; margin:0 20px 0 0; float:left;}
.news .bbody dl .dl_date strong{ display:block; height:86px; line-height:86px; font-size:86px; font-weight:normal;}
.news .bbody dl .dl_date span{ display:block; line-height:36px; text-align:center; font-size:20px;}
.news .bbody dl dt{ height:30px; line-height:30px; overflow:hidden; margin:0;}
.news .bbody dl dt a{ color:#FFF;}
.news .bbody dl .dl_txt{ font-size:12px;}

.jobs{ width:100%; background:url(../images/bg_box.jpg) center 50% no-repeat fixed;}
.jobs .bbody{ margin:0 0 40px;}
.jobs .bbody ul li{ width:25%; padding:20px; float:left; color:#FFF; text-align:center;}
.jobs .bbody ul li i{ display:block; width:136px; height:136px; margin:0 auto; background:#FFF url(../images/icon.png) no-repeat; border-radius:100%;}
.jobs .bbody ul li span{ display:block; height:18px; line-height:18px; margin:10px 0 0;}
.jobs .bbody ul li span a{ color:#FFF;}
.jobs .bbody ul li em{ display:block; margin:20px 0 0; font-size:12px; font-style:normal; color:#a5a5a5;}
.jobs .bbody ul li.jobs_1 i{ background-position:center top;}
.jobs .bbody ul li.jobs_2 i{ background-position:center -136px;}
.jobs .bbody ul li.jobs_3 i{ background-position:center -272px;}
.jobs .bbody ul li.jobs_4 i{ background-position:center -408px;}


.contact{ height:400px;}
.box_map{ width:70%; height:400px; float:left;}
.box_map iframe{ width:100%; height:100%;}
.box_contact{ width:30%; height:400px; padding:40px; background:#164068; float:right;}
.box_contact dl{ line-height:2em; color:#FFF;}
.box_contact dl dt{ padding:10px 0;}
.box_contact dl dd{ padding:5px 0;}

footer{ padding:40px 0; text-align:center; color:#FFF;}

.banner{ width:1000px; height:160px; margin:100px auto 0; position:relative;}
.slogan_i1{ width:718px; height:53px; position:absolute; left:0; top:0; background:url(../images/slogan_i1.png) no-repeat;}
.slogan_i2{ width:535px; height:68px; position:absolute; right:0; bottom:0; background:url(../images/slogan_i2.png) no-repeat;}
.page_head{ width:1000px; height:100px; line-height:80px; margin:40px auto 0;}
.page_name{ font-size:48px; float:left;}
.position{ float:right;}

.page_body{ width:1000px; margin:0 auto; padding:40px; background:#05315b;}

.list_news{ padding:20px;}
.list_news dl{ padding:20px 0; border-bottom:1px solid #0f4b84; overflow:hidden;}
.list_news dl dd.dl_img{ width:160px; height:100px; margin:0 20px 0 0; float:left;}
.list_news dl dd.dl_img img{ width:100%; height:100%;}
.list_news dl dt{ line-height:24px; margin:0; padding:7px 0; font-weight:normal;}
.list_news dl dt a{ font-size:16px;}
.list_news dl dt em{ padding:0 0 0 20px; font-size:12px; font-style:normal; color:#D4D4D4;}
.list_news dl dd.dl_txt{ font-size:12px; color:#4f769a;}

.article_article{ padding:20px;}
.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
.news_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
.news_body{ line-height:2em; padding:20px 0 0;}
.news_body p{ margin:10px 0 0; text-indent:2em;}
.news_body img{ width:100%; height:auto; margin:0 auto;}
.news_body p img{ margin:0 0 0 -2em;}

.category{ overflow:hidden;}
.category ul li{ width:25%; height:40px; padding:0 1px 0 0; float:left;}
.category ul li a{ display:block; height:40px; line-height:40px; text-align:center; background:#4f769a;}
.category ul li.current a{ background:#81b7e8;}

.list_product{ padding:40px 0 0;}
.list_product ul li{ width:25%; padding:10px; float:left;}
.list_product ul li img{ width:100%; height:auto;}
.list_product ul li a:hover img{ transform: scale(1.1, 1.1); transition: .3s transform;}
.list_product ul li span{ display:block; height:36px; line-height:18px; margin:10px 0 0; overflow:hidden; text-align:center;}

.list_single{ line-height:2em; padding:20px;}
.list_single p{ margin:10px 0 0; text-indent:2em;}
.list_single img{ max-width:100% !important; height:auto !important;}
.list_single p img{ margin:0 0 0 -2em;}
}

@media screen and (min-width: 1360px) {
.banner,.page_head,.page_body{ width:1200px;}
.about{ width:1200px; height:480px;}
.about_img{ width:720px; height:360px;}
.about_img img{ width:100%; height:auto;}
.box_about{ width:720px; height:360px; padding:20px 40px 0 280px;}
}