@charset "gb2312";
/* */
 
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input
{margin:0;padding:0;}
body,input,textarea{font-size:14px;color:#666666; font-family: '微软雅黑';}
img{border:none;}
ul,ol,li,a{list-style:none;text-decoration: none;}
input,select,textarea{outline:none; border:none; background:#FFF;}
textarea{resize:none;}

 
/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
 
/*公共部分*/
.fl{ float: left; } /*左浮动*/
.fr{ float: right;} /*右浮动*/
.c { clear: both; } /*清浮动*/
.dn{ display: none; } /*不显示*/
.select{
	float:left;
	width:72px;
	border:0;
	background: transparent;
	margin-top: 9px;
/* background:url(../images/select.jpg) right center no-repeat #000; */
}
select{background:transparent;font-family: "微软雅黑";cursor: pointer;}
.w1000 {
    width: 1200px;
    margin: 0 auto;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}


/* ------------------------------------------index----------------------------------- */


input[placeholder], [placeholder], *[placeholder] { 
	color:#0f0f0f !important; 
} 
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #0f0f0f; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #0f0f0f; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #0f0f0f; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #0f0f0f; 
} 

/* 头部 */

/* 顶部样式 */
.h_top_c{
	width: 100%;
	height: 30px;
	background-color: #D8D5D5;
}
.h_top,.h_mid{
	width: 1200px;
	margin:0 auto;
	position: relative;
}
.h_top div{
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	font-size: 14px;
	color:#7D7C7C;
}
.h_top span{
	display: inline-block;
	float: right;
	height: 30px;
	line-height: 30px;
	color:#7D7C7C;
	font-size: 14px;
	padding-left: 15px;
}
.h_top span:hover{
	color:#04576d;
}
.yuyue{
	color:#7D7C7C!important;
}


.tel_index{
	float: right;
	padding-right:10px;
	color:#009fca;
	font-size: 20px;
	margin-top: 16px;
}
.tel_index span{
	font-size: 24px;
	
}
/* 顶部样式 end*/

/* logo search */
.h_mid_c{
	width: 100%;
	height:100px;
	background-color: #fff;
	position: relative;
	z-index: 99;
}
.logo{
	float: left;
	margin-top: 15px;
}
.cxt{ float:left; margin-top:18px; margin-left:45px;}


.s_c{
	width: 243px;
	height: 37px;
	float: left;
	position: relative;
	z-index: 10;
	background-color: #efefef;
}
.search_text{
	width: 160px;
	height: 37px;
	line-height: 37px;
	background-color: transparent;
	text-indent: 15px;
	color:#39114e;
	float: left;
}
.drop_down{
	float: left;
	width: 73px;
	height: 37px;
	line-height: 37px;
	color:#39114e;
	padding-left: 10px;
	background:url(../images/drop_down_icon_03.png) no-repeat 90% center;
	cursor: pointer;
}
.drop_down:hover{
	color:#763696;
}
.dd_list{
	width: 83px;
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 9;
	background-color: #efe6f3;
}
.dd_list span{
	display: inline-block;
	width: 73px;
	padding-left: 10px;
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 35px;
	color:#39114e;
	cursor: pointer;
}
.dd_list span:hover{
	color:#763696;
}
.current_dd_span{
	color:#fff!important;
	background-color: #220630;
}
.search_submit{
	width: 49px;
	height: 37px;
	float: left;
	background: #009fca url(../images/0013920_45.png) no-repeat 13px -90px;
	cursor: pointer;
}
.search_submit:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
/* logo search end*/

/* 头部 end*/

/* nav */
.nav_c{
	width: 100%;
	height: 52px;
	background-color: #009fca;
}
.nav{
	width: 1200px;
	margin:0 auto;
	height: 52px;
	position: relative;
	z-index: 1;
}
.nav ul li{
	float: left;
	width: 150px;
	text-align: center;
	position: relative;
	z-index:8;
}
.nav ul li:hover{
	background:#008cb2;
}

.nav ul li.on{
	background:#008cb2;
}
.nav ul li.on a{
	color:#fff;
}
.nav ul li a{
	width: 100%;
	font-size: 16px;
	line-height: 52px;
	color:#fff;
	display: block;
	border-top: 1px solid #812174;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.nav ul li a:first-child{
	border-top: 0;
}

/* .nav_dd{
	width: 100%;
	position: absolute;
	top: 52px;
	left: 0;
	z-index: 7;
	background: url(../images/nav_li_bg_07.png);
} */

/* nav end*/

/* banner */
.banner{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
/* banner */
.atm_banner { width: 100%; height: auto; position: relative; overflow:hidden;z-index:0}
.atm_banner img{display:block;margin:0 auto;}
.atm_banner_box{position:absolute;top:0;left:50%;}
.atm_btns{width:1002px;position: absolute;height:81px;left:50%;top:50%;margin:-40px 0 0 -501px;}
.atm_btns .atm_prev,
.atm_btns .atm_next {width: 100px; height: 100px;/* float:left; */font:700 56px/70px "simsun";color:#fff;text-align:center;background: url(../images/next_page_34.png) no-repeat left center;
	position: absolute;
	left: -10%;
	top: 0;
}


.atm_btns .atm_next {float:right;background-position: right center;
	position: absolute;
	left:100%;
	top: 0;
}
/* banner end*/

/* icon_nav */
.icon_nav_c{
	width: 100%;
	height: 161px;
	background-color: #d6bae4;
	overflow: hidden;
}
.icon_nav_new{
	width: 1200px;
	margin:0 auto;
}
.icon_nav_title{
	width: 144px;
	height: 60px;
	line-height:60px;
	background-color: #009fca;
	position: relative;
}
.icon_nav_title{
	float: left;
	margin-top: 5px;
}
.icon_nav_title:hover{
	opacity: 0.95;
	filter: alpha(opacity=95);
}
.icon_nav_title h2 a{
	padding-left:10px;
	text-align: center;
	line-height:60px;
	font-size: 20px;
	font-family:"微软雅黑";
	color:#fff;
	font-weight: normal;
}

.icon_nav_list{
	float: left;
	margin-top: 5px;
	border:1px solid #dfdfdf;
	border-left: 0;
	height: 60px;
}
.inl{
	float: left;
	width: 1000px;
	height: 60px;
	margin:8px 0;
	padding:0 5px;
	overflow: hidden;
	border-right: 1px solid #dfdfdf;
}
.inl h2{
	height: 38px;
	line-height: 38px;
	text-align: center;
	color:#05718e;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 8px;
}
.weibing_bg h2{
	background: url(../images/001395_22.png) no-repeat 14px center;
}
.changdao_bg h2{
	background: url(../images/001395_22.png) no-repeat 18px center;
}
.gangmen_bg h2{
	background: url(../images/001395_22.png) no-repeat 4px center;
}
.inl_cc a{
	display: inline-block;
	height: 12px;
	line-height: 12px;
	padding-right:8px;
	color:#05718e;
	border-right: 2px solid #6d9eb0;
	margin-bottom: 7px;
}
.inl_cc a:hover{
	color:#30a5c5;
	text-decoration: underline;
}
.inl_cc>a:last-child{
	border-right: 0;
}
.icon_nav_list ul li{
	float: left;
	width: 120px;
	margin:0 8px;
	text-align: center;
}
.icon_nav_list ul li a span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color:#390f4e;
}
.icon_nav_list ul li img{
	border-radius: 5px;
}
.icon_nav_list ul li:hover img{
	-webkit-box-shadow: 0 2px 2px #531272;
	box-shadow: 0 2px 2px #531272;
}

/* main */
.main_c{
	width: 100%;
	background-color: #fff;
}
.main{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}

/* common */
.common{
	width: 1200px;
	margin:0 auto;
	margin-top: 10px;
}
.common_title{
	position: relative;
	height: 34px;
	line-height: 34px;
	margin-bottom: 15px;
	background-color: #009fca;
}
.common_title h2{
	float: left;
	width: 100px;
	padding-left: 10px;
	font-size: 22px;
	font-weight: normal;
	color:#fff;
	text-align: center;
}
.common_title a{
	display: inline-block;
	width: 70px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	top: 6px;
	right: 9px;
	text-align: center;
	color:#fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.common_title a:hover{
	text-decoration: underline;
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}
.common_title ul{
	float: left;
}
.common_title ul li{
	float: left;
	width: 124px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color:#fff;
	font-size: 22px;
	cursor: pointer;
}
.current_nn{
	background-color: #008cb2;
}

.common_title_2b ul li {
	font-size: 18px;
}
/* common */

/*product_list*/
.index_product2{
    margin-top: 10px;
}
.product_list{
    margin-left: 2px;
}
.product_list li{
    width: 268px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;
    float: left;padding: 14px; margin-top:14px;
}
.product_list li a{
    color: #939393;
}
.product_list li a:hover{
    color: #009FCA;
}
.product_list li a:hover h4{
    color: #009FCA;
}
.product_list li h4{
    padding-left: 15px;background: url(../images/dot.jpg) left  center no-repeat;
    line-height: 40px;font-size: 16px;color: #525252;
}
.product_list li p{
    line-height:20px;height: 40px;overflow: hidden;font-size: 14px;
}
/*index_title*/
.index_title {
    height: 40px;
    overflow: hidden;border-bottom: 2px solid #009FCA;
    margin:8px 0  15px 0;
}

.index_title a {
    display: block;
    float: right;
    color: #373737;
    font-size: 14px;
    line-height: 40px;
}

.index_title h3 {
    font-size: 20px;
    color: #373737;
    display: inline-block;
    line-height: 38px;
}

.index_title span {
    font-size: 16px;
    color: #484849;font-family: Arial;
    line-height: 30px;
    vertical-align: bottom;text-transform: uppercase;
    margin-left: 5px;
}
.index_title2{
    border-bottom-color: #b0ffda;
}
.index_title2 a, .index_title2 h3, .index_title2 span{
    color: #b4ffdb;
}

/*technology_list*/
.technology_list dl{
    float: left;width:570px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
    padding: 10px 15px 15px 12px;
}
.technology_list dl dt{
    float: left;width: 100px;height: 54px;background: url(../images/pubdate_bg.jpg) no-repeat;
    position: relative;font-size: 36px;color: #fff; padding-left:10px;font-weight: bold;
    line-height:36px;padding-top: 15px;
}
.technology_list dl dt span{
    display: block;font-size: 12px;line-height: 14px;
}
.technology_list dl dt em{
    position: absolute;top: 0 ;left: 0;z-index: 55;width: 69px;height: 59px;
    background: url(../images/pubdate_bg2.png) no-repeat;
}
.technology_list dl dd{
    float: right;width:460px;
}
.technology_list dl dd h4{
    font-size: 16px;color: #373737;line-height: 26px;margin-bottom: 6px;
}
.technology_list dl dd p{
    color: #373737;line-height: 18px;
}
.technology_list dl a:hover p, .technology_list dl a:hover h4{
    color: #009FCA;
}


/*index_base*/
.base_list li{
    width: 276px;margin-right: 21px;float: left;height: 192px;margin-bottom: 15px;overflow: hidden;
    position: relative;
}
.base_list li.first{
    width: 572px;height: 192px;background: url(../images/cp__25.jpg) 0 0 no-repeat;
}
.base_list li.first a{
    color: #000;
}
.base_list li.first h4{
    font-size: 22px;line-height: 35px;width: 295px;margin: 0 auto;text-align: center; color:#000; padding-top:15px;
}
.base_list li.first p{
    font-size: 14px;line-height: 20px;color:#000;
    width: 380px;margin: 0 auto;
}
.base_list li span{
    position: absolute;top:192px;left: 0;font-size: 14px;height: 192px;
    z-index: 5;color: #ffffff;line-height: 200px;text-align: center;width: 276px;
    background: url(../images/base_list.png) 0 0 no-repeat;display: block;
}

/*knowledge_specif*/
.knowledge_specif{
    padding-bottom: 20px;
}
.index_knowledge{
    width: 590px;float: left; margin-right:10px;
}
.knowledge_list li{
    line-height: 42px;padding: 0 13px;
}
.knowledge_list span.circle{
    color: #2bba6a;font-size: 8px;padding-right:8px;display: inline-block;float: left;
}
.knowledge_list span.knowledge_title{
    color: #2e3842;font-size: 14px;display: inline-block;width: 360px;float: left;
}
.knowledge_list span.knowledge_pubdate{
    float: right;display: inline-block;color: #9b9fa1;
}
.index_specif{
    width: 590px;float: right;font-size: 14px;
}

.center_05{margin:auto;width:1198px;height:360px;border:#d4d4d4 1px solid;border-top:none;overflow:hidden;}
.indexprolist2{width:228px; height:345px; float:left; margin-left:10px; margin-top:10px; text-align:center; overflow:hidden; display:inline;}
.indexprolist2 span{width:228px; height:20px; text-align:center; float:left; padding-top:3px; line-height:20px;}
.indexprolist2 span a{text-align:center; height:20px; cursor:pointer; font-size:12px;}
.indexprolist2 a{ display:inline; height:auto; float:left; width:228px; text-align:center; }
.indexprolist2 a img {float: left;width: 213px;height:312px; padding:2px; border:1px solid #cdcdcd; }
.indexprolist2 a:hover img { float:left; width:213px; height:312px;padding:3px; border:1px solid #cdcdcd; }
.area_li{width:130px; height:30px; overflow:hidden; text-align:left;}

/*about_contact*/
.about_contact{
    background: #009FCA;padding: 5px 0 15px 0;
}
.index_about{
    width: 585px;float: left;
}
.index_about .about_con{
    color: #b4ffdb;font-size: 14px;line-height: 28px;height: 112px;overflow: hidden;padding: 0 5px;
}
.index_about a{
    color: #b4ffdb;font-size: 14px;line-height: 24px;display: inline-block;padding: 8px 0 0 5px;
}
.index_contact{
    width: 585px;float: right;
}
.contact_con{
    background: url(../images/contact_bg.jpg)  46px -8px no-repeat;position: relative;
}
.contact_con li{
    line-height: 36px;color: #b4ffdb;font-size: 14px;padding-left: 35px;
    background: url(../images/contact_li_bg.jpg) 0 0 no-repeat;width: 260px;
}
.contact_con li.lx2{
    background-position: 0 -36px;
}
.contact_con li.lx3{
    background-position: 0 -71px;
}
.contact_con li.lx4{
    background-position: 0 -106px;
}
.contact_con dl{
    position: absolute;right: 0;top: 3px;width: 163px;height: 136px;background: #2d3831;
}
.contact_con dl dt{
    float: left;width: 136px;
}
.contact_con dl dt img{
    display: block;
}
.contact_con dl dd{
    float: right;width: 27px;font-size: 14px;color: #88c0a5;text-align: center;line-height: 16px;padding-top: 11px;
}

/*footer*/
.footer{
    background: #2d3831;font-size: 12px;color: #88c0a5;line-height: 35px;
}
.footer a{
    color: #88c0a5;
}
.tel_qq_share_xml{
    padding: 15px 0;height: 70px;
}
.tel_qq_share_xml .tel2{
    width: 278px;height: 60px; float: left;text-align: left;padding-left: 50px;
    font-size: 18px;background: url(../images/header_phone2.jpg) left 14px no-repeat;
}
.tel_qq_share_xml .tel2 span{
    display: block;font-family: Impact;font-weight: normal;font-size: 30px;height: 30px;line-height: 30px;
}
.tel_qq_share_xml ul{
    float: right;height: 60px;
}
.tel_qq_share_xml li{
    line-height: 60px;padding: 0 0 0 50px;float: left;font-size: 14px;margin-left: 20px;
}
.tel_qq_share_xml li.zx{
    background: url(../images/cp_49.jpg) left center no-repeat;
}
.tel_qq_share_xml li.fx{
    background: url(../images/cp_51.jpg) left center no-repeat;position: relative;
}
.tel_qq_share_xml li.fx .shareList{
    position: absolute;top: 50px ;left: 0;width: 150px;height: 50px;
}
.tel_qq_share_xml li.xml{
    background: url(../images/cp_54.jpg) left center no-repeat;
}
.tel_qq_share_xml a:hover{
    color: #fff;
}
.links{
    border-top: 1px solid #567464;font-size: 14px;width: 100%;
    border-bottom: 1px solid #567464;line-height:53px;
}
.links a{
    padding: 0 5px;
}
.links a:hover{
    color: #fff;
}
.links span{
    font-size: 16px;padding-left: 35px;line-height: 53px;
    background: url(../images/cp_61.jpg) left center no-repeat;
}
.copyright{
    line-height: 30px;text-align: center; padding: 25px 0;
}
.copyright a:hover{
    color: #fff;
}

/* ---------------------------------------------------common end--------------------------------------------------*/
/* side_nav */
.side_nav {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 9999;
    width: 60px;
}

.side_nav ul li {
    position: relative;
    width: 60px;
    height: 60px;
    float: right;
    margin-bottom: 1px;
}

.side_nav ul li a {
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}

.current_side_n {
    width: 140px !important;
}

.current_side_n a {
    width: 140px !important;
}

.side_nav ul li span {
    width: 164px;
    height: 164px;
    float: left;
    color: #000;
    line-height: 60px;
    font-size: 16px;
    margin-left: 60px;
    cursor: pointer;
}

.side_nav_3 a {
    width: 60px;
}

.side_nav_3 a span {
    position: absolute;
    right: 61px;
    bottom: 0;
    margin-left: 0 !important;
    display: none;
}

.tel a {
    background: #fff url(../images/0013920_47.png) no-repeat 15px 15px;
    border: 1px solid #e6e6e6;
}

.QQ a {
    background: #fff url(../images/0013920_47.png) no-repeat 15px -96px;
    border: 1px solid #e6e6e6;
}

.sub_QR a {
    background: #fff url(../images/0013920_47.png) no-repeat 15px -207px;
    border: 1px solid #e6e6e6;
}

.back_top a {
    background: #fff url(../images/0013920_47.png) no-repeat 15px -317px;
    border: 1px solid #e6e6e6;
}
/* ---------------------------------------------------side_nav end--------------------------------------------------*/

