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

body{ background-image:url(../images/body_bg.jpg); background-repeat:no-repeat; background-position:center top;}
*{margin:0; padding:0; font-family:"΢ÈíÑźÚ"; font-weight:normal;}
input{ outline:none;}
img{ border:none;}
li{ list-style:none;}
a{text-decoration:none;}
.clearfix{ clear:both;}
.container{width:1040px; margin: 0 auto;}

.header_bg{ width:100%;}
.header_bg .header{ width:1020px; margin:0 auto; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-position:center top;height:136px; padding:0 10px;}
.header .welcome{ line-height:34px; margin-bottom:20px;}
.header .welcome .left{ float:left; font-size:12px; color:#777777; width:600px;}
.header .welcome .right{ float:right; font-size:12px; color:#777777;}
.header .welcome .right a{ font-size:12px; color:#777777;}
.header .welcome .right a:hover{color:#f5c400;}
.header .logo{ float:left;}
.header .search_box{ float:right;}
.header .search_box h1{ font-size:12px; color:#353535; margin-bottom:8px; font-weight:normal;}
.header .search_box h1 a{ color:#353535; margin:0 8px;font-size:12px;}
.header .search_box h1 a:hover{ color:#F5C400;}
.header .search_box .t_b{ line-height:25px;}
.header .search_box .text{ width:168px; height:23px; border:1px solid #e5e5e5; line-height:25px; font-size:12px; padding-left:10px;}
.header .search_box .btn{ width:36px; height:25px; background-color:#008ee0; border:none; font-size:12px; color:#fff; text-align:center; line-height:25px; cursor:pointer;}

.nav_bg{ width:100%;}
.nav_bg .nav{ background-color:#0594e7; width:1066px; margin:0 auto; height:50px;}
.nav .yj{ width:1040px; margin: 0 auto;}
.nav .yj .m{ width:115px; height:50px; line-height:50px; text-align:center; float:left; background-image:url(../images/nav_line.png); background-repeat:no-repeat; background-position:right center; position:relative;} 
.nav .yj .m:last-child{ background-image:none;}
.nav .yj .bn{ background-image:none;}
.nav .yj .m>a{ font-size:16px; color:#fff; display:block;} 
.nav .yj .m .home_icon{ padding-left:20px;background-image:url(../images/home_icon.png); background-repeat:no-repeat; background-position:30px center;}
.nav .yj .m:hover{ background-image:url(../images/nav_hover.png); background-repeat:no-repeat; background-position:left top;}
.nav .yj .this{background-image:url(../images/nav_hover.png); background-repeat:no-repeat; background-position:left top;}
.nav .yj .m .sub{ width:100%; background-color:#fff; display:none; position:absolute; top:50px; left:0; z-index:99999;}
.nav .yj .m .sub li{ text-align:center;}
.nav .yj .m .sub li a{ display:block; line-height:38px; background-image:url(../images/sub_line.png); background-repeat:no-repeat; background-position:center bottom; font-size:16px; color:#7b7b7b;}
.nav .yj .m .sub li a:hover{ color:#f5c400;}

/* 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:#0594e7;}
#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 #0594e7;  border-bottom: 1px solid #ebebeb; overflow:hidden;}
.side_nav_title h3{margin-left: 30px; font-size: 18px; }
.side_nav li{}
.side_nav a{display: block; width: 225px; height: 50px; line-height: 50px; border-left: 5px solid #fff;  border-bottom: 1px solid #ebebeb; color: #222; font-size: 16px; padding-left: 30px; overflow: hidden;}
.side_nav a:hover{border-left: 5px solid #0594e7; background: #f1f1f1;}
.side_nav>ul{ position:relative;}
.side_nav .sub{ position:absolute; left:260px; top:0; background-color:#fff; display:none; width:300%; box-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.side_nav .sub a{ padding-right:30px; width:auto;}
.side_nav_hover{border-left: 5px solid #0594e7 !important; background: #f1f1f1 !important;}
.side_contact p{width: 210px; height: 50px; line-height: 50px; border-left: 5px solid #fff;  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;}
.side_contact p:nth-last-child(2){line-height: 25px; padding-top: 15px; padding-bottom: 15px;}
.spage_body{float:left; width: 750px; 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:#0594e7;}
.spage_body_content{width:750px; 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; font-size:14px;}
.article_list li span{float:right; color: #4d4d4d; margin-right: 20px;}
.article_list li a{color: #4d4d4d; margin-left: 20px;}
.article_list li a:hover{color:#f5c400;}
.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: 230px; 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 li:last-child{ display:none;}
.pro_list img{width: 230px; height: 170px;}
.pro_list p{color: #333; height: 60px; line-height: 30px; text-align: center; margin: 5px 5px 10px 5px; overflow: hidden; font-size:14px; font-weight:bold;}
.pro_list p:hover{color:#f5c400;}

/* 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 #0594e7; color: #0594e7; text-align: center;}
.pro_view_alt>ul>li>a:hover{color: #fff; background: #0594e7;}
.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:#f5c400;}


/* 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-color:#dfdfdf; padding:30px 0 40px; margin-top:30px;}
.footer_bg .footer{ width:1040px; margin:0 auto;}
.footer .logo{float:left; margin-right:50px;}
.footer .logo .pic{ width:240px; height:74px; overflow:hidden;}
.footer .logo .pic img{}
.footer .logo .tel{ font-size:30px; color:#105caa;}
.footer .center{ float:left; width:574px; margin-right:40px;}
.footer .center ul{ margin-left:-23px;}
.footer .center ul li{float:left; width:70px; text-align:center; border-left:1px solid #999999;border-right:1px solid #999999; line-height:14px; height:14px;}
.footer .center ul li a{ font-size:12px; color:#5d5d5d;}
.footer .center ul li a:hover{ color:#f5c400;}
.footer .center h2{ font-size:12px; line-height:23px; color:#5d5d5d; margin-top:10px; font-weight:normal;}
.footer .center h2 a{color:#5d5d5d;}
.footer .center h2 a:hover{ color:#f5c400;}
.footer .code{float:left; background-image:url(../images/code_bg.png); width:120px; height:117px;}
.footer .code img{ width:104px; height:104px; margin-left:8px; margin-top:5px; display:block;}