﻿@charset "UTF-8";
/* CSS Document */
*{margin:0 auto;padding:0;}
html{width:100%;height:100%; padding:0; margin:0; }
body {
    font-family:"Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",serif;
    font-size:85%;
    color:#000;
    display:table;
    width:100%;
    height:100%;
    line-height:24px;
    border-top:3px solid #8BC53F;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote {
    margin: 0;
    padding: 0;
}
img{border:none;}
ul,ol,li{list-style:none outside none;padding:0;margin:0;}
a{ text-decoration:none; color:#666; }
.clr{ clear:both;width:100%; height:0; }
	.menu ul li.bornone { border-right:none; }
.clearfix:after{ clear:both; content:""; display:block; }
.all_div{ width:100%; }

input[type="text"],textarea
{ 
	background-color: #fafafa;
    border:1px solid #e5e5e5;
    border-radius: 1px;
    color: #333;
    padding:3px 5px;
    font-size:15px;
    font-family: inherit;
    line-height:24px;
    width:
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.main-right-gray-bg a:link{color:#666;text-decoration:underline;}
.main-right-gray-bg a:visited {color:#666;text-decoration:underline;}
.main-right-gray-bg a:hover{color:green;text-decoration:none;}
.main-right-white-bg a:link{color:#666;text-decoration:underline;}
.main-right-white-bg a:visited {color:#666;text-decoration:underline;}
.main-right-white-bg a:hover{color:green;text-decoration:none;}

.page-container{
width:1200px;
height:auto;
margin:auto;
position:relative;
}
.logo{
height:85px;
position:relative;
}
.logo_iso{position:absolute; top:42px;left:425px;}
.logo_url{ float:right; width:60%; margin-top:10px; line-height:30px; }
.logo_url a{ float:right;margin-left:20px; color:#999; }
.logo_url a.mesge{ background:url(../images/message_ico.jpg) no-repeat left;  padding-left:25px; }
.logo_url a.whgo{ background:url(../images/gon_ico.jpg) no-repeat left; padding-left:20px;  }
.logo_url a:hover{ color:8BC53F; }
.select_bor{ float:right; margin-left:20px; }
.select_bor input{ width:200px; float:left; }
.select_bor span{ width:26px; height:26px; padding:3px; background-color:#8BC53F; float:left; }

.in_adow_l{ position:absolute; right:160px; bottom:30px; width:237px; height:45px; display:block; }

/*---------------------main-nav--------*/
.main-nav{
float:right;
width:70%;
height: 40px;
font-size:16px;
margin-top:20px;
}
.main-nav table tr td{ text-align:right; width:15%; }
.showimg_bor{ width:100%; height:425px; background:url(../images/showimg1.jpg) no-repeat center; }
.aboutshowimg_bor{ width:100%; height:360px; background:url(../images/aboutshowimgbg.jpg) no-repeat center; }
.procuctshowimg_bor{ width:100%; height:360px; background:url(../images/product-showimg.jpg) no-repeat center;  }
.downshowimg_bor{ width:100%; height:360px; background:url(../images/downloadshowimg.jpg) no-repeat center; }
.surrogate_show{ width:100%; height:360px; background:url(../images/surrogate_show.jpg) no-repeat center; }

.in_abou_cont{ background-color:#F7F8F8; padding:5px 0; }
.in_abou_tit{ float:left; height:60px; padding-left:130px; background:url(../images/about_ico.jpg) no-repeat; }
.in_abou_tit a{ background-color:#fff; color:#8BC53F; padding:2px 5px; float:right; margin:15px 0 0 20px; }
.in_abou_span{ float:right; width:76%; color:#999; padding-top:5px; }

.all_cont_tit{ width:100%; text-align:center; }
.all_cont_tit h3{ font-size:22px; color:#000; font-weight:100; }
.all_cont_tit h3 span{ color:#8BC53F; line-height:30px; }
.all_cont_tit p{ color:#666; }
.all_cont_tit .mro_lin{ width:80%; margin:0 auto; }
.all_cont_tit .mro_lin span{ width:30px; height:6px; float:left; background-color:#8BC53F; }
.all_cont_tit .mro_lin hr{ background-color:#8BC53F; border:0; height:1px; width:88%; float:left; margin-top:3px; }
.all_cont_tit .mro_lin a{ float:right; color:#8BC53F; margin-top:-10px; }

.in_product_li{ width:224px; float:left; margin-left:20px; }
.in_product_li dd,.in_product_li dt{ float:left; line-height:20px; }
.in_product_li dd{ width:214px; border:5px solid #E6E7E8; height:245px;  }
.in_product_li dt{ background-color:#F7F8F8; width:90%; padding:5px 5%; text-align:center; }
.in_product_li dt p{ color:#999; }
.in_product_li a dt strong{ font-size:15px; color:#000; }

.service-li{ width:100%; }
.service-li dd{ float:left; width:20%; text-align:center; padding-top:5px; }
.service-li dd p{ font-size:18px; line-height:50px; }

.customer_li{ width:100%; }
.customer_li dd{ float:left; width:120%; text-align:center; margin-bottom:5px;}
.customer_li dd a{ display:block; border:1px solid #e5e5e5;margin-right:20px;float:left;width:222px;}

.surrogate_list{ width:80%; margin:10px auto;  }

/*----------------about----------*/
.about_tospan{ width:100% }
	.about_toimgf{ float:left; width:20%; }
		.about_toimgf hr{float:left; width:250px; height:1px; background-color:#e9eaea; border:0; margin:30px 0;}
		.about_toimgf img{float:left;}
	.about_tospan p{ float:right; width:72%; padding:20px 3%; background-color:#F7F8F8; color:#666; }
/*----------------about----------*/

.history_ban{ float:left; width:47%; border-left:1px solid #e9eaea; padding-bottom:50px; }
.history_ban hr{ float:left; height:100%; border:1; width:1px; background-color:#e9eaea;  }
.hist_span{ width:100%; }
.hist_span dd{ width:92%; padding:20px 0 20px 8%; border-bottom:1px solid #e9eaea; position:relative; }
.hit_y{ position:absolute; left:-6px; bottom:-6px; }
.hist_span dd p{  color:#999; }
.hist_span dd p i{ font-style:normal; font-size:20px; line-height:30px; color:#000; }
.b_cb,.b_csb,.b_cy,.b_cdb{ width:20%; float:left; height:5px; }
.b_cb{ background-color:#42C0CC; }
.b_csb{  background-color:#2C5871;  }
.b_cy{  background-color:#FDCC3F;  }
.b_cdb{  background-color:#A6DAE8;  }
.our_map{ float:right; width:52%; }

.product_bg{ background-color:#F1F1F2; width:100%; float:left; padding:20px 0; }
.main-left-cont{ margin:0 auto; width:90%; }
.product_cont{ background-color:#ffffff; width:100%; }
.pro_alltit{ font-size:24px; font-weight:bold;padding-top:20px; text-align:center; }
.pro_alltits{ font-size:18px; text-align:center; color:#999; line-height:30px; padding:10px 0; }
.pro_page{ width:100%; float:left; padding:10px 0; border-bottom:1px solid #F1F1F2; border-top:1px solid #F1F1F2; }
.pro_page dl{ width:100%; line-height:30px; }
.pro_page dl dd{ float:left; padding:0 20px; color:#ccc; }
.pro_page dl dd a{ color:#8BC53F; }
.pro_page dl dd.pr_pg{ float:right; }

.pro_contable{ margin:auto; text-align:left; }
.pro_contable tr td{  border-bottom:1px dashed #e9eaea;background-color:#fff; padding:5px 0; }

.contact_bor{ width:60%; background-color:#fff; border:10px solid #58595b; margin:30px auto 0; opacity:0.9; }
.contact_ushow{ background:url(../images/contact_usbg.jpg) no-repeat; height:600px; width:100%; }
.contact_tit{ padding:10px 0; }
.contact_tit p strong{ font-size:20px; color:#F6921E; }
.sub_botn,.retu_botn{ display:inline-block; padding:5px 30px; margin:0 10px; border:0; color:#fff; cursor:pointer; }
.back a.sub_botn,.back a.retu_botn{  color:#fff;  }
.sub_botn{ background-color:#26A9E0; }
.retu_botn{  background-color:#58595b; }

.down_list{ width:48%; float:left; margin:10px; }
.down_list dt{ width:215px; height:215px; border:5px solid #e6e7e8; float:left;  overflow:hidden; }
.down_list dd{ width:54%; padding:0 2%; float:right; color:#666;}
.down_list dd h4{ color:#000; font-size:16px; }
.down_list dd p b{ color:#222; }
.down_list dd a{ display:inline-block; margin:5px 0; padding:3px 20px;background-color:#FF7C5E; color:#fff; }

/*----------------main----------*/
.main-left{
text-align:center;
width:590px;
float:left;
height:auto;
margin:auto;
background-image:url(../images/main_left/main_left_bg.gif);
}
.main-left2{
	text-align:center;
	width:45%;
	padding:10px;
	float:left;
	color:#666;
	border:3px solid #e9eaea;
}
.main-title{
margin:auto;
margin-top:6px;
margin-bottom:6px;
height:29px;
text-align:right;
}
.main-title2{
margin-bottom:6px;
width:100%;
height:30px;
line-height:30px;
color:#666;
text-align:left;
padding-left:10px;
}
.main-title_870{
margin:auto;
margin-bottom:6px;
width:860px;
height:29px;
line-height:29px;
color:#ccc;
text-align:left;
padding-left:10px;
background-image:url(../images/main_left/title_870.gif);
}
.main-title3{
margin-top:8px;
margin-bottom:6px;
}

.products_title{
font-size:11pt;
font-weight:bold; 
}
.products_title a:link,.products_title a:visited { text-decoration:underline; color:#000;}
.products_title a:hover,.products_title a:active{ text-decoration:none; color:green;}

.products_text{
font-size:9pt;
color:#666666;
padding-right:5px;
}
/*--------------------------------main-right---------*/
.main-right{
text-align:center;
font-size:9pt;
color:#555555;
margin-left:5px;
width:301px;
float:left;
/*
background-color:#FF0000;
*/
}
.main-right2{
text-align:center;
width:224px;
float:left;
display:none;
}
.main-right-table-bg{
margin:0;
background-image:url(../images/main_right/main_right_table_bg.gif);
}
.main-right-line{
margin:0;
height:3px;
}
.main-right-gray-bg{
padding-left:15px;
line-height:23px;
margin:auto;
text-align:left;
background-image:url(../images/main_right/mian_right_gray_bg.gif);
height:23px;
width:265px;
}
.main-right-white-bg{
padding-left:15px;
line-height:23px;
margin:auto;
text-align:left;
background-image:url(../images/main_right/main_right_white_bg.gif);
height:23px;
width:265px;
}
.bottom{
float:left;
color:#888888;
font-size:9pt;
line-height:20px;
text-align:center;
margin-top:50px;
width:100%;
height:81px;
background-image:url(../images/bottom.gif)
}


.about_td1
{
	text-align:left;
	background-color:#fff;
	padding:5px;
	border-bottom:1px dashed #e9eaea;
}

.about_td2
{
text-align:left;
padding:5px;
background-color:#ffffff;
border-bottom:1px dashed #e9eaea;
}
/*------------------------------about menu-----------------*/
.prod_left{ width:100%; }
.prod_left a{ color:#000; }
.about_menu_btn{
font-weight:normal;
font-size:15px;
line-height:35px;
width:90%;
padding:0 5%;
height:35px;
line-height:35px;
margin:auto;
margin-top:10px;
text-align:left;
}
.about_menu_btn_down{
color:blue;
}
.about_ld{
margin:10px;
font-weight:600;
color:#006600;
height:30px;
line-height:30px;
background-color:#eee;
/*border:1px solid #339900;*/
border-left:10px solid #339900;
text-align:left;
padding-left:5px;
}

/***----news----*/
.news1{
margin:0;
height:30px;
line-height:30px;
padding:5px;
width:860px;
}
.news1 a{
color:#000000;
}
.news2{
color:#006600;
margin:0;
text-decoration:underline;
background-color:#eee;
height:30px;
line-height:30px;
padding:5px;
width:860px;}

.news1-1{ 
width:70%; 

}
.news2-1{ 
width:70%; 
background-color:#eee;

}
.news2-2{ 
align:center;
color:#006600;
margin:0;
text-decoration:underline;
background-color:#eee;
height:140;
line-height:30px;
padding:5px;
width:70%;}

.news2 a{
color:#006600;
}
.news2 a:link{
color:#006600;
}
.news2 a:visited{
color:#006600;
text-decoration:underline;
}
.news2 a:hover{
color:#006600;
text-decoration:underline;
}
.news_date{
color:#999999;
text-decoration:none;}
.news_ico{
width:15px;
background-image:
url(../images/main_left/polg3.gif);
background-repeat:no-repeat;}
.pages_list {
font-size:9pt;
padding-left:20px;
padding-top:8px;
padding-bottom:5px;
}
.pages_list a {
margin-left:5px;
font-size:9pt;
color:#006600;
border:2px #ccc solid;
background-color:#eee;
padding:3px 8px 3px 8px;

}
.pages_list a:link {
margin-left:5px;
font-size:9pt;
color:#006600;
border:2px #ccc solid;
background-color:#eee;
padding:3px 8px 3px 8px;
}
.pages_list a:hover {
margin-left:5px;
font-size:9pt;
color:#006600;
border:2px #999 solid;
background-color:#fafafa;
padding:3px 8px 3px 8px;
}
.pages_list a:active {
margin-left:5px;
font-size:9pt;
color:#ff0000;
border:2px #ccc solid;
background-color:#eee;
padding:3px 8px 3px 8px;
}
.news_title{
padding-top:20px;

text-align:center;
font-size:12pt;
color:#333333;
font-weight:bold;}
.news_date{
color:#999;
text-align:right;
margin:20px;}
.news_text{
color:#333;
margin:30px;

}
.news_text h4,.news_text b{ font-size:15px; color:#000; }

/*-----------download----------*/
.sort{
font-weight:bold;
color:#006699;
font-size:10pt;
background-color:#F0F5F7;
height:30px;
line-height:30px;
border:1px #FFFFFF solid;
width:100px;
padding:5px;
text-align:center;}
/*.sort1{
margin:0;
height:30px;
line-height:30px;
padding:5px;
width:860px;
color:#555;
}
.sort2{
color:#006699;
margin:0;
text-decoration:underline;
background-color:#F0F5F7;
height:30px;
line-height:30px;
padding:5px;
padding-left:10px;
width:860px;
border:1px #fff solid;
cursor:pointer;}*/
/**--------------link------*/
.back{
text-align:center;}
.back a {
color:#666;
cursor:hand;
text-decoration:none;
}
.back a:link {
color:#fff;
cursor:hand;
text-decoration:none;
}
.back a:visited {
color:#666;
cursor:hand;
text-decoration:none;
}
.back a:hover{
color:#006600;
cursor:hand;
text-decoration:underline;
}

.aa a1:link {
color:#ff0000;
cursor:hand;
text-decoration:none;
}
.aa a1:visited {
color:#ff0000;
cursor:hand;
text-decoration:none;
}
aa1:hover{
color:#ff0000;
cursor:hand;
text-decoration:underline;
}

.main-title2 a:link{
color:#666;
text-decoration:none;
}
.main-title2 a:visited{
color:#666;
text-decoration:none;
}
.main-title2 a:hover{
color:#8BC53F;
text-decoration:none;
}

.main-title_870 a:link{
color:#999999;
text-decoration:none;
}
.main-title_870 a:visited{
color:#999999;
text-decoration:none;
}
.main-title_870 a:hover{
color:#eee;
text-decoration:none;
}
.more{position:relative; top:4px;}
.more a:link{
color:#ccc;margin-top:5px}
.more a:visited{
color:#ccc;margin-top:5px}
.more a:hover{
color:#ffffff;margin-top:5px;
text-decoration:underline;}
.link-int{
	text-decoration:underline;
	color:green;
	position:relative;
	left:100px;
}
.smallimgs{ padding:2px; border:1px solid #ccc;}
.download a,.download a:visited{ color:#f6921e; text-decoration:underline}
.download a:hover{ color:green; text-decoration:none;}
.gray a:link{ color:blue; text-decoration:underline}
.gray a:visited{ color:blue; text-decoration:underline}
.gray a:hover{ color:blue;text-decoration:none;}

.barcontent{ padding-left:5px;color:#333}
.barcontent a,.barcontent a:visited{ color:green; text-decoration:underline}
.barcontent a:hover{ color:green;text-decoration:none;}
.menuok td {}

a.wh_lgo{ display:inline-block; padding:3px 10px;  background-color:#E8F3D9; color:#8BC53F; position:absolute; top:-30px; left:0; }
.footer{ width:100%; border-top:5px solid #E8F3D9; }
.btn_log{ float:left; margin-top:8px; }
.btn_log img{ height:65px; }
.butfont{ float:left; margin-left:40px; display:inline; font-size:14px; line-height:22px; margin-top:20px; color:#999; }
.allbut{ width:100%; padding:10px 0; background-color:#58595B; border-top:1px solid #e5e5e5; line-height:22px;  text-align:center; color:#fff; }
.btn_call{ float:right; background:url(../images/call_ico.jpg)no-repeat 10px #F7F8F8; padding:15px 10px 15px 100px; text-align:center; }
.btn_call strong{ font-size:29px; color:#F6921E; line-height:30px; }
.btn_call p{ color:#929497; }

/*-----------news----------*/
#news{margin:8px 10px 10px 30px}
#news dt{font-weight:700}
#news li{font-size: 16px;margin-top:15px;border-bottom:solid 2px #ffc778;padding:0 15px;}
#news dl dt{font-size: 14px;margin-left:20px;padding:5px 5px 2px}
#news dl dd{font-size: 12px;margin:-2.5em 0 0 70px;padding:5px 20px 2px}






