﻿@charset "utf-8";
body{ text-align:center; font-size:16px; color:#333333; font-family:'Microsoft YaHei'; background-color:#FFFFFF;line-height: 1.25em;}
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: 16px;}
a:visited {	text-decoration: none;	color: #333333;	font-size: 16px;}
a:hover {	COLOR: #333333;	font-size: 16px;	text-decoration: underline;}
a:active {	text-decoration: none;	color: #333333;	font-size: 16px;}
.maxLen {DISPLAY: inline-block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-DECORATION: none}
.container{ width:100%;display:block;clear:both;margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */padding:0px; min-width:320px; max-width:640px;}
.wrap { table-layout:fixed; word-break: break-all; overflow:hidden; } 
p{ padding:0px; margin:0px;}
/*标准化内容*/
.clean{ clear:both}
ul, ol { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
input{ outline: 0 }
textarea { -moz-outline: 0; outline: 0; overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none }
img { vertical-align: middle }

.logo{ width:100%; height:auto; text-align:center; padding-bottom:5px;min-width:320px; max-width:640px;}
.logo img{ width:100%}

.nav{ width:100%; height:24px; line-height:20px; background-color:#d40000;min-width:320px; max-width:640px;}
.nav ul{ padding:2px 15px; height:auto; }
.nav li{float:left; width:20%; height:20px;}
.nav li a:link{float:left; width:100%; height:20px; color:#f6ff00}
.nav li a:visited{float:left; width:100%; height:20px; color:#f6ff00}
.nav li a:active{float:left; width:100%; height:20px; color:#f6ff00}
.nav li a:hover{float:left; width:100%; height:20px; color:#d40000; text-decoration:none; background-color:#FFFFFF;border-radius:5px; -moz-border-radius:5px; -webkit-; -o-border-radius:5px; display:block}

.more{height:30px; line-height:30px; text-align:left;padding:0px 15px;}

.title{line-height:40px; text-align:left; font-size:18px; font-weight:bold; padding:0px 15px;}
.profile_txt{ height:90px; line-height:30px; text-align:left; overflow:hidden;padding:0px 15px;}
.profile_in_txt{ line-height:30px; text-align:left; padding:0 15px;}
.profile_in_txt img{ width:100%}

.product_list{ height:auto; padding-bottom:10px; text-align:left; padding:0px 15px; clear:both;}
.product_pic{ width:100px; height:87px; margin-right:10px; text-align:center; float:left}
.product_pic img{ border:1px solid #cccccc}
.product_txt{ width:100%; height:80px;line-height:20px; text-align:left; overflow:hidden; float:left; margin-bottom:10px;}

.product_in_pic{ padding:10px 15px; height:auto;}
.product_in_pic img{ width:100%; border:1px solid #cccccc}

.article_list{height:auto; padding:0 15px;}
.article_list li{ width:100%; line-height:20px; padding-top:5px; padding-bottom:5px; text-align:left; border-bottom:1px dotted #cccccc}
.article_list li span{ font-size:12px; font-weight:normal; color:#CCCCCC; padding-left:5px;}

.copyright_line{ width:100%; height:10px;}
.copyright{padding:0px 15px; height:auto; padding-top:15px; padding-bottom:60px; text-align:center; line-height:30px; border-top:2px solid #0065CD}

.my_line{ padding:0px 15px; border-top:2px solid #0065CD; height:10px; }

.next_style{ padding:0 15px; text-align:center}

.next_style li { width:100%; margin-top:5px; height:40px; line-height:40px;color:#FFFFFF;background-color:#F28403;border-radius:5px; -moz-border-radius:5px; -webkit-; -o-border-radius:5px; display:block}
.mybutton{ width:100%; margin-top:5px; height:40px; text-align:center; line-height:40px;color:#FFFFFF;background-color:#F28403;border-radius:5px; -moz-border-radius:5px; -webkit-; -o-border-radius:5px; display:block}
.next_style li a:link,.next_style li a:active,.next_style li a:hover,.next_style li a:visited,.mybutton a:link,.mybutton a:visited,.mybutton a:active,.mybutton a:hover{ width:100%; height:40px; display:block; color:#FFFFFF; text-decoration:none}

.search{height:auto; width:100%;}
.search_input{ width:180px; padding-left:10px; background-color:#ffffff; height:26px; line-height:26px;  border:1px solid #cccccc;}
.search_submit{ width:46px; margin-left:2%; height:30px; margin-left:3px; background-color:#FFFFFF; border:1px solid #cccccc; }

.myproductbutton{height:auto; clear:both; padding:0px 15px}
.myproductbutton li{ width:50%; height:40px; line-height:40px; background-color:#FFFFFF; float:left; margin-top:10px;}
.click_button{ width:99%; height:40px; padding:1px; background-color:#0065CD; float:left; color:#ffffff; border:1px solid #ffffff;border-radius:5px; -moz-border-radius:5px; -webkit-; -o-border-radius:5px;}
.click_button a:link{ width:100%; height:40px; float:left; color:#FFFFFF}
.click_button a:visited{ width:100%; height:40px; float:left; color:#FFFFFF}
.click_button a:active{ width:100%; height:40px; float:left; color:#FFFFFF}
.click_button a:hover{ width:100%; height:40px; float:left; color:#FFFFFF; text-decoration:none}

.button_contact{ width:100%; height:60px; background-image:url(images/button_contact_bg.jpg); background-repeat:repeat-x;position:fixed;_position:absolute;bottom:0px;_bottom:0px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);min-width:320px; max-width:640px;}
.button_contact_lan{ width:100%; height:60px; float:left; background-image:url(images/my_message_bg_left_lan.jpg); background-position:center; background-repeat:no-repeat}
.my_tel a{ width:50%;height:20px; padding-top:40px; float:left; color:#FFFFFF; background-image:url(images/my_tel_bg.jpg); background-position:center; background-repeat:no-repeat}
.my_message a{ width:50%; height:20px; padding-top:40px; float:left; color:#FFFFFF; background-image:url(images/my_message_bg.jpg); background-position:center; background-repeat:no-repeat}

/*faq*/
.article_list_li{ width:100%; height:auto; text-align:left; padding:5px 0px;}
.article_demo{ width:100%; height:auto; text-align:left; padding-bottom:1px dotted #cccccc}

/*cer pic*/
.cer_box{ width:50%; height:210px; text-align:center; display:block; float:left;}
.cer_pic{ padding:0 0px; height:185px;}
.cer_name{ width:100%; height:20px; line-height:20px; text-align:center; overflow:hidden}


