﻿body {
	margin: 0px; padding: 0px; color: rgb(85, 85, 85); line-height: 22px; font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:center;
}
td {
	margin: 0px; padding: 0px; color: rgb(85, 85, 85); line-height: 22px; font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
th {
	margin: 0px; padding: 0px; color: rgb(85, 85, 85); line-height: 22px; font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
body {
	background-position: top; background-image: url("images/top_bg.jpg"); background-repeat: repeat-x; background-color: rgb(255, 255, 255);
}
a:link {
	color: rgb(85, 85, 85); text-decoration: none;
}
a:visited {
	color: rgb(85, 85, 85); text-decoration: none;
}
a:active {
	color: rgb(85, 85, 85); text-decoration: none;
}
a:hover {
	color: rgb(8, 133, 224); text-decoration: none;
}
.a:link {
	background-position: 0px 0px; width: 190px; height: 28px; text-align: left; color: rgb(85, 85, 85); line-height: 28px; text-indent: 25px; text-decoration: none; display: block; background-image: url("../images/prolistbg.jpg"); background-repeat: no-repeat;
}
.a:visited {
	background-position: 0px 0px; width: 190px; height: 28px; text-align: left; color: rgb(85, 85, 85); line-height: 28px; text-indent: 25px; text-decoration: none; display: block; background-image: url("../images/prolistbg.jpg"); background-repeat: no-repeat;
}
.a:hover {
	background-position: 0px 0px; width: 190px; height: 28px; text-align: left; color: rgb(229, 103, 22); line-height: 28px; text-indent: 25px; font-weight: bold; text-decoration: none; display: block; background-image: url("../images/prolistbg2.jpg"); background-repeat: no-repeat;
}
.a:active {
	background-position: 0px 0px; width: 190px; height: 28px; text-align: left; color: rgb(85, 85, 85); line-height: 28px; text-indent: 25px; text-decoration: none; display: block; background-image: url("../images/prolistbg2.jpg"); background-repeat: no-repeat;
}
.left {
	width: 80px; height: 30px; color: rgb(255, 255, 255); font-size: 14px; background-color: rgb(8, 133, 224);
}
.right {
	width: 240px; background-color: rgb(238, 238, 238);
}
.top_a:link {
	width: 80px; height: 40px; text-align: center; color: rgb(104, 104, 104); line-height: 43px; padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block;
}
.top_a:visited {
	width: 80px; height: 40px; text-align: center; color: rgb(104, 104, 104); line-height: 43px; padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block;
}
.top_a:active {
	width: 80px; height: 40px; text-align: center; color: rgb(104, 104, 104); line-height: 43px; padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block;
}
.top_a:hover {
	height: 40px; color: rgb(255, 255, 255); padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url("../images/menubg02.png"); background-repeat: no-repeat;
}
.top_a1:link {
	width: 80px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block; background-image: url("../images/menubg02.png"); background-repeat: no-repeat;
}
.top_a1:visited {
	width: 80px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block; background-image: url("../images/menubg02.png"); background-repeat: no-repeat;
}
.top_a1:active {
	width: 80px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 43px; padding-top: 3px; font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block; background-image: url("../images/menubg02.png"); background-repeat: no-repeat;
}
.top_a1:hover {
	color: rgb(0, 0, 0); padding-top: 3px; text-decoration: none;
}
* {
	list-style: none; margin: 0px; padding: 0px;
}
.col960 {
	margin: auto; width: 100%;
}



*{
    margin: 0;
    padding: 0;
	list-style-type:none;
}
/*nav导航盒子*/
div.nav{
    width: 100%;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
	position: absolute; 
    background: #1f9191;
	margin:0px auto 0 auto;
	z-index: 2;
}
/*nav-main*/
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background: url('images/down-icon.png') no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
ul.nav-main>li{
    width: 25%;
    height: 100%;
    display: block;
    float: left;
    background: #1f9191;
    color: #fff;
    margin-right: 0px;
    cursor: pointer;
}
ul.nav-main>li:hover{
    background: #1f9191;
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 150px;
    border: 1px solid #1f9191;
    border-top: 0;
    position: absolute;
    display:none;
	background:#fff;
    top: 40px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #0885e1;
    cursor: pointer;
}
.hidden-box li:hover{
    background: #0885e1;
    color: #fff;
}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 3px; text-align:center;
}
.hidden-loc-us{
    left: 25%; text-align:center;
}
.hidden-loc-info{
    left: 50%; text-align:center;
}
.box04{
	right:3px; text-align:center;
}









.title {
	background: rgb(132, 192, 253); width: 100%; height: 35px; color: rgb(255, 255, 255);
}
.title .tit_name {
	width: auto; height: 35px; line-height: 35px; padding-left: 2.1%; font-size: 16px; float: left;
}
.title .more {
	width: auto; height: 35px; line-height: 35px; padding-right: 2.1%; float: right;
}
.title .more a {
	color: rgb(255, 255, 255); text-decoration: none;
}


.pb1{
	width: 100%;
	text-align:center;
	}
.content_box1 {
	width: 96%; text-align: center; clear: both; margin-top: 10px; margin:0 auto;
}
.pb{
	width: 100%;
	text-align:center;
	}
.content_box {
	width: 100%; text-align: center; clear: both; margin-top: 10px; margin:0 auto;
}
.content_box .list_box {
	width: 98%;
	text-align:center;
	margin:0 auto;
}
.content_box .list_box .about_text {
	padding: 10px 2.1%; width: 95.8%; text-align: center; overflow: auto !important; -ms-word-break: keep-all; -ms-word-wrap: break-word;
}
.content_box .pro_list {
	padding: 0px 0px; width: 100%; text-align: left; overflow: hidden;
}
.content_box .pro_list dl {
	padding: 5px 1.5%; width: 94px; height: 130px; float: left;
}
.content_box .pro_list dt {
	padding: 1px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 90px; height: 90px; text-align: center; overflow: hidden; margin-bottom: 5px; vertical-align: middle; display: table-cell;
}
.content_box .pro_list dt a {
	height: 100%; _writing-mode: tb-rl;
}
.content_box .pro_list dt img {
	overflow: hidden; vertical-align: middle; max-height: 90px !important; max-width: 90px !important;
}
.content_box .pro_list dd {
	height: 20px; text-align: center; line-height: 20px; overflow: hidden; font-size: 14px;
}
.content_box .pro_list ul {
	height: 106px; overflow: hidden; padding-left: 1.3%;
}
.content_box .pro_list .pro_pic {
	padding: 1px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 90px; height: 90px; text-align: center; overflow: hidden; margin-right: 10px; margin-bottom: 5px; vertical-align: middle; float: left; display: table-cell;
}
.content_box .pro_list .pro_pic a {
	height: 100%; _writing-mode: tb-rl;
}
.content_box .pro_list .pro_pic img {
	overflow: hidden; vertical-align: middle; max-height: 90px !important; max-width: 90px !important;
}
.content_box .pro_list .pro_intro {
	width: 98.7%; text-align: left;
}
.content_box .pro_list .pro_intro .pro_text {
	width: 100%; text-align: left; margin-top: 5px;
}
.content_box .pro_list .pro_intro .pro_text p {
	width: 100%; text-align: left; font-size: 12px;
}
.content_box .news_list {
	padding: 10px 2.1%; width: 95.8%;
}
.content_box .news_list ul {
	width: 100%;
}
.content_box .news_list ul li {
	background: url("images/biao.gif") no-repeat left top; width: 100%; height: 40px; line-height: 40px; border-bottom-color: rgb(147, 147, 147); border-bottom-width: 1px; border-bottom-style: dotted;
}
.content_box .news_list ul time {
	width: auto; color: rgb(153, 153, 153); float: right;
}
.content_box .news_list ul li a {
	width: auto; height: 40px; color: rgb(102, 102, 102); overflow: hidden; padding-left: 12px; font-size: 16px; text-decoration: none; float: left; display: block;
}
.content_box .news_list dl {
	width: 100%; margin-bottom: 10px; border-bottom-color: rgb(147, 147, 147); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
.content_box .news_list dt {
	background: url("images/biao1.gif") no-repeat left top; width: 100%; height: 20px; line-height: 20px;
}
.content_box .news_list dt time {
	width: auto; color: rgb(153, 153, 153); font-size: 14px; float: right;
}
.content_box .news_list dt a {
	width: auto; height: 20px; color: rgb(102, 102, 102); overflow: hidden; padding-left: 12px; font-size: 16px; text-decoration: none; float: left; display: block;
}
.content_box .news_list dd {
	margin: 5px 0px 5px 10px; color: rgb(153, 153, 153); font-size: 12px;
}
.content_box .service_list {
	padding: 10px 2.1%; width: 95.8%;
}
.content_box .service_list ul {
	width: 100%;
}
.content_box .service_list ul li {
	background: url("images/biao.gif") no-repeat left top; width: 100%; height: 40px; line-height: 40px; border-bottom-color: rgb(147, 147, 147); border-bottom-width: 1px; border-bottom-style: dotted;
}
.content_box .service_list ul li a {

	width: auto; height: 40px; color: rgb(102, 102, 102); overflow: hidden; padding-left: 12px; font-size: 16px; text-decoration: none; float: left; display: block;
}
.content_box .service_list dl {
	width: 100%; margin-bottom: 10px; border-bottom-color: rgb(147, 147, 147); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
.content_box .service_list dt {
	background: url("images/biao1.gif") no-repeat left top; width: 100%; height: 20px; line-height: 20px;
}
.content_box .service_list dt a {
	width: auto; height: 20px; color: rgb(102, 102, 102); padding-left: 12px; font-size: 16px; text-decoration: none; float: left; display: block;
}
.content_box .service_list dd {
	margin: 5px 0px 5px 10px; color: rgb(153, 153, 153); font-size: 12px;
}
.content_box .pro_class_list {
	width: 100%;
}
.content_box .pro_class_list li {
	background: url("images/arrow_red.png") no-repeat 100% 50%; width: 100%; height: 40px; line-height: 40px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.content_box .pro_class_list li a {
	width: 97.9%; height: 40px; padding-left: 2.1%; font-size: 16px; float: left; display: block;
}








.body_footer {
	width: 100%; height: 45px; bottom: 0px; border-top-color: rgb(2, 88, 175); border-top-width: 1px; border-top-style: solid;}
.body_footer ul {
	width: 100%; height: 45px; line-height: 45px;
}
.body_footer ul li {
	width: 20%; color: rgb(255, 255, 255); float: left;
}
.body_footer ul li a {
	background: url("images/line_03.jpg") no-repeat 100% 0px; width: 100%; height: 45px; display: block;
}
.body_footer ul li dl {
	margin: 0px auto; width: auto; text-align: center;
}
.body_footer ul li dt {
	width: auto; height: 25px; overflow: hidden;
}
.body_footer ul li dd {
	width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 20px; overflow: hidden; font-size: 12px;
}






.intop {
	  background: rgb(49, 45, 42);
}
.intop h2 {
	color: rgb(204, 204, 204); line-height: 40px; padding-left: 15px; font-size: 14px;
}
.intop h2 span {
	color: rgb(255, 255, 255); padding-top: 8px; padding-right: 10px; font-size: 12px; font-weight: 100; float: right;
}
.intop h2 span a {
	color: rgb(255, 255, 255); text-decoration: none;
}
.intop h2 span a:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.intext {
	padding: 10px; line-height: 25px;
}




.wjl_eventsbgcon{ background:#f7f6f6;word-break:break-all;word-wrap:break-word; overflow:hidden; padding:35px 15px 5px;}.wjl_events_list{ margin:10px 10px 10px 0;}
.wjl_events_list ul li{ position:relative; }
.wjl_events_list ul li .wjl_feed_arrow{height:10px;width:10px;z-index:5;}
.wjl_arrow_dot{width:127px; height:31px; left:-5px; position:absolute;top:10px; color:#FFF; line-height:25px; font-size:13px; background:url(../../images/events_timebg.png) no-repeat left top; padding-left:5px; display:inline-block;}
.wjl_eventsbgcon p{padding-top:8px; font-size: 14px;color:#666666;}


.Culture-list { margin: 20px -20px; }
.Culture-list li { float: left; width: 98%; }
.Culture-list .Item { margin: 15px; border: 1px solid #eeeeee; box-sizing: border-box; }
.Culture-list .Item .pic { float: left; width: 20%; }
.Culture-list .Item .Intro { float: right; width: 78%; padding: 1px 0; text-align:left; }
.Culture-list .Item .Intro h3 { font-size: 18px; color: #1f9191; line-height: 40px; font-weight: 500; }
.Culture-list .Item .Intro p { font-size: 14px; color: #000; line-height: 30px; }



.about01{ padding-top:30px;}
.solution_ti{ text-align:center; color:#006EB8; font-size:22px; font-weight:bold; margin-bottom:15px;}
.solution_Limg{ width:33%; padding-left:10px;}
.solution_Lr{ margin-left:15px; width:64%; }
.solution_Rtitle{ height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;  line-height:45px;}
.solution_Rtitle a{ color:#D8186E; font-weight:bold;}
.solution_Rintro{overflow:hidden; color:#595959; font-size:18px; line-height:30px; text-align:left;}
.solution_Rintropp{ text-align:center; margin:0 auto; width:100%;}
.solution_Rmore a{ font-family:Arial; color:#d8186e; font-size:14px; background:url(../../images/pro_mbd.jpg) no-repeat left; padding-left:10px; padding-top:20px;}



.message-form { }
.message-form p { font-size: 18px; color: #000000; line-height: 36px; }
.message-form .line1 { margin: 0 -15px; }
.message-form .line { margin-bottom: 30px; }
.message-form li { float: left; width: 95%; }
.message-form .controls { border: 1px solid #d5cfcf; margin: 0 15px; box-sizing: border-box; }
.message-form .controls label { font-size: 14px; color: #666666; line-height: 26px; width: 22%; }
.message-form .controls i { color: #ed1450; display: inline-block; line-height: 26px; padding: 5px; }
.message-form .controls input { font-size: 14px; color: #666666; line-height: 40px; width: 75%; outline: none; border: none; }
.message-form textarea { border-color: #d5cfcf; width: 100%; min-height: 260px; display: block; outline-color: #d5cfcf; padding: 10px 15px; font-size: 14px; line-height: 26px; color: #666; box-sizing: border-box; }
.message-form .bottom { }
.message-form .bottom input { font-size: 14px; color: #fff; line-height: 30px; background: #616161; border: none; display: inline-block; outline: none; padding: 5px 30px; margin-right: 10px; cursor: pointer; }
.message-form .bottom input:focus { background: #178e8e; outline: none; }
.message-form .bottom input:hover { background: #178e8e; outline: none; }


.news_list{ padding-top:20px; width:100%;}
.news_list dl{ width:45%; float:left; padding:0 100px 40px 0;}
.news_list .ne_last{ padding-right:0;}
.news_list dl dt{ position:relative; width:43%; float:left;
    top: 0px;
    left: 0px;
}
.news_list dl dt img{ width:100%;}
.news_list dl dt p{ position:absolute; bottom:0; height:28px; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/ font-size:12px; line-height:28px; text-align:center; width:100%; }
.news_list dl dd{ width:53%; float:right; color:#808080; line-height:25px;}
.news_list dl dd p{ float:right; }
.news_list dl dd div{ width:100%;}
.news_list dl dd p a{font-size:12px; background:#0064b5; color:#fff; padding:2px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}


.news_list ul li{ font-size:16px; width:100%; color:#808080; clear:both; padding-bottom:40px;}
.news_list ul li div{ float:left; background:url(../../images/l_jt.png) no-repeat left center; padding-left:20px;}
.news_list ul li p{ float:right;}


.news_ti{ text-align:center; border-bottom:1px dashed #ccc;padding-bottom:10px; width:100%;}
.news_ti div{ padding-bottom:10px;  font-size:16px;color:#0064b5;}
.news_zi{ padding:10px 0; line-height:30px;}
.news_zi img{ display:inline; text-align:center;}

.ne_main{ padding:0 0; font-size:14px;}
.ny_bg{ width:100%; height:auto; overflow:hidden; background:#f5f5f5}
.nymain2{ width:96%; height:auto; overflow:hidden; margin:29px auto 69px auto; background:#fff; padding-bottom:30px}

.nymain{ width:1100px; height:auto; overflow:hidden; margin:29px auto 69px auto}
.nymain_l{ width:835px; height:auto; overflow:hidden; float:left; background:#fff; padding-top:1px}
.nyweizhi{ width:783px; height:51px; background:url(../images/weizhi.jpg) repeat-x; margin:14px auto 0 auto }

.nyweizhi_l{ float:left;  height:51px; line-height:51px;}
.nybt_ch{ float:left; height:50px; border-bottom:1px solid #46B5EA; font-family:Microsoft YaHei; font-size:16px; color:#333;}
.nybt_en{float:left; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#7b848d; margin-left:4px }

.nyweizhi_r{ float:right; height:51px; line-height:51px; font-size:12px; color:#999}
.nyweizhi_r a{font-size:12px; color:#999}
.nyweizhi_r a:hover{ color:#47b5e8}

.cpnav{ width:94%; height:120px; margin:30px auto 0 auto; padding-top:10px; background:url(../../images/proul.jpg) repeat-x;}

.zdcp{ width:84px; height:120px;float:left; width:84px; height:120px; text-align:center; margin:0 0 0 0px}
.zdcp a{display:block; width:84px; height:80px; font-family:Microsoft YaHei; font-size:14px; color:#666; padding-top:40px; background:url(../images/proli1.jpg) center 74px no-repeat  ;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.zdcp a:hover{ color:#02aee5; padding-top:6px; height:114px;background:url(../images/prolibg_0b.jpg) center 36px no-repeat}

.proul li a.pro1:hover { background:url(../../images/prolibg_1b.jpg) center 36px no-repeat }
.proul li a.pro2:hover { background:url(../../images/prolibg_2b.jpg) center 36px no-repeat }
.proul li a.pro3:hover { background:url(../../images/prolibg_3b.jpg) center 36px no-repeat }
.proul li a.pro4:hover { background:url(../../images/prolibg_4b.jpg) center 36px no-repeat }
.proul li a.pro5:hover { background:url(../../images/prolibg_5b.jpg) center 36px no-repeat }

.prodq a.pro0{background:url(../../images/prolibg_0b.jpg) center 36px no-repeat!important; color:#02aee5; padding-top:6px; height:114px}
.prodq a.pro1{background:url(../../images/prolibg_1b.jpg) center 36px no-repeat!important; color:#02aee5; padding-top:6px; height:114px}
.prodq a.pro2{background:url(../../images/prolibg_2b.jpg) center 36px no-repeat!important; color:#02aee5; padding-top:6px; height:114px}
.prodq a.pro3{background:url(../../images/prolibg_3b.jpg) center 36px no-repeat!important; color:#02aee5; padding-top:6px; height:114px}
.prodq a.pro4{background:url(../../images/prolibg_4b.jpg) center 36px no-repeat!important; color:#02aee5; padding-top:6px; height:114px}
.prodq a.pro5{background:url(../../images/prolibg_5b.jpg) center 36px no-repeat!important; color:#02aee5; padding-top:6px; height:114px}


.proul{ float:left;width:96%; }
.proul li{ float:left; width:84px; height:120px; text-align:center; margin:0 0 0 10px}
.proul li a{ display:block; width:84px; height:80px; font-family:Microsoft YaHei; font-size:14px; color:#666; padding-top:40px; background:url(../images/proli1.jpg) center 74px no-repeat  ;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.proul li a:hover{ color:#02aee5; padding-top:6px; height:114px}


.tpfg{ width:96%; height:auto; overflow:hidden; margin:54px auto 0 auto; text-align:center;}

.tpfgnr{ display:block; width:32%; border:1px solid #D6D6D6;  position:relative; overflow:hidden; margin:0 0 48px 51px}
.fgimg{ display:block; width:32%;}

.fg_bottom{ display:block; width:32%; height:62px; padding-top:1px}
.fgwz1{ display:block; width:32%; height:20px; line-height:20px; margin-top:20px; text-align:center; font-family:Arial, Microsoft YaHei; font-size:16px; color:#0168ad}
.fgwz2{ display:block; width:32%; height:20px; line-height:20px; margin-top:6px; text-align:center; font-family:Arial, Microsoft YaHei; font-size:14px; color:#666}

.tpfgnr:hover{ border:1px solid #47B5E8;}
.tpfgnr:hover .fg_bottom{ background:#47B5E8}
.tpfgnr:hover .fgwz1{ color:#fff}
.tpfgnr:hover .fgwz2{ color:#fff}

.hoverbg{ display:block; width:32%;  position:absolute; left:0; top:-224px}
.tpfgnr:hover .hoverbg{ top:0}


