body { color:#686868; font-size:12px; font-family:"arial","宋体"; height:100%; }
html{ overflow-y:scroll; height:100%;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}


/*字体*/
.arial { font-family:arial;}
.yahei { font-family:"microsoft yahei","宋体";}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.b{ font-weight:bold;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }

.all{ width:1200px; margin:0 auto; }

.top{ position:relative; z-index:1; }
.top .function{ height:73px; line-height:73px; border-bottom:1px solid #e3e3e3; }
.top .function .logo{ padding-top:5px; float:left; }
.top .function .logo img{ height:58px; }
.top .abox{ float:right;position: relative;}
.top .abox span{ width:1px; height:20px; display:inline-block; background:#e8e8e8; margin:0 14px; vertical-align:middle; }
.top .abox .mail{ padding:4px 0; padding-left:36px; background: no-repeat left center; color:#848484; }
.top .abox .home{ padding:4px 0; padding-left:32px; background: no-repeat left center; color:#848484; }
.top .abox .weichat{ background: no-repeat; display:inline-block; width:27px; height:27px; vertical-align:middle; }
.top .abox .weichat:hover #weichata{display: block;}
.top .abox #weichata{display: none;background: no-repeat;width:178px;height:183px;vertical-align:middle;position:absolute;top:67px;z-index: 9;left: 144px;}
.top .abox .lang{ position:relative; width:57px; display:inline-block; height:20px; }
.top .abox .lang em{ position:absolute; width:57px; height:20px; line-height:20px; color:#9e9e9e; border:1px solid #9e9e9e; top:6px; text-align:center; border-radius:10px; }
.top .function .lan_btn{ border:1px solid #9e9e9e; border-radius:10px; width:57px; padding:0 5px; color:#9e9e9e; display:inline-block; line-height:20px; float:right; margin-top:27px; margin-right:20px; text-align:center; display:none; }

.top .menu li{ float:left; width:10%; margin-right:5%; text-align:center; height:40px; position:relative; }
.top .menu li a.tit{ display:block; height:40px; font:normal 14px/40px 'microsoft yahei'; color:#3d3d3d; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.top .menu li a.tit:hover,.top .menu li.cur a.tit{ color:#ca0b0b; }
.top .menu li span{ display:block; position:absolute; left:50%; margin-left:-32px; top:0; height:1px; background:#d50004; width:64px; opacity:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.top .menu li:hover span{ opacity:1; }
.top .menu li.cur span{ opacity:1; }
.top .menu li .zi_menu{ background: repeat; width:600px; padding-left:25px; padding-bottom:0; position:absolute; left:0; top:40px; z-index:10; height:0; overflow:hidden; transform:translatey(-20px); -webkit-transform:translatey(-20px); -moz-transform:translatey(-20px); -o-transform:translatey(-20px); }
.top .menu li .zi_menu.cur{ height:auto; padding-bottom:20px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; transform:translatey(0); -webkit-transform:translatey(0); -moz-transform:translatey(0); -o-transform:translatey(0); }
.top .menu li .zi_menu dl{ float:left; padding-top:25px; }
.top .menu li .zi_menu dl dt{ font:bold 16px 'microsoft yahei'; color:#fff; margin-bottom:15px; text-align:left; }
.top .menu li .zi_menu dl dd{ color:#fff; line-height:20px; text-align:left; }
.top .menu li .zi_menu dl dd a{ color:#fff; }
.top .menu li .zi_menu dl dd a:hover{ color:#da0000; }

.mask{ position:fixed; width:100%; height:100%; background:#000; opacity:0.3; left:0; top:0; z-index:500; display:none; }
.sub_menu{ position:fixed; width:40%; height:100%; background:#252d33; right:0; top:0; z-index:1000; padding:5% 0; display:none; overflow:auto;-webkit-overflow-scrolling: touch; }
.sub_menu.cur{ transform:translatex(0); -o-transform:translatex(0); -webkit-transform:translatex(0); -moz-transform:translatex(0); }
.sub_menu ul{ box-sizing:border-box; }
.sub_menu li{ width:100%; box-sizing:border-box; }
.sub_menu li .a{ color:#fff; font-size:14px; display:block; padding:12px 0; padding-left:20%; }
.sub_menu .mail{ padding:6px 0; padding-left:36px; background: no-repeat left center; color:#848484; display:block; margin:10px 0 10px 0; margin-left:20%; }
.sub_menu .home{ padding:6px 0; padding-left:36px; background: no-repeat left center; color:#848484; display:block; margin-bottom:10px; margin-left:20%; }
.sub_menu .li{ display:none; }
.sub_menu li.line{ height:1px; background:#3b4248; width:100%; margin:0; padding:0; margin-bottom:5px; }
.sub_menu dl{ width:80%; margin:0 auto; padding-bottom:10px; display:none; }
.sub_menu dl dd a{ display:block; font-size:12px; color:#fff; line-height:18px; padding:7px 0; padding-left:20%; }

.page{ padding:30px 0 20px; text-align:right; }
.page a{ display:inline-block; padding:4px 8px; color:#999; border:1px solid #fff; font-size:12px; margin:0 1px; }
.page a.cur,.page a:hover{ background:#f7f7f7; color:#999; border:1px solid #ccc;}

.foot .footmenu{ background:#aeaeae; border-bottom:1px solid #cfcfcf; }
.foot .footmenu .btnbox{ padding:40px 0; }
.foot .footmenu .btnbox a{ font:normal 14px 'microsoft yahei'; color:#fff; margin-right:35px; }
.foot .footmenu .btnbox a:hover{ color:#d5060d; }
.foot .footmenu .contacbox{ padding-bottom:30px; }
.foot .footmenu .contacbox dl{ color:#fff; font:normal 14px 'microsoft yahei'; float:left; }
.foot .footmenu .contacbox dt{ margin-bottom:20px; color:#f7f7f6; }
.foot .footmenu .contacbox dd{ color:#e8e8e8; margin-bottom:20px; }
.foot .footmenu .contacbox .line{ background:#c8c8c8; width:1px; height:92px; float:left; margin:40px 80px 0; }
.foot .footmenu .contacbox ul{ float:left; margin-top:39px; }
.foot .footmenu .contacbox li{ color:#e8e8e8; font:normal 14px 'microsoft yahei'; margin-bottom:5px; }
.foot .footmenu .contacbox li a{ color:#e8e8e8; }
.foot .footmenu .contacbox li a:hover{ text-decoration:underline; }
.foot .footmenu .contacbox .mabox{ float:right; text-align:center; color:#e8e8e8; }
.foot .footmenu .contacbox .mabox img{ display:block; margin-bottom:5px; width:130px; }
.foot .footmenu .contacbox .mabox span{ display:block; line-height:20px; }


.foot .footbox{ background:#bdbdbd; height:50px; line-height:50px; color:#fff; }

.footers{ height:50px; line-height:50px; background:#222328; text-align:center; color:#656668; position:absolute; bottom:0; left:0; width:100%; }
.footers span{ display:inline-block; }
.page-jumper{ float:right; }
.page-jumper .pagination{ width:40px; text-align:center; border:1px solid #ccc; padding:4px 0; color:#999; margin-left:2px; }
.page-jumper-button{ padding:4px 8px; color:#999; border:1px solid #ccc; font-size:12px; background:none; cursor:pointer; border-left:none; }
.page-jumper-button:hover{ background:#f7f7f7; }

@media screen and (max-width:1200px){
	.all{ width:100%; padding:0 10px; box-sizing:border-box; }
    .america .section_seven .clearboth .dl3{width: 365px;}
}
@media screen and (max-width:1024px){
	.foot .footmenu .contacbox .line{ margin:40px 40px 0; }
}
@media only screen and (max-width: 770px) {
    .function .small_menu{ float: right; width: 46px; background: no-repeat center; background-size: 24px auto; height:40px; margin-top:18px; }
    .menu{ display:none; }
    .sub_menu{ transform:translatex(100%); -o-transform:translatex(100%); -webkit-transform:translatex(100%); -moz-transform:translatex(100%); display:block; -moz-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
    .foot .footmenu .contacbox .line{ margin:40px 30px 0; }
    .foot .footmenu .contacbox ul{ width:350px; }
    .foot .footmenu .contacbox .mabox{ display:none; }
    .footers{ line-height:20px; padding-top:5px; height:45px;position:relative; }
	.footers span{ display:block; }

}
@media screen and (max-width:510px){
	.top .abox,.foot .footmenu .btnbox,.foot .footmenu .contacbox .line{ display:none; }
    .page-jumper{ display:inline-block; float:none; }
	.footer{ line-height:20px; padding-top:5px; height:45px; }
	.footer span{ display:block; }
    .foot .footmenu .contacbox{ padding:20px 0; }
    .foot .footmenu .contacbox dd{ margin-bottom:5px; }
    .foot .footmenu .contacbox ul{ margin-top:0; width:100%; }
    .foot .footmenu .contacbox .mabox{ float:none; display:block; }
    .foot .footmenu .contacbox .mabox img{ display:block; padding-top:15px; margin:0 auto; }
    .page{ text-align:left; }
    .page a{ padding:10px 14px; }
    .foot .footmenu .contacbox li a.m{ margin-left:92px; }
    .top .function .lan_btn,.sub_menu .li{ display:block; }
    .foot .footmenu .contacbox li,.foot .footmenu .contacbox dl,.foot .footbox,.foot .footbox{ font-size:10px; }
    .foot .footmenu .contacbox dt{ margin-bottom:10px; }
    .foot .footmenu .contacbox .mabox img{ width:145px; }
    .foot .footmenu .contacbox .mabox span{ display:inline-block; font-size:10px; padding-top:5px; }
    .foot .footbox{ text-align:center; height:auto; line-height:30px; }
    .footers{ font-size:10px; height:auto; line-height:30px; padding:0; }
    .footers span{ display:inline-block; }
}
@media screen and (max-width:320px) {
    .foot .footbox{ line-height:25px; text-align:center; }
    .footbox p span{ display:block; }
}
