@charset "gb2312";
/* CSS Document */


*{margin:0;padding:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,"΢ÈíÑźÚ",sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden; background-image:url(../images/web_bg.jpg); background-repeat:no-repeat; background-position:top center;}
a{ text-decoration:none;}
li{ list-style:none;}
img{border:none;background:none;vertical-align:middle;}
.clearfix{clear:both;}
.container{width:1200px; margin: 0 auto; overflow:hidden; background:#fff; margin-top:15px;}

.clearfix{clear:both;}
.top_bg{ width:100%; background:url(../images/top_bg.jpg) no-repeat top center; height:150px;}
.top_bg .top{width:1200px; margin:0 auto;}
.top .logo{ padding-top:14px;}
.top .logo img{width:798px; height:112px;}

.nav_bg{ width:100%; background:url(../images/nav_bg.jpg) repeat-x; height:60px;}
.nav_bg .nav{ width:1200px; margin:0 auto;}
.nav_bg .nav li{float:left; width:130px; height:60px; line-height:60px; text-align:center; background:url(../images/nav_line.png) no-repeat top right;}
.nav_bg .nav li a{font-size:18px; color:#fff;}


/* main_01 */
.main_01{height: 220px; margin-bottom: 50px;}
.main_01 li{float: left; padding: 30px 90px 0; height: 190px; background: #eeeded; }
.main_01 p{width: 100%; text-align: center; line-height: 40px;}
.main_01 a{color: #222;}
.main_01 li:hover a{color: #fff;}
.main_01_img1,.main_01_img2,.main_01_img3,.main_01_img4{width: 120px; height: 120px;}
.main_01_img1{background:url(../images/main-01-01.png);}
.main_01_img2{background:url(../images/main-01-02.png);}
.main_01_img3{background:url(../images/main-01-03.png);}
.main_01_img4{background:url(../images/main-01-04.png);}
.main_01 li:first-child:hover{background: #5ea927;}
.main_01 li:first-child:hover .main_01_img1{background:url(../images/22_05.png);}
.main_01 li:nth-child(2):hover{background: #1a8fd1;}
.main_01 li:nth-child(2):hover .main_01_img2{background:url(../images/22_07.png);}
.main_01 li:nth-child(3):hover{background: #2eafbb;}
.main_01 li:nth-child(3):hover .main_01_img3{background:url(../images/22_09.png);}
.main_01 li:last-child:hover{background: #b57dd1;}
.main_01 li:last-child:hover .main_01_img4{background:url(../images/22_11.png);}

/* main_02 */
.main_02{height: 305px; margin-bottom: 35px;}
.ind_news{float: left; width:320px; margin-right: 67.5px;}
.ind_abouts{float: left; width: 425px; margin-right: 67.5px;}
.ind_contact{float: left; width: 320px;}
.ind_title{width: 100%; height: 40px; border-bottom: 1px dashed #eeeded;}
.ind_title img{float: left;}
.ind_title p{float: left; margin-left: 10px; line-height: 40px; font-size: 18px; }
.ind_con{width: 100%; height: 230px; padding-top: 15px }
.ind_news_liTop{height: 15px;}
.ind_news_liBottom{height: 15px;}
#ind_news_box{width: 100%; height: 200px; overflow: hidden;}
#ind_news_box li{width: 100%; height: 40px;}
#ind_news_box img{display:block; float: left;}
#ind_news_box a{display:block; width: 290px; height: 40px; float: left; line-height: 40px; color: #4d4d4d; overflow: hidden;}
#ind_news_box a:hover{color:#006070;}
#keleyi5{overflow: auto;}

.ind_con2{width: 100%; height:250px; padding-top: 15px;}
.ind_abouts_li{position: relative; width: 420px; height: 125px; margin-right: 5px;}
.ind_abouts_img1{width: 210px; height: 125px;}
.ind_abouts_img2{width: 210px; height: 125px;}
.ind_abouts_img1 img,.ind_abouts_img2 img,.ind_abouts_img1Cover,.ind_abouts_img2Cover{width: 210px; height: 125px;}
.ind_abouts_img2{margin-left: 210px;}
.ind_abouts_txt1,.ind_abouts_txt2{position: absolute; top:0;}
.ind_abouts_txt1{width: 210px; height: 40px; right: 0; background: url(../images/abouts_bg1.png);}
.ind_abouts_txt2{width: 210px; height: 40px; left: 0; background: url(../images/abouts_bg2.png);}
.ind_abouts_txt1,.ind_abouts_txt2{padding: 42.5px 0 42.5px 15px; text-align: center; vertical-align: middle;}
.ind_abouts_txt1 p,.ind_abouts_txt2 p{float: left; line-height: 40px; color: #fff; font-size: 18px; margin-left: 10px;}
.ind_abouts_txt1 img,.ind_abouts_txt2 img{float: left; margin-left: 30px;}
.ind_abouts_img1Cover{position: absolute; left: 0;top:0; background: rgba(0,0,0,0); transition: all ease;}
.ind_abouts_img2Cover{position: absolute; right: 0;top:0; background: rgba(0,0,0,0);}
.ind_abouts_li:first-child:hover .ind_abouts_img1Cover{background: rgba(0,0,0,0.4);}
.ind_abouts_li:last-child:hover .ind_abouts_img2Cover{background: rgba(0,0,0,0.4);}
.ind_contact_box{height:200px; padding: 25px 20px; border: 1px solid #ccc; border-radius:6px;}
.ind_contact_box p{line-height: 30px; width: 278px; height:30px; overflow: hidden;}


/* spage */
.spage_banner{width: 100%; height:400px; margin-top: 78px; margin-bottom: 20px;}
.side{float:left; width: 260px; margin-bottom: 30px;}
.side_nav,.side_contact{width: 100%; margin-bottom: 15px; box-shadow: 0 0 3px #ddd; }
.side_nav_title{width: 255px; height: 60px; line-height: 60px; border-left: 5px solid #006070;  border-bottom: 1px solid #ebebeb; overflow:hidden;}
.side_nav_title h3{margin-left: 30px; font-size: 18px; }
.side_nav li{ position:relative;}
.side_nav a{display: block; width: 225px; height: 50px; line-height: 50px; border-left: 1px solid #ebebeb;  border-bottom: 1px solid #ebebeb; color: #222; font-size: 16px; padding-left: 30px; overflow: hidden;}
.side_nav a:hover{border-left: 5px solid #006070; background: #f1f1f1;}
.side_nav .sub{ position:absolute; left:260px; top:0; background-color:#fff; display:none;}
.side_nav .sub a{ padding-right:30px;}
.side_nav_hover{border-left: 5px solid #006070 !important; background: #f1f1f1 !important;}
.side_contact p{width: 210px; height: 50px; line-height: 50px; border-left: 1px solid #ebebeb;  border-bottom: 1px solid #ebebeb; color: #222; font-size: 14px; padding-left: 20px; padding-right: 15px; overflow: hidden;}
.side_contact p:last-child{line-height: 25px; padding-top: 15px; padding-bottom: 15px;}
.spage_body{float:left; width: 900px; min-height: 550px; margin-left: 30px; margin-bottom: 30px;}
.spage_body_title{width: 100%; height:50px; line-height: 50px; border-bottom: 1px solid #ebebeb;}
.spage_body_title h3{float:left; font-size: 18px; margin-left: 5px;}
.spage_body_title p{float:right}
.spage_body_title a{color: #333;}
.spage_body_title a:hover{color:#006070;}
.spage_body_content{width:910px; padding-top: 20px; padding-left: 5px; padding-right: 5px;}

/* article_list */
.article_list li{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #ebebeb;}
.article_list li span{float:right; color: #4d4d4d; margin-right: 20px; font-size:14px;}
.article_list li a{color: #4d4d4d; margin-left: 20px; font-size:14px;}
.article_list li a:hover{color:#006070;}
.pagelist{width: 60%; height:50px; line-height: 50px; text-align: center; margin:0 auto;}

/* pro_list */
.pro_list{width: 100%; margin: 10px 0 30px;}
.pro_list li{float:left; width: 280px; margin-right: 20px; margin-bottom: 10px;}
.pro_list li:nth-child(3n){margin-right: 0px;}
.pro_list li:hover{box-shadow: 0 0 15px #ddd;}
.pro_list img{width: 280px; }
.pro_list p{color: #333; line-height: 30px; text-align: center; margin: 5px 5px 10px 5px; overflow: hidden; font-size:14px; font-weight:bold;}
.pro_list p:hover{color:#006070;}

/* article_view */
.news_title{width: 100%; height: 40px; text-align: center;}
.news_alt{height:20px; line-height:20px;  border-bottom: 1px solid #EBEBEB;  border-top: 1px solid #EBEBEB; text-align: center;}
.news_alt span{display: inline-block; height: 20px; margin-right: 20px; color: #666;}
.news_content{padding: 20px 0; min-height: 400px; text-indent: 2em; color: #444;}
.news_content p{ text-indent: 2em;}


/* pro_view */
.pro_view_img{float:left; width: 400px; height: 301px;}
.pro_view_img img{width: 400px; height: 301px;}
.pro_view_alt{float:right; width: 300px; height: 300px;}
.pro_view_alt li{height: 40px; line-height: 40px; border-bottom: 1px dashed #ebebeb;}
.pro_view_alt li:first-child{height: 60px; line-height: 60px;}
.pro_view_alt li:last-child{border-bottom:none;}
.pro_view_alt>ul>li>a{display: block; margin-top: 20px; width: 200px; height:35px; line-height:35px; font-size: 16px; border: 1px solid #006070; color: #006070; text-align: center;}
.pro_view_alt>ul>li>a:hover{color: #fff; background: #006070;}
.pro_view_con{width: 100%; margin:30px 0;}
.pro_view_con>h3{ width:750px; height:50px; line-height: 50px; padding-left: 20px; background: #f1f1f1;}
.pro_view_txt{padding: 20px 0; min-height: 50px; text-indent: 2em; color: #444;}
.pro_view_txt p{ text-indent: 2em;}
.relevant{width: 100%; height: 40px; line-height: 40px; }
.relevant a{color:#333;}
.relevant a:hover{color:#006070;}


/* message */
#message_main tr{ margin-bottom:15px; display:block;}
#message_main #msgLeft_senderName{
	width:200px;
}
#message_main #msgLeft_telephone{
	width:200px;
}
#message_main #msgLeft_email{
	width:200px;
}
#message_main #msgLeft_Txtbox{
	width:500px;
}
#tc-2 #msgLeft_Btn_div{
	margin-left:35px;
}


/*sitemap*/
h3.map_title{line-height:30px;line-height:30px;background-color:#f5f8fa;border:1px solid #d6dbe1;text-indent:20px;color:#3b639f;border-bottom:2px solid #458fce; font-size:16px;}
.sitemp{line-height:30px;}
.sitemp h2{ float:left; font-size:16px;}
.site{float:right; font-size:12px; color:rgba(79,79,79,1.00)}
.site a{ font-size:12px; color:rgba(79,79,79,1.00);}
.map_list{line-height:30px;padding-left:20px;margin-top:8px;margin-bottom:8px;}
.map_list a{padding:4px;white-space:nowrap; font-size:14px; color:rgba(79,79,79,1.00);}
.map_list a:hover{text-decoration:none;background-color:#3b639f;color:#fff;padding:4px;}



/*pege*/
#pege li{float:left; margin:0 10px;}


/*footer*/
	.footer_bg{width:100%; background:#f5f5f5; padding:10px 0;}
.footer{width:1200px; margin:0 auto;}
.footer .b_nav{ color:#606060; font-size:14px; text-align:center;}
.footer .b_nav a{color:#606060; margin:0 10px;}
.footer .b_nav a:hover{ color:#06889d;}
.footer p{ text-align:center;color:#606060; font-size:14px; line-height:28px; margin:10px 0;}
.footer p a{ color:#606060;}
.footer p a:hover{ text-decoration:underline;}