@charset "gb2312";
body{ text-align:center; font-size:12px; color:#333333; font-family:"宋体"; background-color:#ffffff}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,emBED{padding:0; margin:0;}
a img {	border: none;}/*  图片链接去掉边框  */
li{ list-style:none;}/*  删除列表标记  */
ul,li{padding:0px;margin:0px;list-style-type: none;}
a:link {color: #333333;	text-decoration: none;	font-size: 12px;}
a:visited {	text-decoration: none;	color: #333333;	font-size: 12px;}
a:hover {	COLOR: #333333;	font-size: 12px;text-decoration: underline;}
a:active {	text-decoration: none;	color: #333333;	font-size: 12px;}
.maxLen {DISPLAY: inline-block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-DECORATION: none}
.container{ width:1000px;display:block;clear:both;margin: 0 auto;/* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */padding:0px;}

.left{ width:230px;float:left;}
.right{ width:730px; float:right;}

.top_bg{ width:1000px; height:31px; background-image:url(images/top_line.jpg); background-repeat:repeat-x; float:left}
.top_link{ width:274px; height:31px; color:#FFFFFF; line-height:31px; background-image:url(images/top_link.jpg); background-repeat:no-repeat; text-align:center; float:right}
.top_link a:link{ color:#FFFFFF}
.top_link a:visited{ color:#FFFFFF}
.top_link a:active{ color:#FFFFFF}
.top_link a:hover{ color:#FFFFFF}

.logo{ width:400px; height:77px; float:left; text-align:left}
.top_tel{ width:210px!important; width:290px; padding-left:80px; height:77px; line-height:25px; text-align:left; font-size:16px; font-weight:bold; float:left; background-image:url(images/tel.jpg); background-repeat:no-repeat; background-position:20px 0px;}
.top_tel span{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-style:italic; color:#FF0000}
.search{ width:300px; height:auto; float:right; padding-top:10px;}
.search_input{ width:180px; padding-left:10px; color:#9B9B9B;background-color:#ffffff; height:23px; line-height:23px; float:right; border:1px solid #cccccc;}
.search_submit{ width:45px; height:23px; margin-left:3px; border:0px; color:#333333; background-color:#FFFFFF; border:1px solid #cccccc; float:right;}

.nav{ width:1000px; height:35px; line-height:35px; background-image:url(images/nav_bg.jpg); background-repeat:repeat-x; float:left}
.nav_lan{ width:2px; height:35px; float:left; background-image:url(images/nav_lan.jpg); margin-left:20px!important; margin-left:10px;}
.nav li{ width:120px; height:35px; line-height:35px; float:left; background-image:url(images/nav_lan.jpg); background-repeat:no-repeat; background-position:right}
.nav li a:link{ width:120px; height:35px; font-size:14px; font-weight:bold; color:#FFFFFF; float:left}
.nav li a:visited{ width:120px; height:35px; font-size:14px; font-weight:bold; color:#FFFFFF; float:left}
.nav li a:active{ width:120px; height:35px; font-size:14px; font-weight:bold; color:#FFFFFF; float:left}
.nav li a:hover{ width:120px; height:35px; font-size:14px; font-weight:bold; color:#FFFFFF; float:left; text-decoration:none; background-image:url(images/nav_hover.jpg); background-repeat:no-repeat; background-position:right}

.banner{ width:1000px; height:311px; float:left; margin-top:5px;}
.banner_down{ width:1000px; height:35px; float:left; background-image:url(images/banner_down.jpg)}

/* banner start */
.my_banner{width:100%;overflow:hidden;height:311px;position:relative}
.banList{position:absolute;height:311px}
.banList li{height:311px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}
/* banner end */


.more{ margin-right:5px; float:right; margin-top:20px;}

.index_product_title{ width:1000px; height:37px; float:left; line-height:37px; text-align:left}
.index_product_list{ width:1000px; height:auto; float:left; padding-top:10px; padding-bottom:20px;}

.product_box_all{ width:181px; height:auto; float:left;margin-left:5px;}
.product_box_name{ width:181px; height:25px; line-height:25px; text-align:center; float:left}
.product_box { width:181px; height:158px; line-height:135px; margin-top:0px; overflow:hidden; background-image:url(images/product_box_bg.jpg); background-repeat:no-repeat; float:left; position:relative; text-align:center;}
.product_box p { position:static; +position:absolute; top:50%}
.product_box img { position:static; +position:relative; top:-50%;left:-50%; vertical-align:middle}
p:after { content:".";font-size:1px; visibility:hidden}

.product_box_all_in{ width:155px; height:auto; float:left;margin-left:25px !important; margin-left:13px; margin-top:10px;}
.product_box_name_in{ width:155px; height:25px; line-height:25px; text-align:center; float:left}
.product_box_in { width:155px; height:135px; line-height:135px; margin-top:0px; overflow:hidden; float:left; position:relative; text-align:center;}
.product_box_in p { position:static; +position:absolute; top:50%}
.product_box_in img { position:static; +position:relative; top:-50%;left:-50%; vertical-align:middle}
p:after { content:".";font-size:1px; visibility:hidden}


.index_news{ width:313px; height:auto; float:left; margin-top:20px;}
.index_news_title{ width:313px; height:45px; float:left; text-align:left}
.index_news_list{ width:313px; height:auto; float:left}
.index_news_list li{ width:313px; height:30px; line-height:30px; border-bottom:1px dotted #cccccc; text-align:left; float:left}

.index_profile{ width:680px; height:auto; float:right; margin-top:20px;}
.index_profile_title{ width:680px; height:37px; float:left; text-align:left}
.index_profile_txt{ width:670px !important; width:680px; padding:5px; height:275px !important; height:290px; overflow:hidden; float:left; border:1px solid #cccccc; line-height:20px; text-align:left}
.index_profile_pic{ padding:10px; float:left}


.index_solution{ width:252px; height:auto; float:left}
.index_solution_title{ width:242px !important; width:252px; padding-left:10px; height:30px; line-height:30px; float:left; text-align:left; font-size:14px; font-weight:bold;}
.index_solution_title span{ font-family:Arial, Helvetica, sans-serif; padding-left:5px; color:#756868}
.index_solution_list{ width:252px; height:auto; float:left}

.index_project{ width:730px; height:auto; float:right}
.index_project_title{ width:720px !important; width:730px; padding-left:10px; height:30px; line-height:30px; float:left; text-align:left; font-size:14px; font-weight:bold;}
.index_project_title span{ font-family:Arial, Helvetica, sans-serif; padding-left:5px; color:#756868}
.index_project_list{ width:730px; height:auto; float:left}

.project_box{ width:160px; height:auto; float:left; margin-left:15px; margin-top:15px;}
.project_box_pic{ width:160px; height:auto; float:left; padding-bottom:3px;}
.project_box_txt{ width:160px; height:30px; line-height:30px; float:left; background-color:#EEEEEE}

.join_box{ width:280px; height:autu; float:left}
.join_box_title{ width:270px !important; width:280px; padding-left:10px; height:30px; line-height:30px; float:left; text-align:left; font-size:14px; font-weight:bold;}
.join_box_title span{ font-family:Arial, Helvetica, sans-serif; padding-left:5px; color:#756868}
.join_box_txt{ width:200px !important; width:280px; padding-top:110px; float:left; height:70px !important; height:170px; padding-right:80px; text-align:right; color:#FF0000; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-image:url(images/agent_bg.jpg); background-repeat:no-repeat; background-position:top}

.index_article{  width:350px; height:auto; float:left; margin-left:5px}
.index_article_title{ width:340px !important; width:350px; padding-left:10px; height:30px; line-height:30px; float:left; text-align:left; font-size:14px; font-weight:bold;}
.index_article_title span{ font-family:Arial, Helvetica, sans-serif; padding-left:5px; color:#756868}
.index_article_list{width:340px !important; width:350px; height:auto; margin-top:8px; float:left; padding-left:10px; border-left:1px solid #cccccc;}
.index_article_list li{ width:340px; height:25px; line-height:25px; text-align:left; float:left}
.index_article_list li span{ float:right}

.down_link{ width:1000px; height:auto; float:left; background-image:url(images/down_bg.jpg); background-repeat:repeat-x; background-position:top; margin-top:10px;}

.link{ width:1000px; line-height:18px; float:left; text-align:left; margin-top:10px; margin-bottom:5px}

.copyright{ width:1000px; height:auto; padding-top:10px; line-height:20px; float:left; border-top:1px solid #535353}

.left_title{ width:165px !important; width:230px; padding-left:65px; border-bottom:1px solid #cccccc;  height:45px; font-size:16px; font-weight:bold; line-height:45px; float:left; text-align:left; background-image:url(images/left_title_bg.jpg); background-repeat:no-repeat; background-position:left}
.left_list{ width:230px; height:auto; float:left}
.left_list li{ width:170px !important; width:230px; height:40px; line-height:40px; text-align:left; float:left; padding-left:60px; background-image:url(images/icon01.jpg); background-repeat:no-repeat; background-position:35px 6px;}
.left_list li a:link{ font-size:14px; font-weight:bold}
.left_list li a:visited{ font-size:14px; font-weight:bold}
.left_list li a:active{ font-size:14px; font-weight:bold}
.left_list li a:hover{ font-size:14px; font-weight:bold; text-decoration:none; color:#DD5A02}

.left_txt{ width:210px !important; width:230px; height:auto; font-size:14px; padding:10px; float:left; text-align:left; line-height:25px;}

.right_title{ width:720px !important; width:730px; padding-left:10px; height:30px; line-height:30px; float:left; text-align:left; font-size:14px; font-weight:bold; background-image:url(images/title_bg.jpg); background-repeat:repeat-x; background-position:bottom}
.right_txt{ width:710px !important; width:730px; padding:10px; height:auto; float:left; line-height:25px; font-size:14px; text-align:left}
.right_txt a:link{ font-size:14px}
.right_txt a:visited{ font-size:14px}
.right_txt a:active{ font-size:14px}
.right_txt a:hover{ font-size:14px}

.right_product{ width:730px; height:auto; float:left; line-height:25px; font-size:14px; text-align:left}

.more_in{ margin-right:5px; float:right;}
.more_in a:link{ font-size:12px; font-weight:normal}
.more_in a:visited{ font-size:12px; font-weight:normal}
.more_in a:active{ font-size:12px; font-weight:normal}
.more_in a:hover{ font-size:12px; font-weight:normal}

.pagelink{ width:720px; height:30px; line-height:30px; float:left; text-align:center}

.product_class_list{width:190px; height:auto; float:left}
.lm01{ width:160px !important;width:220px; height:40px; line-height:40px; text-align:left; float:left; padding-left:60px; background-image:url(images/icon01.jpg); background-repeat:no-repeat; background-position:35px 6px;}
.lm02{ width:150px !important; width:220px;  padding-left:70px; height:28px; line-height:28px; text-align:left; float:left;}
.lm03{ width:140px !important; width:220px; padding-left:80px; height:25px; line-height:25px; text-align:left; float:left;}
.lm01 a:link{font-weight:bold; font-size:14px; float:left;}
.lm01 a:visited{font-weight:bold; font-size:14px;float:left;}
.lm01 a:active{font-weight:bold; font-size:14px;float:left;}
.lm01 a:hover{font-weight:bold; font-size:14px;;float:left; text-decoration:none; color:#DD5A02;}

.article_list{ width:710px; height:auto; float:left; line-height:23px; text-align:left; font-size:14px}
.article_list li{ width:690px!important; width:710px; height:30px; line-height:30px;padding-left:20px; background-image:url(images/icon02.jpg); background-repeat:no-repeat; background-position:0px 7px; border-bottom:1px dotted #cccccc; text-align:left; float:left}
.article_list li span{ float:right}
.article_list a:link{ font-size:14px}
.article_list a:visited{ font-size:14px}
.article_list a:active{ font-size:14px}
.article_list a:hover{ font-size:14px}

.p_box{ width:700px; height:auto; float:left; margin-top:10px; border-bottom:1px dotted #cccccc; padding-bottom:10px;}
.p_pic{ width:155px; height:135px; float:left;}
.p_title{ width:530px; height:30px; float:left; text-align:left; margin-left:5px; font-size:14px; font-weight:bold;}
.p_info{ width:530px; font-size:12px; height:100px; float:left; line-height:20px; text-align:left; margin-left:5px; overflow:hidden}
.more_project{ float:right}

.right_article_title{ width:710px; height:40px; text-align:center; line-height:40px; font-size:16px; font-weight:bold; float:left}
.right_profile_detail{ width:710px ;height:auto;float:left; line-height:23px; text-align:left; margin-top:10px;}
.right_date{ width:700px !important; width:710px; height:20px; float:left; text-align:right; padding-right:10px;}
.right_next{ width:710px; line-height:23px; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; text-align:left; height:auto; float:left}
.right_next li{ width:355px; height:23px; line-height:23px; text-align:left; float:left}
.article_close{ width:710px; line-height:30px; height:30px; float:left; text-align:center}

.product_detail_pic{ width:710px; float:left; height:auto; margin-bottom:10px; margin-top:10px; text-align:center}
.product_detail_info{ width:710px; float:left; line-height:20px; text-align:left; margin-top:10px;}
.product_detail_info span{ font-size:14px; font-weight:bold;}

