@charset "utf-8";
/* CSS Document */
body{ font:12px/1.5; color:#666666;  line-height:30px; font-family: "Lucida Grande", "Microsoft JhengHei", "Microsoft YaHei";}
body{ padding:0px; margin:0px;}
img { border:0;}
a { color:#666666; text-decoration:none; }
a:hover { color:#ff7300;text-decoration:none;}
ol,ul,li,td,tr,table,div{list-style:none;}
h1, h2, h3, ul, li, dl, dt, dd, p{margin: 0px;padding: 0px}


.clear:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display:block;}
li{float:left;list-style: none;}
h1{ font-size:13px; font-weight:bold; display:inline;}
h2{ font-size:14px; font-weight:bold; display:inline; color:#000000;}
hr{ height:1px; border-bottom:1px dashed #cccccc; border-left-style:none; border-right-style:none; border-top-style:none;}
.top_bg{ background-image:url(../images/top.png); width:100%; height:196px; background-repeat:repeat-x; margin:0 auto; position:relative; z-index:1;}
.pagger{ width:1004px; margin:0 auto;}
.language{ height:29px; width:50px; float:right; color:#ffffff;}
.head{ background-image:url(../images/head.jpg); width:1004px; height:106px; margin:0 auto; }
.menu{ width:1004px; height:55px; margin:0 auto;}
.topmenu
{
	width:1000px;
	height:55px;
	color:#ffffff;
	margin:0 auto;
}
.topmenu ul
{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.topmenu li
{
	float:left;
	overflow:hidden;
	height:55px;
	background:url(../eimg/menuline.jpg) left no-repeat;
	padding-top:0;
	line-height:55px;
	margin-left:0px;
	font-size:16px;
	font-weight:bold;
}
.topmenu #firstitem
{
	
	color:#ffffff;
	background-color:#2ca9df;
}
.topmenu #firstitem a
{
	
	color:#ffffff;
	background-color:#2ca9df;
}
.topmenu li a
{
	display:block;
	padding:0 20px;
	text-decoration:none;
	font:16px;
	color:#ffffff;
	font-weight:bold;
	line-height:55px;

}
.topmenu li a:hover
{
	
	color:#ffffff;
	background-color:#2ca9df;

}
.banner{ background:url(../images/banner.jpg) no-repeat center top; width:100%; height:467px; position:relative; z-index:-1; margin-top:-7px;}
#m30{ margin-top:30px;}
.pro_left{ width:256px; float:left;}
.pro_left_title{ background-image:url(../images/pro_title.jpg); width:256px; height:99px; margin:0 auto;}
.pro_left_bg{ background-image:url(../images/pro_left_bg.jpg); width:256px; background-repeat:repeat-y; margin:0 auto; height:725px;*height:742px;}
.pro_right{ width:740px; float:right;}
.pro_right_main{ width:740px; height:500px; margin:0 auto;}



.index_about_bg{ background:url(../images/s_bg.jpg) no-repeat center top; margin-top:20px; height:520px;}
.index_about{ background-image:url(../images/about_title.png); width:504px; height:87px; margin:0 auto;}
.n_title{ background-image:url(../images/n_title.jpg); width:507px; height:84px; margin:0 auto;}
.news_bg{ background:url(../images/news_bg.jpg) no-repeat center top; margin-top:20px;}
.about{ width:1004px; height:287px; overflow:hidden;}
.about_show{ width:1004px;}
.about_show .job_Lbox{ margin:0 48px 0 0; display:inline;}
.job_Lbox{ float:left; background-color:#f3f3f3; width:285px; height:280px; margin:0 10px; display:inline;box-shadow:3px 3px 8px #c0baba;}
.job_img{ width:285px; height:150px;}
.job_Lshow{ padding:22px 27px 0 27px;}
.job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin-bottom:12px;}
.job_en{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:10px; text-align:center;}
.job_Lbox:hover{ background-color:#2ca9df; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox:hover .job_title a{ color:#FFF;}
.job_Lbox:hover .job_en{ color:#b8e7cf;}
.job_Lbox:hover .job_intro{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}

.foot{ background:url(../images/foot.jpg) repeat-x center top; height:320px; margin:0 auto;}
.footMenu {
	width: 715px;
	overflow: hidden;
	padding: 0px 0 8px;
	/*margin:0 auto;*/
	float:left;
	background-position: 0 -20px;
	color: #666;
}
.footMenu dl {
	float: left;
	width: 130px;
	height:170px;
	border-right:1px solid #3f3f3f;
	padding: 0px 10px 0 20px;
}
.footMenu .first {
	background: none;
}
.footMenu dt {
	height: 30px;
	font-size: 15px;
}
.footMenu dd {
	line-height: 30px;
	font-size:14px;
}
.footMenu a {
	color: #666666;
}
.footMenu dt a {
	color: #ffffff;
}
.footMenu a:hover {
	text-decoration: underline;
}
.txt_foot{ width:1004px; margin:0 auto; padding-top:50px;_padding-top:20px; font-size:14px; line-height:30px;}



.boxs{

    width:100%;
	margin:0 auto;

}
.boxs ul{
    width:1004px;
    margin-bottom: 22px;
}
.boxs ul li{
    width:450px;
    height:130px;
    background: #fff;
    padding:22px 0 0 27px;
    margin-right: 20px;
	margin-bottom:20px;
}
.boxs li .imgs{
	float:left;
	display:block;
}
.boxs li .rt{
    float:right;
    width:244px;
    margin-right: 32px;
}
.boxs li .rt span{
    float:left;
    width:100%;
    line-height: 32px;
    color:#555555;
}
.boxs li .rt .ps{
    line-height: 18px;
    font-size: 14px;
    color:#000;
    float:left;
    width:100%;
	width:244px;
	overflow:hidden;
	
}

.boxs .btns{
    clear:both;
    margin: 0 auto;
    padding-left: 18px;
    display: none;
}

.boxs .btns a{
    display: block;
    width:18px;
    height:18px;
    background: url("../img/pt.png") no-repeat;
    float:left;
    transition-duration: 1ms;
    margin-right: 16px;
}
.boxs .btns a:hover,
.boxs .btns .hoves{
    background-position: 0px bottom;
}

.content{min-width:1004px;width:1004px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
.xm{

}
.xm .tits{
    width:248px;
    margin: 0 auto;
    margin-top: 100px;
    opacity:0;
    filter:alpha(opacity=0);
}
.tits h2{
    font-size: 30px;
    color:#303053;
    text-align: center;
    line-height: 72px;
    opacity:0;
    filter:alpha(opacity=0);
    margin-left: -600px;
}
.xm .over{
    width:100%;
    margin-top: 24px;
}
.xm .over ul{
    width:100%;
}
.xm .over li{
    width:298px;

    height:378px;
    float:left;
    margin-right: 22px;
	margin-bottom:40px;
    position: relative;
    cursor: pointer;
}
.xm .over li .n{
    display: block;
    width:100%;
    height:100%;
}
.xm .over li a:hover{
    background: #00469c;
    box-shadow: 0px 0px 2px  #5196D6;
    border-color:#ffffff;
}
.xm .over li i{
    width:100%;
    height:100%;
    background: #038FFF;
    opacity:0.95;
    position: absolute;
    top:0;
    left:0;
    filter: alpha(opacity=95);
    display: none;
}
.xm .over li .brown{
    height:65px;
    width:100%;
    background: url("../img/xt.png") no-repeat center top;
    padding-top: 24px;
    position: absolute;
    top:90px;
    text-align: center;
    opacity: 0;
    filter:alpha(opacity=0);
}
.xm .over li .brown span{
    line-height: 24px;
    color:#fff;
    font-size: 22px;
    font-family: Arial;
    display: block;
}
.xm .over li .brown p{
    color:#fff;

}
.xm .over li .href{
    width:179px;
    border:1px solid #fff;
    text-align: center;
    line-height: 31px;
    position: absolute;
    height:31px;
    bottom:190px;
    left:64px;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
    filter:alpha(opacity=0);
}

.inside-main {
	margin-top: -14px;
	background: url(../images/main_bg.png) repeat-x 0 378px;
}
.inside-banner {
	height: 378px;
	margin-bottom: -52px;
	background-repeat: no-repeat;
	background-position: 50% top;
}
.inside-cont-wrap {
	width: 961px;
	margin: 0 auto;
	padding: 13px 14px 55px;
	background: url(../images/inside_bg.png) no-repeat;
}
.inside-menu {
	position: relative;
	height: 38px;
	margin-top: -67px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
}
.inside-menu li {
	float: left;
	border-right: 1px solid #496985;
}
.inside-menu a {
	display: block;
	width: 159px;
	height: 38px;
	background: url(../images/global.png) no-repeat 0 -180px;
	color: #fff;
}
.inside-menu .cur {
	height: 44px;
	margin-bottom: -6px;
}
.inside-menu .cur, .inside-menu a:hover {
	color: #fff;
	background-position: -1px -120px;
}
.inside-menu .last {
	border: none;
}
.inside-menu .last a {
	width: 161px;
	background-position: 0 -240px;
}
.inside-menu .last .cur, .inside-menu .last a:hover {
	background-position: 0 -120px;
}
.inside-cont {
	height: 450px;
	padding: 45px 0 0 50px;
}

.banner-contactus {
	background-image: url(../images/banner_contactus.jpg);
}
.contactus-cont {
	margin: 40px 30px 0;
}
.contactus-cont .map {
	border: 1px solid #e5e5e5;
	height: 350px;
}
.contactus-cont .txt {
	padding: 50px 0px 0;
}
.n_app{width:960px;margin:0 auto;}
.n_app_array{border:#cdcdcd 1px solid;width:287px;float:left;height:360px;*height:380px;margin-right:13px; margin-bottom:20px;*margin-bottom:5px; overflow:hidden;}
.n_app_last{margin-right:0px}
.n_app_img{width:244px; margin:0 auto; height:177px; margin-top:10px;}
.n_app_array a{text-decoration:none}
.n_app_array a:hover{color:#e01111}
.n_app_info{text-align:left; width:244px; margin:0 auto; padding:5px 0;}
.n_app_comment{text-align:left;width:244px; margin:0 auto;}
.n_app_info a{line-height:30px; font-weight:bold; text-decoration:none; font-size:14px;}
.n_app_info a:hover{line-height:30px; color:#f39800; font-weight:bold; text-decoration:none; font-size:14px;}
.news-tit h3{ padding-bottom:5px; margin-bottom:5px;font-size:14px; "微软雅黑"; color:#176192; text-align:center;}
.news-tit p{ text-align:center;color:#cccccc; padding-bottom:10px; border-bottom:3px solid #e4e3e3; }
.news-con{ margin-top:20px;}
/*.device-list{ width:100%; overflow:hidden;}
.device-list ul{ width:100%;}
.device-list ul li{ float:left; display:inline-block; _display:inline; width:317px; height:211px; margin:0 0px 22px 0; padding:6px 10px 12px 7px;background:url(images/about_bg0a1.jpg) no-repeat;}
.device-list .device-img-box{width:310px; height:201px; position:relative; overflow:hidden; cursor:pointer;}*/

<!--默认样式开始-->
.n9{ width:256px; margin:0 auto;}
.n10{ background:url(../images/pbg.jpg) no-repeat;  width:256px; height:50px; padding-left:30px; line-height:50px; color:#ffffff;  overflow:hidden; padding-bottom:5px; font-size:14px; }
.n10:hover{ background:url(../images/pbg1.jpg) no-repeat; width:256px; height:50px; padding-left:30px; line-height:50px; color:#ffffff; cursor:pointer;}
#current_pro{background:url(../images/pbg1.jpg) no-repeat; width:256px; height:50px; padding-left:30px; line-height:50px; color:#ffffff; cursor:pointer; font-size:14px; margin-bottom:5px;}
.n11{background:url(../images/pbg.jpg) no-repeat;  width:256px; height:50px; padding-left:30px; line-height:50px; color:#ffffff;  overflow:hidden; padding-bottom:5px; font-size:14px;}
.n11:hover{ background:url(../images/pbg1.jpg) no-repeat; width:256px; height:50px; padding-left:30px; line-height:50px; color:#ffffff; cursor:pointer;}
.newslist { margin:0 auto;}
.newslist ul { }
.newslist li { width:90%;
	background: url(../images/ico.jpg) no-repeat 4px center; margin-left:10px;
	padding: 5px 0 5px 10px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	font-size:12px;
	border-bottom: #bebebe 1px dotted;
	
}
.newslist li a {
	color: #666666;
}
.newslist li a:hover {
	color: #009dca;
}
.newslist li span {
	color: #939393;
	float: right;
}

.maincontent {margin:0 auto;}
#productslist {overflow: hidden;}
#productslist li {margin-bottom: 8px; padding:0 8px; float: left; text-align: center;}
#productslist a {display: block; overflow: hidden; padding: 10px; background-color: #efefef; width: 200px;}
#productslist a:hover {border: 2px solid #ccc; padding: 8px;}
#productslist h3 {font-size: 12px;  font-weight:normal; }
#productslist p {margin: 0; height: 120px; overflow: hidden;}

.news-tit h3{ padding-bottom:5px; margin-bottom:5px;font-size:14px;  color:#f01000; text-align:center;}
.news-tit p{ text-align:center;color:#cccccc; padding-bottom:10px; border-bottom:3px solid #e4e3e3; }
.news-con{ margin-top:20px;}
.fenxiang{width:100%;height:25px;padding:15px 0px ; border-bottom:solid 1px #ccc;}
.fenye{width:100%; height:30px; padding:0px 0px 0px 0px;}
.right{float:right;}

.newslists { margin:0 auto;}
.newslists ul {}
.newslists li {
	background: url(../images/ico.gif) no-repeat 4px center;
	padding: 5px 0 5px 18px;
	height: 35px;
	line-height: 35px;
	font-size:12px;
	width:96%;
	overflow: hidden;
	border-bottom: #bebebe 1px dotted;
	
}
.newslists li a {
	color: #515151;
}
.newslists li a:hover {
	color: #fe0002;
}
.newslists li span {
	color: #939393;
	float: right;
}


.maincontents {margin:0 auto;}
#productslists{overflow: hidden;}
#productslists li {margin-bottom: 15px; padding:0 8px; float: left; text-align: center;}
#productslists a {display: block; overflow: hidden; padding: 10px; background-color: #efefef; width: 200px;}
#productslists a:hover {border: 2px solid #ccc; padding: 8px;}
#productslists h3 {font-size: 12px;  font-weight:normal; }
#productslists p {margin: 0; height: 120px; overflow: hidden;}
<!--默认样式结束-->



